/* CSS Document */


#wc_wrapper{
	width:680px;
	margin:0 auto;
}

#wc_wrapper p.photo-caution{
	font-size:88%;
	line-height:1.2;
	padding-top:3px;
}

#wc_wrapper p.caution{
	font-size:88%;
	line-height:1.2;
	padding-top:1em;
}



/*Honda ハイブリッドページ
===============================================*/
#wc_wrapper dl.hyb-leadcopy{
	position:relative;
	margin-bottom:30px;
}

#wc_wrapper dl.hyb-leadcopy dt{
	position:absolute;
	left:0;
	padding-top:5.5em;
}

#wc_wrapper dl.hyb-leadcopy dd{
	padding-left:220px;
	line-height:1.5;
}

#wc_wrapper ul.hyb-rothumbnail{
	margin-bottom:10px;
}

#wc_wrapper ul.hyb-rothumbnail li{
	display:inline;
	font-size:88%;
	vertical-align:bottom;
}



#wc_wrapper ul.hyb-ima{
	margin-left:100px;
}

#wc_wrapper ul.hyb-ima li{
	display:inline-block;
	text-align:center;
	margin-left:50px;
	font-size:88%;
	line-height:2.0;
}

* html #wc_wrapper ul.hyb-ima li{/*ie6用*/
	display:inline;
	zoom:1;
	text-align:center;
	margin-left:50px;
	font-size:88%;
	line-height:2.0;
}

*:first-child+html #wc_wrapper ul.hyb-ima li{/*ie7用*/
	display:inline;
	zoom:1;
	text-align:center;
	margin-left:50px;
	font-size:88%;
	line-height:2.0;
}

#wc_wrapper ol.hyb-enegymanagement{
	margin-bottom:20px;
	font-size:88%;
	line-height:1.2;
}

#wc_wrapper ol.hyb-enegymanagement li{
	padding-left:20px;
	font-weight:bold;
}




#wc_wrapper ol.hyb-enegymanagement li span{
	font-weight:normal;
	display:inline-block;
	padding-left:22em;
	position:relative;
	top:-1.2em;
}

#wc_wrapper p.hyb-meter{
	border:1px solid #5187A6;
	padding:15px;
}



/*インテリア、インテリアページ
===============================================*/

#wc_wrapper ul.inte-cockpitinterior{
	position:relative;
	height:394px;
}

#wc_wrapper ul.inte-cockpitinterior li.cockpit{
	position:absolute;
	left:0;
}

#wc_wrapper ul.inte-cockpitinterior li.interior{
	position:absolute;
	left:340px;
}


/*インテリア、プレジャーフルインテリアページ
===============================================*/
#wc_wrapper div.pleasure-voc{
	background:#EFEFF0;
	padding:15px;
}

/*タイプページ
===============================================*/
#wc_wrapper h3.type-midashi-hyb{
	padding:0 0 2px 0;
	border-bottom:2px solid #6eb559;
}

#wc_wrapper h3.type-midashi-civic{
	padding:0 0 2px 0;
	border-bottom:2px solid #00a0c9;
}

#wc_wrapper p.type-price{
	font-size:130%;
	font-weight:bold;
	margin-bottom:1em;
}

#wc_wrapper p.type-price span.kibou-kouri{
	font-size:68%;
}

#wc_wrapper p.type-price span.no-tax{
	font-weight:normal;
	font-size:68%;
}

#wc_wrapper p.type-caution{
	font-size:78%;
	line-height:1.3;
	margin-bottom:1em;
}

#wc_wrapper ul.type-intethumb {
	position:relative;
	margin-left:-2px;
	zoom:1;
}

#wc_wrapper ul.type-intethumb li.firstChild{
	float:left;
	width:301px;
}

#wc_wrapper ul.type-intethumb li.secondChild{
	float:left;
	width:191px;
}

#wc_wrapper ul.type-intethumb li.thirdChild{
	float:left;
	width:190px;
}

#wc_wrapper p.type-mainequip{
	font-weight:bold;
}

#wc_wrapper p.type-mainequip span{
	font-weight:normal;
}

#wc_wrapper p.type-mainequip span.caution{
	font-size:88%;
	display:inline-block;
	padding-top:7px;
}

#wc_wrapper div.type-packagewaku{
	border:1px solid #00a0c9;
	padding:15px;
}


