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

/*-------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:230px; background:url(../../../images/pc/main_bg.png) no-repeat center top;}
body #main .main_inner{ width:980px; height:230px; margin:0 auto; position:relative }
body #main .main_inner h2{ width:468px; height:198px; position:absolute; top:14px; left:0;}
body #main .main_inner p{ width:483px; height:167px; position:absolute; top:28px; right:0;}
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_about a { background: url(../../../images/pc/navi_btn.png) no-repeat 0 0; width: 157px; margin: 0 0; }
body #navi_inner li#nav_btn_about a:hover { background: url(../../../images/pc/navi_btn.png) no-repeat 0 -60px; }

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

/*--==========abou==========--*/
body #about{ background:#fbecc3;}
body #about_inner{ width:980px; margin:0 auto; padding-top:40px; padding-bottom:80px;}
/*-------news-------*/
body #news{ width:340px; height:360px; float:left; margin-right:20px;}
body#top #news ul { float: left; width: 320px; height: 340px; 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:360px; float:left; margin:0}
body #info .info_inner{ width:620px; height:360px; 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 #item{ background:#e68a00; }
body #item .item_tit{ height:160px; background:#1b1a27;}
body #item .item_tit_inner{ width:980px; height:160px;  margin:0 auto; position:relative;}
.item_tit_inner:after {
content: '';
position: absolute;
border-top: 10px solid #1b1a27;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
left: 50%;
}
body #item .item_tit_inner h3{ width:156px; height:30px; padding-top:34px;}
body #item .item_tit_inner p.item_sub{ width:328px; height:40px; position:absolute; left:164px; top:28px;}
body #item .item_tit_inner p{ line-height: 1.6; font-size:28px; color:#fac632; letter-spacing:-0.04em; font-weight:bold; position:absolute; right:0px; top:24px;}

body #item .item_box{ width:980px; height:576px; margin:0 auto; background:url(../../../images/pc/item_bg.png) no-repeat center top; position:relative;}
body #item .item_box_img{ width:540px; height:590px; margin-top:-60px; float:left; background:url(../../../images/pc/item_img.png) no-repeat top left; overflow:hidden; position:relative;}
body #item .item_box_img h4{ width:468px; height:112px; position:absolute; left:0; bottom:0;}

body #item .item_box_txt{ width:440px; float:right; color:#1b1a27; margin:6px auto 40px;}
body #item .item_box_txt dt{ border-left:solid 3px #1b1a27; padding:6px; line-height: 1.2; margin-top:20px;}
body #item .item_box_txt dt p{ font-size:24px; font-weight:bold;}
body #item .item_box_txt dd{ margin-top:6px; text-align:center;}
body #item .item_box_txt dd p{ float:left; }
body #item .item_box_txt dd p.normal{ margin-left:30px;}
body #item .item_box_txt dd.item_products{ width:340px; border:solid 2px #1b1a27; margin-top:20px; padding:10px 40px; font-size:16px; font-weight:bold; line-height:1.4; text-align:left;}

/*--==========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:10px; 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:60px;}