@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { color: #FFF; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; font-size: 13px; line-height: 1; min-width: 980px; background: #005667; min-height: 900px; }
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; }

/*-------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; }

/*==================================
cmn
==================================*/
/*-------other-------*/
img { display: block; }
a img { opacity: 1; transition: all 0.2s ease-out 0s; }
a:hover img { opacity: 0.5; transition: all 0.2s ease-out 0s; filter: alpha(opacity=50); }
a { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #949494; text-decoration: none; }
/*-------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; }
/*-------top-------*/
#top{ width:100%; height:0; background: url(../../../images/pc/bg_img01.jpg) 0 0 repeat;}
#top #wrapper{ background:url(../../../images/pc/bg_img02.png) 0 0 repeat-y; padding-bottom:30px;}
#top #wrapper p.megatore_bnr{ width:514px; height:292px; margin:30px auto 0;}
#top #wrapper #main_img{ width:980px; height:1310px; margin:30px auto 0; background: url(../../../images/pc/main.jpg) 0 0 no-repeat ; position:relative;}
#top #wrapper #main_img img{ width:192px; height:192px; position:absolute; top:90px; right:20px;}

#top #wrapper #btn_img{ width:480px; height:334px; background:url(../../../images/pc/btn_img.png) no-repeat 0 0; margin:0 auto;}


#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:150px; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-seri !important;}
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer .megahouse_logo{ padding-right: 8px; float: left; }
#footer #copyright{font-size: 10px;　color: #fff; line-height:1.4; clear:both; float:left; margin-top:20px}
#footer .theta img{ width:8px; height:14px;}
#footer #sns { position: absolute; top: 20px; right: -46px; }
