@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body{color:#FFF;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:1}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p{margin:0; padding:0; }
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;}
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

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

/*==================================
loading
==================================*/
html, body{	width: 100%;	height: 100%;}
.loadingWrap{	width: 100%;	height: 100%;	background: #000;	position: fixed;	top: 0;	left: 0; z-index:9999}
.loadingWrap img{	position: absolute;	top: 50%;	left: 50%;	margin-top: -19px;	margin-left: -111px;}

/*==================================
cmn
==================================*/

a { color: #BF0000; text-decoration: none; }
a:visited { color: #BF0000; text-decoration: underline; }
a:hover { color: #BF0000; text-decoration: underline; }
body { min-width: 980px; background:#000 ; min-height: 1000px;}

/*-------header-------*/
#header { background: url(../../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: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/gnav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/gnav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/gnav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/gnav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/gnav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/gnav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/gnav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/gnav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/gnav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/gnav.gif) -532px -61px no-repeat }
/*-------footer-------*/
#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:100px; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer #footer_logo_megahouse{ padding-right: 8px; float: left; }
#footer  p#copyright{ font-size:10px; color:#fff;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;clear: both; padding: 10px 0 0 0 ;}
#footer  #sns{   position:absolute; top:20px; right:-46px}
/*-------link-------*/
.link_txt a{ padding-left:24px;background: url(../../images/pc/ico_link.png) no-repeat 0 0 ;}

/*==================================
contents
==================================*/

#all_wrap{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow:hidden;}

h3.title_01{ display:block; text-align:center; padding:75px 0 10px 0;}
h3.title_02{ display:block; text-align:center; padding:75px 0 30px 0;}

/*a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”;}*/

p.bg_bottom{ display:block; text-align:center;}
.txt_01{ display:block; font-size:18px; text-align:center; padding:0 0 40px 0;}

/*-------main-------*/
#main_wrap{ height:640px; background:url(../../../images/main_expo.jpg) center top no-repeat #00a8ff scroll;}
#main{ width:980px; height:640px; margin:0 auto; position:relative; z-index:1;}
#main h2.logo_expo{ padding:20px 0 0 0;}
#main #impact{ position:absolute; top:10px; right:0; z-index:2;}
#main p#bg_free{ position:absolute; bottom:120px; z-index:2;}
#main p#free{ position:absolute; bottom:120px; z-index:3;}

/*-------nav-------*/
ul#nav{ display:block; width:816px; padding:320px 0 0 0; margin:0 auto;}
ul#nav li{ float:left;}
ul#nav li.left{ margin-right:10px;}
ul#nav li { float: left; }
ul#nav li.nav_btn01 { background:url(../../../images/nav_01.png) 0 -85px; width:264px; height:85px; display: block;}
ul#nav li.nav_btn02 { background:url(../../../images/nav_02.png) 0 -85px; width:264px; height:85px; display: block;}
ul#nav li.nav_btn03 { background:url(../../../images/nav_03.png) 0 -85px; width:264px; height:85px; display: block;}
ul#nav li.nav_btn01 a { background:url(../../../images/nav_01.png) 0 0px; width:264px; height:85px; display: block;}
ul#nav li.nav_btn02 a { background:url(../../../images/nav_02.png) 0 0px; width:264px; height:85px; display: block;}
ul#nav li.nav_btn03 a { background:url(../../../images/nav_03.png) 0 0px; width:264px; height:85px; display: block;}

/*-------info-------*/
#info_wrap{ height:110px; background:url(../../../images/bg_info.gif) repeat-x scroll;}
#info{ width:720px; height:90px; background:url(../../../images/bg_info_2.gif) no-repeat; margin:0 auto; padding:20px 0 0 260px;}
#info ul.update_box{ display:block; width:720px; height:70px; font-size:14px; line-height: 1.6em; overflow: auto;}
li.end{ margin:0;}

/*-------about-------*/
#about_wrap{ background:url(../../../images/bg_about.gif) repeat-x scroll;}
#about{ width:980px; margin:0 auto; padding:20px 0 40px 0; text-align:center;}

#autline{ width:574px; float:left;}
#autline_box{ width:574px; height:238px; background:url(../../../images/bg_outline.png) no-repeat scroll;}
#autline_box ul{ padding:18px 0 0 0px;}

#company{ width:388px; float:right;}
#company_box{ width:388px; height:238px; background:url(../../../images/bg_company.png) no-repeat scroll; padding:0 0 30px 0;}
#company_box ul{ width:305px; padding:20px 0 0 40px;}
#company_box ul li{ float:left;}
#company_box ul li.space{ padding:25px 0 0 0;}
#company_box p.atn{ display:block; width:350px; text-align:right; padding:20px 0 0 0; color:#000000; font-size:14px; font-weight:bold;}

/*-------goods-------*/
#goods_wrap{ background:url(../../../images/bg_01.gif) repeat scroll;}
#goods{ width:980px; margin:0 auto; padding:0; position:relative;}
#bg_burst{ position:absolute; z-index:0; top:230px; left:-170px;}

#goods_area{width:950px; margin:0 auto; padding:0 0 80px 0; z-index:100;}

#goods_area ul li{ position:relative; float:left;}
#goods_area ul li.goods_left{ margin-right:20px;}
.icon_hanbai{ position: absolute; top: 25px; left: -10px; z-index: 8000;}

#goods_area a img {opacity: 1;transition: all 0.5s ease-out 0s; }
#goods_area a:hover img {opacity: 0.9;transition: all 0.5s ease-out 0s; }

/*-------products-------*/
body#goods_box { width: 740px; height:925px; margin: 0 auto; overflow: hidden; background: none; }
body#goods_box #wrapper{ width: 700px; height:925px; margin: 20px; background:#fff; position: relative; padding: 0 0;}

body#goods_box .expo_logo{ width:125px; height:121px; position:absolute; top:-20px; left:-20px; z-index:8000;}

body#goods_box #contents_top{ width: 660px; height:50px; margin:0 auto; background:url(../../../goods/images/pc/top.gif) no-repeat; background-position:0% 0%; overflow:hidden; position:relative; padding:22px 20px 0 20px;}
body#goods_box #contents_top li.hanbai{ float:left; margin:2px 0 0;}
body#goods_box #contents_top li.logo{ float:right; margin:5px 0 0;}

/*-------slider-------*/
body#goods_box #slider_box { width:660px; height:500px; position:relative; margin:0px auto;  background:url(../../../goods/images/pc/goods_bg.gif) no-repeat; background-position:center;}
body#goods_box #slider { width:660px; height:500px; position:absolute; }
body#goods_box #slider img { position: absolute; left: 80px; top: 0px;}

#contents_txt{ width:660px; position:absolute; top:564px; left:20px;}
#contents_txt .goods_txt{ font-size:14px; color:#0a0808; line-height:1.4; margin:10px auto 0;}
#contents_txt .goods_txt_sub{ width:640px; font-size:13px; color:#303b49; line-height:1.5; margin:10px auto 0; padding:8px; border: solid 2px #de005f; }
#contents_txt .goods_txt_sub a{ color:#de005f; text-decoration:underline;}
#contents_txt .goods_txt_sub span{ font-size:14px; color:#de005f; }

/*-------contents_bottom-------*/
body#goods_box #special_btn { width:398px; height:55px; position: absolute; bottom:35px; right: 20px; overflow:hidden }
body#goods_box #copyright {	font-size: 10px; line-height: 1; width: 300px; position: absolute; bottom: 35px; left: 21px; z-index: 7000;	color: #0a0808;	overflow: hidden;}

body#goods_box #contents_bottom{ width: 700px; overflow:hidden; position:absolute; bottom:0;}

/*-------event-------*/
#event_wrap{ background:url(../../../images/bg_02.gif) center center no-repeat #FFF scroll;}
#event{ width:980px; margin:0 auto; padding:15px 0 30px 0;}

#event_area{width:980px; margin:0 auto; padding:0 0 80px 0; z-index:100; color:#000000;}

#event_area #event_map{ width:980px; height:817px; margin:0 auto; position:static; z-index:999;}

#event_area ul{ display:block; width:950px; margin:0 auto; padding:40px 0 0 0;}
#event_area ul li{ position:relative; float:left; width:468px; background:url(../../../images/event_bg_box01.png) repeat; margin:0 0 15px 0;}
#event_area ul li.event_left{ margin-right:14px;}

.event_box01{ background:url(../../../images/event_bg_box02.gif) repeat; width:465px; margin-bottom:3px; font-size:14px; padding:10px 0;}
.event_box02{ background:url(../../../images/event_bg_box03.png) repeat; width:445px; margin:0 auto; line-height:1.5em; position:relative;}
p.event_title{ display:block; font-size:14px; font-weight:bold; width:410px; padding:15px 0 0 0; margin:0 auto;}

.event_txtbox{ width:410px; margin:0 auto; padding:15px 0 20px 0;}
p.event_txtbox_left{ float:left; width:150px;}
p.event_txtbox_right{ float:right; padding:0 0 0 0px; width:240px;}

.event_txtinfo{width:445px; position:relative; }
p.event_icon{ display:block; width:50px; position:absolute; bottom:53px; left:15px;}
p.event_icon_2{ display:block; width:50px; position:absolute; bottom:13px; left:15px;}
p.event_info{ display:block; font-size:16px; font-weight:bold; padding:0px 10px 15px 80px; }
p.event_info span{  font-size:14px; font-weight:normal;}

.event_txtinfo_2{width:445px; position:relative; }
p.event_info_2{ display:block; font-size:16px; font-weight:bold; padding:8px 0 5px 80px; }

/*-------guide-------*/
#guide_wrap{ background:url(../../../images/bg_04.gif) repeat scroll; padding:0 0 70px 0;}
#guide{ width:980px; margin:0 auto;}
#guide p.green{ display:block; text-align:center;}
#guide_area{ background:#1b2b5d; padding:40px 0 0 0;}
#guide_area dl.guide_box{ padding:0 0 40px 0;}
#guide_area dt.guide_left{ float:left; padding:0 30px 0 40px;}
#guide_area dd.guide_right{ float:left; font-size:14px; line-height:1.7em; width:680px;}
#guide_area dd.guide_right span{ display:block; background:#de0000; padding:5px 0 5px 10px; margin:5px; width:485px;}
#guide p.guide_bottom{ padding:0 0 60px 0;}

img#sailormoon03{ padding:45px 0 0 0;}