@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; }
body, html {/* important */height: 100% !important;}
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; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*==================================
wrapper
==================================*/
body#top #wrapper {background:#fff; color: #000; line-height:1.3; background:url(../../../images/pc/bg_patern.jpg);}


/*-------#main-------*/
#wrapper #main{height:957px; margin:0 auto; text-align:center; background:url(../../../images/pc/main_bg.png) top center; background-repeat:repeat-x;}

#wrapper #main_inner {width:100%; height:957px; background:url(../../../images/pc/day_bg.png) bottom center; background-repeat:repeat-x;}
#wrapper #main_inner #main_info {width:980px; position:relative; margin:0 auto; text-align:center;}
#wrapper #main_info .expo_logo{ width:357px; height:388px; position:absolute; top:510px; left:-15px;}
#wrapper #main_info .main_catch{ width:892px; height:146px; position:absolute; top:30px; left:47px;}
#wrapper #main_info .main_date{ width:667px; height:78px; position:absolute; top:785px; left:287px;}
#wrapper #main_info .main_catch_02{ width:667px; height:78px; position:absolute; top:870px; left:287px;}
#wrapper #main_info .main_free{ width:242px; height:73px; position:absolute; top:860px; left:35px;}



/*==================================
contents
==================================*/
#contents{margin:0 auto; text-align:center; background:url(../../../images/pc/bg.jpg) top center repeat-y; z-index:100;}



/*-------#news-------*/
#contents #news { width:920px; margin:0 auto;}
#contents #news ul { margin:0 0 15px 15px; padding-top:18px;}
#contents #news ul li { float:left;}
#contents #news ul li.txt{ margin:3px 0 0 20px; font-size:15px;}



/*-------#navi-------*/
#contents #navi { width:100%; margin:0 auto; text-align:center; z-index:9999;}
#contents #navi ul { padding:10px 0; width:920px; margin:0 auto;}
#contents #navi li { float:left; margin:0 16px 0 0; height:63px;}
#contents #navi li.end { margin:0;}

#contents #navi li a{
	width:170px;
	display:block;
	-webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
}

#contents #navi a:hover img{ opacity:0;}

#contents #navi .navi_top a{ background:url(../../../images/pc/top_ov.png) 0 0 no-repeat;}
#contents #navi .navi_display a{ background:url(../../../images/pc/display_ov.png) 0 0 no-repeat;}
#contents #navi .navi_event a{ background:url(../../../images/pc/event_ov.png) 0 0 no-repeat;}
#contents #navi .navi_products a{ background:url(../../../images/pc/products_ov.png) 0 0 no-repeat;}
#contents #navi .navi_guide a{ background:url(../../../images/pc/guide_ov.png) 0 0 no-repeat;}


/*-------#navi_change-------*/
#navi_change {position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 9999;}
  
#contents #navi_change { width:100%; margin:0 auto; text-align:center; z-index:9999; background:#fff; border:solid 1px #CBCBCB;}  
#contents #navi_change ul { padding:10px 0; width:920px; margin:0 auto;}
#contents #navi_change li { float:left; margin:0 16px 0 0; height:63px;}
#contents #navi_change li.end { margin:0;}

#contents #navi_change li a{
	width:170px;
	display:block;
	-webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
}

#contents #navi_change a:hover img{ opacity:0;}

#contents #navi_change .navi_top a{ background:url(../../../images/pc/top_ov.png) 0 0 no-repeat;}
#contents #navi_change .navi_display a{ background:url(../../../images/pc/display_ov.png) 0 0 no-repeat;}
#contents #navi_change .navi_event a{ background:url(../../../images/pc/event_ov.png) 0 0 no-repeat;}
#contents #navi_change .navi_products a{ background:url(../../../images/pc/products_ov.png) 0 0 no-repeat;}
#contents #navi_change .navi_guide a{ background:url(../../../images/pc/guide_ov.png) 0 0 no-repeat;}



/*-------#offer-------*/
#contents #offer { width:855px; height:120px; margin:10px auto 0; position:relative; padding:0 0 0 65px;}
#contents #offer .offer_tit {position:absolute; left:0px; top:10px;}
#contents #offer .hobbyjapan_logo {position:absolute; left:240px; top:20px;}
#contents #offer .alter_logo {position:absolute; left:340px; top:25px;}
#contents #offer .revolve_logo {position:absolute; left:470px; top:20px;}
#contents #offer .synapse_logo {position:absolute; left:600px; top:20px;}
#contents #offer .yoani_logo {position:absolute; left:740px; top:20px;}
#contents #offer .megahouse_logo {position:absolute; left:470px; top:70px;}


