@charset "utf-8";

/*
CSS information
	FileName    : products.css
	Description : 車種レイアウト用
	Version     : 2.0.2 (20100714)
	Author      : ymo,szk
*/

/* コンテンツ枠（製品詳細）
----------------------------------------*/
#contents .products {
	background: url(../img/bg_prod.jpg) repeat-y center top;
	margin-top: 35px;
}
#contents .products #contentsIn {
 	background: url(../img/bg_prod_top.jpg) no-repeat left top;
}


/* 製品詳細
----------------------------------------*/
 #prod {
	padding: 0 40px 34px 40px;
	background: url(../img/bg_prod_bottom.jpg) left bottom no-repeat;
	_text-align: center;
}

/* トップアコーディオン */
#tabs {margin:10px 0 0 32px; font-size: 92%; border-top:1px solid #ccc;}
#tabs ul {margin-bottom: 20px;}
#tabs ul li {border-bottom:1px solid #ccc;}
#ang #tabs {width:260px;}
#anga #tabs {width:310px;}
#angm #tabs {width:270px;}
#angma #tabs {width:270px;}

#tab01, #tab02, #tab03, #tab04 {
	clear: both;
	line-height: 1.6;
} 
#tabs h4 {font-size: 110%;}
#ang #tabs h4 {color: #da666c;} 
#anga #tabs h4 {color: #a87f68;} 
#angm #tabs h4 {color: #7995b7;} 
#angma #tabs h4 {color: #a87f68;} 
#angp #tabs h4 {color: #da666c;} 
#angpa #tabs h4 {color: #a87f68;} 


.prodTop {height: 570px; position: relative;}
.prodTop .photo,
.prodTop .headline {
	float: left;
	width: 440px;
}
.prodTop .fig {position: absolute; bottom: 0; right: 0;}


/* ページ上部：フィーチャーエリア */
#contents #feature {
	line-height: 1.6;
	width: 880px;
}
#ang   #contents #feature {background: url(../../angelino/images/bg_feature.gif) left top no-repeat;}
#anga  #contents #feature {background: url(../../angelino_assista/images/bg_feature.gif) left top no-repeat;}
#angm  #contents #feature {background: url(../../angelino_mini/images/bg_feature.gif) left top no-repeat;}
#angma #contents #feature {background: url(../../angelino_mini_assista/images/bg_feature.gif) left top no-repeat;}
#angp  #contents #feature {background: url(../../angelino_posh/images/bg_feature.gif) 50px 40px no-repeat;}
#angpa #contents #feature {background: url(../../angelino_posh_assista/images/bg_feature.gif) 50px 40px no-repeat;}

#feature .photo {text-align: center;	padding: 30px 50px;}
#feature .photo p {text-align: center;}
#feature .photo ul.lineup {
	width: 480px;
	padding: 0;
	margin: 0 auto;
}
#feature .photo ul.lineup li {
	width: 120px;
	float: left;
	text-align: center;
	font-size: 93%;
	color: #663300;
}
#feature .photo ul.lineup li img {
	display: block;
  margin:  0 auto 5px;
}

#feature .info {
	float: right;
  width: 280px;
  text-align: left;
}
#feature .info p {}
#feature .info p strong {
  font-size: 146%;
  line-height: 1.4;
  padding: 0 0 30px;
}
#ang	 #feature .info p strong {color: #CC0000;}
#anga	 #feature .info p strong {color: #9e4e27;}
#angm	 #feature .info p strong {color: #378dad;}
#angma #feature .info p strong {color: #be9d6d;}
#angp	 #feature .info p strong {color: #e1b833;}
#angpa #feature .info p strong {color: #eb5e71;}

#angp  #feature .flower {position:absolute; left:-25px; top:6px; z-index:2;}
#angpa #feature .flower {position:absolute; left:-10px; top:-4px; z-index:2;}

