body{
	background-image:url(/include_html/syunya/img/background.gif);
	}

div#wrap a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;}
	
	div#sub a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;}
	#p0 a:hover div{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background-color: #FFFFFF;
	
	}

	

/*ヘッダー

--------------------------------------*/

#head{
	width:1020px;
	height:110px;
	background-image:url(/include_html/syunya/img/top/head.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
	margin:10px auto;

}

#head ul{
position:absolute;
top:5px;
right:20px;
}

#head ul li{
float:left;
font-size:12px}

#head ul li a{
color:#014698}
#head ul li a:hover{color:#4BA2FF;}

/*ヘッダーnavi

--------------------------------------*/
#headnav{
margin-bottom:20px;
width:100%;
background-image:url(/include_html/syunya/img/top/head_nav2_bk.png);
background-repeat:repeat-x;
}

#headnav ul{
	width:1020px;
	margin:0 auto;
}

#headnav ul li{
float:left;
width:16.65%;
height:54px;
background-image:url(/include_html/syunya/img/top/head_nav2_bk.png);
background-repeat:repeat-x;
line-height:3.3;
font-weight:bold;


}
#headnav ul li.borderLeft a{
border-left:1px solid #fff;}

#headnav ul li a{
	color:#FFFFFF;
	display:block;
	height:100%;
	border-right:1px solid #fff;
	}

#headnav ul li a:hover{

background-image:url(/include_html/syunya/img/top/head_nav2_bk_on.png);
background-repeat:repeat-x;
text-align:center;
color:#FFFFFF;
display:block;
height:100%;



}

/*contents=sideLeft,main*/

#contents{
	width:1020px;
	margin:0 auto;
}
/*sideLeft*/


#sideleft{
float:left;
width:144px;
background-image:url(/include_html/syunya/img/top/sideleft_bk.png);
background-repeat:repeat;
border:3px solid #014698;}
#sideleft h2{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
padding:10px 0;}

#sideleft #cate{
background-color:#FFFFFF;
color:#5B4A37;}

#sideleft #cate a{ color:#00244C;}
#sideleft #cate a:hover{ color:#4BA2FF;}
#sideleft h3{
text-align:left;
padding:18px 20px;
}

#sideleft .relative{
position:relative;}
#sideleft .icon{
position:absolute;
right:8px;
top:12px
}
#sideleft ul{
padding:10px 15px;
border-bottom:1px dashed #014698;
border-top:1px dashed #014698}
#sideleft ul li{background-image: url(/include_html/syunya/img/sideleft/arow.png);
background-repeat:no-repeat;
background-position:left center;
margin-bottom:3px;
font-size:14px;}
#sideleft ul li.cate2{
text-align:left;
padding-left:0.8em;
}
#sideleft ul li.indent{
margin-left:1em;
    padding-left: 10px;}
#sideleft ul#borderLast{
border-bottom:none}




/*                 メイン                 */



#main{
width:850px;
float:right;}


/*　　　　　　　　検索　　　　　　　　　*/

/*#main #searchHead{
margin-bottom:30px;
position:relative;}


#main #searchHead .searc01{
float:left;
width:850px;
overflow:hidden;
margin:10px 20px;
margin-bottom:10px
}

#main #searchHead .searc01 .box01{
float:left;
width:26px;
padding:6px 6px 0 0;

margin-left:5px;
}

#main #searchHead .searc01 .box02{
float:left;
width:700px;
padding:1px 0 0 0;
}

#main #searchHead .searc01 .box02 .text input{
width:650px;
height:30px;
padding:0 0 0 5px;
font-size:120%
}

#main #searchHead .searc01 .box02 ul{
width:528px;
padding-left:1px;
overflow:hidden;
}

#main #searchHead .searc01 .box02 ul li{
display:inline;
}

#main #searchHead .searc01 .box02 ul li span{
vertical-align:middle;
}

#main #searchHead .searc01 .box02 ul li span.radio{
}

#main #searchHead .searc01 .box02 ul li span.text{
padding-right:10px;
padding-left:3px;
}

#main #searchHead .searc01 .box03{
float:left;
padding-top:1px;
padding-left:2px;
}

#main #searchHead .searc01 .box03 span{
vertical-align:middle;
}

#main #searchHead .searc01 .box04{
float:left;
width:204px;
margin:1px 0 0 0;
}

#main #searchHead .searc01 .box04 select{
width:200px;
margin-top: 0px;
background: #ffffff;
background-image: url(/images/common/search_head_select_bg.png);
background-position:bottom;
background-repeat:repeat-x;
border: 1px solid #AA9A80;
color: #0C2245;
font-size: 14px;
height: 34px;
line-height: 34px;
text-align: left;
text-indent: 5px;
vertical-align: middle;
}
*/

/*　　　　　　　　　　　　　イチオシ　　　　　　　　　　*/



#main #ichioshi{
background-image:url(/include_html/syunya/img/top/dc_back_middle.png);
color:#2D110C;
position:relative;
}

