@charset "UTF-8";



/* --------------------------------
	ボディ
-------------------------------- */

div#body {}


/* ボディ：ボディ ---------------- */
div#body_body { margin:0 0 0 0; width:100%; background:none; }


/* ボディ：フッタ ---------------- */
div#body_footer {}

div#body_footer_ref { margin:40px 0 0 0; }



/* --------------------------------
	カバー
-------------------------------- */

div#cover { position:relative; margin:-10px -30px 0 -30px; padding:30px 30px 30px 30px; width:850px; height:321px; background:url(../img/index/cover_bg.jpg) no-repeat; }
div#cover_bg { position:relative; height:321px; background:url(../img/index/cover_bg_bg.jpg) no-repeat right top; }
div#cover h1 { position:absolute; width:393px; left:409px; top:91px; }
div#cover .img {}
div#cover ul { position:relative; margin:-67px 0 0 6px; }
div#cover ul li { float:left; padding:0 0 0 9px; }


/*
div#cover_flash {}
div#cover_flash h1 { height:0; overflow:hidden; }
 */



/* --------------------------------
	トピックス
-------------------------------- */

div#topics { padding:0 0 0 5px; width:497px; float:left; }

div#topics .header { position:relative; width:100%; }
div#topics .header h2 {}
div#topics .header .btn { position:absolute; right:2px; top:1px; width:76px; }

div#topics .list { width:100%; background:url(../img/index/topics_bg_m.gif) repeat-y; }
div#topics .list .bg { background:url(../img/index/topics_bg_b.gif) no-repeat left bottom; }
div#topics .list .bg_bg { padding:13px 11px 13px 11px; min-height:44px; background:url(../img/index/topics_bg_t.gif) no-repeat; }
* html div#topics .list .bg_bg { height:44px; }/* IE 6 以前 */
div#topics .list dl { padding:1px 0 0 0; }
div#topics .list dl dt { width:70px; float:left; }
div#topics .list dl dd { width:400px; float:right; }
div#topics .list dl dd a:link,
div#topics .list dl dd a:visited { color:#444; text-decoration:underline; }
div#topics .list dl dd a:hover,
div#topics .list dl dd a:active { color:#ccc; text-decoration:underline; }



/* --------------------------------
	AD
-------------------------------- */

p#ad { padding:0 5px 0 0; width:343px; float:right; }
p#ad img { position:relative; margin:-30px 0 -30px 0; }



/* --------------------------------
	リコメンド
-------------------------------- */

div#rec { clear:both; padding:30px 0 0 0; }

div#rec h2 { text-align:center; }
div#rec ul { padding:5px 5px 5px 5px; background:url(../img/index/rec_bnr_bg.gif) no-repeat; }
div#rec ul li { float:left; }
div#rec ul li a {}
div#rec ul li img { vertical-align:bottom; }



/* --------------------------------
	ピックアップ
-------------------------------- */

div#pickup { margin:25px auto 0 auto; width:840px; }

div#pickup h2 {}
div#pickup ul { margin:0 0 0 -5px;; width:845px }
div#pickup ul li { padding:0 0 0 5px; float:left; }
div#pickup ul li a {}
div#pickup ul li img { vertical-align:bottom; }