@charset "utf-8";
/*新規スタイルを書き込むときはコメントで
日付と製作者、該当箇所を記入して下さい。*/
/*******************************
     CARS FACTORY TOP PAGE
*******************************/
/*===========================================================*/
/*                   テンプレートCSS分岐                    */
/*                        2007.10.25更新                     */
/*===========================================================*/
#bread {
	margin: 1px 0 0 10px;
	background: url("../unit_img/arrow_bread.gif") left 5px no-repeat;
	text-indent: 12px;
	}
#bread li {
	display: inline;
	font-size: 0.9em;
	}
/* ======================= CONTENTS END */


/* SIDE NAVI START ============================== */
#lNavi .sideNaviBox h3 {
	padding: 0 0 5px 0;
	}
	#quality {
		margin-top: 20px;
	
	}
	#guarantee {
		margin-top: 10px;
	}
#lNavi .sideNaviBox ul {
	margin: 5px 0 0 15px;
	}
#lNavi .sideNaviBox li {
	padding: 0 0 0 15px;
	background: url("../unit_img/arrow2.gif") left 5px no-repeat;
	}
#lNavi #parts,
#lNavi #showCaseBox,
#lNavi #galleryBox,
#lNavi #voiceBox,
#lNavi #newsBox {
	display: none;
	}
	
.made_to_measure #lNavi #parts {
	display: block;
	}
.show_case #lNavi #showCaseBox {
	display: block;
}
.gallery #lNavi #galleryBox {
	display: block;
}
.testimonial #lNavi #voiceBox {
	display: block;
}
.news #lNavi #newsBox {
	display: block;
}
#lNavi #parts h3,
#lNavi #showCaseBox h3,
#lNavi #galleryBox h3,
#lNavi #voiceBox h3,
#lNavi #newsBox h3 {
	padding: 5px 0 0 10px;
	font-size: 1.1em;
	}
#lNavi #tokusen {
		display: none;
		}
.stock_list #lNavi #tokusen {
		display: block;
		}
#lNavi #orderBt {
		display: none;
		}
.stock_list #lNavi #orderBt {
		margin: 10px 0 -10px 15px;
		display: block;
		}
/* ============================== SIDE NAVI END */

/* CONCEPT START ============================== */
	#dataList {
		width: 730px;
		_width: 740px;
		margin: 15px 0 0 0;
		padding: 0 0 0 10px;
		/*border-left: 1px solid #bbbbbb;*/
		}
	#dataList h3 {
		padding: 5px 0 5px 10px;
		font-size: 1.2em;
		color: #434343;
		}
	#dataList h3.stock {
		padding: 5px 0 2px 10px;
		}
	#dataList h3 .attention {
		font-size: 0.7em;
		color: #007f92;
		font-weight: normal;
		}
	.attention {
		color: #007f92;
		}
	#dataList h4 {
		font-size: 1.2em;
	}
	#dataList div.read p {
		margin: 0 0 6px 10px;
		padding-top:10px;
		padding-bottom:30px;
		}
	#dataList div.accessmap p {
		margin: 0 0 6px 10px;
		padding:10px 0;
		}
	#dataList div.other p {
		margin: 0 0 15px 10px;
		padding: 0 !important;
		}
	#dataList div.other table {
		width: 685px;
		margin: 0 auto;
		text-align: left;
		}
		#dataList div.other .companyTb {
		padding: 20px 0 30px 10px;
		}
	#dataList div.other .Calendar table {
		width: 210px;
		margin:0 0 30px 20px;
		float: left;
		}
	#dataList div.other table th {
		width: 130px;
		margin: 0;
		padding: 0;
		}
	#dataList div.other table th,
	#dataList div.other table td {
		padding: 5px 5px 3px 5px;
		border-bottom: 1px solid #BBBBBB;
		font-weight:normal;
		}
	#dataList div.other .Calendar table th {
		background: #C9C9C9;
		color: #ffffff;
		font-weight:bold;
	}
	#dataList div.other .Calendar table th,
	#dataList div.other .Calendar table td {
		padding: 3px 0;
		text-align: center;
		/*border-bottom: 1px solid #BBBBBB;*/
		}
	#dataList div.other .Calendar table caption {
		width: 210px;
		margin: 0 0 0 20px;
		padding: 0;
		text-align: center;
		}
	#dataList div.other .Calendar table td.Holiday {
		background: #FFCBB3;
		color: #FF3300;
	}
	#dataList .selectBox {
		margin-bottom: 20px;
		margin-left: 10px;
		padding-bottom: 15px;
		background: url("../../concept/images/grade_line.gif") left bottom repeat-x;
		}
	#dataList .selectBox .imgBox {
		width: 300px;
		float: left;
		}
	#dataList .selectBox .imgBox img {
		border: 1px solid #949494;
		}
	#dataList .selectBox .subPict {
		border: 1px solid #949494;
		}
	#dataList .selectBox p {
		margin-left: 320px;
		margin-right: 20px;
		margin-bottom: 15px;
		}
	#dataList .selectBox .imgBox p {
		margin: 0;
		}