#main #ichioshi h2{
font-weight:bold;
font-size:30px;
text-align:left;
text-indent:2.6em;
margin-bottom:10px;}

#main #ichioshi .ichioshi{
position:absolute;
left:-15px;
top:-18px}


#main #ichioshi .mr10{
margin-right:10px;}


/*     電話        */

#main p.tel{
position:relative;
margin:25px 0;
}

#main .linkpdf{
	position:absolute;
	top:10px;
	right:29px;
	width: 169px;
	height: 44px;
}

/*     トップバナー        */


#main #bnrArea{
/*margin-bottom:25px*/
margin-bottom:15px
}

#main #bnrArea ul li{
margin-bottom:10px
}

/*    商品      */

ul#commodity_list{
}
#commodity_list li{
	width:25%;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    padding:5px;
	}
#commodity_list img{
	max-width:170px;
	max-height:130px;
	border:0px;
	margin:5px;
	}
#commodity_list .priceb{
	font-size:12px;
	float:left;
	}
#commodity_list .price1{
	font-size: 24px;
    color: #FF0000;
    font-weight: bold;
    float: right;
    margin: 0;
	}
#commodity_list .en{
	color: #FF0000;
    font-size: 12px;
    padding-left: 3px;
	}
#commodity_list .price_box{
	padding: 0 10px;
    border-bottom: solid 1px #ccc;
}
#commodity_list .link_box{
	margin-bottom: 5px;
	}



/*　マップ　*/
/*  産地から探す　*/
#cate04{
margin-top:20px;
margin-bottom:20px;
padding:10px;
text-align: left;
}
#cate04 a:hover{
	text-decoration: none;
	color:#4BA2FF;
	}

#cate04 h2{
color:#00244C;
font-size:1.5em;
font-weight:bold;
text-align:left;
}

#cate04 .hokkaido{
border:1px solid #58B2DC;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}

#cate04 ul li{
color:#999999}

#cate04 ul li a{
color: #00244C;
}

#cate04 .hokkaido h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#58B2DC}
#cate04 ul{
width:85%;
padding-top: 3px;
float:left}
#cate04 ul li{
float:left;
margin-bottom:5px;
width:4.2em}

#cate04 .tohoku{
border:1px solid #66BAB7;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .tohoku h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#66BAB7
}

#cate04 .cyuubu{
border:1px solid #EB7A77;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .cyuubu h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#EB7A77}

#cate04 .hokuriku{
border:1px solid #808080;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .hokuriku h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#808080}



#cate04 .kanto{
border:1px solid #FFC408;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .kanto h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#FFC408}

#cate04 .kinki{
border:1px solid #7B90D2;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .kinki h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#7B90D2}

#cate04 .kinki ul li{float:left;margin-bottom:5px;}


#cate04 .cyuugoku{
border:1px solid #FC9F4D;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .cyuugoku h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#FC9F4D}

#cate04 .sikoku{
border:1px solid #BEC23F;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .sikoku h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#BEC23F}

#cate04 .kyuusyuu{
border:1px solid #986DB2;
 border-radius: 5px;
 box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px 5px;
font-size:1.1em;
margin-top:10px}


#cate04 .kyuusyuu h3{
width:6.7em;
float:left;
font-weight:bold;
padding-top: 3px;
color:#986DB2}





/*　　　お知らせ　　　*/

#main #news{
padding:20px;
border:1px solid #004899;
width:808px;
margin:10px 0 25px 0}

#main #news h2{
color:#00244C;
font-size:20px;
font-weight:bold;
float:left;
width:145px;
text-align:left}

#main #news ul {
float:left}

#main #news ul li{
background-image: url(/include_html/syunya/img/top/arow.png);
background-repeat:no-repeat;
background-position:left center;
margin-bottom:5px;
padding-left:1em}

#main #news ul li a{
color: #00244C;}


#main #news ul li a:hover{
color:#4BA2FF;}






/*フッター*/

#fot{
background-image: url(/include_html/syunya/img/top/fot_bk.jpg);
background-repeat:repeat;
	color:#FFF;
	clear:both;
	text-align:left;
	margin:0 auto;
}

#fot h3{
font-size:16px;
font-weight:800;
margin-bottom:15px;
color:#00244C}

#fot ul{
float:left;
margin-right:58px;
margin-top:25px;
margin-bottom:27px;

}

#fot ul#last{
float:left;
margin-right:0;

margin-top:25px;
margin-bottom:25px;

}

#fot ul#slast{
float:left;
margin-right:40px;;

margin-top:25px;
margin-bottom:25px;

}

#fot ul li{
background-image: url(/include_html/syunya/img/top/ico.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:18px;
	margin:10px 0;
	font-size:15px;}
	
	#fot a{
	color: #00244C;
	text-decoration: none;
}
/*#fot a:visited{
	color:#FFF;
	text-decoration: none;
}*/
#fot a:hover{

	text-decoration: underline;
}
#footer{
width:1020px;
margin:0 auto;}
	


.clearfix {
  min-height: 1px;
}

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