@charset "utf-8";

@import url(common.css);
@import url(fontsize2.css);


/*++++++++++ page layout ++++++++++*/
#content{
	background:url(/img/content_back.gif) repeat-y left top;
	}

@media print{
#content{
background:none;
	}
}

#content-header{background:#FFFFFF;}

#leftbox{
	text-align:center;
	}

#leftbox-inner{
	width:200px;
	margin:5px 5px 30px 5px;
	text-align:left;
	}

#mainbox-inner{
	/*width:515px;*/
	margin:5px 0 10px 10px;
	}

h1{width:740px; height:80px; overflow:hidden;}


/*++++++++++ crumb ++++++++++*/
#crumb{
	padding:2px 0 0 5px;
	font-size:85%;
	line-height:200%;
	border-bottom:1px solid #999999;
	background:url(/img/crumb_back.gif) repeat-x left top #FFFFFF;
	color:#333333;
	}

#crumb a:link,
#crumb a:visited{color:#666666; text-decoration:none;}
#crumb a:hover{color:#333333; text-decoration:underline;}


/*++++++++++ mainbox ++++++++++*/
#mainbox-inner h2{
	padding:3px 0;
}
#mainbox-inner h2.text-h2{
	border-left:5px solid #D20C0B;
	padding-left:8px;
	margin-bottom:15px;
	font-size:15px;
}
#mainbox-inner h3{
	margin:30px 10px 0 10px;
	color:#00559A;
	}

#mainbox-inner h3.underline{
	padding-bottom:2px;
	border-bottom:1px solid #666666;
	}

#mainbox-inner p{
	margin:10px;
	line-height:160%;
	}


/*++++++++++ sidemenu ++++++++++*/
div.sidemenu-box{
	/*width:196px;*/
	border:1px solid #999999;
	padding:1px 1px 10px 1px;
	background:#FFFFFF;
	}

div.sidemenu-box h2{
	margin-bottom:10px;
	}

div.sidemenu-box h3{
	margin:5px 0 5px 8px;
	}

* html div.sidemenu-box h3{
	}

div.sidemenu-box hr{
	border-top:1px solid #999999;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:190px;
	height:1px;
	margin:10px 3px;
	}

* html div.sidemenu-box hr{
	margin:0 3px;
	}

ul.side-navi{
	margin:0 10px;
	padding:0;
	}

ul.side-navi li{
	background:url(/img/sidemenu_arrow.gif) no-repeat left 4px;
	margin:0;
	padding:0 5px 5px 10px;
	line-height:130%;
	}

* html ul.side-navi li{
	background:url(/img/sidemenu_arrow.gif) no-repeat left 5px;
	}

ul.side-navi li a:link,
ul.side-navi li a:visited{text-decoration:none; color:#000000;}
ul.side-navi li a:hover{text-decoration:underline; color:#FF6600;}

ul.side-navi li a.active:link,
ul.side-navi li a.active:visited{font-weight:bold; text-decoration:none; color:#000000;}
ul.side-navi li a.active:hover{font-weight:bold; text-decoration:underline; color:#FF6600;}

ul.side-submenu{
	margin:0 3px;
	}

ul.side-navi li ul.side-submenu li{
	background:url(/img/sidemenu_arrow2.gif) no-repeat left 3px;
	margin:8px 0;
	padding:0 5px 0 10px;
	font-size:88%;
	line-height:100%;
	}

* html ul.side-navi li ul.side-submenu li{
	font-size:86%;
	background:url(/img/sidemenu_arrow2.gif) no-repeat left 2px;
	}

ul.side-navi li ul.side-submenu li.subcategory{
	font-size:86%;
	font-weight:bold;
	background:none;
	margin-left:-10px;
	}

ul.side-submenu li a:link,
ul.side-submenu li a:visited{text-decoration:none; color:#000000;}
ul.side-submenu li a:hover{text-decoration:underline; color:#FF6600;}


/*++++++++++ aboutus ++++++++++*/
#philosophy-box{
	margin:10px 10px 30px 10px;
	padding:10px 15px;
	border:3px double #666666;
	}

#philosophy-box ul{
	}

#philosophy-box ul li{
	list-style:disc outside;
	margin:5px 0 10px 20px;
	line-height:140%;
	}

#philosophy-box ul li strong{
	margin-left:10px;
	font-size:120%;
	}

table.outline-table{
	width:485px;
	margin:10px 10px 30px 10px;
	border-collapse:collapse;
	}

table.outline-table caption{
	padding:5px;
	text-align:left;
	font-weight:bold;
	}

table.outline-table th{
	width:80px;
	padding:5px 10px;
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
	font-family:monospace;
	color:#333333;
	background:#F6F6F6;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-right:1px dashed #999999;
	line-height:140%;
	}

* html table.outline-table th{
	width:100px;
	}

table.outline-table td{
	width:365px;
	padding:5px 10px;
	text-align:left;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	line-height:140%;
	}

* html table.outline-table td{
	width:385px;
	}

table.outline-table td.noborder{
	width:455px;
	padding:0 5px 10px 5px;
	text-align:left;
	border:none;
	line-height:140%;
	}

* html table.outline-table td.noborder{
	width:475px;
	}


/*++++++++++ news release / information ++++++++++*/
ul#news-list{
	margin:20px 10px 10px 20px;
	}

ul#news-list li{
	list-style:disc outside;
	margin:0 0 20px 15px;
	}

#newsbox{
	padding:5px 10px;
	border:1px solid #666666;
	}

#newsbox h2{
	margin:15px 10px;
	}

#newsbox p{
	margin:15px 10px;
	}

#newsbox p.news-right-text{
	text-align:right;
	font-size:90%;
	}

#newsbox ul{
	margin:15px 10px;
	}

