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

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

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

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

/* ---------- ▲ヘッダーここまで ---------- */
/* ---------- ▼メインコンテンツここから ---------- */
/* ---------- コンテンツボックス ---------- */
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;
}

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

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

/* ---------- コンテンツ、テキストボックス内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;
}

/* ---------- コンテンツ、テキストボックス内p 左右共通 ---------- */
div.contbox div.cont_txt_box-R p, div.contbox div.cont_txt_box-L p {
	width:30em;
	margin:0 auto;
	line-height:1.7em;
	text-align:justify;
}

/* ---------- コンテンツ、テキストボックス内p リンク 左右共通 ---------- */
div.contbox div.cont_txt_box-R p a, div.contbox div.cont_txt_box-L p a {
	font-size:1.0em;
}

/* 最下部注意書き */
div.contbox-ed {
	width:700px;
	margin:10px auto;
	padding:10px;
	border:1px #0081A6 solid;
	background-color:#FFF1D0;
}

div.contbox-ed p {
	line-height:150%;
}

div.contbox-ed p img {
	float:right;
	margin:0.5em;
}

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

#wrapper #main-col .contbox table.swapbox { width: 95%; margin: 5px auto; border-collapse: collapse; border-spacing: 0px; }
#wrapper #main-col .contbox table.swapbox tr td.l-col { width: 332px; padding: 10px 0; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; }
table.swapbox tr td.l-col div.L_img,table.swapbox tr td.l-col div.L_img2 { width: 250px; float: left; margin-right: 5px; }
table.swapbox tr td.l-col div.S_img,table.swapbox tr td.l-col div.S_img2 { width: 77px; float: right; }
table.swapbox tr td.l-col div.S_img img,table.swapbox tr td.l-col div.S_img2 img { margin-bottom: 7px; cursor: pointer; }
table.swapbox tr td.l-col div.S_img img.btm,table.swapbox tr td.l-col div.S_img2 img.btm { cursor: pointer; margin-bottom: 0; }

table.swapbox tr td.r-col { width: 300px; padding: 10px; vertical-align: top; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; }
table.swapbox tr td.r-col p { font-size: 100%; margin: 5px 0; line-height: 135%; }
table.swapbox tr td.r-col dl { width: 90%; margin-left: 14px; line-height: 1.2; display: inline; }
table.swapbox tr td.r-col dl dt { width: 3.5em; float: left; margin-bottom: 5px; font-weight: bold; }
table.swapbox tr td.r-col dl dd { width: 17.5em; margin-left: 3.5em; margin-bottom: 5px; padding-left: 1em; border-left: 2px #FF6600 dotted; }
table.swapbox tr td.r-col dl dt.upp { letter-spacing: 0.4em; }

#wrapper #main-col .contbox #led_samp { width: 624px; margin: 0 auto; padding: 10px 0 0; }
img.smp { margin: 0 10px; }
span#cptn { display: block; margin: 10px 0 0; text-align: center; }

div.wf_box { width: 624px; height: 225px; margin: 10px auto 20px; }
div.wf_box p#on { margin: 0 auto 10px; text-align: center; }