@charset "utf-8";

@import "reset.css";


/*　共通設定　
------------------------------------------------------------------*/

body {
 font-size:14px;
 color:#333;
 text-align:center;
}

p {
 margin:0 0 10px;
 line-height:1.5;
 text-align:justify;  
 text-justify:inter-ideograph;  
}

a{ 
 color:#f08c00;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

hr {
 display:none;
}

img {
 width:100%;
 vertical-align:middle;
}

.imgCenter {
 display:block;
 margin:0 auto;
 text-align:center;
}

* {-webkit-text-size-adjust:none;}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/*　header
------------------------------------------------------*/

header{
 width:100%;
}
head {
 width:100%;
 position:relative;
}
h1{
 padding:5px 11px 5px 9px;
}
h1 a{
 display:block;
 width:193px;
 height:48px;
 background: url(../img/logo.jpg) center top no-repeat;
 background-size: 193px 48px;
 text-indent:-9999px;
}

/*　gnavi
------------------------------------------------------*/
.gnaviOpen {
 display:block;
 position:absolute;
 top:0px;
 right:0px;
 width:56px;
 height:56px;
 background: url(../img/menu.jpg) center top no-repeat;
 background-size: 56px 56px;
 text-indent:-9999px;
}
.gnavi ul.drop-menu {
 display:none;
 position:absolute;
 top:56px;
 left:0px;
 width:100%;
 z-index:1000;
}
.gnavi ul.drop-menu li {
 width:100%;
}
.gnavi ul.drop-menu li a{
 display: block;
 width:100%;
 height:55px;
 background: url(../img/bg_gnavi01.gif) left top no-repeat;
 background-size: 100% 55px;
 text-align:left;
 color:#333;
}
.gnavi ul.drop-menu li span{
 display: block;
 padding:20px 15px 20px 15px;
 font-size:14px;
 font-weight:bold;
}
.gnavi ul.drop-menu li a:hover{
 color:#f08c00; 
 text-decoration:none;
}
.gnavi ul.drop-menu li.navi07 a{
 background-image: url(../img/bg_gnavi02.gif);
}


/*　footer
---------------------------------------------------------- */

footer{
 margin-top:30px;
 text-align:center;
 background:#f5f5f5;
}

address{ 
 display:block;
 width:100%;
 padding-top:20px;
 padding-bottom:10px;
 font-family:Helvetica, sans-serif;
 font-size:10px;
 text-align:center;
}


/*　contents
---------------------------------------------------------- */
.contBox {
 width:100%;
 margin:0 auto;
 position:relative;
}

.mainImg{
 width:100%;
 height:auto;
}

/* font 
---------------------------------------------------------- */

.f110{ 
 font-size:110%; 
}
.og{
 color:#f08c00; 
}
.red{
 color:#ff0000; 
}
.center{ 
 text-align:center; 
}


.min{
	font: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/*　home
---------------------------------------------------------- */

.cont01{
 position:relative;
 background:#fff;
}
.cont01 .box{
 width:94%;
 margin:auto;
 padding:10px 0 7px 0;
}
.cont01 .box02{
 width:94%;
 margin:auto;
 padding:10px 0 7px 0;
 text-align:center;
}
.cont01 .box02 p{
 text-align:center;
}
.cont01 .box02 .shopName{
 font-size:180%;
 font-weight:bold;
 text-align:center;
}
.cont01 h2{
 position:relative;
 margin-top:20px;
 margin-bottom:10px;
 padding-top:15px;
 padding-bottom:15px;
 font-size:150%;
 color:#fff;
 text-align:center;
 background:#83b257;
}

.cont02{
 position:relative;
 text-align:center;
 background:#fcefc7;
}
.cont02 .box{
 width:320px;
 margin:0 auto;
 padding:10px 0 10px 0;
 text-align:center;
}
.cont02 .btn01 a{
 display:block;
 width:289px;
 height:53px;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:10px;
 background: url(../img/btn_time_off.jpg) no-repeat center;
 /*-webkit-background-size: 93px 30px;*//*webkit*/
 /*background-size: 93px 30px;*//*webkit以外*/
 text-indent:-9999px;
}
.cont02 .btn02 a{
 display:block;
 width:289px;
 height:53px;
 margin:0 auto;
 background: url(../img/btn_access_off.jpg) no-repeat center;
 /*-webkit-background-size: 93px 30px;*//*webkit*/
 /*background-size: 93px 30px;*//*webkit以外*/
 text-indent:-9999px;
}

.cont03{
 position:relative;
 text-align:center;
}
.cont03 h2{
 position:relative;
 margin-bottom:10px;
 padding-top:15px;
 padding-bottom:15px;
 font-size:150%;
 color:#fff;
 text-align:center;
 background:#552d2d;
}
.cont03 .box{
 width:320px;
 margin:0 auto;
 padding:10px 0 10px 0;
 text-align:left;
}
.cont03 .btn03 a{
 display:block;
 width:262px;
 height:50px;
 margin:0 auto;
 margin-top:15px;
 background: url(../img/btn_about_off.jpg) no-repeat center;
 -webkit-background-size: 262px 50px; /*webkit*/
 background-size: 262px 50px; /*webkit以外*/
 text-indent:-9999px;
}

.cont04{
 position:relative;
 margin-top:20px;
 padding-bottom:10px;
 text-align:center;
 background:#8dc356;
}
.cont04 h3{
 position:relative;
 padding-top:15px;
 padding-bottom:5px;
 font-size:150%;
 color:#fff;
 text-align:center;
}
.cont04 .homeStaff{
 position:relative;
 width:195px;
 height:196px;
 margin:0 auto;
 padding-top:10px;
 padding-bottom:10px;
}
.cont04 .box{
 width:320px;
 margin:0 auto;
 padding:10px 0 10px 0;
 text-align:center;
}
.cont04 p{
 color:#fff;
 text-align:left;
}
.cont04 .btn04 a{
 display:block;
 width:262px;
 height:50px;
 margin:0 auto;
 margin-top:5px;
 margin-bottom:15px;
 background: url(../img/btn_staff_off.jpg) no-repeat center;
 -webkit-background-size: 262px 50px; /*webkit*/
 background-size: 262px 50px; /*webkit以外*/
 text-indent:-9999px;
}

.cont05 {
 position:relative;
 overflow:hidden;
}
.cont05 ul {
 width:300px;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:15px;
}
.cont05 li {
 margin-bottom:10px;
}



/*　shop.html
---------------------------------------------------------- */

.shopTable{
 width:100%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:30px;
}
.shopTable td{
 padding:10px;
 text-align:left;
 border-bottom:1px dashed #ccc;
}
.shopTable .leftArea{
 padding:10px;
 text-align:left;
 border-bottom:1px dashed #ccc;
}


/*　goods.html
---------------------------------------------------------- */

.goodsTable{
 width:100%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:30px;
}
.goodsTable td{
 width:60%;
 padding:5px 0 5px 0;
 font-size:90%;
 text-align:left;
 border-bottom:1px dashed #ccc;
}
.goodsTable .centerArea{
 width:20%;
 padding:5px 0 5px 0;
 font-size:90%;
 text-align:center;
 border-bottom:1px dashed #ccc;
}
.goodsTable .rightArea{
 width:20%;
 padding:5px 0 5px 0;
 font-size:90%;
 text-align:right;
 border-bottom:1px dashed #ccc;
}


.tw-sp{clear:both;float:none !important;display:block;width:100%;height:350px !important;margin-top:0;margin-bottom:20px;padding-bottom:0;overflow:hidden;}
.tw-sp:after{ content: ''; display: block; clear: both;} 


.top-prd img{width:90%; height:auto; text-align:left !important;}
.top-prd02 img{width:82%; height:auto; text-align:left !important;}
.top-prd03 img{width:77%; height:auto; text-align:left !important;}
.top-prd {text-align:left !important;}
.top-prd02 {text-align:left !important;}
.top-prd03 {text-align:left !important;}

.prdBox{margin:0 auto;width:80%; text-align:center;}
.prdBox img{margin-top:30px; margin-bottom:10px;text-align:center !important;}