@charset "UTF-8";

/*=============== products ==================*/

body{
	font: 12px/1.5em "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", arial, verdana, Sans-Serif;

}

#prdctindex .prdcttitle{ 
	color : #333333 ;
	font-size : 14px;
	font-weight : bold ;
		border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding: 3px;
	margin-bottom: 5px;
	
}


#genleindex H1.pagetitle,
#prdctindex H1.pagetitle{
	background-color : #EEEEFF ;
	color : #0F218B ;
	font-size : 14px ;
	font-weight : bold ;
	padding: 3px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #0F218B;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #0F218B;
	margin-bottom : 16px;
	width:550px;
}
#genleindex H2#prudyctsTitle,
#prdctindex H2#prudyctsTitle{

	height:32px;
	width:540px;
	background: url("../images/products_title.gif") no-repeat top left;
	text-indent : -500px ;
	margin : 0 0 16px 0;
}

#prdctindex H2#prudyctsTitleEng{
	height:32px;
	width:540px;
	background: url("../english/images/products_title.gif") no-repeat top left;
	text-indent : -500px ;
	margin : 0 0 16px 0;
}

#prdctindex dl{ 
	margin: 0 0 16px 0;
	width:530px;
}

#prdctindex dd{ 
	font-size : 12px ;
	margin-left:16px;
	margin: 0 0 2px 16px;

}

#prdctindex dd a{
	background: url("../images/main_menu_blt.gif") no-repeat 3px 3px;
	padding : 0 0 0 12px ;

}



genleindex#productareanew{
	width : 558px ;
	margin-left : 0px ;
	margin-top : 10px ;

	align:center;

}

#productareanew .outlinearea{			/* 製品概要位置 */
	width : 540px ;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #0F218B;
	padding-bottom:10px;
	}

#productareanew H1{			/* 製品名 */
	background-color : #0F218B  ;
	color : #FFFFFF ;
	padding: 3px;
	margin : 0px;
	font-size : 16px ;
	font-weight : bold ;
	}
#productareanew H1.name{			/* 製品名（日本語） */
	background-color : #FFFFFF  ;
	font-size : 12px ;
	color : #333333 ;
	margin-bottom : 12px;
	}

#productareanew H2{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #0F218B;
	font-size : 12px ;
	color : #333333 ;
	margin-top : 0px;
	margin-bottom : 8px;
}

#productareanew H3{		/* 中タイトル（スペック、製品型番） */
	margin-top : 12px;
	margin-bottom : 4px;
	clear : left;
	}



#productareanew ul{
	list-style-type: disc;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-left: 32px;
	vertical-align : top ;
	}

#productareanew li{

	line-height : 18px ;
	font-size : 12px ;

	}

#productareanew dl{
	margin-top: 0px;
	margin-left: 8px;
	font-size : 12px ;
	}

#productareanew dd{ 
	margin-left: 12px;
	}

	
#productareanew .prdctimg{		/* 製品写真*/
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 12px;
	float:left;

	}


#productareanew .spectable table{		/* スペックのテーブル */
	margin-left: 15px;
	margin-bottom: 0px;
	width : 500px ;
	color : #333333 ;
	font-size : 12px ;
	border : 1px solid #999999 ;



	}

#productareanew .spectable TD{		/* スペックのテーブル 各セル*/
	text-align:center;
	padding : 3px ;
	border : 1px solid #999999 ;
	}


#productareanew .prdctnomgn{		/* 製品型番マージン */
	margin-left: 15px;
		margin-bottom: 16px;

	}

#productareanew .prdctno{		/* 製品型番 */
	font-size : 12px ;
	margin-right: 30px;
	color : #0F218B ;
	}

#productareanew .dataseet{		/* データシートテキスト */
	font-size : 12px ;
	margin-top: 0px;
	margin-left: 15px;
	float:left;

	}
#productareanew .dataseetlink{		/* データシートリンク */
	font-size : 12px ;
	margin-top: 0px;
	margin-bottom: 8px;

	margin-right: 30px;
	text-align:right; 

	}
#productareanew .dataseetlink img{		/* データシートリンク */
	vertical-align : middle ;
	margin-right: 4px;

	}

/* =====▼製品要素▼===== */

#productarea{		/* 製品全体位置 */
	width : 558px ;
	margin-left : 0px ;
	margin-top : 10px ;
	align:center;
	}

.outlinearea{			/* 製品概要位置 */
	width : 540px ;
	
	}


#productarea H1{			/* 製品名 */
	color : #0F218B ;
	margin : 0px;
	font-size : 16px ;
	font-weight : bold ;
	}

#productarea H1.name{			/* 製品名（日本語） */
	font-size : 12px ;
	color : #333333 ;
	padding: 3px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #0F218B;
	margin-bottom : 16px;
	}

#productarea H2{			/* タイトル概要 */
	padding: 3px;
	border : 1px solid #333333 ;
	background-color : #EEEEEE ;
	color : #333333 ;
	padding-left : 4px ;
	font-size : 12px ;
	font-weight : bold ;
	margin-bottom: 12px;
	}

