@charset "utf-8";

/*----------------------------------------------------------------------------
***                                                                container
----------------------------------------------------------------------------*/
body{
background:#FFF9EE;
color:#444444;
padding:0;
margin:0;}

#wrap{
width:960px;
margin:0 auto;
padding:0 10px;
background:url(../img_cmn/wrap.jpg) 0 0 repeat-y;
overflow: hidden;
}
/*----------------------------------------------------------------------------
***                                                                head
----------------------------------------------------------------------------*/
#header{
width:960px;
height:122px;
margin:0;
padding:0;
background:url(../img_cmn/h1.jpg) 0 0 no-repeat;
}

h1{
font-size:12px;
padding:10px 0 0 30px;
color:#660000;
}

h2{
font-size:18px;
padding:10px 0 0 0px;
margin-bottom:15px;
color:#660000;
}

h2{
font-size:2em;
font-weight:bold;
}

.headL{
float:left;

width:300px;
margin:6px 0 0 0;
padding:0;
}

.headR{
float:left;
width:187px;
height:34px;
margin:50px 2px 0px 0px;
padding:0px 0px 0px 0px;
}

.headR_Tel{
	float:right;
	width:278px;
	height:95px;
	margin:-4px 4px 0px 0px;
	padding:0px 0px 0px 0px;
}

.headRT{
	float:right;
	width:184px;
	height:34px;
	margin:-20px 5px 0px 0px;
	padding:60px 10px 0px 0px;
}

.headRT_Tel{
	float:right;
	width:278px;
	height:95px;
	margin:-20px 0px 0px 1px;
	padding:0px 0px 0px 0px;
}

.headRT2{
	float:right;
	margin:0px 0px 0px 0px;
	padding:40px 10px 0px 0px;
}

#headerU{
width:960px;
height:121px;
margin:0px;
padding:0px 0px 0px 0px;
background:url(../img_cmn/head_under.jpg) 0 0 no-repeat;
}

#headerU h1{
font-size:12px;
padding:10px 0px 0px 40px;
color:#660000;
}

#headerU p.logo2{
margin:0;
padding:0;
}

#headerU .headL{
float:left;
width:299px;
margin:6px 0 0 0px;
padding:0;
}

#headerU .headR{
float:right;
margin:54px 0 0 0;
padding:0 0 0 0px;
}
#headerU .headR p{
float:right;
padding:50px 10px 40px 40px;
margin:0;
}


/*----------------------------------------------------------------------------
***                                                                gn
----------------------------------------------------------------------------*/
ul#gn{
margin:0;
padding:0;
width:960px;
height:78px;
}

ul#gn_under{
margin:0 10px;
padding:0;
width:940px;
height:78px;
}
ul#gn li,
ul#gn_under li{
float:left;
margin:0;
padding:0;
}



div.nav{
margin:0;
padding:0;
width:960px;
height:78px;
border-style:none;
}

div.nav ul_under{
margin:0 10px;
padding:0;
width:940px;
height:78px;
}
div.nav ul li,
div.nav gn_under li{
float:left;
margin:0;
padding:0;
}
div.nav clearfix { display: inline-block; }


/*----------------------------------------------------------------------------
***                                                                navi
----------------------------------------------------------------------------*/

#navi{
float:left;
width:200px;
margin:20px 0 20px 10px;
padding:0;}

#navi_right{
float:right;
width:200px;
margin:20px 20px 20px 10px;
padding:0;}

#naviUnder{
	float:left;
	width:200px;
	margin:20px 0 20px 10px;
	padding:00px 0 0 0;
}

#naviUnder ul{
width:200px;
margin:0 0 10px 0;
padding:0;}

#navi ul.Nv,
#naviUnder ul.Nv{
width:198px;
border:solid 1px #CCCCCC;
background:#FFFFE6;
margin:0 0 10px 0;
}

 p.pNv{
background:#339933;
margin-bottom:10px;

}
 p.pNv a{
border:solid 1px #CCCCCC;
margin:0 0 10px 0;
text-decoration:none;
color:#fff;
display:block;
font-weight:bold;
font-size:14px;
padding:5px 0px 5px;
text-indent:10px;
}

 p.pNv a:hover{
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:14px;
display:block;
background:#FF6600;
text-indent:10px;
}



li.Nv_li_color{
margin-bottom:5px;
}

li.Nv_li_color  a{
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:14px;
display:block;
background:#339933;
padding:5px 0px 5px;
text-indent:10px;
}

li.Nv_li_color  a:hover{
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:14px;
display:block;
background:#FF6600;
text-indent:10px;
}

li.Nv_li_menu{
background-image:url(../img/nav_arrow.png);
background-repeat:no-repeat;
}

li.Nv_li_menu a{
text-decoration:none;
font-size:13px;
display:block;
padding:5px 30px 5px;
color:#666666;
}

li.Nv_li_menu a:hover{
color:#FF6600;
text-decoration:none;}



/*----------------------------------------------------------------------------
***                                                                contents
----------------------------------------------------------------------------*/
#contents{
float:right;
width:710px;
padding:0;
margin:0px 10px 0 0;
display:inline;}

/*----------------------------------------------------------------------------
***                                                                footer
----------------------------------------------------------------------------*/
#footer{
width:900px;
padding:20px 0 0 40px;
border-top: double 3px #CCCCCC;
border-bottom: double 3px #CCCCCC;
margin:0 auto;
}
#footer .ft01{
float:left;
width:225px;
}
#footer .ft01 ul{
padding:0;
margin:0 0 10px 0;
}
#footer .ft01 ul li{
padding:0;
margin:0;
display:block;
padding:5px;
}

