@charset "utf-8";



/* Gloval Reset*/
html { height: 100%; }
body { 
font-size:14px;
background:#000;
line-height:1.8; 
height: 100%; 
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif; 
color:#000;
-webkit-text-size-adjust:none;
 /*overflow:hidden;*/}



/*-----------------------------------imgoverを指マークに*/
.imgover { cursor:pointer; }

/*-----------------------------------link*/
a{ outline : 0 ;}
a { text-decoration: none; color:#000; }
a:hover { text-decoration: underline; }

/*-----------------------------------マウスオーバーで画像半透明*/
img.icon:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

/*-----------------------------------マージン*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marT40 { margin-top: 40px; }
.marB5 { margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marB30 { margin-bottom: 30px; }
.marB40 { margin-bottom: 40px; }
.marR5 { margin-right: 5px; }
.marR7 { margin-right: 7px; }
.marR8 { margin-right: 8px; }
.marR10 { margin-right: 10px; }
.marR20 { margin-right: 20px; }
.marL10 { margin-left: 10px; }
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.claerB{clear:both;}
.fR{float:right;}
.fL{float:left;}
.small{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.red{color:#FF0000;}
.ore{color:#F39B00;}
.pink{color:#E52D8A;}
.bold{font-weight:bold;}
.w650{width:650px;}
.w260{width:260px;}

.hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}



/*-----------------------------------コンテナ*/
#container{width:100%; margin:0 auto;}


/*-----------------------------------header設定*/
header{width:1020px; height:110px; position:relative; margin-left:auto; margin-right:auto;}
header #logo{position:absolute;left:0px;top:10px;}
header #h1all{position:absolute;left: 140px;top:10px;}
header #h1shop{position:absolute; left:140px; top:30px; color:#fff; font-weight:bold; font-size:24px;}
header #h1shop br{display:none;}
header #readall{position: absolute;width: 600px;right:5px;top:25px;color: #fff; text-align:right; font-size:13px;}
header #read{position: absolute;width: 600px;right:10px;top:25px;color: #fff; text-align:right; font-size:13px;}
header #read span{color:#EEEA39; font-weight:bold; font-size:25px; padding-right:10px;}
header #read span a{color:#EEEA39; text-decoration:none;}
header #read span a:hover{color:#EEEA39; text-decoration:none;}



/*-----------------------------------第1階層nav設定*/

#Tnavarea{width:100%; height:50px; background:url(../images/nav_bg.png) repeat-x; margin:0; padding:0;}
#Tnavarea nav{width:1020px; margin-left:auto; margin-right:auto; margin-bottom:0; padding-bottom:0; height:50px;}
#Tnavarea nav li{width:245px; height:50px; float:left; margin-right:10px; border-top:4px solid #666767; line-height:50px; font-weight:bold; color:#fff; font-size:16px; text-align:center;}
#Tnavarea nav li a{text-decoration:none; color:#fff;}
#Tnavarea nav li a:hover{text-decoration:none; color:#FF0;}
#Tnavarea nav li:last-child a{margin-right:0;}


#Tgroupnav li:nth-child(2){border-top:4px solid #FF0; color:#FF0;}
#Tgroupnav li:nth-child(2) a{color:#FF0;}

#Trecruitnav li:nth-child(1){border-top:4px solid #FF0; color:#FF0;}
#Trecruitnav li:nth-child(1) a{color:#FF0;}

#Tvoicenav li:nth-child(3){border-top:4px solid #FF0; color:#FF0;}
#Tvoicenav li:nth-child(3) a{color:#FF0;}


/*-----------------------------------第2階層nav設定*/

#navarea{width:100%; height:50px; background:url(../images/nav_bg.png) repeat-x; margin:0; padding:0;}
#navarea nav{width:1020px; margin-left:auto; margin-right:auto; margin-bottom:0; padding-bottom:0; height:50px;}
#navarea nav li{width:160px; height:50px; float:left; margin-right:10px; border-top:4px solid #666767; line-height:50px; font-weight:bold; color:#fff; font-size:16px; text-align:center;}
#navarea nav li a{text-decoration:none; color:#fff;}
#navarea nav li a:hover{text-decoration:none; color:#FF0;}
#navarea nav li:last-child a{margin-right:0;}


#groupnav li:nth-child(4){border-top:4px solid #FF0; color:#FF0;}
#groupnav li:nth-child(4) a{color:#FF0;}

#couponnav li:nth-child(2){border-top:4px solid #FF0; color:#FF0;}
#couponnav li:nth-child(2) a{color:#FF0;}

#recruitnav li:nth-child(3){border-top:4px solid #FF0; color:#FF0;}
#recruitnav li:nth-child(3) a{color:#FF0;}

#voicenav li:nth-child(5){border-top:4px solid #FF0; color:#FF0;}
#voicenav li:nth-child(5) a{color:#FF0;}


/*スマホ用メニューを表示させない*/
#spnav {
	display: none;
}


