@charset "UTF-8";



/* top
------------------------------------------*/

body{
	background:url('/webImg/html/top/img/bg.png?20230131');
}

#wrapper{
	min-width:1200px;
	max-width:1500px;
	margin:auto;
	padding:0px;
}

#main{
	background:none;
	width:1104px;
}

#mainc{
	width:842px;
}

#mainc_inner{
	width:840px !important;
}

.dlist01 dt {
	padding:3px 0 0 0 !important;
}

.dlist01 dd {
	margin: -1.5em 0 0 0;
	padding: 0 0 3px 10em !important;
}

/* ttl */

.top_subt01{
	font-size:13px;
	line-height:1.5;
	font-weight:bold;
	padding:0 0 2px 15px;
	background:url('/webImg/html/common/img/icn_circle02.png?20230131') no-repeat 0 4px;
}

.top_subt01 .lss{
	letter-spacing:-2px;
}

.top_subt01 .top_subt01_01{
	font-size:15px;
	color:#006DB6;
}

.top_subt02{
	font-size:15px;
	line-height:1.5;
	font-weight:bold;
	padding:0 0 2px 15px;
	background:url('/webImg/html/common/img/icn_circle02.png?20230131') no-repeat 0 5px;
}

#top main {
	width: 90%;
	margin: auto;
}

#top main #side {
	width: 18%;
    margin-top: 1rem;
}

#top main .main {
	width: 80%;
	margin-left: 2%;
	float: right;
}

#top_search_wrapper{
	background:#ffffff;
/*	padding:105px 0 15px 0;*/
	padding: 0;
}

#top_search{
	padding:5px 0 0 0;
}

#top_search_txtbox{
	display:inline-block;
	margin:0 auto;
	text-align:left;
}

#top_search_txtbox td#top_search_txtbox_date{

}

#top_search_txtbox td#top_search_txtbox_date p{
	border:solid 1px #ffffff;
	background:#f2f5f9;
	padding:3px;
	color:#426AB2;
	font-size:1.2em;
	line-height:1.2;
	font-weight:bold;
	text-align:right;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#top_search_txtbox td#top_search_txtbox_detail{
	font-size:1.2em;
	line-height:1.5;
}

#top_search_txtbox td#top_search_txtbox_detail table{

}

#top_search_txtbox td#top_search_txtbox_detail th{
	padding:0 1em 0 1em;
}

#top_search_txtbox td#top_search_txtbox_detail td{
	padding:0 0;
	font-size:117%;
	font-weight:bold;
}

#top_search_txtbox td#top_search_txtbox_detail td span{
	font-size:70%;
	font-weight:normal;
	margin:0 0 0 5px;
}

/* top_about */

.top_about{
	display:table;
	width:840px;
}

.top_about dt{
	display:table-cell;
	vertical-align:top;
	width:200px;
}

.top_about dd{
	display:table-cell;
	vertical-align:middle;
	width:640px;
	font-size:12px;
	line-height:1.4;
}

/* top_detbox */

.top_detbox{
	width:840px;
}

.top_detbox_01{
	float:left;
	width:272px;
	margin:0 9px 0 0;
}

.top_detbox_02{
	float:left;
	width:272px;
}

.top_detbox_03{
	float:right;
	width:276px;
}

.top_detbox ul{
	border-top:solid 1px #cdcdcd;
}

.top_detbox li{
	border-right:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd;
	border-left:solid 1px #cdcdcd;
	height:58px;
}

.top_detbox li .boxlink{
	height:55px;
	padding:3px 100px 0 9px;
}

.top_detbox li.top_buy_01 .boxlink{
	background:url('/webImg/html/top/img/bg_buy_01.jpg?20230131') #ffffff no-repeat right 0;
}

.top_detbox li.top_buy_01 .boxlink.hovr{
	background-position:right -58px;
}

.top_detbox li.top_buy_02 .boxlink{
	background:url('/webImg/html/top/img/bg_buy_02.jpg?20230131') #ffffff no-repeat right 0;
}

.top_detbox li.top_buy_02 .boxlink.hovr{
	background-position:right -58px;
}

.top_detbox li.top_man_01 .boxlink{
	background:url('/webImg/html/top/img/bg_man_01.jpg?20230131') #ffffff no-repeat right 0;
}

.top_detbox li.top_man_01 .boxlink.hovr{
	background-position:right -58px;
}

