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

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

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

/* ---------- ヘッダー見出し ---------- */
div#cont-hdr h3 {
	margin-bottom:10px;
	font-size:1.5em;
	line-height:135%;
}

/* ---------- ヘッダー見出し内span ---------- */
div#cont-hdr h3 span.red {
	font-size:1.1em;
}

/* ---------- ヘッダー見出し内img ---------- */
div#cont-hdr h3 img {
	float:left;
	margin:0 10px 0 0;
}
/* ---------- ▲ヘッダーここまで ---------- */

/* ---------- ▼メインコンテンツここから ---------- */

/* ---------- コンテンツボックス ---------- */
div#main-col div.contbox {
	width: 680px;
	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:370px;
}

/* ---------- コンテンツ、テキストボックス内h3 左右共通 ---------- */
div.contbox div.cont_txt_box-L h3,div.contbox div.cont_txt_box-R h3 {
	width:370px;
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
	color:#0081A6;
	line-height:20px;
	font-size:1.6em;
}

/* ---------- コンテンツ、テキストボックス内h3、span 左右共通 ---------- */
div.contbox div.cont_txt_box-L h3 span,div.contbox div.cont_txt_box-R h3 span {
	font-size:0.8em;
	color:#FF6600;
}

/* ---------- コンテンツ、テキストボックス内定義タイトル 左右共通 ---------- */
div.contbox div.cont_txt_box-L dl dt,div.contbox div.cont_txt_box-R dl dt {
	width:7em;
	margin:0 0 0.8em 0;
	padding:0.3em 0 0.3em 0.2em;
	text-align:center;
	font-weight:bold;
	float:left;
}

/* ---------- コンテンツ、テキストボックス内定義内容 左右共通 ---------- */
div.contbox div.cont_txt_box-L dl dd,div.contbox div.cont_txt_box-R dl dd {
	margin:0 0 0.8em 7.3em;
	padding:0.3em 0 0.3em 0.4em;
	border-left:3px #0081A6 solid;
}

/* ---------- コンテンツ、テキストボックス内定義内容リスト 左右共通 ---------- */
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.contbox h3.spl {
	width:340px;
	height:40px;
	margin:0;
	padding:0 0 0 160px;
	background:url(img/spl_damper.gif) no-repeat;
	font-size:1.6em;
	line-height:36px;
}

div.contbox h4 {
	font-size:1.4em;
	color:#FF0000;
	margin:0.3em;
	letter-spacing:0.2em;
}

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

div.contbox dl.spl-price {
	margin:1.5em 0 1.5em 3em;
}

div.contbox dl.spl-price dd ul {
	margin:0 0 0 16px;
}

div.contbox dl.spl-price dd ul li {
	margin:0.3em 0;
}
/* ---------- ▲メインコンテンツここまで ---------- */

/* ---------------------------------------------------------- 
キャンペーン用スタイル
----------------------------------------------------------*/
div#2010edfc { width: 740px; height: 350px; margin: 0 auto; }
div#2010trade-1 { width: 740px; height: 370px; margin: 0 auto; }

p.trade { margin: 5px auto 10px 10px; }