@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 */
/*==================================
cmn
==================================*/
/*-------other-------*/
a img { opacity: 1; transition: all 0.1s ease-out 0s; }
a:hover img { opacity: 0.5; transition: all 0.1s ease-out 0s; }
a { color: #0c3bb4; text-decoration: underline; }
a:visited { color: #0c3bb4; text-decoration: underline; }
a:hover { color: #0c3bb4; text-decoration: none; }
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: 2000; }
#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; 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; }
#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; }

/*==================================
top
==================================*/
body#top #wrapper { background: #fff4af; color: #2a2929; line-height: 1.3; }

/*body#top #wrapper { background: url(../../../images/pc/bg_top.gif) #fff4af no-repeat center 0;background-attachment:fixed; color: #2a2929; line-height:1.3}*/
body#top #wrapper { color: #2a2929; line-height: 1.3; }
body#top #contents { background: url(../../../images/pc/bg_btm.png) no-repeat center bottom; padding-bottom: 600px; position: relative; z-index: 1000; }
body#top #contents a:hover { text-decoration: none; }
body#top #contents .txt_indent { text-indent: -0.5em; display: inline-block; }
body#top #contents .txt_copyright_nishi { position: absolute; top: -0.6em; right: 0; font-size: 0.8em; }

/*-------main-------*/
body#top #main { width: 980px; margin: 0 auto; height: 800px; position: relative; }
body#top #main h2 { position: absolute; top: 20px; right: -10px; }
body#top #main #main_img { position: absolute; top: -36px; left: -94px; }
body#top #main #main_txt_concept { position: absolute; top: 590px; left: 0px; }
body#top #main #main_txt_date { position: absolute; top: 410px; right: 0px; }
body#top #main #main_txt_adress { position: absolute; top: 596px; right: -2px; }
body#top #main #main_info { width: 330px; position: absolute; top: 700px; right: 0px; }
body#top #main #info_tit { border-bottom: 2px solid #383838; padding-bottom: 8px; margin-bottom: 10px; }
body#top #main #main_info span { margin-bottom: 2px; display: block; }

/*-------menu-------*/
body#top #menu { background: url(../../../images/pc/menu_bg.png) repeat-x 0 0; height: 134px; position: relative; margin-bottom: 50px; }
body#top #menu_inner { width: 980px; margin: 0 auto; position: relative; }
body#top #menu li a { float: left; width: 258px; height: 80px; margin-top: 32px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
body#top #menu li#menu_products a { background: url(../../../images/pc/menu_img.gif) no-repeat 0 0; }
body#top #menu li#menu_event a { background: url(../../../images/pc/menu_img.gif) no-repeat -258px 0; }
body#top #menu li#menu_guide a { width: 260px; background: url(../../../images/pc/menu_img.gif) no-repeat -516px 0; }
body#top #menu li#menu_products a:hover { background-position: 0 -80px; }
body#top #menu li#menu_event a:hover { background-position: -258px  -80px; }
body#top #menu li#menu_guide a:hover { background-position: -516px  -80px; }
body#top #menu #sns { position: absolute; top: 38px; right: 0; width: 160px; }

/*-------about-------*/
body#top #about { background: url(../../../images/pc/about_bg.png) repeat-x 0 0; width: 610px; height: 610px; margin: 0 auto 70px; }
body#top #about h3 { padding-top: 110px; width: 526px; margin: 0 auto 40px; }
body#top #about #about_txt { text-align: center; font-size: 20px; line-height: 1.6; padding-bottom: 25px; }
body#top #about #about_txt_exhibiting { width: 174px; padding-bottom: 10px; margin: 0 auto 20px; text-align: center; font-size: 18px; border-bottom: 2px solid #dd001f; }
body#top #about #about_txt_exhibiting span { font-size: 12px; padding-left: 10px; }
body#top #about ul { width: 404px; margin: 0 auto; padding-left: 12px; text-align: center; }
body#top #about li { margin: 0 12px 12px 0; display: -moz-inline-box; display: inline-block; }

/*-------products-------*/
body#top #products { width: 980px; margin: 0 auto 80px; }
body#top #products:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #products_inner { background: url(../../../images/pc/sec_bg.png) repeat 0 0; border-top: 10px solid #184f88; padding: 20px 0 0; }
body#top #products h4 { width: 832px; margin: 0 auto 15px; }
body#top #products #products_txt_notice { text-align: center; padding: 0 30px 20px; font-size: 18px; }
body#top #products .products_item { position: relative; height: 584px; }
body#top #products .products_item .item_name { background: url(../../../images/pc/products_bg.gif) repeat 0 0; width: 430px; padding: 24px 30px 20px; color: #FFFFFF; max-height: 250px; margin: -24px 0 24px -30px; line-height: 1.3; }
body#top #products .products_item .products_ico { position: absolute; top: 8px; left: 0; }
body#top #products .products_item .products_logo { position: absolute; top: 24px; right: 30px; }
body#top #products .products_item h5 { font-size: 34px; font-weight: bold; padding-top: 66px; }
body#top #products .products_item h5 .name_txt_s { font-size: 18px; display: block; margin-bottom: 6px; }
body#top #products .products_item h5 .name_txt_m { font-size: 30px; display: block; font-weight: bold; }
body#top #products .products_item .item_info { background: #f9f8f8; width: 430px; padding: 24px 30px; font-size: 16px; line-height: 1.5; position: relative; height: 536px; float: left; }
body#top #products .products_item .item_txt_price { margin-bottom: 10px; line-height: 1.8; }
body#top #products .products_item .item_txt_outline { margin-bottom: 10px; font-size: 15px; margin-bottom: 20px; }
body#top #products .products_item .item_info ul { margin-top: -12px; }
body#top #products .products_item .item_info li { font-size: 13px; line-height: 1.3; text-indent: -1em; padding-left: 1em; }
body#top #products .products_item .item_info li:before { content: "※"; }
body#top #products .products_item dl { width: 430px; }
body#top #products .products_item dt img { border: 1px solid #d5d5d5; }
body#top #products .products_item dl:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #products .products_item dt { float: left; }
body#top #products .products_item dd { float: right; text-align: right; font-size: 14px; }
body#top #products .products_item .item_txt_copyright { font-size: 13px; position: absolute; bottom: 24px; left: 30px; }
body#top #products .products_item .item_img { width: 530px; height: 584px; position: absolute; top: 0; right: 0; }
body#top #products .item_aftersale { padding: 24px 30px; clear: both; }
body#top #products .item_aftersale { font-size: 16px; }
body#top #products .item_aftersale p span { color: #184f88; font-weight: bold; border-left: 8px solid #184f88; padding: 0 20px 0 6px; }
body#top #products .item_aftersale ul { padding-top: 10px; }
body#top #products .item_aftersale ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #products .item_aftersale li { float: left; margin: 0 20px 4px 0; }
body#top #products .item_aftersale a:before { background: url(../../../images/pc/ico_arrow.png) no-repeat left center; content: " "; padding-left: 18px; }

/*-------event-------*/
body#top #event { width: 980px; margin: 0 auto 80px; }
body#top #event_inner { background: url(../../../images/pc/sec_bg.png) repeat 0 0; border-top: 10px solid #09806b; padding: 20px 0 0; }
body#top #event #event_map { background: #FFFFFF; margin-bottom: 20px; padding: 20px 0; }
body#top #event #event_map img { width: 900px; margin: 0 auto; display: block; }
body#top #event h4 { width: 832px; margin: 0 auto 15px; }
body#top #event .event_box { margin-bottom: 20px; position: relative; }
body#top #event .event_box h5 { font-size: 26px; background: #3b454d; color: #FFFFFF; display: block; padding: 20px 30px; }
body#top #event .event_box h5 a { color: #ffdc4c; text-align: right; }
body#top #event .event_box #event_txt_tamashiinatsu { font-size: 16px; position: absolute; top: 250px; left: 15px; }
body#top #event .event_box #event_txt_tamashiinatsu a:before { background: url(../../../images/pc/ico_arrow.png) no-repeat left center; content: " "; padding-left: 18px; }
body#top #event .event_box .event_box_bnr { width: 900px; margin: 20px auto 0; }
body#top #event ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#top #event li.event_list_l { padding: 30px; min-height: 194px; background: #FFFFFF; float: left; position: relative; border-top: 2px solid #e9e9e9; }
body#top #event li.event_list_l h5 { font-size: 28px; border-left: 8px solid #09806b; padding-left: 20px; margin-bottom: 20px; }
body#top #event li.event_list_l p { font-size: 16px; width: 500px; line-height: 1.6; padding-bottom: 10px; float: left; }
body#top #event li.event_list_l p span { padding-left: 3em; display: block; }
body#top #event li.event_list_l .event_img { border: 4px solid #E5E5E5; width: 370px; display: block; position: relative; margin-left: 520px; padding: 20px 10px; }
body#top #event li.event_list_l .event_img img { width: 354px; margin: 0 auto; display: block; }
body#top #event li.event_list_l .event_img .event_txt_copyright { position: absolute; bottom: 4px; left: 6px; }
body#top #event li.event_list_s { padding: 30px; width: 428px; background: #FFFFFF; border-right: 2px solid #e9e9e9; border-top: 2px solid #e9e9e9; float: left; position: relative; }
body#top #event li.event_list_last { border-right: none; width: 430px; }
body#top #event li.event_list_s h5 { font-size: 28px; border-left: 8px solid #09806b; padding-left: 20px; margin-bottom: 20px; }
body#top #event li.event_list_s p { font-size: 16px; line-height: 1.6; padding-bottom: 10px; }
body#top #event li.event_list_s p span { padding-left: 3em; display: block; }
body#top #event li.event_list_s .event_img { border: 4px solid #E5E5E5; display: block; padding: 30px 30px; position: relative; }
body#top #event li.event_list_s .event_img img { width: 354px; margin: 0 auto; display: block; }
body#top #event li.event_list_s .event_img .event_txt_copyright { position: absolute; bottom: 4px; left: 6px; }

/*-------guide-------*/
body#top #guide { width: 980px; margin: 0 auto 50px; font-size: 15px; line-height: 1.5; }
body#top #guide_inner { padding: 30px; background: url(../../../images/pc/sec_bg.png) repeat 0 0; border-top: 10px solid #e84700; }
body#top #guide h4 { width: 832px; margin: 0 auto 15px; }
body#top #guide h5 { border-bottom: 2px solid #c8c8c8; font-size: 20px; padding-bottom: 4px; margin-bottom: 20px; }
body#top #guide ul { padding-bottom: 20px; }
body#top #guide li { padding-bottom: 10px; text-indent: -1em; padding-left: 1em; }
body#top #guide li:before { content: "■"; }
body#top #guide p { padding-bottom: 20px; }
body#top #guide a:before { background: url(../../../images/pc/ico_arrow.png) no-repeat left center; content: " "; padding-left: 18px; }
body#top #guide #guide_txt_cation { background: #d80047; color: #FFFFFF; padding: 8px 12px; margin-bottom: 10px; display: inline-block; text-indent: 0em; }
body#top #guide li#guide_txt_cation:before { content: " "; }

/*-------greensolar-------*/
body#top #greensolar { border: 5px solid #5fcaa4; width: 710px; margin: 0 auto; padding: 30px 40px; font-size: 22px; color: #68ae95; font-weight: bold; background: url(../../../images/pc/green_img.gif) #FFFFFF no-repeat 670px center; }
body#top #greensolar p { padding-bottom: 8px; }

/*-------btn_pagetop-------*/
body#top #btn_pagetop { bottom: 0px; position: fixed; right: 20px; z-index: 9999; }
body#top #btn_pagetop a:hover img { opacity: 1; }

/*-------bg-------*/
#bg { width: 2000px; position: fixed; top: 0; left: 50%; z-index: 0; margin-left: -1000px; }
#bg_star { width: 980px; position: fixed; top: 0; left: 50%; z-index: 0; margin-left: -490px; }
#bg_star_01 { position: absolute; top: 64px; right: -405px; }
#bg_star_02 { position: absolute; top: 522px; left: -153px; }
#bg_star_03 { position: absolute; top: 608px; left: 73px; }
#bg_star_04 { position: absolute; top: 368px; left: -117px; }
#bg_star_05 { position: absolute; top: 226px; left: -403px; }
#bg_star_06 { position: absolute; top: 560px; left: 1164px; }
#bg_star_07 { position: absolute; top: 170px; left: 482px; }
#bg_star_08 { position: absolute; top: 343px; left: 549px; }
#bg_star_09 { position: absolute; top: 1062px; right: 166px; }
#bg_star_10 { position: absolute; top: 253px; left: 1059px; }

/*==================================
dominoid
==================================*/
body#dominoid { overflow: hidden; }
body#dominoid #contents { width: 740px; height: 900px; font-size: 14px; line-height: 1.5; padding: 30px; background: #FFFFFF; color: #2a2929; overflow: hidden; }
body#dominoid #contents p { padding-bottom: 10px; font-size: 16px; }
body#dominoid #contents p span { font-size: 22px; display: block; }
body#dominoid #contents #dominoid_tit { border-left: 8px solid #09806b; font-size: 32px; margin-bottom: 20px; padding: 0 0 0 20px; }
body#dominoid #contents .event_info { padding-bottom: 10px; }
body#dominoid #contents .event_info li { text-indent: -1em; padding-left: 1em; }
body#dominoid #contents .event_info li:before { content: "※"; }