@charset "UTF-8";



/*
	--------------------------------
	更新日: 2013-04-24
	--------------------------------
*/



@import "global.css";



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

body { background: #fff; }
div#container {}



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

div#headerwrap { min-width: 996px; background: url(../img/hd_bg.gif); }
div#header { width: 996px; margin: 0 auto; }
div#header div#siteid { float: left; padding: 15px 31px 0 24px; }

/*	グローバルナビゲーション -------------------- */

div#header ul#gnav { float: left; padding-right: 1px; background: url(../img/gnav_line.gif) no-repeat right top; }
div#header ul#gnav li { float: left; padding-left: 1px; background: url(../img/gnav_line.gif) no-repeat left top; }
div#header ul#gnav li a { display: block; overflow: hidden; height: 0; padding-top: 79px; background-repeat: no-repeat; background-position: left top; }

div#header ul#gnav li.top a { width: 85px; background-image: url(../img/gnav_top.gif); }
div#header ul#gnav li.news a { width: 156px; background-image: url(../img/gnav_news.gif); }
div#header ul#gnav li.shop a { width: 137px; background-image: url(../img/gnav_shop.gif); }
div#header ul#gnav li.access a { width: 111px; background-image: url(../img/gnav_access.gif); }
div#header ul#gnav li.info a { width: 155px; background-image: url(../img/gnav_info.gif); }
div#header ul#gnav li.concept a { width: 122px; background-image: url(../img/gnav_concept.gif); }

div#header ul#gnav li.top a:hover,
div#header ul#gnav li.top a:focus,
div#header ul#gnav li.top a:active { background-image: url(../img/gnav_top_ov.gif); }
div#header ul#gnav li.news a:hover,
div#header ul#gnav li.news a:focus,
div#header ul#gnav li.news a:active { background-image: url(../img/gnav_news_ov.gif); }
div#header ul#gnav li.shop a:hover,
div#header ul#gnav li.shop a:focus,
div#header ul#gnav li.shop a:active { background-image: url(../img/gnav_shop_ov.gif); }
div#header ul#gnav li.access a:hover,
div#header ul#gnav li.access a:focus,
div#header ul#gnav li.access a:active { background-image: url(../img/gnav_access_ov.gif); }
div#header ul#gnav li.info a:hover,
div#header ul#gnav li.info a:focus,
div#header ul#gnav li.info a:active { background-image: url(../img/gnav_info_ov.gif); }
div#header ul#gnav li.concept a:hover,
div#header ul#gnav li.concept a:focus,
div#header ul#gnav li.concept a:active { background-image: url(../img/gnav_concept_ov.gif); }

/* カレント表示 */
body.top div#header ul#gnav li.top a { background-image: url(../img/gnav_top_cr.gif) !important; }
body.news div#header ul#gnav li.news a { background-image: url(../img/gnav_news_cr.gif) !important; }
body.shop div#header ul#gnav li.shop a { background-image: url(../img/gnav_shop_cr.gif) !important; }
body.access div#header ul#gnav li.access a { background-image: url(../img/gnav_access_cr.gif) !important; }
body.info div#header ul#gnav li.info a { background-image: url(../img/gnav_info_cr.gif) !important; }
body.concept div#header ul#gnav li.concept a { background-image: url(../img/gnav_concept_cr.gif) !important; }



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

div#topicpath { overflow: hidden; width: 952px; margin: 0 auto; padding: 12px 20px 12px 0; border-left: 24px solid #fff; background-color: #fff; }
div#topicpath ul { margin-left: -12px; }
div#topicpath ul li { float: left; padding: 0 4px 0 12px; background: url(../img/topicpath_arrow.gif) no-repeat left center; }



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

div.bodywrap { background: url(../img/bodywrap_bg_b.gif) repeat-x center bottom; }
div.bodywrap div.bodywrap { background: url(../img/bodywrap_bg_u.gif) repeat-x center top; }
div#body { position: relative; width: 996px; margin: 0 auto; background: url(../img/body_bg.gif) repeat-y 749px 0 #fff; }



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

div#content { float: left; width: 701px; padding-left: 24px; }



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

div#sidebar { float: right; width: 227px; padding: 0 20px 21px 0; }

div#sidebar dl#sb_shop { padding: 13px 0 17px 18px; border-bottom: 1px solid #333; background-color: #000; }
div#sidebar dl#sb_shop dt { margin-bottom: -2px; font-size: 0; }
div#sidebar dl#sb_shop dd { margin-top: 8px; }

div#sidebar dl#sb_access { position: relative; padding: 15px 0 15px 18px; border-bottom: 1px solid #333; background-color: #000; }
div#sidebar dl#sb_access dt { margin-bottom: 6px; font-size: 0; }
div#sidebar dl#sb_access dd.dtl { position: absolute; left: 125px; top: 16px; font-size: 0; }
* html div#sidebar dl#sb_access dd.dtl { left: 107px; }

div#sidebar dl#sb_time { padding: 15px 0 21px 18px; background-color: #000; }
div#sidebar dl#sb_time dt { margin-bottom: 7px; font-size: 0; }

div#sidebar div#sb_twitter { min-height: 220px; height: auto !important; height: 220px; padding: 8px 18px 18px; background-color: #2a2a2a; }
div#sidebar div#sb_twitter p.hd { margin: 0 -35px 0 -10px; }
div#sidebar div#sb_twitter div.twfrm { padding: 0 5px 5px; background-color: #4c4c4c; }
div#sidebar div#sb_twitter div.twfrm ul.timeline { padding-left: 10px; background-color: #333; color: #fff; line-height: 1.2; }
div#sidebar div#sb_twitter div.twfrm ul.timeline li { overflow: hidden; padding: 8px 5px 8px 0; border-bottom: 1px solid #4c4c4c; }
div#sidebar div#sb_twitter div.twfrm ul.timeline li:last-child { border-bottom: 0px none; }
div#sidebar div#sb_twitter div.twfrm ul.timeline li p.icon { float: left; width: 24px; }
div#sidebar div#sb_twitter div.twfrm ul.timeline li div.content { margin-left: 34px; }

/* IE6対策 */
* html div#sidebar div#sb_twitter p.hd img { position: relative; right: 0px; }
* html div#sidebar div#sb_twitter div.twfrm { overflow: hidden; height: 350px; }
* html div#sidebar div#sb_twitter div.twfrm ul.timeline li { overflow: hidden; height: 48px; }
* html div#sidebar div#sb_twitter div.twfrm ul.timeline li div.content { overflow: hidden; width: 127px; height: 48px; }

div#sidebar div#sb_twitter div.twfrm p.forall { padding-top: 4px; text-align: right; font-size: 0; }

div#sidebar ul#sb_bnr { padding: 0 0 13px 18px; background-color: #2a2a2a; }
div#sidebar ul#sb_bnr li { margin-bottom: 5px; }



/* --------------------------------
	ページトップへ戻る
-------------------------------- */

div#body p.pagetop { position: absolute; right: 3px; bottom: 38px; }



/* --------------------------------
	ページャー 基本形
-------------------------------- */

div#body div.pagenav { position: relative; overflow: hidden; }
div#body div.pagenav ul { position: relative; left: 50%; float: left; }
div#body div.pagenav ul li { position: relative; left: -50%; float: left; padding-left: 5px; font-weight: bold; }
div#body div.pagenav ul li.prev { padding-left: 0; padding-right: 4px; }
div#body div.pagenav ul li.next { padding-left: 9px; }
div#body div.pagenav ul li a,
div#body div.pagenav ul li span { display: block; padding: 3px 7px; border: 1px solid #dedede; background-color: #fff; }
div#body div.pagenav ul li a:hover,
div#body div.pagenav ul li a:focus,
div#body div.pagenav ul li a:active { background-color: #15b6ff; color: #fff !important; }
div#body div.pagenav ul li span.current { background-color: #000; color: #fff; }
div#body div.pagenav ul li span.na { color: #ccc; }



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

div#footerwrap { position: relative; zoom: 1; padding-bottom: 31px; background: url(../img/ft_bg.gif) repeat-x center bottom #3b3b3b; }
* html div#footerwrap { margin-bottom: -31px; }
*:first-child+html div#footerwrap { margin-bottom: -31px; }
div#footer { width: 996px; margin: 0 auto; }
div#footer div#ftnav { position: relative; overflow: hidden; padding-right: 40px; }
* html div#footer div#ftnav { overflow: visible; }
div#footer div#ftnav ul { position: relative; left: 50%; float: left; padding: 20px; }
div#footer div#ftnav ul li { position: relative; left: -50%; float: left; padding: 0 14px; }
div#footer div#ftnav ul li a { color: #fff; }
div#footer div#ftnav ul li.external a { padding-right: 13px; background: url(../img/icon_blank.gif) no-repeat right center; }
div#footer div#ftnav ul li.external a:hover,
div#footer div#ftnav ul li.external a:focus,
div#footer div#ftnav ul li.external a:active { background-image: url(../img/icon_blank_ov.gif); }
div#footer p#copyright { float: left; padding: 8px 24px; }
div#footer p#mplogo { float: right; padding: 8px 37px; }



/* --------------------------------
	メトロプロパティーズ共通フッタ
-------------------------------- */

body iframe#MPFB_frame { overflow: hidden; }