#gateBox,
#categoryBox {
	width: 706px;
	margin: 0 auto;
	}
#gateBox {
	background: url("../../concept/images/bg_gate.gif") left bottom no-repeat;
	margin: 0 auto;
	padding-bottom: 28px;
	}
.innerGateBox1,
.innerGateBox2,
.innerGateBox3,
.innerGateBox4 {
	width: 300px;
	_width: 304px;
	min-height: 135px;
	_height: 135px;
	float: left;
	display: inline;
	border: 1px solid #ffffff;
	background: #ffffff;
	margin-left: 35px;
	margin-bottom: 40px;
	}
.concept .innerGateBox1 {background: #ffffff url("../../concept/images/bg_concept1.gif") 3px 14px no-repeat;}
.concept .innerGateBox2 {background: #ffffff url("../../concept/images/bg_concept2.gif") 3px 14px no-repeat;}

.guarantee .innerGateBox1 {background: #ffffff url("../../concept/images/bg_guarantee1.gif") 3px 14px no-repeat;}
.guarantee .innerGateBox2 {background: #ffffff url("../../concept/images/bg_guarantee2.gif") 3px 14px no-repeat;}
.guarantee .innerGateBox3 {background: #ffffff url("../../concept/images/bg_guarantee3.gif") 3px 14px no-repeat;}
.guarantee .innerGateBox4 {background: #ffffff url("../../concept/images/bg_guarantee4.gif") 3px 14px no-repeat;}

.quality .innerGateBox1 {background: #ffffff url("../../concept/images/bg_quality1.gif") 3px 14px no-repeat;}
.quality .innerGateBox2 {background: #ffffff url("../../concept/images/bg_quality2.gif") 3px 14px no-repeat;}
.quality .innerGateBox3 {background: #ffffff url("../../concept/images/bg_quality3.gif") 3px 14px no-repeat;}
.quality .innerGateBox4 {background: #ffffff url("../../concept/images/bg_quality4.gif") 3px 14px no-repeat;}

#gateBox .innerGateBox {
	margin-bottom: 0;
	}
.innerGate {
	min-height: 150px;
	_height: 150px;
	border: 1px solid #949494;
	position: relative;
	}
.iconNo1 {
	background: url("../../concept/images/top_icon01.gif") 2px 2px no-repeat;
	}
.iconNo2 {
	background: url("../../concept/images/top_icon02.gif") 2px 2px no-repeat;
	}
.iconNo3 {
	background: url("../../concept/images/top_icon03.gif") 2px 2px no-repeat;
	}
.iconNo4 {
	background: url("../../concept/images/top_icon04.gif") 2px 2px no-repeat;
	}
.iconNo5 {
	background: url("../../concept/images/top_icon05.gif") 2px 2px no-repeat;
	}
.btMore {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}
.btMore strong {
	background: url("../unit_img/arrow1.gif") left 3px no-repeat;
	padding-left: 10px;
	}
.innerGate h4 {
	margin: 20px 0 0 65px;
	}
.innerGate p {
	margin: 5px 0 0 65px;
	}
.innerGate p.text {
	padding-right:5px;
	}
.innerGate p.text img {
	margin: 0 0 0 30px;
	}
#image3Box {
	padding-top: 32px;
	background: url("../../concept/images/arrow.gif") center 3px no-repeat;
	text-align: center;
	}
#image3Box ul {
	width:642px;
	margin: 0 auto;
	_margin: 0 0 0 0;
	}
#image3Box li {
	width: 210px;
	float: left;
	}
#image3Box li img {
	vertical-align: top;
	}
	.bgLinks {
		width: 382px;
		height: 80px;
		display: block;
		background: url("../../concept/images/bg_links.gif") no-repeat;
	}
	span.title {
		padding: 3px 0 10px 0;
		display: block;
		text-align: center;
	}
	span.bgLinks td {
		font-size: 0.95em;
		vertical-align: middle;
	}
/* ============================== CONCEPT END */


/* STOCK LIST START ========================= */
.stockTb,
.stockFTb {
	width: 720px;
	margin-left: 10px;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	}
tr.grayArea th,
tr.grayArea td {
	background: #e2e2e2;
	}
.stockTb th,
.stockTb td,
.stockFTb th,
.stockFTb td {
	padding: 3px;
	font-size: 0.95em;
	line-height: 1.1em;
	vertical-align: middle;
	font-weight: normal;
	text-align: center;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	}
.stockFTb th {
	width: 125px;
	}

.stockFTb th,
.stockFTb td {
	padding: 5px 15px;
	height: 20px;
	text-align: left;
	vertical-align: top;
	}
.middleForm {
	width: 335px;
	height: 20px;
	color: #626262;
	}
.shortForm {
	width: 78px;
	height: 20px;
	color: #626262;
	}
.minForm {
	width: 45px;
	height: 20px;
	color: #626262;
	}
.textForm {
	width: 405px;
	height: 60px;
	color: #626262;
	}
.error {	
	padding-left: 10px;
	color: #ff0000;
	text-align: left;
	}
.submitArea {
	padding: 20px 0 0 10px;
	text-align: left;
	}
.stockFTb label {
	font-size: 1.2em;
	margin: 0 35px 0 5px;
	}
.stockditail {
	background: none !important;
	}
.stockditail .sideNaviBox,
.stockditail #iconArea {
	display:none;
	}
	#ditailList {
		width: 949px;
		margin: 15px 15px 0 20px;
		text-align: left;
		}
	#printList {
		width: 710px;
		margin: 0 auto;
		text-align: left;
		}
	#ditailList #titleBox {
		height: 51px;
		background: url("../../stock_list/images/bg_title.gif") repeat-x;
		}
	#ditailList #titleBox h3 {
		margin: 8px 0 0 6px;
		font-size: 1.2em;
		color: #434343;
		}
	#ditailList #titleBox p.read {
		margin: 0 0 6px 6px;
		color: #434343;
		}
	#ditailList #titleBox {
		border-bottom: 1px solid #c9c9c9;
		}
	#btPrint {
		padding: 10px 8px 0 0;
		float: right;
		}
	#sideSpec {
		width: 203px;
		margin-top: 20px;
		float: left;
		display: inline;
		}
	#sideSpecTb {
		width: 203px;
		margin-top: 23px;
		}
	#sideSpecTb th {
		width: 75px;
		color: #434343;
		}
	#sideSpecTb td {
		text-align: right !important;
		}
	#sideSpecTb th,
	#sideSpecTb td {
		padding: 5px;
		font-size: 0.95em;
		line-height: 1.1em;
		vertical-align: middle;
		font-weight: normal;
		text-align: left;
	}
	#comment {
		width: 203px;
		min-height: 180px;
		_height: 180px;
		margin-top: 50px;
	}
	#printList #comment {
		width: 706px;
		min-height: 70px;
		_height: 70px;
		margin: 20px 0 0 10px;
	}
	#commentHead {
		width: 203px;
		height: 10px;
		}
	#printList #commentHead {
		width: 706px;
		}
	#comment p {
		padding: 5px 10px 95px 10px;
	}
	#printList #comment p {
		padding: 0 15px 5px 15px;
	}
	.goose {
		background: url("../../stock_list/images/comment_bottom_goose.gif") left bottom no-repeat;
		}
	.goose #commentHead {
		background: url("../../stock_list/images/comment_head_goose.gif") no-repeat;
		}
	.fbr {
		background: url("../../stock_list/images/comment_bottom_fbr.gif") left bottom no-repeat;
		}
	.fbr #commentHead {
		background: url("../../stock_list/images/comment_head_fbr.gif") no-repeat;
		}
	#printList .goose {
		background: url("../../stock_list/images/print_comment_bottom_goose.gif") left bottom no-repeat;
		}
	#printList .goose #commentHead {
		background: url("../../stock_list/images/print_comment_head_goose.gif") no-repeat;
		}
	#printList .fbr {
		background: url("../../stock_list/images/print_comment_bottom_fbr.gif") left bottom no-repeat;
		}
	#printList .fbr #commentHead {
		background: url("../../stock_list/images/print_comment_head_fbr.gif") no-repeat;
		}
	#specMain {
		width: 706px;
		margin-top: 20px;
		float: right;
		display: inline;
		background: #c9c9c9;
	}
	#specMain img {
		margin: 3px;
	}
	#specMain p {
		padding: 10px;
		color: #434343;
	}
	#specContents {
		width: 716px;
		margin-top: 20px;
		float: right;
		display: inline;
	}
	#printList #specContents {
	}
	#specContents p {
		color: #434343;
	}
	#pictBox1,
	#pictBox2,
	#pictBox3,
	#pictBox4,
	#pictBox5,
	#pictBox6,
	#pictBox7,
	#pictBox8 {
		width: 169px;
		min-height: 200px;
		_height: 200px;
		margin: 0 0 10px 10px;
		float: left;
		display: inline;
		background: #c9c9c9;
	}
	.active {
		background: #C3E4EB !important;
	}
	.active td {
		color: #007f92;
	}
	#specContents img {
		margin: 3px;
	}
	#specContents p {
		font-size: 0.95em;
		line-height: 1.4em;
		padding: 0 5px 5px 5px;
	}
	#customize {
		text-align: right;
	}
	.tableTitle {
		margin: 0 0 2px 13px;
		padding-top: 15px;
		clear: both;
		}
	.specTb {
		width: 706px;
		margin: 0 0 5px 10px;
		padding: 5px 0;
		border-top: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
	}
	.specTb table {
		width: 268px;
		float: left;
		}
	.specTb .minTb {
		width: 148px;
	}
	.specTb th {
		width: 130px;
		color: #434343;
		}
	.minTb th {
		width: 70px;
		}
	.specTb td {
		text-align: right !important;
		}
	.specTb th,
	.specTb td {
		padding: 5px;
		font-size: 0.95em;
		line-height: 1.1em;
		vertical-align: middle;
		font-weight: normal;
		text-align: left;
	}
