@charset "Shift_JIS";



/* --------------------------------
	共通CSS上書き
-------------------------------- */

#dk_contents-wrapper { width: 100%;}
#dk_contents-area { width: 100%; line-height: 1.333;}



/* --------------------------------
	基本レイアウト
-------------------------------- */

#container { background: #f2f2f2;}

#body { width: 960px; margin: 0 auto; padding: 0 0 22px;}

#body a:link,
#body a:visited { color: #29ABE2; text-decoration: underline;}
#body a:hover,
#body a:active { color: #29ABE2; text-decoration: none;}

#body .cautionList { padding: 14px 0; color: #000; font-size: 83%; line-height: 1.5;}
#body .cautionList em { color: #29ABE2; font-weight: normal;}
#body .cautionList span.ico img { vertical-align: middle; margin: 0 3px 0 0;}
#body .cautionList ul .sect_sp { margin: 5px 0; }
#body .cautionList ul .sect_sp:first-child { margin-top: 0; }
#body .cautionList ul li .txt_alert { font-weight: bold; text-decoration: underline; color: #F00; }

#body p.pagetop { padding: 15px 0 0; text-align: right;}



/* --------------------------------
	ローカルヘッダー
-------------------------------- */

#localHeader { z-index: 80; position: absolute; left: 0; width: 100%; height: 87px; overflow: hidden; background: url(../img/common/localheader_bg.png) no-repeat center top;}
#localHeader.js_fixed { z-index: 1000; position: fixed; top: 0; left: 0;}
#localHeader .container { width: 960px; margin: 0 auto;}
#localHeader p.top { float: left; width: 211px; height: 52px;}
#localHeader ul.localNav { float: left;}
#localHeader ul.localNav li { float: left;}

#localHeader p.top,
#localHeader ul.localNav li { font-size: 1px; text-indent: -9999px;}
#localHeader p.top,
#localHeader p.top a,
#localHeader ul.localNav li a { outline: none; display: block; background: url(../img/common/localheader_nav.png) no-repeat;} 
#localHeader p.top a { height: 52px;}

#localHeader ul#localNav_01 li a { width: 107px; height: 52px;}
#localHeader ul#localNav_01 li.nav_01 a { background-position: -211px 0;}
#localHeader ul#localNav_01 li.nav_02 a { background-position: -318px 0;}
#localHeader ul#localNav_01 li.nav_03 a { background-position: -425px 0;}
#localHeader ul#localNav_01 li.nav_04 a { background-position: -532px 0;}
#localHeader ul#localNav_01 li.nav_05 a { background-position: -639px 0;}
#localHeader ul#localNav_01 li.nav_06 a { background-position: -746px 0;}
#localHeader ul#localNav_01 li.nav_07 a { background-position: -853px 0;}

#localHeader ul#localNav_01 li.nav_01 a.js_current,
#localHeader ul#localNav_01 li.nav_01 a:hover { background-position: -211px -87px;}
#localHeader ul#localNav_01 li.nav_02 a.js_current,
#localHeader ul#localNav_01 li.nav_02 a:hover { background-position: -318px -87px;}
#localHeader ul#localNav_01 li.nav_03 a.js_current,
#localHeader ul#localNav_01 li.nav_03 a:hover { background-position: -425px -87px;}
#localHeader ul#localNav_01 li.nav_04 a.js_current,
#localHeader ul#localNav_01 li.nav_04 a:hover { background-position: -532px -87px;}
#localHeader ul#localNav_01 li.nav_05 a.js_current,
#localHeader ul#localNav_01 li.nav_05 a:hover { background-position: -639px -87px;}
#localHeader ul#localNav_01 li.nav_06 a.js_current,
#localHeader ul#localNav_01 li.nav_06 a:hover { background-position: -746px -87px;}
#localHeader ul#localNav_01 li.nav_07 a.js_current,
#localHeader ul#localNav_01 li.nav_07 a:hover { background-position: -853px -87px;}

#localHeader ul#localNav_02 li a { height: 35px;}
#localHeader ul#localNav_02 li.nav_01 a { width: 149px; background-position: 0 -52px;}
#localHeader ul#localNav_02 li.nav_02 a { width: 128px; background-position: -149px -52px;}
#localHeader ul#localNav_02 li.nav_03 a { width: 128px; background-position: -277px -52px;}
#localHeader ul#localNav_02 li.nav_04 a { width: 152px; background-position: -405px -52px;}
#localHeader ul#localNav_02 li.nav_05 a { width: 155px; background-position: -557px -52px;}
#localHeader ul#localNav_02 li.nav_06 a { width: 124px; background-position: -712px -52px;}
#localHeader ul#localNav_02 li.nav_07 a { width: 124px; background-position: -836px -52px;}