#wc_wrapper div.type-packagewaku ul.type-packaintethumb li.firstChild{
	float:left;
	width:285px;
}

#wc_wrapper div.type-packagewaku ul.type-packaintethumb li.secondChild{
	float:left;
	width:182px;
}

#wc_wrapper div.type-packagewaku ul.type-packaintethumb li.thirdChild{
	float:left;
	width:181px;
}



#wc_wrapper div.type-packagewaku ul.type-packequ{
	width:648px;
}

#wc_wrapper div.type-packagewaku ul.type-packequ li{
	display:inline-block;
	width:204px;
	margin-right:18px;
	vertical-align:top;
	padding-bottom:1em;
}

#wc_wrapper div.type-packagewaku ul.type-packequ li.lastChild{
	margin-right:0;
	vertical-align:top;
}

#IEroot #wc_wrapper div.type-packagewaku ul.type-packequ li{
	display:inline;
	width:204px;
	margin-right:18px;
	vertical-align:top;
}

#IEroot #wc_wrapper div.type-packagewaku ul.type-packequ li.lastChild{
	margin-right:0;
	vertical-align:top;
}


#wc_wrapper ul.indent li{
	padding-left:1em;
	text-indent:-1em;
	font-size:88%;
	margin-bottom:0.2em;
}

#wc_wrapper ul.indent li.bold{
	font-weight:bold;
}


/*装備ページ
===============================================*/

#wc_wrapper div.equip-hsk{
	border:1px solid #5187A6;
	padding:15px;
}

#wc_wrapper div.equip-hsk dl{
	margin-bottom:10px;
}

#wc_wrapper div.equip-hsk dl dd{
	padding-left:11em;
	margin-top:-1.3em;
	margin-bottom:0.6em;
}

#wc_wrapper div.equip-hsk ul.indent{
	margin-bottom:20px;
}

#wc_wrapper div.equip-hsk ul.indent li{
	font-size:88%;
	padding-left:1em;
	text-indent:-1em;
}

#wc_wrapper div.equip-hsk ul.hsk-image li{
	float:left;
	width:154px;
}


#wc_wrapper ul.equip-thumb{
	margin-right:-19px;
}


#wc_wrapper ul.equip-thumb li{
	display:inline-block;
	width:214px;
	margin-right:19px;
	padding-bottom:1em;
	vertical-align:top;
	text-align:left;
}

#IEroot #wc_wrapper ul.equip-thumb li{
	display:inline;
	width:214px;
	margin-right:19px;
	padding-bottom:1em;
	vertical-align:top;
	text-align:left;
}

/*装備表、諸元表ページ
===============================================*/
#wc_wrapper p.hyoujyun-mo{
	text-align:right;
	font-size:88%;
	line-height:1.2;
	margin-bottom:7px;
}

#wc_wrapper p.hyoujyun-mo span.hyoujyun{
	display:inline-block;
	padding:2px 15px 0;
	text-align:center;
	background:#badaeb;
	border:1px solid #000;
	margin-right:5px;
}

#wc_wrapper p.hyoujyun-mo span.mo{
	display:inline-block;
	padding:2px 15px 0;
	text-align:center;
	background:#ebf6fd;
	border:1px solid #000;
	margin-right:5px;
}


#wc_wrapper table.equip-table,
#wc_wrapper table.spec-table{
	width:680px;
	border:1px solid #000;
	margin-bottom:7px;
}

#wc_wrapper table.equip-table td,
#wc_wrapper table.spec-table td{
	padding:2px;
	border:1px solid #000;
}

#wc_wrapper table.spec-table td{
	text-align:center;
}

#wc_wrapper table.equip-table td.syuyousoubi,
#wc_wrapper table.spec-table td.syuyousyogen{
	background:#595757;
	font-weight:bold;
	color:#FFF;
	white-space:nowrap;
}

#wc_wrapper table.equip-table td.type,
#wc_wrapper table.spec-table td.type{
	background:#9f9fa0;
	font-weight:bold;
	color:#FFF;
}

#wc_wrapper table.equip-table td.hybrid-midashi,
#wc_wrapper table.spec-table td.hybrid-midashi{
	background:#6eb659;
	text-align:center;
	font-weight:bold;
}

