@charset "UTF-8";



/*
	--------------------------------
	更新日: 2010-07-27
	--------------------------------
*/



@import "global.css";



/* --------------------------------
	body
-------------------------------- */

body { background:#fafafa url(../img/body_bg_x.gif) repeat-x left top; }

div#bg { border-top:5px solid #066a73; }



/* --------------------------------
	コンテナ
-------------------------------- */

div#container { position:relative; top:-5px; margin:0 auto 0 auto; padding:0 0 20px 0; width:890px; }



/* --------------------------------
	ヘッダ
-------------------------------- */

div#header { position:relative; margin:0 auto 0 auto; padding:5px 0 0 0; width:882px; z-index:200; }

div#header_primary { width:479px; float:left; }
p#header_si_logo { width:184px; float:left; }
p#header_pref { float:left; }
p#header_btn_top { padding:43px 0 0 10px; width:104px; float:left; }

div#header_secondary { width:403px; float:right; }
p#header_catch_logo { padding:14px 0 0 0; width:196px; float:left; }

div#header_mobile { position:relative; padding:5px 0 0 0; width:207px; float:right; }
div#header_mobile .intro { cursor:pointer; }
div#header_mobile .intro p {}
div#header_mobile .detail { position:absolute; left:-521px; top:55px; display:none; width:529px; background:url(../img/hdr_mobile_detail_bg.gif) no-repeat right top; }
div#header_mobile .detail p.img { position:relative; }
div#header_mobile .detail p.btn { position:absolute; right:26px; top:9px; cursor:pointer; }

body.col1 p#header_si_logo,
body.independent p#header_si_logo { width:174px; }



/* --------------------------------
	ローカルナビ
-------------------------------- */

div#lnav { position:relative; width:100%; height:51px; background:url(../img/lnav.gif) no-repeat 0 -11px; }

div#lnav_tab { position:absolute; left:0; top:-11px; padding:0 0 0 2px; width:242px; background:url(../img/lnav.gif) no-repeat; }
div#lnav_tab ul {}
div#lnav_tab ul li { float:left; }
div#lnav_tab ul li a { display:block; padding:19px 0 0 0; height:0; background:url(../img/lnav.gif) no-repeat; overflow:hidden; }

div#lnav_tab ul li#lnav_tab_top { width:111px; }
div#lnav_tab ul li#lnav_tab_other { width:131px; }

div#lnav_tab ul li#lnav_tab_top a { background-position:-2px 0; }
div#lnav_tab ul li#lnav_tab_top a:hover { background-position:-2px -62px; }
div#lnav_tab ul li#lnav_tab_other a { background-position:-113px 0; }
div#lnav_tab ul li#lnav_tab_other a:hover { background-position:-113px -62px; }

div#lnav_btn { margin:0 0 0 4px; padding:10px 0 0 0; }
div#lnav_btn ul {}
div#lnav_btn ul li { float:left; }
div#lnav_btn ul li a { display:block; padding:35px 0 0 0; height:0; background:url(../img/lnav.gif) no-repeat; overflow:hidden; }

div#lnav_btn ul li#lnav_btn_area { width:220px; }
div#lnav_btn ul li#lnav_btn_shop { width:221px; }
div#lnav_btn ul li#lnav_btn_local { width:220px; }
div#lnav_btn ul li#lnav_btn_new { width:220px; }
/*
div#lnav_btn ul li#lnav_btn_new { width:221px; }
*/

div#lnav_btn ul li#lnav_btn_area a { background-position:-4px -21px; }
div#lnav_btn ul li#lnav_btn_area a:hover,
body.area div#lnav_btn ul li#lnav_btn_area a { background-position:-4px -83px; }

div#lnav_btn ul li#lnav_btn_shop a { background-position:-224px -21px; }
div#lnav_btn ul li#lnav_btn_shop a:hover,
body.shop div#lnav_btn ul li#lnav_btn_shop a { background-position:-224px -83px; }

div#lnav_btn ul li#lnav_btn_new a { background-position:-445px -21px; }
div#lnav_btn ul li#lnav_btn_new a:hover,
body.new div#lnav_btn ul li#lnav_btn_new a { background-position:-445px -83px; }

div#lnav_btn ul li#lnav_btn_local a { background-position:-665px -21px; }
div#lnav_btn ul li#lnav_btn_local a:hover,
body.local div#lnav_btn ul li#lnav_btn_local a { background-position:-665px -83px; }

/*
div#lnav_btn ul li#lnav_btn_new a { background-position:-665px -21px; }
div#lnav_btn ul li#lnav_btn_new a:hover,
body.new div#lnav_btn ul li#lnav_btn_new a { background-position:-665px -83px; }
*/



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

div#body { margin:2px 0 0 0; width:100%; background:url(../img/body_bg_m.gif) repeat-y; }
div#body_bg { background:url(../img/body_bg_b.gif) no-repeat left bottom; }
div#body_bg_bg { padding:3px 5px 30px 5px; background:url(../img/body_bg_t.gif) no-repeat; min-height:400px; }
* html div#body_bg_bg { height:400px; }/* IE 6 以前 */

body.col1 div#body,
body.independent div#body { margin-top:3px; }

body.col1 div#body_bg_bg { padding-top:4px; }




/* --------------------------------
	パンくず
-------------------------------- */

p#breadcrumbs { padding:4px 19px 4px 19px; background:#f0efee; font-size:62.5%; line-height:1.5; }
* html p#breadcrumbs { font-size:63%; }/* IE 6 以前 */

p#breadcrumbs a:link { color:#0164dc; text-decoration:none; }
p#breadcrumbs a:visited { color:#6699cc; text-decoration:none; }
p#breadcrumbs a:hover,
p#breadcrumbs a:active { color:#0164dc; text-decoration:underline; }



/* --------------------------------
	コンテンツ
-------------------------------- */

div#content { padding:19px 0 0 19px; width:635px; float:left; }

body.col1 div#content { border-top:2px solid #066a73; margin:0 auto 0 auto; padding:0 0 0 0; width:878px; float:none; }
body.column1 div#content { width:842px; float:none; }


/* タイトル ---------------- */
h1#title {}

div#title { padding:0 0 2px 0; width:100%; min-height:43px; background:url(../img/title_bg_b.gif) repeat-x left bottom; }
* html div#title { height:43px; }/* IE 6 以前 */
div#title .container {}
div#title .container h1 { padding:13px 10px 0 19px; width:456px; background:url(../img/title_bg_t.gif) no-repeat 0 12px; font-weight:bold; font-size:112.5%; line-height:1.167; float:left; }
* html div#title .container h1 { font-size:113%; }/* IE 6 以前 */
div#title .container .num { padding:17px 0 0 0; width:150px; font-size:75%; line-height:1.417; text-align:right; float:left; }

div#title.more .container h1 { width:440px; }
div#title.more .container .num {}
div#title.more .container .btn { padding:14px 0 0 10px; width:148px; float:right; }


/* 該当データなし ---------------- */
p#nodata { margin: 50px 0 0 19px; font-size:87.5%; line-height:1.357; }
* html p#nodata { font-size:88%; }/* IE 6 以前 */



/* --------------------------------
	サイドバー
-------------------------------- */

div#sidebar { padding:19px 19px 0 0; width:187px; float:right; }


/* 関連リンク ---------------- */
div#sidebar_rel { margin:-5px 0 0 0; width:100%; }
div#sidebar_rel ul { margin:5px 0 0 0; padding:0 3px 3px 3px; background:#f3f3f3; }
div#sidebar_rel ul li { clear:both; padding:3px 0 0 0; font-size:0; line-height:1; float:left; }
div#sidebar_rel ul li img { border:1px solid #d9d9d9; vertical-align:bottom; }

div#sidebar_rel ul li#ad_rectangle { height:179px; }


/* トピックス ---------------- */
div#sidebar_topics { margin:20px 0 0 0; }
div#sidebar_topics .header { position:relative; }
div#sidebar_topics .header h2 {}
div#sidebar_topics .header p { position:absolute; left:139px; top:0; width:48px; }
div#sidebar_topics .list { color:#666; font-size:62.5%; line-height:1.5; }
* html div#sidebar_topics .list { font-size:63%; }/* IE 6 以前 */
div#sidebar_topics .list dl { padding:7px 0 8px 0; background:url(../img/dt_h_03.gif) repeat-x left bottom; }
div#sidebar_topics .list dl dt {}
div#sidebar_topics .list dl dd { padding:0 0 0 7px; }
div#sidebar_topics .list dl dd a { display:block; margin:0 0 0 -7px; padding:0 0 0 7px; background:url(../img/arw_h_02.gif) no-repeat 0 0.4em; }



/* --------------------------------
	フッタ
-------------------------------- */

div#footer { margin:0 auto 0 auto; width:882px; }

div#footer_nav { padding:8px 0 0 0; width:250px; float:right; }
div#footer_nav ul { float:right; font-size:62.5%; line-height:1.5; }
* html div#footer_nav ul { font-size:63%; }/* IE 6 以前 */
div#footer_nav ul li { padding:0 0 0 20px; float:left; }
div#footer_nav ul li a { padding:0 0 0 7px; background:url(../img/arw_h_01.gif) no-repeat 0 0.3em; }
div#footer_nav ul li a:link,
div#footer_nav ul li a:visited { color:#666; text-decoration:none; }
div#footer_nav ul li a:hover,
div#footer_nav ul li a:active { color:#666; text-decoration:underline; }

p#footer_credit { padding:6px 0 0 0; width:91px; float:left; }

address#footer_copyright { padding:8px 0 0 0; width:400px; color:#666; font-family:"Lucida Grande", Verdana, sans-serif; font-size:62.5%; line-height:1.5; float:left; }
* html address#footer_copyright { font-size:63%; }/* IE 6 以前 */