@charset "UTF-8";



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

body { background:#fafafa; }



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

div#body { margin-top:0; background:#fff; }
div#body_container { margin:0 auto 0 auto; padding:0 0 20px 0; width:882px; background:url(../img/index/body_bg.jpg) no-repeat left 414px; }



/* --------------------------------
	表紙
-------------------------------- */

div#cover { min-height:414px; }
* html div#cover { height:414px; }/* IE 6 以前 */

div#cover_flash {}

div#cover_flash_alt { width:882px; min-height:414px; background:url(../img/index/cover_bg.jpg) no-repeat left top; }
* html div#cover_flash_alt { height:414px; }/* IE 6 以前 */
div#cover_flash_alt h1 { padding:51px 0 0 19px; }

div#cover_flash_alt div#join { margin:55px 0 0 20px; width:340px; }
div#cover_flash_alt div#join p.tit { width:76px; float:left; }
div#cover_flash_alt div#join p.tit img { vertical-align:middle; }
div#cover_flash_alt div#join p.txt { width:260px; float:left; font-weight:bold; }
div#cover_flash_alt div#join p.txt strong { padding:0 3px 0 3px; color:#066a73; font-size:125%; line-height:1.222; }

div#cover_flash_alt div.nav { clear:both; margin:6px 0 10px 20px; padding:0 0 15px 0; width:306px; background:url(../img/index/cover_nav_bg.gif) no-repeat left bottom; }
div#cover_flash_alt div.nav p.tit {}
div#cover_flash_alt div.nav ul { margin:0 0 0 12px; width:279px; font-size:0; line-height:1; }
div#cover_flash_alt div.nav ul li { padding:3px 0 0 3px; width:90px; float:left; }
div#cover_flash_alt div.nav ul li img { vertical-align:bottom; }
div#cover_flash_alt div.nav p.sp { clear:both; padding:15px 0 0 0; text-align:center; }



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

div#main_container { margin:0 auto 0 auto; width:842px; }

div#content { padding:0; width:635px; float:left; }
div#main_content { width:428px; float:right; }
div#sub_content { width:187px; float:left; }



/* --------------------------------
	auおトクナビとは
-------------------------------- */

div#main_content div#about { width:428px; background:url(../img/index/content_bg_m.gif) repeat-y left top; }
div#main_content div#about_bg { padding:0 0 14px 0; background:url(../img/index/content_bg_b.gif) no-repeat left bottom; }
div#main_content div#about h2 {}
div#main_content div#about p.target { text-align:center; }
div#main_content div#about p.txt { padding:12px 0 0 11px; width:272px; float:left; }
div#main_content div#about p.btn { padding:12px 13px 0 0; width:97px; float:right; }



/* --------------------------------
	タブ
-------------------------------- */

div#main_content .tab { margin:0 auto 0 auto; width:408px; background:url(../img/index/main_tab.gif) no-repeat left top; }
div#main_content .tab ul { margin:0 auto 0 auto; width:402px; }
div#main_content .tab ul li { float:left; }
div#main_content .tab ul li a { display:block; padding:23px 0 0 0; height:0; background:url(../img/index/main_tab.gif) no-repeat left top; overflow:hidden; }
div#main_content .tab ul li a.current { cursor:default; }

div#main_content .tab ul li.tokyo { width:45px; }
div#main_content .tab ul li.tokyo a { background-position:-3px 0; }
div#main_content .tab ul li.tokyo a:hover,
div#main_content .tab ul li.tokyo a.current,
div#main_content .tab ul li.tokyo a.current:hover { background-position:-3px -23px; }

div#main_content .tab ul li.kanagawa { width:44px; }
div#main_content .tab ul li.kanagawa a { background-position:-48px 0; }
div#main_content .tab ul li.kanagawa a:hover,
div#main_content .tab ul li.kanagawa a.current,
div#main_content .tab ul li.kanagawa a.current:hover { background-position:-48px -23px; }

div#main_content .tab ul li.chiba { width:45px; }
div#main_content .tab ul li.chiba a { background-position:-92px 0; }
div#main_content .tab ul li.chiba a:hover,
div#main_content .tab ul li.chiba a.current,
div#main_content .tab ul li.chiba a.current:hover { background-position:-92px -23px; }

div#main_content .tab ul li.saitama { width:44px; }
div#main_content .tab ul li.saitama a { background-position:-137px 0; }
div#main_content .tab ul li.saitama a:hover,
div#main_content .tab ul li.saitama a.current,
div#main_content .tab ul li.saitama a.current:hover { background-position:-137px -23px; }

div#main_content .tab ul li.gunma { width:45px; }
div#main_content .tab ul li.gunma a { background-position:-181px 0; }
div#main_content .tab ul li.gunma a:hover,
div#main_content .tab ul li.gunma a.current,
div#main_content .tab ul li.gunma a.current:hover { background-position:-181px -23px; }

div#main_content .tab ul li.tochigi { width:44px; }
div#main_content .tab ul li.tochigi a { background-position:-226px 0; }
div#main_content .tab ul li.tochigi a:hover,
div#main_content .tab ul li.tochigi a.current,
div#main_content .tab ul li.tochigi a.current:hover { background-position:-226px -23px; }

div#main_content .tab ul li.ibaraki { width:45px; }
div#main_content .tab ul li.ibaraki a { background-position:-270px 0; }
div#main_content .tab ul li.ibaraki a:hover,
div#main_content .tab ul li.ibaraki a.current,
div#main_content .tab ul li.ibaraki a.current:hover { background-position:-270px -23px; }

div#main_content .tab ul li.yamanashi { width:44px; }
div#main_content .tab ul li.yamanashi a { background-position:-315px 0; }
div#main_content .tab ul li.yamanashi a:hover,
div#main_content .tab ul li.yamanashi a.current,
div#main_content .tab ul li.yamanashi a.current:hover { background-position:-315px -23px; }

div#main_content .tab ul li.niigata { width:46px; }
div#main_content .tab ul li.niigata a { background-position:-359px 0; }
div#main_content .tab ul li.niigata a:hover,
div#main_content .tab ul li.niigata a.current,
div#main_content .tab ul li.niigata a.current:hover { background-position:-359px -23px; }



/* --------------------------------
	地域ニュース
-------------------------------- */

div#local { clear:both; margin:10px 0 0 0; width:428px; background:url(../img/index/content_bg_m.gif) repeat-y left top; }
div#local_bg { padding:0 0 11px 0; background:url(../img/index/content_bg_b.gif) no-repeat left bottom; }
div#local h2 {}
div#local .article {}
div#local .article .section { margin:0 auto 0 auto; width:407px;  }
div#local .article .section ul { margin:-8px 0 0 0; }
div#local .article .section ul li { margin:7px 0 0 0; padding:8px 6px 0 6px; background:url(../common/img/dt_h_05.gif) repeat-x left top; font-size:75%; line-height:1.417; }
div#local .article .section ul li a:link { color:#0164dc; text-decoration:none; }
div#local .article .section ul li a:visited { color:#6699cc; text-decoration:none; }
div#local .article .section ul li a:hover,
div#local .article .section ul li a:active { color:#0164dc; text-decoration:underline; }
div#local .article .section ul li dl { width:395px; }
div#local .article .section ul li dl dt { width:54px; float:left; font-size:0; line-height:1; }
div#local .article .section ul li dl dd { width:331px; float:right; }
div#local .article .section ul li dl dd a { display:block; width:331px; }



/* --------------------------------
	ケータイサイトもチェック！
-------------------------------- */

div#mobile { position:relative; width:187px; }
div#mobile .intro {}
div#mobile .intro p { cursor:pointer; }
div#mobile .detail { display:none; position:absolute; left:-11px; top:110px; padding:12px 0 0 0; width:512px; background:url(../img/index/barcode_lead_bg.gif) no-repeat left top;  }
div#mobile .detail p.img { position:relative; }
div#mobile .detail p.btn { position:absolute; right:9px; top:19px; cursor:pointer; }



/* --------------------------------
	関連リンク
-------------------------------- */

div#sub_related { margin:10px 0 0 0; width:100%; }
div#sub_related ul { padding:0 3px 3px 3px; background:#f3f3f3; }
div#sub_related ul li { clear:both; padding:3px 0 0 0; font-size:0; line-height:1; float:left; }
div#sub_related ul li img { border:1px solid #d9d9d9; vertical-align:bottom; }



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

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

div#sidebar_rel { margin-top:0; }
div#sidebar_rel ul { margin-top:0; }



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

div#footer { border-top:1px #e6e6e6 solid; padding:9px 0 20px 0; width:100%; }
div#footer_container { margin:0 auto 0 auto; width:842px; }

div#footer_nav { width:220px; }