@charset "utf-8";
/* CSS Document */

/* ---------- ▼ヘッダーここから ---------- */
/* ---------- ヘッダーイメージ ---------- */
div#wrapper div#main-col div#cont-hdr {
	width:330px;
	height:170px;
	margin:20px auto 10px;
	padding:10px 397px 10px 10px;
	background:url(img/cont_topbanner-polymer.jpg) no-repeat;
}

/* ---------- ヘッダー見出し ---------- */
div#cont-hdr h3 {
	margin:0 0 8px 0;
	padding:0;
	font-size:1.6em;
	text-align:center;
}

/* ---------- ヘッダーイメージ左テキスト ---------- */
div#cont-hdr p {
	line-height:125%;
	text-align:justify;
	color:#000000;
}

/* ---------- ヘッダーイメージ左テキスト内アンカー ---------- */
div#cont-hdr p a {
	font-size:1.0em;
}
/* ---------- ▲ヘッダーここまで ---------- */

/* ---------- ▼メインコンテンツここから ---------- */
/* ---------- コンテンツボックス ---------- */
div#main-col div.contbox {
	width: 710px;
	padding: 10px;
	margin : 10px auto;
	border: 1px solid #0081A6;
}

/* ---------- コンテンツ、イメージボックス左寄せ ---------- */
div.contbox div.imgbox-L {
	float: left;
}

/* ---------- コンテンツ、イメージボックス右寄せ ---------- */
div.contbox div.imgbox-R {
	float: right;
}

/* ---------- コンテンツ、イメージボックス左右共通 ---------- */
div.contbox div.imgbox-L,div.contbox div.imgbox-R {
	width: 300px;
	height: 185px;
	background: url(../img/photo_bg.gif) no-repeat right bottom;
}

/* ---------- コンテンツ、テキストボックス左寄せ ---------- */
div.contbox div.cont_txt_box-L {
	float: left;
	padding: 0 10px 0 0;
}

/* ---------- コンテンツ、テキストボックス右寄せ ---------- */
div.contbox div.cont_txt_box-R {
	float: right;
	padding: 0 0 0 10px;
}

/* ---------- コンテンツ、テキストボックス左右共通 ---------- */
div.contbox div.cont_txt_box-L,div.contbox div.cont_txt_box-R {
	width:390px;
}

/* ---------- コンテンツ、テキストボックス内h4 左右共通 ---------- */
div.contbox div.cont_txt_box-L h4,div.contbox div.cont_txt_box-R h4 {
	font-size:1.5em;
	margin:0 auto 7px;
	text-align:center;
}

/* ---------- コンテンツ、テキストボックス内リスト 左右共通 ---------- */
div.contbox div.cont_txt_box-L ul,div.contbox div.cont_txt_box-R ul {
	list-style:none;
	width:90%;
	margin:0 auto 0;
}

/* ---------- コンテンツ、テキストボックス内リスト内容 左右共通 ---------- */
div.contbox div.cont_txt_box-L ul li,div.contbox div.cont_txt_box-R ul li {
	margin:0.3em 0 0;
	line-height:150%;
}

/* ---------- コンテンツ、テキストボックス内定義内容リスト 左右共通 ---------- */
div.contbox div.cont_txt_box-L dl dd ul,div.contbox div.cont_txt_box-R dl dd ul {
	margin:0 0 0 16px;
}

/* ---------- ボトムボックス ---------- */
div.cont-btm-box {
	width:340px;
	height:40px;
	margin:0;
	padding:10px;
	font-size:1.6em;
	line-height:36px;
}

div.contbox p.btm {
	line-height:135%;
}

div.contbox p.btm img {
	vertical-align:middle;
}

div.contbox p.btm a,div.contbox p.btm-ed span {
	font-size:1.0em;
}

div.contbox p.btm-adv {
	margin:1.2em 0 0;
	font-weight:bold;
}

div.contbox p.btm-ed {
	margin:1.0em 0 0.5em;
}

/* ---------- ▲メインコンテンツここまで ---------- */

/* ---------- ▼価格表テーブル ---------- */
table.ply {
	width:600px;
	margin:0.5em auto;
	border-collapse:collapse;
	border:2px #FFB300 solid; 
}

/* ---------- ▼価格表テーブル caption設定 ---------- */
table.ply caption {
	font-size:1.5em;
	font-weight:bold;
	padding:0 0 0.5em;
	color:#0021A6;
}

/* ---------- ▼価格表テーブル th ---------- */
table.ply tr th {
	padding:0.5em 0.3em;
	border-right:1px #FFB300 solid;
	border-bottom:1px #FFB300 solid;
}

/* ---------- ▼価格表テーブル td ---------- */
table.ply tr td {
	margin:0.3em;
	padding:0.5em 0.3em;
	border-right:1px #FFB300 solid;
	border-bottom:1px #FFB300 solid;
}

/* ---------- ▼価格表テーブル td奇数行カラー ---------- */
table.ply tr.odd th,table.ply tr.odd td {
	background-color:#DFE6FF;
}

/* ---------- ▼価格表テーブル td偶数行カラー ---------- */
table.ply tr.even td {
	background-color:#FFF1D0;
}

/* ---------- WAX洗車、撥水コーティングボックス ---------- */
div#main-col div.wxgrepell {
	width: 710px;
	padding: 10px;
	margin : 10px auto;
	border:1px #FFB300 solid;
}

/* ---------- WAX洗車、撥水コーティングボックス h4 ---------- */
div.contbox h4#poly,div.wxgrepell h4#waxing, div.wxgrepell h4#repelle {
	height:20px;
	line-height:18px;
	margin:0.3em auto 0.5em;
	padding:0 0 0 24px;
	font-size:1.5em;
	background:url(../img/li-mark_sq-bl.gif) no-repeat;
}

div.wxgrepell ul {
	list-style:none;
}

div.wxgrepell ul li dl {
	margin:0 0 0 5em;
}

div.wxgrepell ul li dt {
	font-weight:bold;
	margin:0 0 0.3em;
	color:#4065FF;
}

div.wxgrepell ul li dl dd {
	margin:0 0 0.3em 2em;
	color:#FF6600;
}

p#endmess {
	margin:0 10px;
}

/* ---------------------------------------------------------- 
ポリマーコート会員募集用スタイル
----------------------------------------------------------*/
#wrapper #main-col #r-navi { width: 740px; height:190px; margin: 0 auto 10px; position: relative; }
#wrapper #main-col #r-navi h3 { position: absolute; left: 220px; top: 40px; }
#wrapper #main-col #r-navi p { width: 231px; position: absolute; left: 225px; top: 60px; }