.prdctlisticon{
	margin-right : 1px ;
	vertical-align : middle ;
	}
	
#productarea H2.ds{			/* タイトルデータシート */
	background-color : #FFEEEE ;
	}

#productarea H3{		/* 中タイトル（スペック、製品型番） */
	border-bottom : 1px solid #333333 ;
	color : #333333 ;
	margin : 8px;
	padding-left : 4px ;
	font-size : 12px ;
	font-weight : bold ;
	}

#productarea ul{
	margin-top: 8px;
	margin-bottom: 8px;
	}

#productarea li{
	font-size : 12px ;
	}

#productarea dl{
	margin-top: 3px;
	}

#productarea dt{ 
	font-size : 12px ;
	float:left;
	margin-bottom:30px;

	}

dd { 
	font-size : 12px ;
	}
	
#productarea dd{ 
	font-size : 12px ;
	margin-left: 100px;

	}


#productarea .prdctimg{		/* 製品写真*/
	margin-left: 30px;
	margin-bottom: 0px;
	}
	


#productarea .prdctnomgn{		/* 製品型番マージン */
	margin-left: 30px;
	margin-bottom: 15px;
	}

#productarea .prdctno{		/* 製品型番 */
	font-size : 12px ;
	margin-right: 30px;
	color : #0F218B ;
	}

#productarea .spectable table{		/* スペックのテーブル */
	margin-left: 30px;
	margin-bottom: 15px;
	margin-top: 10px;
	border : 1px solid #999999 ;
	width : 430px ;
	color : #333333 ;
	}

#productarea .spectable TD{		/* スペックのテーブル 各セル*/
	text-align:center;
	border : 1px solid #999999 ;
	padding : 3px ;
	font-size : 12px ;
	color : #333333 ;
	}
	
#productarea .dataseet{		/* データシートテキスト */
	font-size : 12px ;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	float:left;

	}
#productarea .dataseetlink{		/* データシートリンク */
	font-size : 12px ;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align:right; 
	}


#genlelist{		
	position:relative;
	width : 545px ;
	margin-left : 5px ;
	margin-top : 16px ;
	align:center;
	}


#genleindex H1.pagetitle{			/* ページタイトル */
	background-color : #EEEEFF ;
	color : #0F218B ;
	font-size : 14px ;
	line-height : 18px ;
	font-weight : bold ;
	padding: 3px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #0F218B;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #0F218B;
	margin-bottom : 16px;
	}


#genleindex H2{	
	background-color : #FFFFFF ;
	width:530px;
	color : #666666 ;
	font-size : 14px ;
	font-weight : bold ;
	padding: 4px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-right-width: 0px;
	border-left-width: 0px;

	margin-bottom: 8px;
	clear : both ;

	
	}


#genleindex .pagetitle-ab{
	background-color : #EEEEFF ;
	color : #0F218B ;
	font-size : 14px ;
	line-height : 18px ;
	font-weight : bold ;
	padding: 3px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #0F218B;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #0F218B;
	margin-bottom : 16px;
	border-right-style: solid;
	border-right-width: 70px;
	border-right-color: #0F218B;
	
	}

#genleindex .ollink{
	position:absolute;
	left:498px;
	top:6px;
	font-size : 12px ;


}

#genleindex .ollink a{
	font-weight : bold ;
	color:#FFFFFF;
}


#genleindex .ollink a:hover{
	color : #FF6600 ;
}

#genleindex .outlinearea{
	width : 520px ;

	}


#genleindex div.genretitle{
position: relative;
	width : 540px ;

	}





#genleindex .prdctpos dl{
	width: 430px;
	margin-top: 0px;
	margin-bottom: 4px;

	}


#genleindex .prdctpos dt{
	height : 13px ;

	color : #333333 ;
	background-color : #CCCCCC;
	font-size : 12px;
	font-weight : bold ;
	padding: 3px 0 2px 2px ;
	line-height : 10px ;

	margin-bottom: 3px;

	}
	
#genleindex .prdctpos dt.auto{
	color : #333333 ;
	background-image : url(../images/for_automotive.gif) ;
	background-repeat : no-repeat ;
	background-position : 272px 0px ;

	font-size : 12px;
	font-weight : bold ;
	padding:3px 0 2px 2px ;
	margin-bottom: 3px;

	}


#genleindex .prdctpos dt a{
	color : #0F218B ;
	text-decoration: none;
	}

#genleindex .prdctpos dt a:hover{
	color : #FF6600 ;
	}
	
#genleindex .prdctpos dd{
	margin-left: 3px;
	height:14px;
		line-height : normal ;

	}

#genleindex .prdctpos{
margin-left: 80px;

}



#genleindex .prdctpphoto {
margin-left:5px;
	float: left;
	margin-right: 5px;
	}

#genleindex .prdctpphoto img {
	border : 1px solid #666666;
	}