@charset "utf-8";

@import url(common.css);
@import url(fontsize.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 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;
	}


/*++++++++++ 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:150%;
	}

* 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;
	}

#calendar-box{
	/*width:510px;*/
	margin:0 0 0 5px;
	padding:10px 0 0 0;
	}

#calendar-box div.calendar-individual-box{
	width:160px;
	margin:0 10px 0 0;
	text-align:left;
	float:left;
	display:inline;
	}

#calendar-box div.calendar-individual-box table{
	width:160px;
	margin:0 0 20px 0;
	font-size:90%;
	table-layout:fixed;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	}

#calendar-box div.calendar-individual-box table caption{
	font-weight:bold;
	text-align:left;
	}

#calendar-box div.calendar-individual-box table th{
	padding:4px 0;
	font-weight:normal;
	text-align:center;
	background:#F0F0F0;
	border-bottom:1px solid #CCCCCC;
	}

#calendar-box div.calendar-individual-box table td{
	padding:4px 0;
	line-height:120%;
	text-align:center;
	background:#FFFFFF;
	}

#calendar-box div.calendar-individual-box table td.holiday-td{
	}

#calendar-box div.calendar-individual-box table td.close{
	font-weight:bold;
	color:#CC0000;
	/*background:#FF99CC;*/
	}

#calendar-box div.calendar-individual-box table td span.holiday{
	font-size:80%;
	line-height:120%;
	}


/*#calendar-box div.calendar-individual-box{
	width:254px;
	text-align:left;
	float:left;
	diplay:inline;
	}

#calendar-box div.calendar-individual-box table{
	width:240px;
	margin:0 0 25px 0;
	font-size:90%;
	table-layout:fixed;
	border-collapse:collapse;
	}

#calendar-box div.calendar-individual-box table caption{
	font-weight:bold;
	text-align:left;
	}

#calendar-box div.calendar-individual-box table th{
	padding:5px 0;
	font-weight:normal;
	text-align:center;
	background:#F0F0F0;
	border:1px solid #999999;
	}

#calendar-box div.calendar-individual-box table td{
	padding:18px 0;
	line-height:120%;
	text-align:center;
	background:#FFFFFF;
	border:1px solid #999999;
	}

#calendar-box div.calendar-individual-box table td.holiday-td{
	padding:5px 0;
	}

#calendar-box div.calendar-individual-box table td.close{
	background:#FF99CC;
	}

#calendar-box div.calendar-individual-box table td span.holiday{
	font-size:80%;
	line-height:120%;
}*/


.female-employees-box{
	border:1px solid #999;
	margin:20px 10px;
	padding:20px;
}
.female-employees-box ul li{
	list-style:decimal outside;
	margin:0 0 20px 15px;
	line-height:180%;
}
.female-employees-box ul li h3{
	margin:10px 0 2px 0 !important;
}
.female-employees-box ul li h3 span{
	border:1px solid #00559A;
	padding:2px 1.5em;
}


/*++++++++++ 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;
	}



/* recruit 2013.12
++++++++++++++++++++++++++++++*/
#mainbox-inner h2.recruit-h2{
	margin:10px 0 25px 0;
	padding:3px 5px 2px 5px;
	font-size:110%;
	line-height:100%;
	border-left:5px solid #E51718;
	}

#recruit-box{
	margin:0;
	}
.recruit-box-inner{
	margin:0 0 30px 0;
	}

#mainbox-inner #recruit-box h3{
	margin:10px 0;
	font-size:110%;
	line-height:160%;
	color:#00559A;
	border-bottom:1px dotted #00559A;
	}
#mainbox-inner #recruit-box p{
	margin:0 0 15px 0;
	}
#mainbox-inner #recruit-box p.entrydate{
	margin:-5px 0 25px 0;
	font-size:90%;
	color:#666;
	}


#mainbox-inner #recruit-box ul.recruit-news-list{
	margin:0 0 35px 0;
	}
#mainbox-inner #recruit-box ul.recruit-news-list li{
	margin:0 0 10px 0;
	}
#mainbox-inner #recruit-box ul.recruit-news-list li span{
	font-size:90%;
	margin:0 1em 0 0;
	}

.recruit-news-archive-box{
	margin:50px 0;
	padding:0 15px;
	border:1px solid #CCC;
	background:#FCFCFC;
	}



#mainbox-inner #recruit-box table.recruit-table{
	width:100%;
	margin:0 0 15px 0;
	font-size:100%;
	line-height:160%;
	border-collapse:collapse;
	}
#mainbox-inner #recruit-box table.recruit-table th{
	padding:10px;
	text-align:center;
	font-size:90%;
	font-weight:normal;
	white-space:nowrap;
	border:1px solid #CCC;
	background:#F3F3F3;
	}
#mainbox-inner #recruit-box table.recruit-table td{
	padding:10px;
	border:1px solid #CCC;
	}
#mainbox-inner #recruit-box table.recruit-table td p{margin:10px 0 0 0; font-size:90%;}
#mainbox-inner #recruit-box table.recruit-table td ul{margin:0;}
#mainbox-inner #recruit-box table.recruit-table td ul li{
	list-style:disc outside;
	margin:0 0 0 20px;
	}


#mainbox-inner #recruit-box table.recruit-entry-table{
	width:100%;
	margin:0 0 15px 0;
	font-size:100%;
	line-height:250%;
	border-collapse:collapse;
	}
#mainbox-inner #recruit-box table.recruit-entry-table caption{
	font-size:90%;
	color:#FF0000;
	text-align:left;
	margin:0 0 5px 0;
	}
#mainbox-inner #recruit-box table.recruit-entry-table th{
	padding:10px;
	text-align:center;
	font-size:90%;
	font-weight:normal;
	white-space:nowrap;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:none;
	border-right:1px dotted #CCC;
	background:#F6F6F6;
	}
#mainbox-inner #recruit-box table.recruit-entry-table th span.hissu{
	font-size:90%;
	color:#FF0000;
	}
#mainbox-inner #recruit-box table.recruit-entry-table td{
	padding:10px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px dotted #CCC;
	border-right:none;
	}
#mainbox-inner #recruit-box table.recruit-entry-table td span.size90{
	font-size:90%;
	line-height:160%;
	display:inline-block;
	}
#mainbox-inner #recruit-box table.recruit-entry-table td span.hissu-error{
	font-size:90%;
	color:#FF0000;
	font-weight:bold;
	}
#mainbox-inner #recruit-box table.recruit-entry-table td input.input-text{
	width:100%; height:2em;
	border:1px solid #999;
	}
#mainbox-inner #recruit-box table.recruit-entry-table td input.input-text02{
	width:60%; height:2em;
	border:1px solid #999;
	}
#mainbox-inner #recruit-box table.recruit-entry-table td input.input-text03{
	width:30%; height:2em;
	border:1px solid #999;
	}
#mainbox-inner #recruit-box table.recruit-entry-table td textarea{
	width:100%;
	height:10em;
	border:1px solid #999;
	}


.sidemenu-box h2.side-recruit-h2{
	padding:5px 8px;
	background:#E51718;
	color:#FFF;
	}
.sidemenu-box h3.side-recruit-h3{
	font-size:100%;
	color:#00559A;
	}


p.entry-sheet-link{
	width:100%;
	text-align:center;
	border:1px solid #3377AE;
	}
p.entry-sheet-link a{
	padding:6px 0;
	color:#3377AE;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}
p.entry-sheet-link a:hover{
	color:#FFF;
	background:#3377AE;
	}



/*++++++++++ 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:12em;
	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:12em;
	}

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

* html table.inquiry-table td{
	}


/*++++++++++ 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%;
	}