/* ============================== STOCK LIST END */
.partsListRead{
	padding: 0 0 50px 10px !important;
	}
.partsList {
	width: 228px;
	margin: 0 0 15px 10px;
	float: left;
	display: inline;
	text-align: left;
	}
.partsList .thum {
	width: 85px;
	float: left;
	}
.partsList .textBox {
	width: 143px;
	float: left;
	display: inline;
	}
.partsList .grayArea {
	margin-bottom: 4px;
	background: #e2e2e2;
	}
.partsDitail {
	width: 666px;
	margin: 20px 0 0 10px;
	padding: 0 0 10px 40px;
	text-align: left;
	background: #e2e2e2;
	}
.partsDitail h3 {
	margin-left: -40px;
	}
.ditailBox {
	width: 175px;
	margin: 10px 0 0 0;
	float: left;
	display: inline;
	}
.thum {
	width: 165px;
	margin-bottom: 5px;
	}
.textBox input {
	vertical-align: middle;
	}
.custom {
	margin-right: 17px;
	/*_margin-right: 10px;*/
	padding: 5px 10px 0 0;
	text-align: right;
	background: url("../../made_to_measure/images/arrow.gif") right 11px no-repeat;
	}
#resultBox {
	width: 100%;
	height: 170px;
	background: #c9c9c9 url("../unit_img/bg_foot.gif") repeat-x;
	overflow:hidden;
	position:absolute;
	top: 0;
	left: 0;
	}
	
	#resultBody {
	width: 984px;
	margin: 0 auto;
	}
	#resultContents {
		width: 741px;
		float: right;
		display:inline;
		text-align: left;
		}
	#resultTb {
		width: 706px;
		margin: 14px 0 0 20px;
		background: #ffffff;
		border: 1px solid #bbbbbb;
		}
	#resultTb table {
		width: 398px;
		margin: 10px;
		margin-left: 10px;
		text-align: left;
		float: left;
	}
	#resultTb th,
	#resultTb td {
		padding: 5px 3px;
		font-weight: normal;
	}
	#resultTb td {
		text-align: right;
	}
	.dotteLine th,
	.dotteLine td {
		background: url("../../made_to_measure/images/dotte_line.gif") left bottom repeat-x;
		}
	.total th,
	.total td {
		border-top: 1px solid #bbbbbb;
		}
	#resultTb .total td {
		font-weight: bold;
		color: #007f92;
		}
		#moreLinkArea{
			width: 228px;
			margin: 15px 10px 10px 10px;
			float: right;
			display: inline;
		}
		#moreLinkArea p {
			padding: 10px 0 0 40px;
			font-size: 0.95em;
			line-height:1.1em;
		}