/*-------#display-------*/
#contents #display { width:1000px; margin:0 auto 50px; text-align:left; padding-top:80px;}
#contents #display_inner { width:980px; height:514px; background:url(../../../images/pc/display_bg.png) 0 0 no-repeat; margin-left:38px; position:relative;}
#contents #display_inner p { position:absolute; top:145px; left:45px; font-size:14.5px; letter-spacing:1px; line-height: 2; z-index:3000;}
#contents #display_inner p span.bold{ font-weight:bold; font-size:17px;}
#contents #display_inner p.under_line_01 { position:absolute; top:163px; left:280px; background:#f9ff5f; width:185px; height:13px; z-index:1;}
#contents #display_inner p.under_line_02 { position:absolute; top:283px; left:96px; background:#f9ff5f; width:185px; height:13px; z-index:1;}
#contents #display_inner p.annotation { position:absolute; top:447px; left:45px; font-size:12px; letter-spacing:1px; line-height: 2; z-index:3000; color:#666666;}




/*-------#event-------*/
#contents #event { width:980px; margin:0 auto 40px; padding-top:100px;}
#contents #event .tit{ margin:0 0 60px 0;}
#contents #event h4.tit_workshop{ margin:160px 0 10px 0;}

#contents #event li.left{ float:left; text-align:left;}
#contents #event li.right{ float:right; text-align:left;}

#contents #event p.time { color:#ef3434; font-size:15px; border-left:solid 7px #ef3434; font-weight:bold; margin:15px 0 0; padding:0 0 0 7px; letter-spacing:2px;}
#contents #event p.btn { float:left; margin:0 10px 0 0;}
#contents #event p.txt { line-height:1.6; letter-spacing:1px; margin:10px 0 10px 0; width:425px;}
#contents #event p.line { margin:45px 0;}


#contents #event p.and_more { margin:30px 0 0 0;}

#contents #event p.event_01_tit { border-bottom:solid 1px #000; padding:0 0 18px 0;}
#contents #event p.event_02_tit { border-bottom:solid 1px #000; padding:0 0 18px 0;}
#contents #event p.event_03_tit { border-bottom:solid 1px #000; padding:0 0 18px 0;}

#contents #event p.work_01_tit { border-bottom:solid 1px #000; padding:73px 0 18px 0;}
#contents #event p.work_02_tit { border-bottom:solid 1px #000; padding:22px 0 18px 0;}




/*-------#products-------*/
#contents #products { width:980px; margin:0 auto 70px; padding-top:100px;}
#contents #products h3.tit{ margin:0 0 40px 0;}
#contents #products p{ margin:0 0 30px 0;}




/*-------#guide-------*/
#contents #guide {margin:0 auto; width:980px; padding:100px 0 80px 0;}
#contents #guide .tit{ margin:0 0 40px 0;}

#contents #guide #guide_inner_01{ width:980px; padding:40px 40px; color:#000; text-align:left; border:5px #000 solid; letter-spacing:1px; margin:0 0 30px 0;}
#contents #guide #guide_inner_01 h5{ border-bottom:2px dotted #888; font-size:20px; padding-bottom:4px; margin-bottom:20px}
#contents #guide #guide_inner_01 img { width:844px; display:block; margin:0 auto;}
#contents #guide #guide_inner_01 p.map_copy { font-size:10px; padding:20px 0 0 20px; letter-spacing:-0.1px; line-height:1.6;}



#contents #guide #guide_inner_02{ width:980px; padding:40px 40px; color:#000; text-align:left; border:5px #000 solid; letter-spacing:1px;}
#contents #guide #guide_inner_02 h5{ border-bottom:2px dotted #888; font-size:20px; padding-bottom:4px; margin-bottom:20px}
#contents #guide #guide_inner_02 ul{ font-size:15px; padding-bottom:20px; line-height:1.3; }
#contents #guide #guide_inner_02 li{ padding-bottom:10px;text-indent:-1em; padding-left:1em}
#contents #guide #guide_inner_02 li:before{ content:"■"; }
#contents #guide #guide_inner_02 #guide_txt_cation{ background:#ef3434; color:#FFFFFF; padding:8px 12px; margin-bottom:10px;display:inline-block;text-indent:0em; }
#contents #guide #guide_inner_02 li#guide_txt_cation:before{ content:" ";}

/*-------greensolar-------*/
#contents #greensolar{ border:5px solid #5fcaa4; width:800px; margin:0 auto; padding:30px 35px; color:#68ae95; font-weight:bold; background:#FFFFFF; position:relative;}
#contents #greensolar p.txt{ font-size:17px; padding-bottom:25px;}
#contents #greensolar a { margin:0 5px 0 0;}
#contents #greensolar p.green_img { position:absolute; top:23px; right:25px;}
#contents #greensolar p.green_xmas { position:absolute; top:23px; right:112px;}



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

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

a:link { color: #061543; text-decoration: none; }
a:visited { color: #061543; text-decoration: underline; }
a:hover { color: #061543; text-decoration: underline; }
/*-------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/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat }

/*-------footer-------*/
#footer { width: 100%; background: #000; position: relative; z-index: 9000; border-top: solid 1px #5b5b5b; min-height: 100px; font-size: 14px;color: #FFF; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position: relative; z-index: 9000; text-align:left;}
#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_inner .sns_btn{ width:200px; height:70px; position:absolute; top:20px; right:0px; float:left; }
#footer_inner .sns_btn li{ float:left;}