@charset "UTF-8";
/* CSS Document */
* {
	margin : 0;
	padding : 0;
}
body {
	background-color: #B0C53A;
	width : 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	color:#585747;
	line-height:160%;
	letter-spacing: 0.1em; 
}

/*
 COMMON [ 
----------------------------------------------------------- */ 

img {  
    border:0;  
} 

/*
 Link Color [ 
----------------------------------------------------------- */  
a {  
    text-decoration:none;  
}  
a:link {
	color:#333333;
}  
a:visited {
	color:#999999;
}  
a:hover {  
    text-decoration:underline;  
}  
a:active {
	color:#009966;
}  

/*
 CONTENTS [ 
----------------------------------------------------------- */ 

#main{
    position:absolute;
    top:0px;
    text-align:center;
    width:100%;
}

#wrapping {
 width:900px;
 background-image:url(../img/common/backwhite.gif);
 background-repeat:repeat-y;
 margin-left:auto;
 margin-right:auto;
}

#container {
 width:820px;
 margin: 0px 0px 0px 40px;
 text-align:left;
}

#header {
 width:820px;
 height:71px;
 margin: 0px 0px 0px 0px;
 float:left;
}
#submenu {
 width:589px;
 margin: 0px 0px 10px 0px;
 float:left;
}

#contents {
 width:589px;
 margin: 0px 0px 0px 0px;
 float:left;
}

#navi {
	width:205px;
	margin: 0px 0px 0px 26px;
	float:left;
	background-color: #FFFFFF;
}

#footer {
 width:100%;
 margin: 0px 0px 0px 0px;
 clear:left;
}

/*
 商品一覧特別レイアウト [ 
----------------------------------------------------------- */ 
#contents_list {
 width:820px;
 margin: 0px 0px 0px 0px;
 float:left;
}

/*
 文字記述 [ 
----------------------------------------------------------- */ 

.p1{　 /* 大 */
	font-weight: 800;
	font-size: 18px;
	line-height:120%;
	}

.p2{　 /* 中 */
	font-size: 12px;
	font-weight: normal;
}

.p3{　 /* 小 */
	font-size: 70%;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
}

.strong_red{
	color:#FF3300;
	font-weight: bold;
}
.storong_green{
	color:#339966;
	font-weight: bold;
	
}

.storong_cost{
	color:#3300CC;
	font-weight: bold;	
}

.style_white{color: #FFFFFF;
font-weight: bold;}

.list_cap{ 　/* 商品一覧ページキャップ */
	padding: 3px 10px;
	margin: 30px 0px 0px 25px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bolder;
	color:#339966;
	
}

.shouhin_cap{ 　/* それぞれページキャップ */
	padding: 3px 10px;
	margin: 30px 0px 0px 0px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bolder;
	color:#339966;
	
}


/*
 UL記述 [ 
----------------------------------------------------------- */ 

ul {
      margin: 0;    /* マージン */
      padding: 0;
	  list-style-type: none;
	  font-size:12px;
}
.yoko_ul {
      float: left;   /* 横並びの指定 */
      list-style-type: none;
	  margin: 0px;
	padding: 0px;
	display: inline;
}

.ul_01 {       /* list-style1 */
	list-style-image: url('../img/common/ul1.gif');
	padding: 3px 0px;
	margin: 0px 0px 0px 18px;
	vertical-align: middle;
	font-size:12px;
}

.ul_01_red {       /* list-style1 */
      list-style-image: none; 
	  padding: 3px 0px;
	  margin: 0px 0px 0px 18px;
	  vertical-align: middle;
	  color:#FF3300;
}

.ul_02 {     /* list-style2 */
      list-style-image: url('../img/common/ul2_off.gif'); 
	  padding: 3px 10px;
	  margin: 0px 0px 0px 30px;
	  vertical-align: middle;
}

.ul_03 {     /* SYSTEM list-style3 */
	list-style-image: url('../img/common/ul3.gif');
	padding: 3px 10px;
	margin: 15px 0px 10px 10px;
	vertical-align: middle;
	font-size:large;
	font-weight: bolder;	  
}

.ul_04 {     /* CONTACTLIST list-style3 */
	list-style-image: none;
	padding: 10px 10px;
	margin: 20px 0px 20px 0px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bolder;	
	  }
	  

.ul_navi {
	margin: 0;    /* マージン */
	padding: 0;
	background-color: #EFEFEF;
}

.ul_navi2 {
	margin: 10px 0px 0px 0px;   /* マージン */

}

.ul_navi2_top {
	margin: 0px 0px 10px 0px;/* トップ右ナビ */
	
}

.ul_navi_news {
	margin: 0px 0px 10px 0px;/* トップ右お知らせ */
	
}

/*
 naviボタン 部分 [ 
----------------------------------------------------------- */ 
.backnavi{
width: 205px;
background-image:url(../img/navi/bot_bg.gif);
}
/*
 contents 部分 [ 
----------------------------------------------------------- */ 

table#table-cost01 {
	width: 367px;
	padding: 1px;
	spacing: 1px;
	}
table#table-cost01 td {
	text-align: center;	
}

/*
 categorytop 部分 [ 
----------------------------------------------------------- */ 
table#top_haisou {
	width: 589px;
	border-collapse: collapse;
	}
.top_haisou1{   /* TOP配送部分tr */
	width:120px;
	background-color: #669900;
	padding: 3px;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	}
.top_haisou2{    /* TOP配送部分tr */
	background-color: #EEEEE6;
	padding: 3px;
	vertical-align: middle;
	color: #006633;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	border: #666666 solid;
	border-width: 0 0 1px 1px;
	}	
.top_haisou3{  /* TOP配送部分tr */
	width:140px;
	background-color: #E8E5D2;
	padding: 3px;
	vertical-align: middle;
	color: #CC3300;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: #666666 solid;
	border-width: 0 0 1px 1px;
	}
.valign_space3 {
margin: 0px 0px 0px 290px;/* カテゴリータイトル部分 */
	
}	
	
.valign_space1 {
margin: 20px 0px 10px 0px;/* カテゴリータイトル部分 */
	
}

table#table-01 {
	width: 589px;
	border: 3px #E3E3E3 solid;
	border-collapse: collapse;
    border-spacing: 0;
	}
	
.ul_07 {     /* CATEGORYTOPMOJIlist*/
	list-style-image: none;
	padding: 3px;
	vertical-align: middle;
	color: #663300;
	font-weight: 700;
	text-align: left;
}
.ul_08 {     /* CATEGORYTOPMOJIlist */
	list-style-image: none;
	padding: 3px;
	vertical-align: middle;
	font-weight: normal;
	margin-top: 3px;		  
}
.valign_space2 {
margin: 5px 0px 20px 0px;
color: #336633;/* カテゴリータイトル部分 */
}

table#table-02 {
	width: 588px;
	border: 0px;
	padding: 0px;
	border-collapse:collapse;
	}

table#table-02 th {
	color: #333333;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	padding: 0px;
	spacing: 0px;
	}
	
.colorgreen {
	color: #669933;
}

.zenkoku {
	margin: 5px 0px 20px 0px;
	color: #666666;/* バナー部分文字部分 */
}
.zenkoku_tit {
	padding: 0px 0px;
	margin: 30px 0px 30px 0px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bolder;
	color:#339966;
}