.top_detbox li.top_man_02 .boxlink{
	background:url('/webImg/html/top/img/bg_man_02.jpg?20230131') #ffffff no-repeat right 0;
}

.top_detbox li.top_man_02 .boxlink.hovr{
	background-position:right -58px;
}

.top_detbox li.top_site_01 .boxlink{
	background:url('/webImg/html/top/img/bg_site_01.jpg?20230131') #ffffff no-repeat right 0;
}

.top_detbox li.top_site_01 .boxlink.hovr{
	background-position:right -58px;
}

.top_detbox li.top_site_02 .boxlink{
	background:url('/webImg/html/top/img/bg_site_02.jpg?20230131') #ffffff no-repeat right 0;
}

.top_detbox li.top_site_02 .boxlink.hovr{
	background-position:right -58px;
}

.top_detbox li a{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.top_detbox li a:hover,
.top_detbox li .hovr a{
	color:#426ab2;
}

.top_detbox li .txt{
	font-size:11px;
	line-height:1.3;
}

#top_searchbox{
	width:685px;
	height:96px;
	margin:0 auto;
	text-align:left;
	background:url('/webImg/html/top/img/bg_search.png?20230131') no-repeat 0 0;
	position:relative;
}

#top_searchbox_inner{
	position:absolute;
	top:11px;
	left:77px;
	width:597px;
	height:44px;
	background:url('/webImg/html/top/img/bg_search_field.png?20230131') no-repeat 0 0;
}

#top_searchbox input[type="text"]{
	width:477px;
	height:34px;
	border:none;
	padding:5px 10px;
	font-size:1.4em;
	line-height:34px;
}

#top_search_options{
	position:absolute;
	top:65px;
	left:85px;
}

#top_search input[type="radio"]{
	margin:0 0.5em 0 0;
}

#top_search_others{
	position:absolute;
	top:69px;
	left:378px;
}

#top_search_others li{
	display:inline;
}

#top_point{
	padding:0 0 25px 0;
}

#top_point h2{
	text-align:center;
	background:none;
}

#top_point dl{
	float:left;
	width:188px;
	height:206px;
	margin-right:11px;
}

#top_point dl.ri{
	margin-right:0;
}

#top_point dl#top_point_01{

}

#top_point dt{
	width:188px;
	height:206px;
}

#top_point dd{
	margin:-100px 0 0 0;
	height:100px;
	padding:0 15px;
	position:relative;
}

#top_point dd .linktxt{
	position:absolute;
	bottom:17px;
	right:15px;
}

#top_search02{
	width:710px;
	background:url('/webImg/html/top/img/bg_top_search02.png?20230131') no-repeat center 0;
	padding:0 0 10px 0;
}

#top_search02_rochester{
	float:left;
	width:335px;
}

#top_search02_rochester_inner{
	width:335px;
	height:60px;
	background:url('/webImg/html/top/img/p_rochester.png?20230131') no-repeat 0 0;
}

#top_search02_rochester_inner p{
	padding:15px 0 0 126px;
}

#top_search02_rochester_inner p input[type="text"]{
	background:url('/webImg/html/top/img/bg_rochester_field.png?20230131') no-repeat 0 0;
	width:149px;
	height:20px;
	border:none;
	padding:5px;
	font-size:1.2em;
	line-height:20px;
}

#top_search02_mouser{
	float:right;
	width:335px;
}

#top_search02_mouser_inner{
	width:335px;
	height:60px;
	background:url('/webImg/html/top/img/p_mouser.png?20230131') no-repeat 0 0;
}

#top_search02_mouser_inner p{
	padding:15px 0 0 126px;
}

#top_search02_mouser_inner p input[type="text"]{
	background:url('/webImg/html/top/img/bg_mouser_field.png?20230131') no-repeat 0 0;
	width:149px;
	height:20px;
	border:none;
	padding:5px;
	font-size:1.2em;
	line-height:20px;
}

#top_service{
	padding:0 0 10px 0;
}

#top_service ul{
	padding:0 0 0 0;
}

#top_service li{
	float:left;
	width:161px;
	padding:8px 5px 8px 10px;
	border-right:dotted 1px #cdcdcd;
}

#top_service li.ri{
	border-right:none;
}

#top_service li.pb0{
	padding-bottom:0;
}

#top_service li dt a{
	font-size:1.3em;
	color:#426ab2;
	font-weight:bold;
}

#top_service li dd{
	font-size:1.0em;
}

