@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrap{overflow:hidden; width:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0; color:#FFF;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}

::selection { background: #e7ff48; /* Safari */ }
::-moz-selection { background: #e7ff48; /* Firefox */ }

.clear{ clear:both}

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
img { border: none }
/* end clearfix */


/*==================================
index
==================================*/

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.5;transition: all 0.2s ease-out 0s;}

a:link { color: #6b5e92; text-decoration: none; }
a:visited { color: #6b5e92; text-decoration: underline; }
a:hover { color: #6b5e92; text-decoration: underline; }

body { min-width: 980px; background:#000 ; min-height: 1170px;}
#header { background: url(/megahobby/event/imas_campaign/images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(/megahobby/event/imas_campaign/images/pc/nav.gif) -532px -61px no-repeat }
#news { border-bottom: solid 1px #a3a3a3; padding: 3px 0; text-align: center; font-size: 15px; }
#news span { padding-right: 15px }
#main { position: relative; margin:0 auto; overflow:hidden; }
#other { width: 940px; margin: 0 auto; padding: 18px 20px 40px; }
#other #sns { margin: 0 auto; text-align: center; padding-bottom: 20px; }
#other #bnr { padding-bottom: 20px; width: 868px; margin: 0 auto; overflow: hidden; }
ul#bnr li img { width:208px }
ul#bnr li { float: left; margin-right: 6px; line-height: 0; border:solid 1px; border-color: #666; }
ul#bnr li:last-child { padding-right: 0; border:solid 1px; border-color: #666; }
#footer { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative }
#footer img { padding-right: 8px; float: left; }

/*==================================
top
==================================*/
body#top #contents { background: #000; color: #FFF; }
body#top #main { z-index: 400; width: 100%; background: url(../../img/bg.jpg) center top no-repeat #ffe3e9; background-attachment: fixed; }
body#top #main_wrap { width: 980px; margin: 35px auto 80px auto; position: relative; }

h2.main{ text-indent: -9999px; width: 980px; height: 612px; display: block; background: url(../../img/main.png) no-repeat; width: 980px; margin: 0 auto; }

/*==================================
sns
==================================*/
#sns { position: absolute; top: 730px; right: 60px; margin: 0 auto; text-align: center; }

/*==================================
navi
==================================*/
ul#nav { width: 920px; height: 90px; margin: 20px auto 0 auto; display: block;}
ul#nav li { float: left;}

li.nav_btn3 { background: url("../../img/nav03.png") 0 -90px; height: 89px; width: 300px; display: block; margin-right: 10px;}
li.nav_btn2 { background: url("../../img/nav02.png") 0 -90px; height: 89px; width: 300px; margin: 0 auto; display: block; margin-right: 10px;}
li.nav_btn1 { background: url("../../img/nav01.png") 0 -90px; height: 89px; width: 300px; margin: 0 auto; display: block;}

li.nav_btn3 a { background: url("../../img/nav03.png"); height: 89px; width: 300px; display: block; margin: 0 auto;}
li.nav_btn2 a { background: url("../../img/nav02.png"); height: 89px; width: 300px; display: block;}
li.nav_btn1 a { background: url("../../img/nav01.png"); height: 89px; width: 300px; display: block;}

.linktxt{ text-indent: 100%; white-space: nowrap; overflow: hidden;}

/*==================================
info
==================================*/
#main_wrap #infomation { overflow: auto; width: 878px; height: 100px; margin: 20px auto 0 auto; padding: 40px 0px 0px 30px; background: url(../../img/info.png); font-size: 14px; line-height: 2.5em; overflow: auto; }

#infomation #infomation_box{ width:850px; height: 85px; overflow: auto;}
#infomation #infomation_box .infomation_text { width: 830px; border-bottom: #007ED5 dotted 2px; }
#infomation #infomation_box .infomation_text dt { display: inline; float: left; margin-right: 25px; color: #fe0066; font-weight: bold; }
#infomation #infomation_box .infomation_text dd { display: inline; float: left; color: #000; }
#infomation #infomation_box .infomation_text a:link { color: #b71a75; font-weight: bold;}
#infomation #infomation_box .infomation_text a:visited { color: #b71a75; font-weight: bold;}
#infomation #infomation_box .infomation_text a:hover { color: #b71a75; font-weight: bold;}
#main_wrap #box_wrap { width: 910px; margin: 20px auto 0px auto; }
#main_wrap #box_wrap p { color: #373737; }


/*==================================
共通
==================================*/
p.bottom{ margin:0 0 20px 0; padding:0; text-align:0; display: block; width: 910px; height: 25px;}

/*==================================
プレゼントキャンペーン
==================================*/

#present #box03_middle { height: auto; width: 910px; background: url(../../img/box03_bg.gif) repeat-y; padding: 20px 0px 0px 0px; }
#present p.present_txttop{ margin:0; padding:0; text-align:0;}
#present p.present_bottom{ margin:0 0 20px 0; padding:0; text-align:0; display: block; width: 910px; height: 50px;}
#present #present_txtbox{ width: 910px; background:url(../../img/box03_bg03.gif) repeat-y; margin:0; padding:10px 0 5px 0; text-align:center; font-size:16px; line-height:1.5em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position:relative; z-index:1;}

#present #present_txtbox .end_txtbox_inner{ margin: 0 auto; width: 750px; background:#e50011; color:#fff; font-weight:bold; padding:10px 0 10px 0;}
#present #present_txtbox .end_txtbox_inner p{ font-size:18px; color:#fff; line-height:1.5em;}

#present #present_txtbox .present_txtbox_inner{ margin: 0 auto; width: 750px; padding:25px 0 25px 0;}
#present #present_txtbox .present_txtbox_inner h3.present_read{ font-size:22px; color:#e72b75; font-weight:bold; padding:0 0 5px 0;}
#present #present_txtbox .present_txtbox_inner span{ font-weight:bold; color:#ff0000;}

#present #present_txtbox h4.title_area{ padding-bottom:30px;}
ul#campaign{ display:block; width:750px; margin:0 auto;}
ul#campaign li{ float:left;}
ul#campaign li.right_area{ height:300px; width:470px; padding:0 0 0 15px;}

ul#campaign li.right_area dl{ margin:0; padding:0;}
ul#campaign li.right_area dl dt{ margin:10px 0 0 0; clear:both; float:left; height:27px; font-size:16px; font-weight:bold; display:block; text-decoration:none; width:95px; color:#fff; line-height:27px; text-align:center; background:url(../../img/title_bg.gif)}
ul#campaign li.right_area dl dd{ margin:12px 0 0 0; color:#000; display:block; text-align:left; font-size:15px; float:right; width:360px;}
ul#campaign li.right_area dl dd span{ font-size:12px; font-weight:bold; color:#ff0000;}

p#star{ width: 130px; height: 130px; position: absolute; top: 535px; left: 242px; z-index: 2;}

p.txt_atn{ display:block; width:750px; margin:0 auto; text-align:left; font-size:12px; padding:0 0 20px 0;}

#atn_box{ color:#000; text-align:left; font-size:12px; line-height:1.8em; width:750px; margin: 0 auto; padding:0 0 10px 0;}

#box03_middle p.takane{ display:block; width:825px; height:210px; margin:0 auto;}


/*==================================
リクエスト企画
==================================*/

#enquete #box01_middle { height: auto; width: 910px; background: url(../../img/box01_bg.gif) repeat-y; padding: 35px 0px 25px 0px; }
#enquete #box01_bottom { display: block; width: 910px; height: 25px; margin-bottom: 20px; background: url(../../img/box01_bottom.gif) no-repeat; }

#enquete_wrap { width: 776px; margin: 0 auto; }
#enquete_top { height: 67px; background: url(../../img/enquete_top.png) no-repeat; }
#enquete_middle { height: auto; width: 676px; background: url(../../img/enquete_bg.png) repeat-y; padding: 0px 50px; color: #373737; font-size: 14px; line-height: 150%; }
#enquete_middle p { font-size: 15px; color: #373737; line-height: 1.5; }
#enquete_middle span { display: block; font-weight: bold; font-size: 24px; padding-bottom: 8px; }
#enquete_middle ul { list-style: inside; margin-top: 5px; }
#enquete_middle ul li { color: #373737; line-height: 1.5; }
#enquete_bottom { height: 60px; background: url(../../img/enquete_bottom.png) no-repeat; margin-bottom: 30px; }
.btn_e p { text-align: center; font-weight: bold; color: #fff !important; background: #f02851; font-size: 16px; padding: 10px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; margin: 0 auto; width: 500px; }
.btn_e a { display: block; width: 330px; height: 80px; margin: 14px auto 0; background: url(../../img/btn_e.png) no-repeat 0 0; border: none; }
.btn_e a:hover { background-position: left bottom; }
#main_wrap #box01_middle { height: auto; width: 910px; background: url(../../img/box01_bg.gif) repeat-y; padding: 35px 0px 25px 0px; }

p#txt_update{ font-size:14px; line-height:1.3; padding-top:20px}
p#txt_update span#txt_date{ color:#ff344c; font-size:14px; padding-bottom:8px}
p#txt_newadd{  font-size:22px ; font-weight:bold;  display:block;margin-bottom:20px; border:solid 4px #35bf9a; color:#35bf9a !important; }
p#txt_newadd span{ color:#fff;background:#35bf9a; font-size:20px; padding:6px 14px 4px; margin:0 auto; width:500px; display: inline; margin-right:10px; }



/*==================================
リペイント限定商品
==================================*/

/*==================================
itembox02
==================================*/
#itemarea #box02_middle { height: auto; width: 910px; padding: 35px 0px 25px 0px; background: url(../../img/box02_bg.gif) repeat-y; }

.itemarea_wrap { width: 825px; height: auto; margin: 0px auto 25px auto; padding: 20px 0; background: url(../../img/item_bg.gif) repeat-y; }
.goods_box { width: 668px; height: auto; margin: 30px auto 15px auto; padding: 30px 30px 40px 30px; background: #FFF; }
ul.thumbnail { width: 728px; list-style: none; margin: 0 auto; padding: 0; }
ul.thumbnail li.list_first { margin-left: 0px; }
ul.thumbnail li { height: 105px; width: 105px; float: left; margin: 0 0 0 8px; }
.goods_txt { clear: both; display: block; width: 626px; height: auto; margin: 20px auto 0px auto; color: #373737; }
p.g_title { font-size: 16px; font-weight: bold; line-height: 1.2; }
p.price { display:block; font-size: 14px; margin-bottom: 10px; text-align:2;}
.g_read { display: block; border-top: #58BAFE solid 2px; margin-top: 15px; padding-top: 12px; font-size: 12px; line-height:150%}

p.number{ display:block; font-size: 12px; margin-bottom: 10px; text-align:1.5em;}
p.number span{ font-weight:bold; font-size:14px;}

/*==================================
back-top
==================================*/
#back-top {
  width: 146px;
  height: 65px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-align: center;
}