/*-----------------------------------メインビジュアル設定*/
#topmain{width:1020px; height:340px; padding:0; margin:0 auto; clear:both; text-align:center; vertical-align:bottom;}
#topmain img{width:1020px;}

#top{width:100%; padding:0; margin:0; clear:both; text-align:center; vertical-align:bottom;}


/*-----------------------------------main設定*/


article{width:1020px; margin-left:auto; margin-right:auto; clear:both; background:#fff; padding-bottom:50px; padding-top:0; margin-top:0;}

#coupontop{width:100%; margin-bottom:40px;}

#titlearea{width:1020px; margin-left:auto; margin-right:auto; clear:both; margin-top:40px; margin-bottom:20px;}
#titlearea h2{height:40px; border-left:5px solid #EEEA39; padding-left:20px; font-size:30px; font-weight:bold; color:#fff; line-height:40px;}

h3{border-bottom:1px solid #000; width:100%; text-align:center; margin-bottom:30px;}
h3 img{vertical-align:bottom;}

h4{font-weight:bold; font-size:20px; padding-left:3px; margin-bottom:10px; color:#396;}




/*-----------------------------------footer設定*/

footer{width:1020px; margin-left:auto; margin-right:auto; background:#000; height:40px; position:relative;}
footer ul{padding-top:10px;}
footer li{float:left; list-style:none; background:url(../images/foot_mark.png) no-repeat 0px 3px; padding-left:16px; margin-right:10px; color:#fff;}
footer li a{color:#fff; text-decoration:none;}
footer li a:hover{text-decoration:underline;}
footer #copy{position:absolute; color:#fff; text-align:right; right:0; top:12px; font-size:12px;}


/*-----------------------------------TOP設定*/
#servicebn{width:100%; margin-bottom:50px;}
#servicebn li{float:left; list-style:none; width:340px; height:320px; text-align:center;}

#coupon2{width:100%; padding-bottom:60px; text-align:center;}

#map{margin-bottom:50px;}

#footname{text-align:center;}
#footname span{font-weight:bold; font-size:18px;}
#footname a{text-decoration:none;}
#footname a:hover{text-decoration:none;}

#priceimg{width:100%; padding:0; margin:0; clear:both; text-align:center; margin-bottom:40px;}


/*-----------------------------------クーポン設定*/
.couponimg{text-align:center;}


/*-----------------------------------採用情報設定*/
#rect{width:850px; margin:0 auto 40px auto; padding:25px 25px 10px 25px; clear:both; background:#F1EDE2;}
#rect dl{border-top:1px dotted #333;}
#rect dt{padding-bottom:10px; padding-top:10px;width:150px; display:block; float:left; padding-left:0px;}
#rect dd{margin-bottom:10px; border-bottom:1px dotted #333; padding-top:10px; padding-bottom:10px; padding-left:150px;}

/*-----------------------------------採用情報設定*/
.vo{width:850px; margin:0 auto 40px auto; padding:25px 25px 10px 25px; clear:both; background:#F1EDE2;}
.vo table{border-top:1px dotted #333;width:850px; margin-bottom:10px;}
.vo table tr{border-bottom:1px dotted #333;}
.vo table th{padding-bottom:10px; padding-top:10px;width:120px; padding-left:0px; text-align:center; font-weight:normal; vertical-align:middle;}
.vo table td{margin-bottom:10px; border-bottom:1px dotted #333; padding-top:10px; padding-bottom:10px; vertical-align:middle;}


/*-----------------------------------グループ設定*/
#gpt{width:850px; margin:0 auto 40px auto; padding:25px 25px 10px 25px; clear:both; background:#F1EDE2;}
#gpt dl{border-top:1px dotted #333;}
#gpt dt{padding-bottom:10px; padding-top:10px;width:150px; display:block; float:left; padding-left:0px;}
#gpt dd{margin-bottom:10px; border-bottom:1px dotted #333; padding-top:10px; padding-bottom:10px; padding-left:150px;}

.shop{width:950px; margin:0 auto 20px auto; clear:both;}
.shop th{width:220px; height:130px; vertical-align:middle; text-align:left; background:#F1EDE2;}
.shop th img{vertical-align:bottom;}
.shop td{vertical-align:middle; padding:0; height:130px; background:#F1EDE2; line-height:20px;}
.shop td.name{}
.shop td.name span{font-weight:bold; font-size:20px;}
.shop td.link{text-align:right; padding-right:10px; width:160px;}
.shop td.link img{width:70px; margin-left:3px; margin-right:3px;}

/*-----------------------------------pagetop設定*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
	font-size:90%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
	height:60px;
	line-height:60px;
    padding: 0;
    text-align: center;
    display: block;
    border-radius: 60px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

body{ font-size:12px;}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

header{width:100%; height:80px; position:relative; margin-left:auto; margin-right:auto; margin-bottom:0; padding-bottom:0; border-bottom:1px solid #333;}
header #logo{position:absolute;left:0px;top:20px;}
header #logo img{height:40px;}
header #h1all{position:absolute;left:70px;top:10px;}
header #h1all img{height:50px;}
header #h1shop{position:absolute; left:65px; top:10px; color:#fff; font-weight:bold; font-size:16px; line-height:22px;}
header #readall{display:none;}
header #read{position: absolute;left:65px;top:35px;color: #fff; text-align:left; font-size:9px;}
header #read span{color:#EEEA39; font-weight:bold; font-size:15px; padding-right:5px;}



/*PC用メニューを非表示にする*/
#Tnavarea{display:none;}
#navarea{display:none;}

/*スマホ用メニュー*/
#spnav{width:100%; border-top:1px solid #616365; border-bottom:1px solid #616365; background:#333; text-align:center; display:inline-block;}
#spnav dt{height:40px;}
#spnav img{width:300px; vertical-align:bottom;}
.subMenu li{list-style:none; text-align:center; color:#222; background:#ccc; display:block; padding:10px 0; border-bottom:1px solid #efefef; border-top:1px solid #efefef; width:100%; font-size:14px;}
.subMenu li a{color:#222; text-decoration:none;}
.subMenu li a:hover{color:#222; text-decoration:none;}


#topmain{width:100%; height:auto; padding:0; margin:0; clear:both; text-align:center; vertical-align:bottom;}
#topmain img{width:100%;}

article{width:100%; clear:both; background:#fff; padding-bottom:50px; padding-top:0; margin-top:0;}

#servicebn{width:100%; margin-bottom:50px;}
#servicebn li{float:left; list-style:none; width:50%; height:auto; text-align:center; font-size:10px; margin-bottom:15px;}

#price{width:100%; margin-left:auto; margin-right:auto; font-size:10px;}
#priceimg{width:100%; padding:0; margin:0; clear:both; text-align:center; margin-bottom:40px;}

#coupon2{width:100%; padding-bottom:60px; text-align:center;}
#coupon2 img{width:80%;}

#footname{text-align:center; font-size:11px;}
#footname span{font-weight:bold; font-size:18px;}

footer{width:100%; margin-left:auto; margin-right:auto; background:#333; position:static; height:200px;;}
footer ul{padding-top:10px; width:100%; margin-left:auto; margin-right:auto;}
footer li{float:left; list-style:none; background:url(../images/foot_mark.png) no-repeat 3px 15px; text-indent:20px; color:#fff; width:43%; height:50px; border-bottom:1px solid #666; line-height:50px;}
footer li a{color:#fff; text-decoration:none;}
footer li a:hover{text-decoration:underline;}
footer li:nth-child(2){display:none;}
footer #copy{color:#fff; text-align:center; font-size:12px; clear:both; position:static; padding-top:20px; width:100%; background:#000; padding-bottom:20px;}

#titlearea{width:95%; margin-left:auto; margin-right:auto; clear:both; margin-top:20px; margin-bottom:20px;}
#titlearea h2{height:40px; border-left:5px solid #EEEA39; padding-left:15px; font-size:23px; font-weight:bold; color:#fff; line-height:40px;}

.couponimg{text-align:center;}
.couponimg img{width:80%;}

#rect{width:94%; margin:0 auto 40px auto; clear:both; background:#F1EDE2; padding:10px;}
#rect dl{border-top:1px dotted #333;}
#rect dt{padding-bottom:10px; padding-top:10px;width:100px; display:block; float:left; padding-left:0px;}
#rect dd{margin-bottom:10px; border-bottom:1px dotted #333; padding-top:10px; padding-bottom:10px; padding-left:100px;}

.shop{width:98%; margin:0 auto 10px auto; clear:both;}
.shop th{display:none;}
.shop th img{display:none;}
.shop td{vertical-align:middle; padding:0; background:#F1EDE2; line-height:20px; padding-top:10px; padding-bottom:10px;}
.shop td.name{font-size:11px;}
.shop td.name span{font-weight:bold; font-size:17px;}
.shop td.link{text-align:right; padding-right:5px; width:50px;}
.shop td.link img{width:50px; text-align:right; margin-left:2px; margin-right:2px;}

.vo{width:90%; margin:0 auto 40px auto; padding:10px; clear:both; background:#F1EDE2; margin-left:auto; margin-right:auto;}
.vo table{border-top:1px dotted #333;width:95%; margin-bottom:5px; margin-left:auto; margin-right:auto;}
.vo table tr{border-bottom:1px dotted #333;}
.vo table th{width:80px; font-size:10px;}
.vo table th img{width:90%;}

}