@charset "utf-8";


/*
//-----------------------------------
//body部分（共通）
//-----------------------------------
*/

html {
-webkit-text-size-adjust: 100%; /* iPhone */
}

body {
margin: 0px;
padding: 0px;
font-size: 80%;
line-height:130%;
font-family:/*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", */"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#454545;
background:url(../images/dot_bg.gif);
}

* {
margin: 0px;
padding: 0px;
}

img {
border:0;
}
a span {
}

ul {
list-style-type:none;
}
ul li img{
vertical-align:bottom;
}
a {
color: #454545;
}
a:link {
color: #454545;
text-decoration: none;
}
a:visited {
color: #454545;
text-decoration: none;
}
a:hover {
color: #454545;
text-decoration: underline;
}
a:active {
color: #454545;
text-decoration: none;
}

.comColor {
color: #005330;
}



/*
yw
---------------------------*/
.fL {
float:left;
}
.fR {
float:right;
}

.fLm {
float:left;
margin:0 20px 10px 0;
}
.fRm {
float:right;
margin:0 0 10px 20px;
}
.clear{
clear:both;
}
.alL{
text-align:center;	
}
.alR{
text-align:center;	
}
.alC{
text-align:center;	
}

.indTxt{
padding-left:1em;
text-indent:-1em;
}

.cautionTxt{
font-size:11px;
padding-bottom:10px;
}
.noflow{
overflow:hidden;
_zoom:1;
}
img.vB{
vertical-align:bottom;
}
img.vT{
vertical-align:top;
}


/*
clear
---------------------------*/
.clearfix:after {/*IE以外*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix {/*IE7用*/
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* headerWrap
============================== */
#headerWrap {
border-top:5px #005330 solid;
width:100%;
}
/*
header
---------------------------*/
#header {
width:960px;
height:65px;
margin:0 auto;
}
#header h1{
margin:3px 360px 0 0;
float:left;
}
#header a{
margin:18px 10px 0 0;
float:left;
}
#header h1 a{
margin:0;
}

/*searchform */
#searchform {
margin-top:18px;
position: relative;
width:180px;
float:right;
background-color:inherit !important;
border: none !important;
display: none;
right: 0px !important;
right: 10px;
}


/* Google Custom Search */

.gsc-search-button-v2{
	border: none !important;
	background-image:url('../images/search_btn.gif') !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	height: 16px !important;
	width: 0px !important;
	width: 1px;
	background-position:0 0 !important;
	background-position:4px 0 !important;
	position: absolute !important;
	right: 0px !important;
	top: -2px !important;
	background-color: #fff;
}

input.gsc-input[type="text"] {
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	border-width: 0px !important;
	border-color: inherit !important;
	padding-top: 4px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 5px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	height: 24px !important;
	width: 159px !important;
	outline-style: none !important;
	outline-width: initial !important;
	utline-color: initial !important;
	background-image: url('../images/search_bg.gif') !important;
	background-attachment: inherit !important;
	background-origin: inherit !important;
	background-clip: inherit !important;
	background-color: rgb(255, 255, 255) !important;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat !important;
	position: absolute !important;
	top: 0px !important;
	right: 30px;
	background-repeat: no-repeat;
}

.gsst_b{
	position: absolute !important;
	top: -13px !important;
	left: 90px !important;
	left: 80px;
}

/*
gNavi
---------------------------*/
#gNavi {
width:960px;
margin:0 auto;
}
#gNavi ul{
padding:5px;
background-color:#fff;
}
#gNavi ul li{
float:left;
}


/*SNSボタン（header下）*/
#snsBtns{
width:960px;
margin:5px auto;
text-align:right;
}
#snsBtns li{
display:inline;
}



/* footerWrap
============================== */
#footerWrap {
width:100%;
font-size:10px;
}

/*
footNavi
---------------------------*/
#footNavi {
font-size:11px;
width:100%;
background:url(../images/dot_foot_bg.gif) 0 26px repeat-x;
}

/*
footNaviInner
--------------*/
#footNaviInner {
width:960px;
margin:0 auto;
}

/*pagetop*/
#footNaviInner p {
text-align:right;
}
#footNaviInner p a{
width:92px;
}

/*menu*/
#footNaviInner ul{
width:16%;
float:left;
padding:10px 5px 10px 0;
}

#footNaviInner ul li a{
display:block;
padding-left:10px;
margin:5px 10px 5px 0;
background:url(../images/arrow_s.png) no-repeat 0 0.5em;
zoom:1;
}
#footNaviInner ul h5 a{
font-size:12px;
margin-bottom:5px;
padding-left:0;
background:none;
}

/*
footer
---------------------------*/
#footer {
width:960px;
margin:0 auto;
padding:20px 0 10px;
}
/*footNaviS*/
#footer .footNaviS{
width:300px;
float:left;
margin-top:10px;
}
#footer .footNaviS li{
display:inline;
padding:0 1em;
border-right:1px #454545 solid;
height:1.2em;
}
#footer .footNaviS li.end{
border-right: none;
}

