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

/*-------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; position:absolute; right:10px; top:15px;}

/*==================================
contents
==================================*/
body #contents{ background:#ffae00;}

/*--=========main==========--*/
body #main{ height:167px; background:url(../../../images/pc/main_bg.png) no-repeat center top;}
body #main .main_inner{ width:980px; height:167px; margin:0 auto; position:relative }
body #main .main_inner h2{ width:950px; height:158px; position:absolute; top:0px; left:10px;}
body #main #sns{ position:absolute; top:20px; right:0px}

/*-------navi-------*/
body #navi{ height:60px; background:#1b1a27;}
body #navi #navi_inner { width:980px; height:60px; margin:0 auto; text-align:center; }
body #navi #navi_inner ul{ width: 628px; height: 120px; background: url(../../../images/pc/navi_btn.png) no-repeat right top;margin: 0 auto; position: relative;}
body #navi_inner li { height: 60px; float: right; }
body #navi_inner li a { height: 60px; display: block; }

body #navi_inner li#nav_btn_item{ background: url(../../../images/pc/navi_btn.png) no-repeat -157px 0; width: 157px; margin: 0 0; }
body #navi_inner li#nav_btn_item a:hover { background: url(../../../images/pc/navi_btn.png) no-repeat -157px -60px; }

body #navi_inner li#nav_btn_pickup a{ background: url(../../../images/pc/navi_btn.png) no-repeat -314px 0; width: 157px; margin: 0 0; }
body #navi_inner li#nav_btn_pickup a:hover { background: url(../../../images/pc/navi_btn.png) no-repeat -314px -60px; }

body #navi_inner li#nav_btn_rule a { background: url(../../../images/pc/navi_btn.png) no-repeat -471px 0; width: 157px; margin: 0 0; }
body #navi_inner li#nav_btn_rule a:hover { background: url(../../../images/pc/navi_btn.png) no-repeat -471px -60px; }

/*--==========about==========--*/
body #about{ background:#fbecc3;}
body #about_inner{ width:980px; margin:0 auto; padding-top:20px; padding-bottom:40px;}
/*-------news-------*/
body #news{ width:340px; height:270px; float:left; margin-right:20px;}
body#top #news ul { float: left; width: 270px; height: 270px; margin-top:10px; padding: 10px 10px 0; display: block; overflow: auto;}
body#top #news li { padding-bottom: 8px; line-height: 1.2; font-size:14px; color:#1a1924;}
body#top #news li p{ line-height: 1.2; font-size:16px; color:#f4980f;}
/*------info-------*/
body #info{ width:620px; height:270px; float:left; margin:0}
body #info .info_inner{ width:620px; height:270px; float:left; border-collapse: collapse; border:0;}
body #info .info_inner tr{ font-size:20px; color:#1a1924; font-weight:600; border-bottom: solid 2px #c3a67a;}
body #info .info_inner th{ width:150px; font-weight:600; text-align:center; }
body #info .info_inner td{ line-height: 1.4;}
body #info .info_inner td p{ font-size:14px;}

/*--==========item==========--*/
body #product {background:#fbecc3;}
body #product .product_tit {background:#fbecc3;}
body #product h3 { margin: 0 auto 20px auto; width:980px;}
body #product .product_nav { padding: 0 0 25px 0; margin:0 auto; width:980px;}

body #product #cyber_tit {background:url(../../../images/pc/tit_cyber.png) no-repeat center top; height:152px;}
body #product #dta_tit {background:#fff; height:152px;}
body #product #dta_tit p {background:url(../../../images/pc/tit_dta.png) no-repeat center top; height:151px;}


body #product #item_cyber,#item_dta {background:#fff;}
body #product #item_cyber .item_box {background:url(../../../images/pc/item_01.jpg) no-repeat center top; height:733px;}


body #product #item_dta .item_box {background:url(../../../images/pc/dta_bg.jpg) no-repeat center top; height:780px;}
body #product #item_dta .item_box_inner{width:980px; margin:0 auto; height:700px;}
body #product #item_dta .item_box_inner .item_box_left{ float:left; position:relative;}
body #product #item_dta .flexslider{width:540px; height:640px;}
body #product #item_dta .item_box_inner .item_box_left .catch{position: absolute; z-index:10000; top:560px;}
body #product #item_dta .flex-control-paging li a.flex-active { background: #fb9d2e;}

body #product #item_dta .item_box_txt{ width:440px; float:right; color:#1b1a27; margin:15px auto 0;}
body #product #item_dta .item_box_txt dt{ border-left:solid 9px #1b1a27; padding:0 0 0 8px; line-height: 1.3; margin-top:15px; letter-spacing:0.1em;}
body #product #item_dta .item_box_txt dt p{ font-size:20px; font-weight:bold; letter-spacing:0.1em;}
body #product #item_dta .item_box_txt dd{ margin:14px 0 20px 0; text-align:center;}
body #product #item_dta .item_box_txt dd p{ float:left; }
body #product #item_dta .item_box_txt dd p.normal{ margin:0 20px 0 0;}

body #product #item_dta .item_box_bottom { width:980px; margin:0 auto;}
body #product #item_dta .item_box_bottom .txt{color:#1b1a27; letter-spacing:0.1em; line-height:1.5; margin:0 15px 0 0; padding:0 15px 0 0; width:405px; float:left;}
body #product #item_dta .item_box_bottom .bnr { margin:5px 0 0 0; float:right;}
body #product #item_dta .item_box_bottom .bnr img { margin:0 0 0 10px; padding:0;}



/*--==========pickup==========--*/
body #pickup{ background:#fbecc3;}
body #pickup ul{ width:980px; margin:0 auto; padding-top:40px; padding-bottom:10px; text-align:center;}
body #pickup ul li.top{ width:980px; margin-top:40px;}
body #pickup ul li{ width:980px; margin-top:10px;}
body #pickup h3{ width:980px; height:47px;}

/*--==========rule==========--*/
body #rule{ background:#fbecc3;}
body #rule .rule_inner{ width:980px; margin:0 auto; padding-top:40px; padding-bottom:50px; line-height: 1.4; font-size:14px; color:#1a1924;}
body #rule h3{ width:980px; height:49px;}
body #rule .rule_inner p{ margin-top:20px; line-height: 1.8;}
body #rule .green{ width:800px; height:150px; text-align:center; margin:10px auto 0px; padding-bottom:30px;}

/*--==========top_back==========--*/
body #top_back { float:right;}
body #top_back a {
	background: url(../../../images/pc/back_top_btn.png) 0 0; display: block; width: 94px; height: 14px; overflow: hidden; text-indent: 100%; white-space: nowrap; }
body #top_back a:hover {height:14px; background-position: 0 -14px;}