@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: #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; }

/*==================================
top
==================================*/
body#top #wrapper { background:#FFFFFF;}
body#top #contents { padding: 0px; }
body#top #contents a:hover { text-decoration: none; }

/*-------main-------*/
body#top #main { background: url(../../../images/pc/main_bg.gif) repeat-x center 0 ; height:615px; margin: 0 auto; text-align:center; overflow:hidden;}
body#top #main #main_inner{ background:url(../../../images/pc/main_inner.gif) no-repeat center 0; height:615px; margin:0 auto 0; text-align:center; padding:72px 0 0; position:relative; }

/*slider-----------------------------------*/
body#top #main #main_inner #main_img{ width:980px; height:500px; margin:0 auto; position:relative; text-align:center;}
body#top #main #main_inner #main_img #sns{ position:absolute; right:0; top:-40px;}
body#top #main #main_inner #main_img h2{ width:452px; height:192px; position:absolute; bottom:-74px; left:266px;  z-index:9000; }
body#top #main #main_inner #main_img .slider { list-style: none; margin: 0; padding: 0; }
body#top #main #main_inner #main_img .slider li { width: 980px!important; margin: 0; padding: 0;}
.bx-viewport { overflow: visible!important; width: 1400px!important;}
	

/*-------info-------*/
body#top #info { background: url(../../../images/pc/info_bg.jpg) no-repeat center 0; width: 980px; height: 110px; margin: 100px auto; position: relative; z-index: 1100; color:#000; text-align:left; }
body#top #info ul { width: 720px; height:54px; margin: 0 auto; font-size: 14px; line-height: 1.6; position:absolute; top:30px; right:24px;}
body#top #info li span { padding-right: 16px; color:#ff9c00; }
body#top #info li { margin-bottom: 6px; color:#fff; }

/*-------contents_inner-------*/
body#top #contents_inner{ background:url(../../../images/pc/contents_bg.gif) repeat 0 0; background-attachment: fixed;}
body#top #contents_bg{ background:url(../../../images/pc/contents_inner_bg.gif) no-repeat center center; background-attachment: fixed; padding:30px 0 40px; }

/*-------topics-------*/
body#top #topics{ width:980px; margin:0 auto; text-align:center;}
body#top #topics h3{ width:980px; margin:0 auto; padding:0; text-align:center;}
body#top #topics ul{ width:960px; background:#FFFFFF; margin:20px auto 10px; display:block; border: 10px solid #000; padding:0 0 10px;}
body#top #topics ul li{ width:940px; height:220px; background:url(../../../images/pc/topics_bnr01.jpg) center 0; display:block; margin:10px auto 0;}
body#top #topics ul li:hover{width:940px; height:220px; background: url(../../../images/pc/topics_bnr01.jpg) no-repeat 0 -220px;  display: block; opacity: 1; }

/*-------link-------*/
body#top #link{ height:160px; background:#000000; margin:0 auto; padding:100px 0 20px ; text-align:left;}
body#top #link a:hover img { opacity: 0.5; transition: all 0.1s ease-out 0s; }
body#top #link ul{ width:801px; margin:0 auto; padding:0; text-align:center;}
body#top #link ul li{ width:257px; height:88px; float:left; margin-right:10px; }

/*-------about-------*/
body#top #about{ width:980px; margin:0 auto; padding-bottom:70px; }
body#top #about .campaign{ margin:0 auto; padding:0 0 20px;}
body#top #about h3{ margin:0 auto; padding:0;}
body#top #about #about_inner{ width:980px; height:740px; margin:20px auto 0; background:url(../../../images/pc/about_img.png) no-repeat 0 0; position:relative;}
body#top #about #about_inner .about_item01{ width:248px; height:102px; position:absolute; top:180px; left:15px;}
body#top #about #about_inner .about_item02{ width:342px; height:196px; position:absolute; top:25px; right:25px;}
body#top #about #about_inner .about_item03{ width:234px; height:110px; position:absolute; bottom:30px; left:60px;}
body#top #about #about_inner .about_item04{ width:272px; height:95px; position:absolute; bottom:230px; right:20px;}
body#top #about #about_inner .about_item05{ width:385px; height:940px; position:absolute; top:0; left:294px; top:-104px;}

/*-------lineup_btn-------*/
body#top .lineup_etc{ width:568px; height:88px; background:url(../../../images/pc/lineup_etc_btn_02.png) center 0; display: block; margin:50px auto 0;}
body#top .lineup_etc:hover{ width:568px; height:88px; background: url(../../../images/pc/lineup_etc_btn_02.png) no-repeat 0 -88px;  display: block; opacity: 1; }


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