#wc_wrapper table.equip-table td.civic-midashi,
#wc_wrapper table.spec-table td.civic-midashi{
	background:#009ba9;
	text-align:center;
	font-weight:bold;
}

#wc_wrapper table.equip-table td.hybrid-grade,
#wc_wrapper table.spec-table td.hybrid-grade{
	background:#c0d8aa;
	text-align:center;
}

#wc_wrapper table.equip-table td.civic-grade,
#wc_wrapper table.spec-table td.civic-grade{
	background:#80cde4;
	text-align:center;
}


#wc_wrapper table.equip-table td.zentype{
	background:#9f9fa0;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}

#wc_wrapper table.equip-table td.mission,
#wc_wrapper table.spec-table td.mission{
	background:#c9caca;
	text-align:center;
}

#wc_wrapper table.equip-table td.category-title{
	background:#9f9fa0;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}

#wc_wrapper table.spec-table td.category-title{
	text-align:center;
	font-weight:bold;
}

#wc_wrapper table.equip-table td.hyoujyun{
	background:#badaeb;
	text-align:center;
}

#wc_wrapper table.equip-table td.mo{
	background:#ebf6fd;
	text-align:center;
}

#wc_wrapper table.equip-table td.center{
	text-align:center;
}

#wc_wrapper table.spec-table td.left{
	text-align:left;
}

#wc_wrapper table.equip-table td ul.indent{
	padding:0.4em 0.2em 0;
}

#wc_wrapper table.equip-table td ul.indent li{
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:0.2em;
}


#wc_wrapper ul.equip-indent{
	margin:10px 0;
}

#wc_wrapper ul.equip-indent li{
	padding-left:2.5em;
	text-indent:-2.5em;
	font-size:88%;
	padding-bottom:3px;
}

#wc_wrapper ul.equip-indent li.asta{
	padding-left:1em;
	text-indent:-1em;
}

#wc_wrapper p.equip-mocaution{
	background:#E6F6F9;
	padding:0.5em 0.5em 0.5em 1.5em;
	text-indent:-1em;
	margin:10px 0;
}

#wc_wrapper p.spec-nenpicaution{
	background:#fadce9;
	padding:0.5em 0.5em 0.5em 1.5em;
	text-indent:-1em;
	margin:10px 0;
}


#wc_wrapper table.equip-table td{
	padding:1px;
}

/*メカニズムページ
===============================================*/
#wc_wrapper p.mecha-midashiphoto{
	display:inline-block;
	width:350px;
}

#wc_wrapper p.mecha-midashicaution{
	display:inline-block;
	width:330px;
	vertical-align:bottom;
}

#IEroot #wc_wrapper p.mecha-midashiphoto{
	display:inline;
	width:350px;
}

#IEroot #wc_wrapper p.mecha-midashicaution{
	display:inline;
	width:330px;
	vertical-align:bottom;
}

#wc_wrapper dl.mecha-vsa{
	font-size:88%;
}

#wc_wrapper dl.mecha-vsa dd{
	padding-left:1em;
	margin-bottom:0.4em;
}


#wc_wrapper dl.mecha-accseigyo,
#wc_wrapper dl.mecha-accrader{
	font-size:88%;
}

#wc_wrapper dl.mecha-accseigyo dt{
	width:6em;
}

#wc_wrapper dl.mecha-accseigyo dd{
	padding-left:6em;
	margin-top:-1.3em;
	margin-bottom:0.4em;
}

#wc_wrapper dl.mecha-accrader dt{
	width:9.5em;
}

#wc_wrapper dl.mecha-accrader dd{
	padding-left:9.5em;
	margin-top:-1.3em;
}

/*色ページ
===============================================*/
#wc_wrapper p.color-price{
	font-size:88%;
	position:relative;
	width:447px;
}

#wc_wrapper p.color-price span{
	padding-left:1em;
	text-indent:-1em;
	position:absolute;
	top:-5em;
}


#wc_wrapper div.color-integraybg{
	padding:20px;
	background:#EFEFF0;
}

#wc_wrapper div.color-integraybg div.left{
	float:left;
	width:280px;
}

#wc_wrapper div.color-integraybg div.right{
	float:left;
	width:360px;
}

#wc_wrapper ul.color-indent li{
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:0.4em;
	font-size:88%;
}


