@charset "UTF-8";

/* --------------------------------------------
megahobby_common
-------------------------------------------- */

/* --------------------------------------------
wrapper
-------------------------------------------- */
#wrapper { margin: 0 auto; width: 987px; text-align: left; }

/* --------------------------------------------
language
-------------------------------------------- */
#languageLine { background-color: #000000; }
#languageLine .inner { width: 987px; }
dl#language { height: 30px; margin: 0 auto; line-height: 30px; color: #FFFFFF; font-size: 12px; text-align: right; padding: 0 1em; }
dl#language dt, #language dd { display: inline; padding-left: 10px; }
dl#language dd { color: #b7ff2c; }
dl#language dd span { color: #FFFFFF; }
dl#language dt a, #language dd a { color: #FFFFFF; text-decoration: underline; }
dl#language dt a:hover, #language dd a:hover { color: #b7ff2c; }

/* --------------------------------------------
header
-------------------------------------------- */
#header { position: relative; width: 987px; height: 99px; background-color: #000000; border-bottom: 1px solid #d60018; }
#headerIn { width: 846px; position: absolute; right: 3px; top: 11px; }
#header h2 { width: 97px; position: absolute; left: 10px; bottom: -8px; }
#header .headerLife { width: 159px; position: absolute; left: 111px; top: 30px; }