/* ページ中部：商品説明 */
#contents .function {
	clear: both;
	float: left;
	width: 780px;
	margin: 0 0 0 50px;
	_margin: 0 0 0 25px;
	padding: 0 0 20px;
}
  #contents .function.pT8 { padding: 8px 50px 0;}
  #contents .function.pT8 dl{ padding: 12px 0 0 0;}
  #contents .function.pT12 { padding: 12px 50px 0;}
  #contents .function.pT12 dl{ padding: 8px 0 0 0;}
	
#contents .function .fl {
	float: left;
  width: 370px;
}
#contents .function .fr {
	float: right;
  width: 370px;
}
#contents .function dl {
	float: left;
  width: 220px;
  line-height: 1.6;
}
#contents .function dl dt span {
	float: right;
  display: block;
  width: 200px;
	font-weight: bold;
}
#contents .function dl dt img {
	float: left;
  padding-top: 3px;
  _padding-top: 2px;
 }
#contents .function dl dd {
	clear: both;
  padding: 0 2px;
}
#contents .function p {
	float: right;
  width: 140px;
}
#ang		 #contents .function dl dt span {color: #CC0000;}
#anga		#contents .function dl dt span {color: #6e2a04;}
#angm	 #contents .function dl dt span {
	color: #204f87;
}
#angma #contents .function dl dt span {color: #be9d6d;}
#angp	 #contents .function dl dt span {color: #e1b833;}
#angpa #contents .function dl dt span {color: #eb5e71;}

/* ページ下部：詳細 */
#detail {
	clear: both;
	width: 780px;
	margin: 0 auto;
	padding: 0 0 30px;
}
#detail .battery01 {float: left; width: 380px;}
#detail .battery01_01 {float: left; width: 110px;}
#detail .battery01_02 {float: right; width: 270px;}
#detail .battery02 {float: right; width: 380px;}
#detail .battery02_01 {width: 185px;}
#detail .battery02_02 {width: 185px;}
#detail .battery02_01 .ttl {margin-bottom:4px; padding:2px 4px; background-color:#009944; color:#FFF;}
#detail .battery02_02 .ttl {margin-bottom:4px; padding:2px 4px; background-color:#e7005c; color:#FFF;}
#detail .battery02_01 .color {color:#009944;}
#detail .battery02_02 .color {color:#e7005c;}
#detail table {
	color: #999999;
 width: 100%;
	font-size: 85%;
	border-collapse: collapse;
 margin: 0 0 5px;
}
#detail table th {
	text-align: center;
	font-weight: normal;
  border-top: #999999 1px solid;
  border-bottom: #999999 1px solid;
  border-left: #999999 1px solid;
	padding: 6px 0 4px 0;
	vertical-align: middle;
	line-height: 1.2;
}
#detail table td {
	text-align: center;
  border-bottom: #999999 1px solid;
  border-left: #999999 1px solid;
	padding: 6px 0 4px 0;
	vertical-align: middle;
}
#detail table th.first,
#detail table td.first {
  border-left: none;
}
#detail p {
	font-size: 85%;
  line-height: 1.6;
}

#container .colorCi {background-color: #f5eee6;} /* クリームアイボリー */
#container .colorRr {background-color: #b50029; color: #FFF} /* ルビーレッド */
#container .colorAb {background-color: #204f87; color: #FFF} /* アッシュブルー */
#container .colorJb {background-color: #6c2801; color: #FFF} /* ジュエルブラウン */
#container .colorPp {background-color: #310133; color: #FFF} /* パープル＆ピンク */
#container .colorKy {background-color: #4d4600; color: #FFF} /* カーキ＆イエロー */

.nmT8 {padding-top: -8px;}
.nmT12 {padding-top: -12px;}
.mT12 {margin-top: 12px;}

/* ページトップ */
#contents #totop {
	clear: both;
  padding: 10px 50px 0;
  margin: 0 0 35px 0;
	font-size: 93%;
  text-align: right;
}