#top_service li dt a.icn_blank{
	padding:0 0 0 15px;
}

#top_service li dt a.icn_arrow{
	padding:0 0 0 8px;
}

#top_hitotsulist{
	padding:5px 0 10px 0;
}

#top_hitotsulist li{
	float:left;
	width:110px;
	margin:0 10px 10px 0;
}

#top_hitotsulist li.ri{
	margin:0 0 10px 0;
}

#top_hitotsulist li p{
	border:solid 1px #cdcdcd;
	padding:5px 9px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAABCarJsBLHsAAAAAXRSTlMAQObYZgAAABVJREFUCNdjaGA4wPCA4QMQH2BoAAAkXgUx2KhS+wAAAABJRU5ErkJggg==) #fcfcfc no-repeat 100px center;
	text-align:center;
}

#top_hitotsulist li p a{
/*	display:block;
	text-align:center;*/
}

#top_hitotsulist li p a img{
	padding:4px 0;
}

#top_hitotsulist li p a span.double{
	display:table-cell;
	height:30px;
	text-align:left;
	font-size:10px;
	line-height:14px;
	vertical-align:middle;
	padding-top:2px;
}

#top_hitotsulist li p a span.single{
	font-size:13px;
	line-height:38px;
}

*:first-child+html #top_hitotsulist li p a span.single{
	font-size:13px;
	line-height:38px;
}

#top_hitotsulist li p.hovr a span{
	color:#cccccc;
}

*:first-child+html #top_hitotsulist li p a span{
	display:inline;
	zoom:1;
}

/* 2014.11 */

#top_searchbox{
	width:688px;
	height:86px;
	margin:0 auto;
	text-align:left;
	background:url('/webImg/html/top/img/bg_search.png?20230131') no-repeat 0 0;
	position:relative;
}

#top_searchbox_inner{
	position:absolute;
	top:11px;
	left:77px;
	width:597px;
	height:34px;
	background:url('/webImg/html/top/img/bg_search_field.png?20230131') no-repeat 0 0;
}

#top_searchbox input[type="text"]{
	width:477px;
	height:24px;
	border:0;
	padding:5px 10px;
	font-size:1.4em;
	line-height:24px;
	margin:0;
	background:none;
}
*:first-child+html #top_searchbox input[type="text"]{
	padding:2px 9px;
}

#top_search_options{
	position:absolute;
	top:53px;
	left:85px;
}

#top_search input[type="radio"]{
	margin:0 0.3em 0 0;
}

#top_search_others{
	position:absolute;
	top:59px;
	left:378px;
}

#top_search_others li{
	display:inline;
}

#top_topbtns{
	padding:0 0 15px 0;
}

#top_topbtns h2{
	text-align:center;
}

#top_topbtns dl{
	float:left;
	margin-right:14px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

#top_topbtns dl.ov{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#top_topbtns dl.last{
	margin-right:0;
}

#top_topbtns dd{
	height:96px;
}

#top_topbtns dd ul{
	padding:0 0 0 4px;
}

#top_topbtns dd li{
	float:left;
	margin-right:4px;
}

#top_topbtns dd li.last{
	margin-right:0;
}

#top_topbtns dd li div{
	position:relative;
	height:93px;
}

#top_topbtns dd li div p.linktxt{
	position:absolute;
	right:8px;
	bottom:5px;
}

#top_topbtns dl.top_topbtns01{
	width:267px;
}

#top_topbtns dl.top_topbtns01 dd{
	/*background:url('/webImg/html/top/img/bg_topbtns_01.png?20230131') no-repeat 0 0;*/
}

#top_topbtns dl.top_topbtns02{
	width:395px;
}

#top_topbtns dl.top_topbtns02 dd{
	/*background:url('/webImg/html/top/img/bg_topbtns_02.png?20230131') no-repeat 0 0;*/
}

#top_topbtns dl.top_topbtns03{
	width:140px;
}

#top_topbtns dl.top_topbtns03 dd{
	/*background:url('/webImg/html/top/img/bg_topbtns_03.png?20230131') no-repeat 0 0;*/
}

#top_topbtns dl.top_topbtns04{
	width:140px;
}

#top_topbtns dl.top_topbtns04 dd{
	/*background:url('/webImg/html/top/img/bg_topbtns_04.png?20230131') no-repeat 0 0;*/
}

.bdr_top_1{
	border-top:dotted 1px #cdcdcd !important;
}