/*----- searchBox -----*/
#searchBox { width: 846px; position: absolute; right: 3px; top: 11px; }
#searchBox h1 { font-size: 82%; font-weight: bold; float: left; width: 487px; }
#searchBox div { float: right; width: 323px; }
.searchInput { float: left; }
.searchInput input { border: 1px solid #7f9db9; width: 236px; height: 24px; }
.searchBtn { float: right; }
:root * > #searchBox h1 { font-size: 92%; }
* html .searchInput input { width: 238px; height: 26px; }

/*----- gNaviBox -----*/
#gNaviBox { width: 678px; position: absolute; right: 3px; top: 46px; }

/* --------------------------------------------
gNavi
-------------------------------------------- */
* html #gNavi { margin: 0; }
#gNavi { width: 678px; /* グローバルナビ全体の幅 */ height: 44px; /* グローバルナビ全体の高さ */ position: relative; }
#gNavi li { position: absolute; top: 0; height: 44px; /* ナビの高さ - 一括指定 */ overflow: hidden; }
#gNavi li.gNav01 { width: 136px; left: 0; }
#gNavi li.gNav02 { width: 136px; left: 136px; }
#gNavi li.gNav03 { width: 136px; left: 272px; }
#gNavi li.gNav04 { width: 136px; left: 408px; }
#gNavi li.gNav05 { width: 136px; left: 544px; }
#gNavi li a { display: block; background-image: url(../images/megahobby_common_tw/header/gnavi.png); background-repeat: no-repeat; width: 678px; height: 132px; }
#gNavi li a span { display: none; }
#gNavi li.gNav01 a { background-position: 0 0; }
#gNavi li.gNav02 a { background-position: -136px 0; }
#gNavi li.gNav03 a { background-position: -272px 0; }
#gNavi li.gNav04 a { background-position: -408px 0; }
#gNavi li.gNav05 a { background-position: -544px 0; }
#gNavi li.gNav01 a:hover { background-position: 0 -44px; }
#gNavi li.gNav02 a:hover { background-position: -136px -44px; }
#gNavi li.gNav03 a:hover { background-position: -272px -44px; }
#gNavi li.gNav04 a:hover { background-position: -408px -44px; }
#gNavi li.gNav05 a:hover { background-position: -544px -44px; }

/* --------------------------------------------
gNavi active -  bodyのidがg0Xのとき、該当するナビをアクティブ
-------------------------------------------- */
body.g01 .gNav01 a { background-position: 0 -88px !important; }
body.g02 .gNav02 a { background-position: -136px -88px !important; }
body.g03 .gNav03 a { background-position: -272px -88px !important; }
body.g04 .gNav04 a { background-position: -408px -88px !important; }
body.g05 .gNav05 a { background-position: -544px -88px !important; }

/* --------------------------------------------
lNavi
-------------------------------------------- */
.lNavi { display: block; width: 217px; }
.lNavi a { text-decoration: none !important; }
.lNavi_parent { width: 217px; }
.lNavi_parent a { display: block; width: 217px; /*background-color: #eee;*/ }
.lNavi div ul li a { display: block; width: 189px; /*_width:217px;*/ height: auto; padding: 7px 7px 7px 21px; border-bottom: 1px solid #1a1a1a; background: #333 url(../images/common/lnavi_arrow_01.gif) no-repeat 11px center; font-size: 12px; font-weight: bold; color: #fff !important; }
.lNavi div ul li a.cr, .lNavi div ul li a:hover { background: #fff000 url(../images/common/lnavi_arrow_01_on.gif) no-repeat 11px center; color: #000 !important; }
.lNavi div ul li ul li a { display: block; width: 190px; /*_width:208px;*/ height: auto; margin-left: 9px; padding: 5px 5px 5px 13px; border-bottom: 1px dotted #d60018; background: #555 url(../images/common/lnav_dot_01.jpg) no-repeat 7px 12px; color: #d60018 !important; }
.lNavi div ul li ul li a.cr, .lNavi div ul li ul li a:hover { background: #fff000 url(../images/common/lnav_dot_01.jpg) no-repeat 7px 12px; color: #d60018 !important; }

/* --------------------------------------------
topicPath
-------------------------------------------- */

/* --------------------------------------------
contents
-------------------------------------------- */
#contentsWrap { background-color: #1a1a1a; width: 987px; margin: 0 auto; padding: 20px 0 16px 0; }
#contents { width: 967px; margin: 0 10px; }
#contents #main { float: right; width: 710px; background: #000; padding-bottom: 24px; }
#contents #sub { float: left; width: 217px; background: #000; }
.txt_red_01 { color: #ff0000; }

/* トップページ
--------------------------------------------*/
#contents #mainTop { float: left; width: 516px; background: #000; }
#contents #lSubTop { float: left; width: 217px; background: #000; margin-right: 8px; }
#contents #rSubTop { float: right; width: 220px; background: #000; }

/* ブログ
--------------------------------------------*/
#contents #mainBlog { float: left; width: 514px; padding-bottom: 24px; }
#contents #lSubBlog { float: left; width: 217px; background: #000; margin-right: 10px; }
#contents #rSubBlog { float: right; width: 190px; background: #000; }

/* --------------------------------------------
footer
-------------------------------------------- */
#footer { background-color: #1a1a1a; width: 987px; margin: 0 auto; padding-bottom: 23px; }
#footerIn { border-top: 1px solid #000000; padding-top: 16px; width: 940px; margin: 0 auto; _margin: 0 10px; }
#footerIn ul { margin-top: 20px; }
#footerIn ul li { display: inline; margin-right: 6px; }
.megahobby_copy { font-size: 10px; color: #999999; }
.megahobby_copy img { float: left; }
.copyright { color: #a7a7a7; font-size: 85%; margin-top: 10px; word-break: break-all; cursor: pointer; }
.toggle { text-decoration: none !important; color: #999999 !important; }
.toggle:hover { text-decoration: underline !important; }
.child { display: none; }

/* --------------------------------------------
section
-------------------------------------------- */
.sectionLv2 { background: #000; }
.secIn { width: 662px; margin-left: 24px; }

/* --------------------------------------------
ページング
-------------------------------------------- */
.pagenate { clear: both; }
.pagenate ul li { display: inline-block; *display: inline; zoom: 1; }
.pagenate ul li a { display: block; padding-top: 4px; padding-bottom: 4px; vertical-align: middle; color: #fff !important; font-weight: bold; text-decoration: none !important; border: 1px solid #e50012; background: #333; }
.pagenate ul li a:hover, .pagenate ul li a.current { background: #e50012; }
.pagenate ul li.num a { padding-left: 9px; padding-right: 9px; }
.pagenate ul li.num a, .pagenate ul li.prev a, .pagenate ul li.prev02 a { margin-right: 4px; }
.pagenate ul li.prev a, .pagenate ul li.next a { padding-left: 4px; padding-right: 4px; }
.pagenate ul li.prev02 a, .pagenate ul li.next02 a { padding-left: 6px; padding-right: 6px; }
.box_pagenate_01 { overflow: hidden; zoom: 1; margin-bottom: 10px; }
.box_pagenate_02 { text-align: center; }
.box_pagenate_02 .pagenate ul li a { color: #e50012 !important; }
.box_pagenate_02 .pagenate ul li a:hover, .box_pagenate_02 .pagenate ul li a.current { color: #fff000 !important; }
.ul_product_01 { float: right; display: inline; }
.ul_product_01 li { float: right; display: inline; padding-top: 3px; }
.ul_product_01 li form select { width: 120px; height: 22px; margin-right: 2px; }

/* --------------------------------------------
MEGA HOBBY 商品詳細ページ productDetail.html 
-------------------------------------------- */
.h2_box_01 { border-left: 6px solid #fe0000; padding-left: 15px; padding-top: 15px; overflow: hidden; zoom: 1; margin-bottom: 18px; }
.h2_box_01 h2 { font-weight: bold; font-size: 18px; }
.h2_box_01 p { font-size: 16px; }
.h2_box_01 img { display: inline; float: left; margin-right: 10px; vertical-align: bottom; }
.h3_pd_01 { font-weight: bold; font-size: 18px; padding: 10px; background: #444; margin-bottom: 10px; word-break: break-all; }
.box_pd_01 { overflow: hidden; zoom: 1; margin-bottom: 15px; }
.box_pd_01 .imageBox { width: 281px; height: 281px; text-align: center; display: inline; float: left; border: 1px solid #898989; line-height: 280px; background-color: #000000; }
.box_pd_01 .imageBox img { vertical-align: bottom; }
.innerbox_pd_01 { float: right; display: inline; width: 365px; }
.box_pd_02 { margin: 10px 0; padding: 10px 0 0 10px; _padding: 10px 0 10px 10px; padding-right: 0; border: 1px solid #6e6e6e; background-color: #000000; }
.box_pd_02 ul { zoom: 1; overflow: hidden; }
.box_pd_02 ul li { /*display: inline;*/ float: left; margin: 0 10px 10px 0; width: 69px; height: 69px; border: 1px solid #898989; text-align: center; background-color: #000000; line-height: 67px; }
.box_pd_02 ul li a img { vertical-align: middle; }
.box_pd_03 { overflow: hidden; zoom: 1; padding: 8px; background: #444; margin-bottom: 10px; }
.box_pd_03 ul { float: right; }
.box_pd_03 ul li { display: inline; margin-right: 2px; }
.box_pd_03 ul li a img { vertical-align: bottom; }
.ul_notice_01 { margin-bottom: 10px; font-size: 11px; }
.dl_pd_01 { margin-bottom: 10px; }
.dl_pd_01 dt { float: left; width: 11em; background: #fe0000; text-align: center; }
.dl_pd_01 dt, .dl_pd_01 dd { margin-bottom: 0.3em; }
.dl_pd_01 dd { padding-left: 11.5em; }

/* --------------------------------------------
MEGA HOBBY 製品リスト写真付き一覧ページ productImg.html 
-------------------------------------------- */
.box_productImg_01 { width: 660px; _width: 662px; border: 1px solid #414141; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.box_productImg_01 li { float: left; display: inline; }
.box_productImg_01 li img { vertical-align: bottom; }
.box_productImg_03 { width: 656px; _width: 660px; height: auto; border-top: 1px dotted #b5b5b5; border-bottom: 1px dotted #b5b5b5; overflow: hidden; zoom: 1; padding: 0 0 8px 4px; margin-bottom: 10px; }
.box_productImg_03 li { float: left; display: inline; width: 160px; text-align: center; margin: 4px 4px 0 0; }
.innerbox_productImg_03 { padding: 9px; }
.innerbox_productImg_03 a { font-weight: bold; text-decoration: none !important; }
.innerbox_productImg_03 img { margin: 0 auto 8px auto; }
.bl-hover { background: #333; }

/* --------------------------------------------
MEGA HOBBY 製品リスト説明付き一覧ページ productFlow.html 
-------------------------------------------- */
.box_productFlow_01 { width: 660px; height: auto; border-top: 1px dotted #b5b5b5; overflow: hidden; zoom: 1; margin-bottom: 10px; }
.box_productFlow_01 li { width: 646px; _width: 660px; height: auto; border-bottom: 1px dotted #b5b5b5; overflow: hidden; zoom: 1; padding: 7px; }
.box_productFlow_01 li img { float: left; display: inline; margin-right: 14px; vertical-align: bottom; }
.innerbox_productFlow_01 { float: left; display: inline; width: 490px; }
.innerbox_productFlow_01 a { font-weight: bold; font-size: 14px; text-decoration: none !important; }

/* --------------------------------------------
MEGA HOBBY イベント・キャンペーン・特集一覧ページ event.html 
-------------------------------------------- */
.sec_event_01 { width: 888px; margin-left: 25px; background: #000; padding-bottom: 20px; }
.box_event_01 { width: 840px; height: auto; border-top: 1px dotted #b5b5b5; margin-left: 24px; margin-bottom: 20px; }
.box_event_01 li { height: auto; border-bottom: 1px dotted #b5b5b5; overflow: hidden; zoom: 1; padding: 7px; line-height: 1.3; }
.box_event_01 li img { float: left; display: inline; margin-right: 14px; vertical-align: bottom; }
.innerbox_event_01 { float: left; display: inline; width: 620px; }
.innerbox_event_01 p.date { color: #fff000; }
.innerbox_event_01 a { color: #fff000 !important; font-weight: bold; }
.arrow_color_red { color: #ff0000; }
.txt_evnet_01 { color: #ff0000 !important; }

/* --------------------------------------------
MEGA HOBBY 新作カレンダーページ newWork.html 
-------------------------------------------- */

/* --------------------------------------------
MEGA HOBBY 発売カレンダーページ sale.html 
-------------------------------------------- */
.box_sale_01 { width: 660px; height: auto; overflow: hidden; zoom: 1; }
.box_sale_01 li { width: 646px; _width: 660px; height: auto; border-bottom: 1px dotted #b5b5b5; overflow: hidden; zoom: 1; padding: 7px; line-height: 1.2; }
.box_sale_01 li img { float: left; display: inline; margin-right: 14px; vertical-align: bottom; }
.innerbox_sale_01 { float: left; display: inline; width: 580px; }
.innerbox_sale_01 a { font-weight: bold; font-size: 14px; text-decoration: none !important; }

/* --------------------------------------------
MEGA HOBBY 新着情報一覧ページ news.html 
-------------------------------------------- */
:root * > #box_top_01 ul li p a { font-size: 10px; }
#box_top_01 ul { margin-bottom: 4px; }
#box_top_01 ul li { overflow: hidden; zoom: 1; width: 174px; /*_width:190px;*/ height: 88px; /*_height:104px;*/ margin-bottom: 2px; _margin-bottom: 0; padding: 8px; }
#box_top_01 ul li h3 { width: auto; height: 31px; color: #fe0000; font-weight: bold; border-left: 6px solid #fe0000; line-height: 1; margin-bottom: 7px; padding-left: 8px; }
#box_top_01 ul li img { display: inline; float: left; vertical-align: bottom; margin-right: 5px; }
#box_top_01 ul li p { display: inline; float: left; width: 118px; height: auto; line-height: 1.2; }
#box_top_01 ul li p a { font-size: 9px; text-decoration: none; color: #fff; }
.h2_information_01 { margin: 0 0 0 24px; padding-top: 24px; }
.box_news_01 { width: 840px; height: auto; /*border-top:1px dotted #b5b5b5;*/ margin-left: 24px; margin-bottom: 20px; }
.box_news_01 li { height: auto; border-bottom: 1px dotted #b5b5b5; overflow: hidden; zoom: 1; padding: 7px; line-height: 1.3; }
.box_news_01 li img { float: left; display: inline; margin-right: 14px; vertical-align: bottom; }
.innerbox_news_01 { float: left; display: inline; width: 760px; }
.txt_date_01 { color: #ff0; }
.box_top_excellentmodel { background: url(../images/megahobby_cat_bk/box_top_excellentmodel.jpg) no-repeat left top; }
.box_top_excellentmodelcore { background: url(../images/megahobby_cat_bk/box_top_excellentmodelcore.jpg) no-repeat left top; }
.box_top_gem { background: url(../images/megahobby_cat_bk/box_top_gem.jpg) no-repeat left top; }
.box_top_gemini { background: url(../images/megahobby_cat_bk/box_top_gemini.jpg) no-repeat left top; }
.box_top_brilliantstage { background: url(../images/megahobby_cat_bk/box_top_brilliantstage.jpg) no-repeat left top; }
.box_top_desktoprealmccoy { background: url(../images/megahobby_cat_bk/box_top_desktoprealmccoy.jpg) no-repeat left top; }
.box_top_artworksmonsters { background: url(../images/megahobby_cat_bk/box_top_artworksmonsters.jpg) no-repeat left top; }
.box_top_onepiecelogbox { background: url(../images/megahobby_cat_bk/box_top_onepiecelogbox.jpg) no-repeat left top; }
.box_top_cosmofleetcollection { background: url(../images/megahobby_cat_bk/box_top_cosmofleetcollection.jpg) no-repeat left top; }
.box_top_mascotreliefmagnet { background: url(../images/megahobby_cat_bk/box_top_mascotreliefmagnet.jpg) no-repeat left top; }
.box_top_variableaction { background: url(../images/megahobby_cat_bk/box_top_variableaction.jpg) no-repeat left top; }
.box_top_charafortune { background: url(../images/megahobby_cat_bk/box_top_charafortune.jpg) no-repeat left top; }
.box_top_petitcharaland { background: url(../images/megahobby_cat_bk/box_top_petitcharaland.jpg) no-repeat left top; }
.box_top_petitcharaland { background: url(../images/megahobby_cat_bk/box_top_petitcharaland.jpg) no-repeat left top; }
.box_top_duelsystemtcg { background: url(../images/megahobby_cat_bk/box_top_duelsystemtcg.jpg) no-repeat left top; }
.box_top_tokotokotachikoma { background: url(../images/megahobby_cat_bk/box_top_tokotokotachikoma.jpg) no-repeat left top; }
.box_top_stuffedcollection { background: url(../images/megahobby_cat_bk/box_top_stuffedcollection.jpg) no-repeat left top; }
.box_top_megatoreshopgoods { background: url(../images/megahobby_cat_bk/box_top_megatoreshopgoods.jpg) no-repeat left top; }
.box_top_charabank_megahobby { background: url(../images/megahobby_cat_bk/box_top_charabank_megahobby.jpg) no-repeat left top; }

#box_qr_01 { text-align: center; padding: 10px; margin-bottom: 15px; }
#box_qr_01 img { margin: auto; }
#box_qr_01 p { text-align: left; margin-bottom: 15px; color: #e80115; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { #box_top_01 ul li p a { font-size: 9px !important; line-height: 1.5; } }
@media print { html, body { _zoom: 0.65 !important; } .box_productImg_03 li { margin: 0 !important; } }

/* --------------------------------------------
infomation_news
-------------------------------------------- */
.info_box { margin: 0 auto; width: 800px; text-align: left; background-color: #000; color: #FFF; padding-top: 20px; padding-bottom: 10px; }
.info_box h2 { font-size: 24px; font-weight: bold; color: #F00; padding-bottom: 6px; }
.info_box h3 { font-size: 16px; font-weight: bold; }
.info_box span { color: #FF0; }
.info_box ul.npro { list-style: circle; padding-top: 6px; padding-bottom: 12px; }
.info_box li.npro { margin-left: 20px; line-height: 24px; }
.info_box p { font-size: 14px; padding-top: 8px; }

/* --------------------------------------------
banner_area
-------------------------------------------- */
.clearfix:after { content: "."; /* 新しいコンテンツ */ display: block; clear: both; height: 0; visibility: hidden; /* 非表示に */ }
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
ul#bnr_space { margin: 0; padding: 20px 0 0 0; list-style-type: none; }

/* --------------------------------------------
スマホで見る
-------------------------------------------- */
#smp_link { text-align: center; font-weight: bold; text-shadow: 1px 1px 2px rgba(0, 0, 64, 0.5); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d20001), color-stop(1, #8f0202)); background: -webkit-linear-gradient(#d20001, #8f0202); background: -moz-linear-gradient(#d20001, #8f0202); background: -o-linear-gradient(#d20001, #8f0202); background: -ms-linear-gradient(#d20001, #8f0202); background: linear-gradient(#d20001, #8f0202); }
#smp_link a:link { padding: 1.5em; font-size: 48px; display: block; color: #FFFFFF; }
#smp_link a:visited { color: #FFFFFF; }
#smp_link a:hover { color: #FFFFFF; }
#smp_link a:active { color: #FFFFFF; }
.hide { display: none; }

/* --------------------------------------------
20140703_追加 関係サイト
-------------------------------------------- */
#box_relatedlink { width: 662px; margin-top: 30px; }
#box_relatedlink p { font-size: 18px; font-weight: bold; padding: 8px; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; text-align: left; }
#box_relatedlink ul { margin-top: 20px; }
#box_relatedlink li { float: left; margin-right: 22px; }
#box_relatedlink #box_relatedlink_last { margin-right: 0px; }