#footer .ft01 ul li.ft01_title a{
font-size:0.9em;
font-weight:bold;
color:#669933;
text-decoration:none;
}

#footer .ft01 ul li.ft01_title a:hover{
text-decoration:none;
}

#footer .ft01 ul li a{
text-decoration:none;
color:#666666;
font-size:0.8em;

}

#footer .ft01 ul li a:hover{
text-decoration:underline;
color:#669933;
}

/* news */

p.news_title{
background-color:#FF6600;
color:#fff;
width:190px;
padding:5px;
text-align:center;
font-size:13px;
font-weight:bold;
letter-spacing:1em;
}
.news{
width:188px;
height:300px;
overflow: scroll;
margin-bottom:10px;
padding:5px;
border:#FF6600 1px solid;
}

p.news_days{
font-size:12px;
font-weight:bold;
padding:5px;
color:#FF6600;
border-bottom:1px dotted #FFCC66;
}

p.i_news_days{
font-size:18px;
font-weight:bold;
padding:5px;
color:#FF6600;
border-bottom:1px dotted #FFCC66;
}

p.news_text{
font-size:12px;
color:#663300;
}
p.i_news_text{
font-size:14px;
color:#663300;
}

p.news_bold{
font-size:12px;
font-weight:bold;
color:#FF6600;
}


p.eigyou_text{
font-size:16px;
color:#333333;
padding-bottom:20px;
}




/* 配送方法 */

/*----------------------------------------------------
pcぶん
----------------------------------------------------*/
@media screen and (min-width: 900px) {
/* 900px以上用（PC用）の記述 */
    
.haisou{
width:900px;
padding-top:20px;
padding-bottom:20px;
margin:auto;
background-color:#FFFFFF;
}

.haisou_shiharai{
width:300px;
padding:5px;
border:solid 1px #CCCCCC;
margin-bottom:10px;
background-color:#FFFFFF;
}


.haisou_left{
width:410px;
padding-top:20px;
padding-bottom:20px;
float:left;
padding-right:10px;
padding-left:10px;
background-color:#FFFFFF;
}

.haisou_right{
width:410px;
padding-top:20px;
padding-bottom:20px;
float:right;
padding-left:10px;
background-color:#FFFFFF;
}

p.haisou_base{
color:#663300;
font-size:13px;
padding-bottom:5px;
border-bottom: 1px dotted #b3aa92;
font-weight:bold;
background-color:#FFFFFF;
}

p.haisou_base2{
color:#663300;
line-height: 1.5em;
font-size:13px;
margin-top:10px;
margin-bottom:10px;
background-color:#FFFFFF;
}

p.haisou_base3{
color:#663300;
font-size:13px;
font-weight:bold;
background-color:#FFFFFF;
}


p.haisou_base4{
color:#663300;
font-size:13px;
padding-top:5px;
margin-bottom:10px;
background-color:#FFFFFF;
}

p.haisou_base5{
color:#663300;
font-size:13px;
padding-top:5px;
font-weight:bold;
background-color:#FFFFFF;
}

p.haisou_oshiharai{
font-size:1.2em;
font-weight:bold;
border-bottom:2px solid #660000;
padding-bottom:2px;
color:#663300;
background-color:#FFFFFF;
}

}
/*----------------------------------------------------
spぶん
----------------------------------------------------*/
@media screen and (max-width: 899px) {
.haisou{
width:95%;
padding-top:20px;
padding-bottom:20px;
margin:auto;
}

.haisou_shiharai{
width:90%;
padding:5px;
border:solid 1px #CCCCCC;
margin-bottom:10px;
}


.haisou_left{
width:90%;
padding-top:20px;
padding-bottom:20px;
float:left;
padding-right:10px;
padding-left:10px;
}

.haisou_right{
width:85%;
padding-top:20px;
padding-bottom:20px;
float:left;
padding-left:10px;
}
    
p.haisou_base{
color:#663300;
font-size:13px;
padding-bottom:5px;
border-bottom: 1px dotted #b3aa92;
font-weight:bold;
}

p.haisou_base2{
color:#663300;
line-height: 1.5em;
font-size:13px;
margin-top:10px;
margin-bottom:10px;
}

p.haisou_base3{
color:#663300;
font-size:13px;
font-weight:bold;
}


p.haisou_base4{
color:#663300;
font-size:13px;
padding-top:5px;
margin-bottom:10px;
}

p.haisou_base5{
color:#663300;
font-size:13px;
padding-top:5px;
font-weight:bold;
}

p.haisou_oshiharai{
font-size:1.2em;
font-weight:bold;
border-bottom:2px solid #660000;
padding-bottom:2px;
color:#663300;
}
}

/*----------------------------------------------------------------------------
***                                                                voice
----------------------------------------------------------------------------*/

p.voice_p{
font-size:2em;
color:#663300;
font-weight:bold;
border-bottom:1px #663300 dotted;
}

span.voice_s{
background:#CC3300;
color:#FFF;
font-weight:bold;
margin-right:10px;
padding:2px;
}



/*----------------------------------------------------------------------------
***                                                                copyright
----------------------------------------------------------------------------*/
#wrap address{
background:#8FBF00;
width:960px;
margin:0;
padding:2px 0 2px 0;
color:#FFF;
font-size:10px !important;
font-size:60%;
text-align:center;
font-style:normal;}

#wrapconf address{
margin:0;
padding:2px 0 2px 0;
color:#FFF;
font-size:10px !important;
font-size:60%;
text-align:center;
font-style:normal;}

/*----------access-------------*/
.none{display:none;}