/*環境ページ
===============================================*/
#wc_wrapper table.env-table{
	border-collapse:collapse;
	border:1px solid #000;
	width:680px;
}

#wc_wrapper table.env-table td{
	border:1px solid #000;
	padding:2px;
}


#wc_wrapper dl.env-mark dt{
	float:left;
	width:145px;
	height:81px;
	clear:both;
}

#wc_wrapper dl.env-mark dd{
	float:left;
	width:535px;
	height:81px;
	padding-top:10px;
}

#wc_wrapper dl.env-mark dd p{
	font-weight:bold;
}

#wc_wrapper dl.env-mark dd p span{
	font-weight:normal;
}

#wc_wrapper dl.env-nenpi dt{
	display:inline-block;
	width:380px;
	vertical-align:top;
}

#wc_wrapper dl.env-nenpi dd{
	display:inline-block;
	width:300px;
}

#IEroot #wc_wrapper dl.env-nenpi dt{
	display:inline;
	width:380px;
	vertical-align:top;
}

#IEroot #wc_wrapper dl.env-nenpi dd{
	display:inline;
	width:300px;
}


#wc_wrapper dl.env-nenpi dd p.tassei{
	color:#00A33E;
	border:1px solid #00A33E;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

#wc_wrapper dl.env-nenpi dd p.indent{
	font-size:88%;
	padding-left:1em;
	text-indent:-1em;
}

#wc_wrapper dl.env-nenpi dd p.indent span{
	text-decoration:underline;
}


/*安全ページ
===============================================*/
#wc_wrapper p.indent{
	font-size:88%;
	padding-left:1em;
	text-indent:-1em;
}

#wc_wrapper dl.safety-cmbs{
	font-size:88%;
	width:600px;
	margin-left:40px;
}

#wc_wrapper dl.safety-cmbs dt{
	display:inline-block;
	width:210px;
	height:69px;
}

#wc_wrapper dl.safety-cmbs dd{
	display:inline-block;
	width:390px;
	vertical-align:top;
	padding-top:5px;
}

#IEroot #wc_wrapper dl.safety-cmbs dt{
	display:inline;
	width:210px;
	height:69px;
}

#IEroot #wc_wrapper dl.safety-cmbs dd{
	display:inline;
	width:390px;
	vertical-align:top;
	padding-top:5px;
}


/*フォトラブラリーページ
===============================================*/
#wc_wrapper ul.photolib-thumb{
	padding-bottom:1em;
	float:left;
	padding-left:70px;
}

#wc_wrapper ul.photolib-thumb li{
	margin-right:15px;
	float:left;
}


/*三面図ページ
===============================================*/
#wc_wrapper h4.dime-title{
	font-weight:normal;
	padding:0;
	margin-bottom:1em;
	border:none;
}

#wc_wrapper ul.dime-sanmenzu{
	position:relative;
	height:514px;
	margin-bottom:20px;
}

#wc_wrapper ul.dime-sanmenzu li.firstChild{
	position:absolute;
	left:0;
	top:0;
}

#wc_wrapper ul.dime-sanmenzu li.secondChild{
	position:absolute;
	left:224px;
	top:0;
}

#wc_wrapper ul.dime-sanmenzu li.thirdChild{
	position:absolute;
	left:224px;
	top:324px;
}

/*スペシャルコンテンツ用、枠組み
===============================================*/

#ua_contents #ft_navi {
	width:906px;
	margin-top:8px;
	background:url(../common_image/ft-navi/ft_navibg.png) center top no-repeat;
	padding-bottom:6px;
}

#ua_contents #ft_navi p.ft_wctitle {
	float:left;
	width:116px;
	padding-left:3px;
	padding-top:2px;
}

#ua_contents #ft_navi ul.ft_wcbtn {
	width:784px;
	float:left;
	padding-right:3px;
	padding-top:2px;
}

#ua_contents #ft_navi ul.ft_wcbtn li {
	float:left;
	width:112px;
}

#ua_contents #ft_navi p.ft_supporttitle {
	clear:both;
	padding:9px 0 4px 17px;
}

#ua_contents #ft_navi ul.ft_supportbtn {
	padding:0 3px;
}

#ua_contents #ft_navi ul.ft_supportbtn li {
	float:left;
}