/*otherSite*/
#footer .otherSite{
/*width:485px;
_width:515px;
width:628px;
height:46px;
float:right;*/
width:538px;
height:46px;
float:right;
}

#footer .otherSite li{
	line-height: 46px;
    margin-left: 40px;
    /*width: 176px;*/
float:left;
/*
width:140px;
margin-left:20px;
*/}
#footer .otherSite li a{
line-height:24px;
}
#footer .otherSite li a p{

}

#footer .otherSite li img{
margin:0 5px 2px 0;
vertical-align:middle;
}
#footer .otherSite li img.qr{
margin:0 0 2px 5px;
float:right;
}
#footer .otherSite li.us{
}
#footer .otherSite li.mobile{
width:127px;
/*width:222px;
width:130px;
_padding-top:0;*/
}
#footer .otherSite li.sp{
	width:176px;
}


/*copy*/
#footer .copy{
clear:both;
}

/*
footer(top)
---------------------------*/
.top #footer .footNaviS{
text-align:center;
}

/*footNaviS(top)*/
.top #footer .footNaviS{
width: auto;
float:none;
margin-bottom:20px;
}

/*otherSite(top)*/
.top #footer .otherSite{
width:538px;
}
.top #footer .otherSite li{
margin-left:40px;
line-height:46px;
width:176px;
}
.top #footer .otherSite li.us{
padding-top:0;
width:100px;
}
.top #footer .otherSite li.mobile{
width:127px;
}


/* ■contents
============================== */
#contentsWrap {
width:960px;
margin:-30px auto 0;
padding-bottom:20px;
}
/*pankuzu*/
#pankuzu {
padding:5px 3px 20px;
font-size:10px;
}




/* ▼▽mainArea　（left）
============================== */
#mainArea {
width:738px;
min-height:400px;
float:left;
/*background-color:#ccc;*//*■検証用*/
}

#mainArea h2.title {
height:35px;
padding-bottom:10px;
background:url(../images/h2_bg.png) repeat-x 10px bottom;
margin-bottom:10px;
position:relative;

}
#mainArea h2.title .attention {
	position: absolute;
	top: -1px;
	right: 0;
	border: 1px solid #000;
	width: 450px;
	line-height: 30px;
	text-align: center;
}

#mainArea h3{
padding:/*20px*/ 0 0 10px;
}

#mainArea h3 span,
#mainArea h4 span,
#mainArea h5 span{
font-weight:normal;
}

/* ▼▽mainArea　LP
============================== */
#mainAreaLp {
width:960px;
min-height:400px;
float:left;
/*background-color:#ccc;*//*■検証用*/
}



/* 　　sideArea▽▼（right）
============================== */
#sideArea {
width:202px;
float:right;
/*background-color:#cc9;*//*■検証用*/
}


#sideArea p.howto{
margin-bottom:15px;
}

#sideArea p,
#sideArea ul{
margin-bottom:35px;
}

/*店舗検索*/
#sideArea .searchArea{
margin-bottom:35px;
}

/* navi
------------------------------ */
#sideArea h3{
margin:4px 0 1px;
line-height:0;
height:30px;
}

#sideArea ul.navi{
margin-top:0;
border-top:1px #005320 solid;
}
#sideArea ul.navi li{
padding:1px 0;
border-bottom:1px #005320 solid;
}

#sideArea .subNavTtl,
#sideArea .navi .subNavTtl,
#sideArea .navi li .subNavi li{
border-bottom: none;
}
#sideArea .navi li .subNavi li{
height:36px;
width:202;
display:block;
border-top:1px #005320 dashed;
font-size:12px;
font-weight:bold;
}
 #sideArea .navi li .subNavi li a {
	height:23px;
	width:175px;
	display:block;
	padding-top:11px;
	padding-left:27px;
	margin-top:1px;
	color:#005330;
	background-image: url(../images/arrow_subnavi_off.gif);
	background-repeat:no-repeat;
	background-position: 12px 16px;
 }
 /* press */#sideArea .press li .subNavi li a {
	height:23px;
	/* width:175px; */
	width:155px;
	display:block;
	padding-top:11px;
	padding-left:27px;
	margin-top:1px;
	color:#005330;
	background-image: url(../images/arrow_subnavi_off.gif);
	background-repeat:no-repeat;
	background-position: 12px 16px;
 }

 #sideArea .navi li .subNavi li a:hover {
	color:#ffffff;
	background-image: url(../images/arrow_subnavi_on.gif);
	background-color:#005330;
	background-repeat:no-repeat;
	background-position: 12px 16px;
	text-decoration: none;
 }
  #sideArea .navi li .subNavi li.subNaviLong {
	  font-size:11px;
  }