.bdr_bottom_1{
    border-bottom:dotted 1px #cdcdcd !important;
}

.padd_1{
	padding: 8px 0 8px 0 !important;
}

.marg_1{
    margin: 5px 0 5px 0 !important;
}

#top_f_stock_line{
	padding:5px 0 10px 0;
}

#top_f_stock_line li{
	float:left;
	width:110px;
	height:50px;
	margin:0 10px 0 0;
}

#top_f_stock_line li.ri{
	margin:0 0 10px 0;
}

#top_f_stock_line li p{
	height:38px;
	border:solid 1px #cdcdcd;
	padding:5px 9px;
	background:#fcfcfc no-repeat 100px center;
	text-align:center;
}

#top_f_stock_line li p{
/*	display:block;
	text-align:center;*/
}

#top_f_stock_line li p img{
	padding:4px 0;
}

#top_f_stock_line li p span.double{
	display:table-cell;
	height:33px;
	text-align:left;
	font-size:10px;
	line-height:16px;
	vertical-align:middle;
	color:#426ab2;
}

#top_f_stock_line li p span.single{
	font-size:13px;
	line-height:38px;
	color:#426ab2;
}

*:first-child+html #top_f_stock_line li p span.single{
	font-size:13px;
	line-height:38px;
}

#top_f_stock_line li p.hovr span{
	color:#cccccc;
}

*:first-child+html #top_f_stock_line li p span{
	display:inline;
	zoom:1;
}

/*- ▼▼▼ TOP SNS Config ▼▼▼ -*/
.snsBoxTopChild {
	float: left;
	margin-left: 42px;
}

.snsBoxTopParents {
	margin-top:20px;
	overflow: hidden;
}

/* clearfix */
.snsBoxTopParents:before,
.snsBoxTopParents:after {
    content: "";
    display: table;
}

.snsBoxTopParents:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.snsBoxTopParents {
    zoom: 1;
}
/*- ▲▲▲ TOP SNS Config ▲▲▲ -*/


#top_parts3{
    float:left;
    width:330px;
}

#top_parts3 dl{
    margin-top:12px;
}

#top_parts3 dd li a span{
    display:block;
    text-align:center;
    padding:5px 0 0 0;
    line-height:1.5;
    font-size: 11px;
}

#top_parts3 dd li a:hover{
    text-decoration:none !Important;
}

.top_parts3_01_01{
    float:left;
    width:166px;
    height:84px;
}

.top_parts3_01_01 a{
    display:block;
    width:166px;
    height:84px;
    background:url('/webImg/html/top/img/bg_parts3_01_01.jpg?20230131') no-repeat;
    background-position:0 0;
}

.top_parts3_01_01 a:hover{
    background-position:0 -84px;
}

.top_parts3_02_01{
    float:left;
    width:166px;
    height:84px;
}

.top_parts3_02_01 a{
    display:block;
    width:166px;
    height:84px;
    background:url('/webImg/jsp/images/v2_eindex/time.png?20230131') no-repeat;
    background-position:0 0;
}

.top_parts3_02_01 a:hover{
    background-position:0 -84px;
}

.top_parts3_02_02{
    float:left;
    width:164px;
    height:84px;
}

.top_parts3_02_02 a{
    display:block;
    width:164px;
    height:84px;
    background:url('/webImg/jsp/images/v2_eindex/japan_time.png?20230131') no-repeat;
    background-position:-2px 0;
}

.top_parts3_02_02 a:hover{
    background-position:-2px -84px;
}

.top_parts3_02_03{
    float:left;
    width:330px;
    height:79px;
}

.top_parts3_02_03 a{
    display:block;
    width:330px;
    height:79px;
    background:url('/webImg/jsp/images/v2_eindex/useCard.png?20230131') no-repeat;
    background-position: 0px -1px;
    background-size: 330px;
}

.top_parts3_02_03 a:hover{
    background-position:0 -79px;
}

.top_parts3_03_01{
    width:330px;
    height:69px;
}

.top_parts3_03_01 a{
    display:block;
    width:330px;
    height:69px;
    background:url('/webImg/html/top/img/bg_parts3_03_01.png?20230131') no-repeat;
    background-position:0 0;
}

.top_parts3_03_01 a:hover{
    background-position:0 -69px;
}

#top_makers{
    float:right;
    width:500px;
}

#top_makers h2{
	margin:0 0 2px 0;
}

