@charset "UTF-8";



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

div#bg { background-color:#fff; }
div#body { margin:2px auto 0 auto; width:100%; background:url(../img/index/body_bg.jpg) repeat-x; }
div#body_bg { background:url(../img/index/body_bg_bg.jpg) no-repeat center top; }


/* コンテンツ ---------------- */
div#content { padding-bottom:0; }


/* ボディ：フッタ ---------------- */
div#body_footer { margin:0 auto 0 auto; width:850px; background:#fff; }

div#body_footer_ref { padding-top:20px; }



/* --------------------------------
	タイトル
-------------------------------- */

h1 { height:0; overflow:hidden; }



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

div#cover { margin:0 auto 0 auto; width:850px; height:470px; }
div#cover .main { width:425px; float:right; }
div#cover .main h2 {}
div#cover .main .bnr {}
div#cover .main .recommend { margin:10px 0 0 0; padding:4px 5px 5px 5px; width:390px; background:url(../img/index/cover_recommend_bg.gif) no-repeat; }
div#cover .main .recommend h3 { width:330px; float:left; }
div#cover .main .recommend ul.nav { width:40px; float:right; }
div#cover .main .recommend ul.nav li { width:20px; float:left; }
div#cover .main .recommend ul.nav li a { display:block; padding:18px 0 0 0; height:0; background:url(../img/index/cover_recommend_nav.gif) no-repeat; overflow:hidden; }
div#cover .main .recommend ul.nav li.rec_01 a { background-position:0 0; }
div#cover .main .recommend ul.nav li.rec_01 a:hover,
div#cover .main .recommend ul.nav li.rec_01 a.current { background-position:0 -18px; }	/* add */
div#cover .main .recommend ul.nav li.rec_02 a { background-position:-20px 0; }
div#cover .main .recommend ul.nav li.rec_02 a:hover,
div#cover .main .recommend ul.nav li.rec_02 a.current { background-position:-20px -18px; }	/* add */

/* del
div#cover .main .recommend ul.img {}
div#cover .main .recommend ul.img li {}
*/
div#cover .sub { width:425px; float:left; }

/* add strat */
div#cover .main .recommend .img { clear:both; height: 80px; width:100%; overflow: hidden;}
div#cover .main .recommend #recomendWrapper { background:#FFFFFF; position: relative;}
div#cover .main .recommend #recomendWrapper div { position:absolute; }
/* add end */

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

div.sect01 { margin:0 auto 0 auto; width:850px; }
div#topics { padding:20px 0 0 0; width:470px; float:left; }

div#topics .header { width:100%; }
div#topics .header h2 {}

div#topics .list { margin:0 0 10px 0; width:470px; background:url(../img/index/topics_bg_m.gif) repeat-y; }
div#topics .list .bg { width:470px; background:url(../img/index/topics_bg_b.gif) no-repeat left bottom; }
div#topics .list .bg_bg { padding:13px 0 8px 0; width:470px; background:url(../img/index/topics_bg_t.gif) no-repeat; }
div#topics .list .bg_bg_bg { padding:0 8px 13px 15px; min-height:55px; background:url(../common/img/dt_v_01.gif) repeat-y 95px top; }
* html div#topics .list .bg_bg_bg { height:55px; }/* IE 6 以前 */

div#topics .list dl { padding:1px 0 0 0; }
div#topics .list dl dt { width:81px; float:left;  color:#3790e2; font-weight:bold; }
div#topics .list dl dd { padding:0 0 0 23px; width:307px; float:left; background:url(../common/img/arw_01.gif) no-repeat 13px 0.5em; }

div#topics .btn { position:relative; margin:-10px 0 0 0; padding:0 0 0 376px; }




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

p#ad { width:380px; float:right; }



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

div#pickup { clear:both; margin:0 auto 0 auto; width:850px; }

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