#sideArea ul.navi li a{/*暫定テキスト用*/
/*font-weight:bold;
display:block;
padding:15px 10px;
color:#005320;*/
}
#sideArea ul.navi li a:hover{/*暫定テキスト用*/
/*background-color:#005320;
color:#fff;
text-decoration:none;*/
}

/*暫定テキスト用(カレント)*/

/*.m01 #sideArea ul.navi li.menu01 a,
.m02 #sideArea ul.navi li.menu02 a,
.m03 #sideArea ul.navi li.menu03 a,
.m04 #sideArea ul.navi li.menu04 a,
.m05 #sideArea ul.navi li.menu05 a,
.m06 #sideArea ul.navi li.menu06 a,
.m07 #sideArea ul.navi li.menu07 a,
.m08 #sideArea ul.navi li.menu08 a,
.m09 #sideArea ul.navi li.menu09 a,
.m10 #sideArea ul.navi li.menu10 a{
color:#fff;
background-color:#005320;
}*/



/*menu*/
#sideArea ul.navi.menu li a{
padding:0;
}

/*allergy*/
#sideArea ul.allergy li{
margin-bottom:10px;
}

/*btnArea*/
#mainArea .btnArea{
text-align:center;
}
#mainArea .btnArea a{
display:inline-block;
margin:0 10px;
}

/*本文インデント*/
.indWrap{
padding-left:20px;
}



/* top
============================== */

.top #contentsWrap {
margin-top:0;
}

#topMain {
padding:10px;
/* height:474px; */
height:390px;
background-color:#fff;
position:relative;
margin-bottom:12px;
}
#topMain h2{
background:url(../../images/nowlo.gif) no-repeat;
}

#topMain ul.fR {
	position:absolute;
	width:304px;
	top:10px;
	right:10px;
}

#topMain ul.fR li.other {
margin:10px 0;
}

#topMain ul.fR li.gnaviL {
margin:0 8px 0 0;
float:left;
}


/*
block01
---------------------------*/
.top .block01 {
width:470px;
font-size:11px;
}
/* .top .block01 ul a,
.top .block01 dl a{
text-decoration:underline;
} */

.top .block01 div {
background-color:#fff;
padding:10px 10px 5px;
margin-bottom:10px;
}

.top .block01 h3 {
border-bottom:1px #9a9a9a dotted;
position:relative;
margin-bottom:10px;
}

.top .block01 h3 a{
font-size:10px;
display:block;
width:60px;
background:url(../images/arrow_s.png) no-repeat 5px 0.4em;
font-weight:normal;
padding:0 0 3px 15px;
position:absolute;
top:0;
right:0;
}


/*topics*/
.top .block01 #topics h3 {
}
.top .block01 #topics ul{
}
.top .block01 #topics ul li,.top .block01 #priceRevision ul li{
height:15px;
margin-bottom: 0.8em;
padding-left:12px;
background:url(../images/arrow_ss.gif) no-repeat 0 0.4em;
}


/*
新着情報
-------------*/
#news dl{
}

#news dl dt {
clear: left;
float: left;
margin: 0 0 0.8em;
width:89px;
height:15px;
}

#news dl dd {
height:15px;
margin-bottom: 0.8em;
margin-left:89px;
padding-left:10px;
background:url(../images/arrow_ss.gif) no-repeat 0 0.4em;
}

#news dl dd a{
display:inline-block;
}

/*PriceRevision 価格改定*/
.top .block01 #priceRevision {
	border:#ff0000 solid 3px;
}
.top .block01 #priceRevision a{
	color:#F00;
	font-weight:bold;
}

/*
block02
---------------------------*/
.top .block02 {
width:280px;
margin-left:20px;
}
.top .block02 li{
margin-bottom:10px;
}

.top .block02 li.other{
float:left;
margin-right:10px;
_margin-right:5px;
}
/*
block03
---------------------------*/
.top .block03 {
width:170px;
}
.top .block03 li{
border-top:1px #9a9a9a dotted;
padding:2px 0;
}
.top .block03 li.group {
	padding-bottom:10px;
	border-top:none;
}

.top .block03 li.other,
.top .block03 li.end{
padding-top:10px;
}
 .top .block03 li.otherBelow a:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  }


.top .block03 li.end{
/*border:none;*/
text-align:right;
}
.top .block03 li.end img{
margin:2px;
}

/*
Google Search
---------------------------*/
input.gsc-search-button {
    display: inline-block;
    top: 25px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    top: 12px !important;
    right: -20px !important;
}
.gsc-input-box {
	border: none !important;
	background: transparent !important;
	height: 0px !important;
	/* display: none; */
}
#search_header {
width:960px;
height:10px;
margin:0 auto;
}
#gs_tti50{
	position: relative !important;
}
.gsc-search-button {
	position: relative !important;
}