#top_makers_list{
    width:500px;
    height:305px;
    overflow-x:hidden;
    overflow-y:auto;
}

#top_makers_list.noscr{
    overflow-y:hidden;
}

#top_makers ul{
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#top_makers ul li{
    float:left;
    width:110px;
    margin:0 8px 8px 0;
}

#top_makers ul li.ri{
    margin:0 0 8px 0;
}

#top_makers ul li p{
    border:solid 1px #cdcdcd;
    padding:5px 9px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAABCarJsBLHsAAAAAXRSTlMAQObYZgAAABVJREFUCNdjaGA4wPCA4QMQH2BoAAAkXgUx2KhS+wAAAABJRU5ErkJggg==) #fcfcfc no-repeat 100px center;
    text-align:center;
    height: 36px;
}

#top_makers ul li p a{
/*  display:block;
    text-align:center;*/
    cursor: default;
}

#top_makers ul li p a img{
    padding:4px 0;
    cursor:default;
}

#top_makers ul li p a span.double{
    display:table-cell;
    height:38px;
    text-align:left;
    font-size:10px;
    line-height:12px;
    vertical-align:middle;
}

#top_makers ul li p a span.single{
    font-size:13px;
    line-height:38px;
}

*:first-child+html #top_makers ul li p a span.single{
    font-size:13px;
    line-height:38px;
}

#top_makers ul li p.hovr a span{
    color:#cccccc;
}

*:first-child+html #top_makers ul li p a span{
    display:inline;
    zoom:1;
}

/* メーカー一覧 */
#maker .contents {
	height: 11rem;
	overflow-y: scroll;
	overflow-x: hidden;
}

#maker .makerList {
	display: flex;
	flex-wrap: wrap;
}

#maker .makerList p {
	width: 9%;
	padding-bottom: 1%;
	padding-left: 1%;
}

#maker a:hover img {
	cursor: pointer;
	filter: alpha(opacity = 60); /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* ie 8 */
	-moz-opacity: 0.6; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1;
}
/* top_corestaffservice */

#top_corestaffservice{
	margin:12px 0 0 0;
	padding:0 0 2px 0;
}

#top_corestaffservice h2{
	height:26px;
}

#top_corestaffservice h3{
	font-size:12px;
	line-height:1.2;
}

#top_corestaffservice ul{
	padding:2px 0 4px 0;
}

#top_corestaffservice li{
	float:left;
	box-sizing:border-box;
	width:210px;
	padding:0 10px 0 10px;
	border-right:dotted 1px #cdcdcd;
}

#top_corestaffservice li.first{
	padding:0 10px 0 0;
}

#top_corestaffservice li.ri{
	border-right:none;
}

#top_corestaffservice li.pb0{
	padding-bottom:0;
}

#top_corestaffservice li dt a{
	font-size:1.2em;
	color:#426ab2;
	font-weight:bold;
}

#top_corestaffservice li dd{
	font-size:1.0em;
}

#top_corestaffservice li dt a.icn_blank{
	padding:0 0 0 15px;
}

#top_corestaffservice li dt a.icn_arrow{
	padding:0 0 0 8px;
}

/* top_atmarkblog */

.top_atmarkblog{
	float:left;
	width:595px;
}

.top_atmarkblog dl{
	display:table;
	width:595px;
}

.top_atmarkblog dt{
	display:table-cell;
	width:101px;
	vertical-align:top;
}

.top_atmarkblog dd{
	display:table-cell;
	box-sizing:border-box;
	width:494px;
	vertical-align:middle;
	background:url('/webImg/html/top/img/bg_atmarkblog.png?20230131') repeat-x;
	padding:0 5px 0 8px;
}

.top_atmarkblog dd .ttl{
	font-size:17px;
	line-height:1.3;
}

.top_atmarkblog dd .ttl a:hover,
.top_atmarkblog .hovr dd .ttl a{
	text-decoration:none;
}

.top_atmarkblog dd .ttl span{
	font-weight:bold;
}

.top_atmarkblog dd .txt{
	font-size:12px;
	line-height:1.3;
}

/* top_socialbtns */

.top_socialbtns{
	float:right;

}

.top_socialbtns li{
	float:left;
	width:70px;
	margin:0 11px 0 0;
}

.top_socialbtns li.ri{
	margin:0 0 0 0;
}



/* top_news/top_topics */

#top_news a:hover,
#top_topics a:hover{
	color:#426ab2;
	text-decoration:underline;
}