/* SHOW CASE . GALLERY . TESTIMOTIAL . NEWS */
.headKakko {background: url("../unit_img/head.gif") no-repeat;}
.bottomKakko {background: url("../unit_img/bottom.gif") no-repeat;}
.headKakko,
.bottomKakko {
	width: 706px;
	height: 6px;
	margin: 0 auto;
	}
	#dataList #showCase h3 {
		width: 694px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		background: #c2e4ea;
		text-indent: 5px;
	}
	#dataList #showCase h3.voice {
		background: #e2e2e2;
		}
	#dataList #showCase h3.voice span {
		font-weight: normal;
		font-size:0.8em;
		}
	#dataList #showCase img {
		border: 1px solid #949494;
	}
	#dataList #showCase .toTop img {
		border: none;
	}
.toTop {
	padding-top: 5px !important;
	}
	#dataList #showCase .mainArea {
		width: 694px;
		margin: 10px auto;
		text-align: left;
	}
	#dataList #showCase .mainArea img {
		float: left;
	}
	#dataList #showCase .mainArea table.dataTb {
		width: 222px;
		float: right;
	}
	#dataList #showCase .mainArea .dataTb th {
		font-weight: normal;
		text-align: left;
	}
	#dataList #showCase .mainArea .dataTb td {
		text-align:right;
	}
	#dataList #showCase .mainArea .dataTb th,
	#dataList #showCase .mainArea .dataTb td {
	padding: 3px 5px;
	}
	#dataList #showCase .mainArea .dataTb td p {
		margin-top: 10px;
	}
	#dataList #showCase .subArea,
	#dataList #showCase .commentArea {
		width: 694px;
		margin: 0 auto;
		padding-bottom: 10px;
		text-align: left;
	}
	#dataList #showCase .subArea img {
		float: left;
	}
	#dataList #showCase .subArea p {
		width: 510px;
		margin-right: 10px;
		float: right;
		display: inline;
	}
	#dataList #showCase .commentArea img.left {
		margin-right:15px;
		margin-bottom:15px;
		float: left;
	}
	#dataList #showCase .commentArea img.right {
		margin-left:15px;
		margin-bottom:15px;
		float: right;
	}
	#dataList #showCase .commentArea p {
		padding-bottom: 15px;
	}
	#dataList #showCase .mainImg {
		width: 694px;
		margin: 10px auto 20px auto;
	}
	#newsList {
		margin-left: 10px;
	}
	#newsList li {
		padding: 5px 0;
		background: url("../../made_to_measure/images/dotte_line.gif") left bottom repeat-x;
		}
	#newsList li a {
		padding: 0 0 0 15px;
		background: url("../unit_img/arrow1.gif") left 2px no-repeat;
		font-weight: bold;
		}
		
	.sitemapWrap {
		width:350px;
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		display: inline;
	}
	.sitemapWrap h4,
	.sitemapWrap h5,
	.sitemapWrap li {
		height: 30px;
		font-weight: normal;
	}
	.sitemapWrap h4 {
		font-size: 0.8em;
	}
	.sitemapWrap h5 {
		margin-left: 3px;
		font-size: 1em;
	}
	.sitemapWrap h4 a,
	.sitemapWrap h5 a,
	.sitemapWrap li a {
		padding: 0 0 0 15px;
		background: url("../unit_img/arrow1.gif") left 3px no-repeat;
		color: #434343;
	}
	.sitemapWrap h4 a:hover,
	.sitemapWrap h5 a:hover,
	.sitemapWrap li a:hover {
		color: #ec6102;
	}
	.sitemapWrap .mark {
		padding: 0 0 0 25px;
		background: url("../../sitemap/images/mark.gif") no-repeat;
	}
	.sitemapWrap ul.mark {
		margin-left: 30px;
	}
	.linkBox {
		width: 140px;
		margin: 0 10px 30px 30px;
		float: left;
		display: inline;
	}
	.linkBox p {
		text-align: center;
	}
	#tb55 {
		width: 685px;
		margin: 0 auto;
		text-align: left;
		}
	.mainTitle,
	.subTitle {
	font-weight: bold;
	}
	#tb55 td {
		padding: 5px 0;
		border-bottom: 1px solid #949494;
		}
	#tb55 td.subTitle {
		padding: 20px 0 5px 0;
	}
	#tb55 td.mainTitle,
	#tb55 td.anc {
		border-bottom: none;
	}