#localHeader ul#localNav_02 li.nav_01 a:hover { background-position: 0 -139px;}
#localHeader ul#localNav_02 li.nav_02 a:hover { background-position: -149px -139px;}
#localHeader ul#localNav_02 li.nav_03 a:hover { background-position: -277px -139px;}
#localHeader ul#localNav_02 li.nav_04 a:hover { background-position: -405px -139px;}
#localHeader ul#localNav_02 li.nav_05 a:hover { background-position: -557px -139px;}
#localHeader ul#localNav_02 li.nav_06 a:hover { background-position: -712px -139px;}
#localHeader ul#localNav_02 li.nav_07 a:hover { background-position: -836px -139px;}



/* --------------------------------
	ローカルフッター
-------------------------------- */

#localFooter { margin: 0 0 50px;}
#localFooter .row {}
#localFooter .row_01 { padding: 20px 0; background: #757b7f;}
#localFooter .row_02 { background: #52575a;}
#localFooter .row .container { width: 960px; margin: 0 auto;}

#localFooter .row_01 .container { padding: 10px 0 5px; background: url(../img/common/localfooter_01_bg.png) repeat-y;}
#localFooter .row_01 .col { float: left; width: 210px; padding: 0 0 0 30px;}

#localFooter .row_01 .col_01 { width: 240px; padding-left: 0;}
#localFooter .row_01 .col_01 p.lead { padding: 10px 0 0;}
#localFooter .row_01 .col_01 p.btn { padding: 63px 0 0;}
#localFooter .row_01 .col_02 {}
#localFooter .row_01 .col_02 p.lead { padding: 10px 0 0;}
#localFooter .row_01 .col_02 p.btn { padding: 63px 0 0;}
#localFooter .row_01 .col_03 {}
#localFooter .row_01 .col_03 p.lead { padding: 10px 0 0;}
#localFooter .row_01 .col_03 .formArea { width: 170px; height: 32px; margin: 12px 0 0; padding: 9px 0 0 9px; background: url(../img/common/localfooter_shopsearch_form_bg.png) no-repeat;}
#localFooter .row_01 .col_03 table.form {}
#localFooter .row_01 .col_03 table.form td.ico { width: 17px;}
#localFooter .row_01 .col_03 table.form td.input input { width: 81px; height: 22px; padding: 0 5px; border: 1px solid #b8b1ab; border-radius: 5px; background: #f3f2f2; box-shadow: 1px 1px 2px #ccc inset;}
#localFooter .row_01 .col_03 table.form td.btn { padding: 0 0 0 5px;}
#localFooter .row_01 .col_03 p.btn { padding: 10px 0 0;}

#localFooter .row_01 .col_04 {}
#localFooter .row_01 .col_04 p.btn { padding: 108px 0 0;}

#localFooter .row_02 .container { padding: 31px 0 22px;}
#localFooter .row_02 .col_01 { float: left; width: 700px;}
#localFooter .row_02 .col_01 .content { float: left; width: 320px;}
#localFooter .row_02 .col_01 .content p.lead { padding: 17px 0 0;}
#localFooter .row_02 .col_01 .content p.btn { padding: 17px 0 0;}
#localFooter .row_02 .col_01 p.img { float: right; width: 367px;}
#localFooter .row_02 .col_02 { float: right; width: 230px;}
#localFooter .row_02 .col_02 p.img { padding: 11px 0 0;}


#extra { padding: 40px 0; background: #f2f2f2;}


/* --------------------------------
	ページを共有
-------------------------------- */

#shareBtn { width: 960px; height: 40px; margin: 41px auto 0; background: url(../img/common/share_bg.png) no-repeat;}
#shareBtn h4 { float: left; padding: 10px 0 0 10px;}
#shareBtn ul.btn { float: left; padding: 10px 0 0 28px;}
#shareBtn ul.btn li { float: left; margin: 0 10px 0 0;}
#shareBtn ul.btn li.facebook { width: 70px; overflow: hidden;}