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

/* --------------------------------------------------
          TOP キャッチコピー
-------------------------------------------------- */
div#wrapper div#main-col div#top_banner { width: 675px; height: 200px; margin: 10px auto; position: relative; }
div#wrapper div#main-col div#top_banner h2#drop { color: #661C2C; font-size: 24px; margin: 0; padding: 0; position: absolute; left: 30px; top: 16px; }
/* dropcaps */
h2#drop:first-letter { float: left; font-size: 50px; color: #FFFFFF; background-color: #661C2C; line-height: 1; margin: 1px 5px 2px 30px; padding: 5px; text-align: center; vertical-align: text-top; }
div#wrapper div#main-col div#top_banner h3 { margin: 0; font-size: 1.5em; text-align: center; color: #0000FF; position: absolute; left: 50px; top: 30px; }

/* --------------------------------------------------
          オール電化box
-------------------------------------------------- */
div#wrapper div#main-col div#taishin { width: 675px; height: 200px; margin: 0 auto; position: relative; }
div#wrapper div#main-col div#taishin p {
	width: 250px;
	height: 100px;
	position: absolute;
	left: 323px;
	top: 71px;
	line-height: 120%;
	color: #661C2C;
}

/* --------------------------------------------------
          情報boxコンテナ
-------------------------------------------------- */
div#wrapper div#main-col div#mid { width: 675px; height: 370px; margin: 15px auto; }

/* --------------------------------------------------
          情報box
-------------------------------------------------- */
div#wrapper div#main-col div#mid div#L_bx { float: left; }
div#wrapper div#main-col div#mid div#R_bx { float: right; }
div#wrapper div#main-col div#mid div#L_bx,div#wrapper div#main-col div#mid div#R_bx { width: 49.9%; height: 370px; background: url(../img_other/whatsnew_bg.jpg) no-repeat top center; }

/* --------------------------------------------------
          情報box見出し
-------------------------------------------------- */
div#mid div#L_bx h3,div#mid div#R_bx h3 { font-size: 1.8em; margin: 20px 0 0 20px; color: #661C2C; }
div#mid div#L_bx h3 img,div#mid div#R_bx h3 img { vertical-align: middle; margin-right: 10px; }

/* --------------------------------------------------
          情報box inner box
-------------------------------------------------- */
div.info,div.recommend { width: 90%; height: 300px; margin: 5px auto 0; padding: 0 5px; overflow: auto; }
div.info dl dt,div.recommend dl dt { font-weight: bold; }
div.info dl dd,div.recommend dl dd { margin: 0 0 10px; }

/* --------------------------------------------------
          更新情報
-------------------------------------------------- */
div.info dl dt.foc span { color: #3366FF; }
div.info dl dt.foc { color: #009966; }
div.info dl dd.foc { margin-left: 1em; }

/* --------------------------------------------------
          お勧め情報box説明文
-------------------------------------------------- */
div.recommend p { margin-bottom: 10px; }
div.recommend p span { font-size: 2em; font-weight: bold; color: #FF0000; }

/* --------------------------------------------------
          お勧め情報box商品コンテナ
-------------------------------------------------- */
div.recommend div.item_bx { width: 280px; margin: 10px 0 0; padding: 0; border-bottom: 1px #661C2C dashed; }

/* --------------------------------------------------
          商品コンテナimg位置
-------------------------------------------------- */
div.item_bx img.L { float: left; margin-right: 3px; }
div.item_bx img.R { float: right; margin-left: 3px; }
div.item_bx img.L,div.item_bx img.R { margin-top: 5px; border: 1px #33601A solid; }

/* --------------------------------------------------
          商品コンテナ商品説明
-------------------------------------------------- */
div.item_bx dl dt { margin: 0 0 7px; }
div.item_bx dl dt span { display: block; text-align: right; font-size: 1em; }
div.item_bx dl dd ul { list-style: none; margin: 12px 0 6px; }
div.item_bx dl dd ul li span,div.item_bx dl dd ul.price li strong { font-size: 1.4em; font-weight: bold; color: #FF0000; }
div.item_bx ul.price { margin-top: 0; }
div.item_bx dl dd ul.price li strong { margin-left: 1.7em; }
div.item_bx p.txt-1 { margin: 3px 0; }
div.item_bx strong.dc-p { color: #FF0000; font-size: 18px; }

/* --------------------------------------------------
          W3C valid seal
-------------------------------------------------- */
div#wrapper div#main-col p#valid { text-align: right; margin: 0 10px 0 0; }

#wrapper #main-col #care { margin: 10px auto; }
#wrapper #main-col #mid #L_bx .recommend .item_bx .r-info { color: #009966; font-size: 14px; }