#newsbox ul li{
	list-style:decimal outside;
	margin:15px 10px 15px 30px;
	}

#newsbox table{
	width:480px;
	margin:15px 10px;
	border-collapse:collapse;
	}

#newsbox table th{
	padding:5px;
	border:1px solid #999999;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	}

#newsbox table td{
	padding:5px;
	border:1px solid #999999;
	}


/*++++++++++ 環境への取り組み ++++++++++*/
div.eco-box{
	margin:10px 5px 40px 5px;
	padding:5px 10px;
	border:1px solid #999999;
	}

#mainbox-inner div.eco-box h3{
	margin:10px 0;
	color:#009999;
	/*color:#00559A;*/
	}

div.eco-box ul{
	}

div.eco-box ul li{
	list-style:disc outside;
	margin:5px 0 10px 20px;
	line-height:140%;
	}

div.eco-box ul li strong{
	}

#iso-left-box{
	width:240px;
	text-align:center;
	}

#iso-right-box{
	width:275px;
	}

#mainbox-inner #iso-right-box h3{
	margin:0 0 5px 0;
	color:#000099;
	}

#iso-right-box ul{
	margin:5px;
	}

#iso-right-box ul li{
	list-style:decimal outside;
	margin:5px 0 15px 16px;
	line-height:140%;
	}

* html #iso-right-box ul li{
	margin:5px 0 10px 23px;
	}

#iso-right-box ul li strong{
	font-weight:bold;
	color:#333333;
	}


/*++++++++++ 製品案内 ++++++++++*/
div.product-category-box{
	margin:5px 0 5px 5px;
	width:160px;
	border:1px solid #666666;
	text-align:center;
	float:left;
	}


#mainbox-inner div.product-category-box h3{
	margin:0;
	padding:0;
	}


/*++++++++++ エンジン ++++++++++*/
table.spec-table{
	width:495px;
	margin:10px;
	font-size:86%;
	border-collapse:collapse;
	}

@media print{
	table.spec-table{
		width:90%;
		margin:10px;
		font-size:86%;
		border-collapse:collapse;
		}
	}

table.spec-table th{
	padding:5px;
	text-align:center;
	border:1px solid #999999;
	background:#F3F3F3;
	font-weight:normal;
	}

table.spec-table td{
	padding:5px;
	text-align:center;
	border:1px solid #999999;
	}

table.spec-table th.border-bold,
table.spec-table td.border-bold{border-bottom:2px solid #999999;}


/*++++++++++ ドライブトレイン ++++++++++*/
#component-box{
	width:500px;
	height:400px;
	position:relative;
	background:url(/product/component/img/image_01.gif) no-repeat left top;
	}

#component-box #component-point-01,
#component-box #component-point-02,
#component-box #component-point-03,
#component-box #component-point-04{position:absolute;}

#component-box #component-point-01{top:84px; left:56px;}
#component-box #component-point-02{top:55px; left:285px;}
#component-box #component-point-03{top:312px; left:83px;}
#component-box #component-point-04{top:293px; left:265px;}


/*++++++++++ recruit ++++++++++*/
#recruitbox{
	margin:10px;
	}

#recruitbox h3{
	margin:20px 0 0 0;
	}

#recruitbox table{
	margin:10px 10px 20px 10px;
	border-collapse:collapse;
	}

#recruitbox table caption{
	letter-spacing:1em;
	}

#recruitbox table th{
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	white-space:nowrap;
	background:#EDEDED;
	border:1px solid #999999;
	}

#recruitbox table td{
	padding:5px;
	text-align:left;
	background:#FFFFFF;
	border:1px solid #999999;
	}






/*++++++++++ link ++++++++++*/
ul.link-list{
	margin:20px 0;
	}

ul.link-list li{
	margin:10px;
	padding:0 0 10px 20px;
	border-bottom:1px dotted #999999;
	}


/*++++++++++ privacy policy ++++++++++*/
ul#privacy{
	margin:10px;
	}

ul#privacy li{
	margin:10px 10px 20px 25px;
	list-style:decimal outside;
	line-height:160%;
	}


/*++++++++++ inquiry ++++++++++*/
table.inquiry-table{
	width:485px;
	margin:10px 10px 30px 10px;
	border-collapse:collapse;
	}

table.inquiry-table caption{
	padding:5px;
	text-align:left;
	font-weight:bold;
	}

table.inquiry-table th{
	width:100px;
	padding:5px 10px;
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
	color:#333333;
	background:#F6F6F6;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-right:1px dashed #999999;
	line-height:140%;
	}

* html table.inquiry-table th{
	width:120px;
	}

table.inquiry-table td{
	width:345px;
	padding:5px 10px;
	text-align:left;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	line-height:140%;
	}

* html table.inquiry-table td{
	width:365px;
	}


/*++++++++++ sitemap ++++++++++*/
#sitemapbox{
	}

dl#sitemap-dl{
	/*width:500px;*/
	margin:0 15px 0 10px;
	}

dl#sitemap-dl dt{
	width:470px;
	background:url(/img/sidemenu_arrow.gif) no-repeat 5px center;
	padding:10px 0 10px 15px;
	line-height:140%;
	float:left;
	border-top:1px dotted #999999;
	}

* html dl#sitemap-dl dt{
	}

dl#sitemap-dl dt.with-submenu{
	width:140px;
	background:url(/img/sidemenu_arrow.gif) no-repeat 5px center;
	padding:10px 0 10px 15px;
	line-height:140%;
	float:left;
	border-top:1px dotted #999999;
	}

* html dl#sitemap-dl dt.with-submenu{
	}

dl#sitemap-dl dd{
	width:330px;
	padding:10px 0;
	float:left;
	border-top:1px dotted #999999;
	line-height:140%;
	}