@charset "UTF-8";

/*
LOCAL NAVI - Namari free, ESD safe, Rohs, N2
---------------------------------------------------------------------------------------*/
.localNavSecond{
	display: none;
	}

.leadFree a.leadFree,
.esd a.esd,
.rohs a.rohs,	
.n2system a.n2system,
.videos a.videos{
	color: #ffffff !important;
	background: url(../images/common/localNavi_active_bg.gif) no-repeat 0 bottom !important;
	}

.effect a.effect,
.mechanism a.mechanism,
.connection a.connection{
	font-weight: bold !important;
	color: #f50000 !important;
	}

.n2system .n2Nav{
	display: block !important;
	}
	

/*
Namari free, ESD safe, Rohs, N2
---------------------------------------------------------------------------------------*/

td{
 	font-size:12px!important;
}

.arrow a{
	padding-left: 14px;
	background: url(../images/common/icon_blue_arrow.png) no-repeat 0 center;
	}

h2{
	font-weight:bold;
	margin:10px 0;
}

/*
ESD safe
---------------------------------------------------------------------------------------*/
	
.esdKnowledge{
	background-color:#e8eef1;
	padding:20px;
}

.esdKnowledge h2{
	font-weight:bold;
	font-size:110%;
	margin-bottom:20px;
}

.esdKnowledge ul, .esdKnowledge ol{
	margin:10px  0 0 30px;}

.esdKnowledge ol li{
	list-style-type:decimal;
}

.esdKnowledge ul li{
	list-style-type:disc!important;
}


/*
Product videos ( movie )
---------------------------------------------------------------------------------------*/
.videos form.video{
margin-bottom:0 0 5px 0;
}
.videos form.video input.btn{
background:url(../images/product_videos/input_btn.gif) left top no-repeat !important;
text-indent: -9999px;
height:22px;
width:50px;
padding:0;
margin:0;
border:0;
cursor: pointer;
}

.categoryList{
margin-top:30px;
color:#CCCCCC;
background:url(../images/product_videos/border_dot.gif) left bottom repeat-x;
padding-bottom:8px;
width:574px;
}
.categoryList span.categoryListTitle{
background:url(/japan/images/product_videos/select_arrow.gif) right 0.2em no-repeat;
padding-right:16px;
font-weight:bold;
color:#333;
}

.categoryList span.select{
color:#0D5C8D;
font-weight:bold;
padding:2px 5px;
background: url(../images/product_videos/category_navi_bg_select.gif) left bottom repeat-x;
}
.categoryList a{
color: #023c7c;
padding:2px 5px;
background: url(../images/product_videos/category_navi_bg_nomal.gif) left bottom repeat-x;
}
.categoryList a:hover{
background: url(../images/product_videos/category_navi_bg_select.gif) left bottom repeat-x;
}

#categoryNav{
clear:both;
overflow:hidden;
background:url(../images/product_videos/nav_bg.gif) left bottom repeat-x;
width:574px;
height:48px;
}
#categoryNav ul{
margin-top:23px;
}
#categoryNav li{
float:left;
width:114px;
height:25px;
padding:0;
}

.videos .movieBox .inner:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}


.movieBox{
clear:both;
width:569px;
margin:20px 0 0 0;
padding-top:5px;
padding-left:5px;
padding-bottom:10px;
overflow:hidden;
border-bottom:#999999 1px dotted;
}
.movieBox .videoImage{
float:left;
background:url(/japan/images/product_videos/player.gif) left top no-repeat;
padding-top:5px;
padding-bottom:20px;
width:176px;
height:123px;
line-height:100%;
text-align:center;
}
.movieBox .inner{
float:right;
width:360px;
margin:0 15px 0 0;
_margin:0 7px 0 0;
}
.movieBox p.ttl{
background:url(/japan/images/product_videos/ico_mov.gif) left top no-repeat;
padding-top:5px;
padding-left:35px;
font-size:108%;
font-weight:bold;
}
.movieBox p.ttl a{
color:#023C7C;
}
.movieBox p.ttl a:hover{
color: #4092c5;
}

.movieBox p {
margin:5px 0;
line-height:140%;
padding:0;
}
.movieBox .inner .productLink{
text-align:right;
padding-top:2px;
margin-bottom:2px;
}

.movieBox .inner .productLink .linkmark{
    background-image: url("/japan/images/common/icon_blue_arrow.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 3px 16px;
}

.movieBox .new{
float:left;
width:560px;
display:block;
position: relative;
}

.movieBox .new img{
	display:inline-block;
	position: absolute;
	top: -5px;
	left:-5px;
	z-index: 50;
	width: 51px;
	height: 51px;
	}
	
.videos .btnBox{
margin:10px auto;
text-align:center;
background:url(../images/product_videos/btn_bg.gif) left top no-repeat;
width:323px;
height:43px;
padding-top:13px;
}
.videos .btnBox a{
display:inline-block;
width:323px;
height:30px;
}
.videos .btnBox a span{
text-align:left;
background:url(../images/common/blue_right.gif) left 0.4em no-repeat;
padding-left:15px;
}

