@charset "utf-8";

/*@import url('../common/css/base.css');*/

body{
background:#e8e5e0;
color:#000000;
}

html,body{
     height:100%;
}
#container{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
#wrapper{
     padding-bottom:40px; /*フッターの高さと同じ*/
}
.top_footer{
    height:40px;
     position:absolute;
     bottom:0;
}



/* localnavigation part */
#globalnavi a{
color:#000000;
}
#localnavi{
margin-bottom:0;
}
#header{
margin-bottom:10px;
}

#information{
min-height:54px;
margin:0 0 10px;
position:relative;
left:0;
top:0;
}
*html #information{
height:54px;
}
/* liScroll style declarations */
.tickercontainer { /* the outer div with the black border */
float:left;
height: 30px;
width: 500px;
background:url('../images/bg_information.gif') no-repeat left top;
overflow:hidden; padding-left:120px; padding-right:0; padding-top:17px; padding-bottom:7px
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 0;
width: 370px;
height:30px;
overflow: hidden;
}
#information ul.newsticker { /* that's your list */
position:relative;
left:370px;
list-style:none;
margin:0;
padding:0;
white-space:nowrap;
}
#information ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
font-size:13px;
line-height:30px;
color:#cc0000;
}

#information ul.newsticker li.log{
display:none;
}
#information ul.newsticker li a{
color:#000000;
margin: 0 20px 0 5px;
}
#information ul li a:hover{
color:#0033CC;
}
#information p#link_info{
position:absolute;
margin:0;
padding:0;
height:24px;
left:500px;
top:20px;
background:#ffffff;
}
*html #information p#link_info{
width: 108px;
}
#information p#link_info a{
display:block;
padding:0 5px;
background:#003399;
color:#FFFFFF;
line-height:24px;
height:24px;
font-size:12px;
text-decoration:none;
}
#information img{
float:right;
}

#contents{
margin-bottom:2em;
font-size:75%;
line-height:140%;
}
#contents dl{
margin:0;
padding:0;
}
#contents dt{
margin:5px 0 0 5px;
padding:0;
}
#contents dd{
margin:0 0 5px 15px;
padding:0;
}
/*#contents ul{
list-style:none;
margin:0;
padding:0;
}*/
#contents h2{
margin:0;
padding:0;
}

#left_column{
float:left;
width:530px;
margin:0;
background:none;
}
img#banner_konjien{
display:block;
margin-bottom:12px;
width:525px;
}
img#banner_kojo{
display:block;
margin-bottom:12px;
width:525px;
}
img#banner_dashi{
display:block;
margin-bottom:12px;
width:525px;
}
img#banner_mizutaki{
display:block;
margin-bottom:12px;
width:525px;
}

#contents ul#pickup li{
width:525px;
background:#666666;
}
#contents ul#pickup li a{
display:block;
background:#000000;
width:525px;
text-decoration:none;
color:#ffffff;
margin:0;
}
#contents ul#pickup li a:hover{
cursor:pointer;
}
#contents ul#pickup li span{
display:block;
}
#contents ul#pickup li img{
display:block;
}
#contents ul#pickup li#contents_shiokonbu{
margin:0 0 10px;
}
#contents ul#pickup li#contents_shiokonbu a{
background:#000000 url('../images/bg_shiokonbucho.gif') no-repeat right top;
margin:0
}
#contents ul#pickup li#contents_shiokonbu a img{
margin:0;
padding-top:5px;
}
#contents ul#pickup li#contents_shiokonbu a span.text{
margin:0 125px 0 10px;
padding-bottom:10px;
}
#contents ul#pickup li#contents_shiokonbusp{
margin:0 0 10px;
}
#contents ul#pickup li#contents_dabutoro{
margin:0 0 10px;
}
#contents ul#pickup li#contents_mailorder{
margin:0 0 10px;
}
#contents ul#pickup li#contents_recipebook{
margin:0 0 10px;
}
#contents ul#pickup li#contents_umi{
margin:0 0 10px;
}
#contents ul#pickup li#contents_mushi{
margin:0 0 10px;
}
#contents ul#pickup li#contents_cha-han{
margin:0 0 10px;
}


#contents ul#pickup li#kombuchishiki{
margin:0 6px 10px 0;
float:left;
width:257px;
height:90px;
display:inline;
}
#contents ul#pickup li#kombuchishiki a{
background:#000000 url('../images/bg_kombu.gif') no-repeat right bottom;
width:257px;
height:90px
}
#contents ul#pickup li#kombuchishiki a img{
margin:0 0 5px;;
padding-top:10px;
}
#contents ul#pickup li#kombuchishiki a span.text{
margin:0 0 0 10px;
padding-bottom:10px;
}
#contents ul#pickup li#hijikichishiki{
margin:0 0 10px;
float:left;
width:257px;
height:90px;
display:inline;
}
#contents ul#pickup li#hijikichishiki a{
background:#000000 url('../images/bg_hijiki.gif') no-repeat right bottom;
width:257px;
height:90px
}
#contents ul#pickup li#hijikichishiki a img{
margin:0 0 5px;
padding-top:10px;
}
#contents ul#pickup li#hijikichishiki a span.text{
margin:0 0 0 10px;
padding-bottom:10px;
}

#contents ul#pickup li#contents_recipe{
margin:0 0 5px;
clear:left;
}
#contents ul#pickup li#contents_recipe a{
background:#000000 url('../images/bg_recipe.jpg') no-repeat right bottom;
margin:0
}
#contents ul#pickup li#contents_recipe a img{
margin:0 0 5px;
padding-top:5px;
}
#contents ul#pickup li#contents_recipe a span.text{
padding-bottom:10px;
margin:0 0 0 10px;
width:200px;
}


#contents ul#table_contents{
background:url('../images/title_contents_off.gif') no-repeat center top;
padding-left:0; padding-right:0; padding-top:28px; padding-bottom:0
}
#contents ul#table_contents li{
width:150px;
float:left;
margin:0 0 5px 10px;
display:inline;
}
#contents ul#table_contents li.leftend{
width:205px;
margin-left:0;
}
#contents ul#table_contents li a{
display:block;
border:#999999 1px solid;
min-height:110px;
text-decoration:none;
color:#ffffff;
}
#contents ul#table_contents li a:hover{
border:#0036DA 1px solid;
cursor:pointer;
}
*html #contents ul#table_contents li a{
height:110px;
}
#contents ul#table_contents li span{
display:block;
}
#table_contents li a#kankyo{
background:url('../images/bg_kankyo.jpg') no-repeat right bottom;
}
#table_contents li a#shokuiku{
background:url('../images/bg_torikumi.jpg') no-repeat right bottom;
}
#table_contents li a#allergy{
background:url('../images/bg_allergy.jpg') no-repeat right bottom;
}
#table_contents li a span.title{
margin:0;
padding:0;
}
#table_contents li a span.text{
width:80px;
line-height:130%;
margin-left:5px;
}
#table_contents li.leftend a span.text{
width:120px;
}


ul.link li {
float: left;
width: 255px;
margin-right: 10px;
margin-top: 10px;
padding: 0px;
}


ul.yakudachi li {
float: left;
width: 259px;
margin-right: 6px;
margin-top: 10px;
padding: 0px;
}


ul.allergy li {
float: left;
width: 510x;
margin-right: 0px;
margin-top: 10px;
padding: 0px;
}



#right_column{
float:right;
width:260px;
margin:0;
}
#contents h2#mailorder_shop{
margin-bottom:12px;
}
#contents h2#ency{
margin-bottom:12px;
}
#contents h2#productslist{
margin-bottom:12px;
}
#contents #recommend{
width:256px;
}
#contents #recommend ul{
margin-top:0;
padding-bottom:5px;
background:url('../images/bottom_recommend.gif') no-repeat center bottom;
}
#contents #recommend ul li{
font-size:80%;
line-height:120%;
margin:0 5px 6px;
}
#contents #recommend ul li dl{
min-height: 55px;
}
*html #contents #recommend ul li dl{
height: 55px;
}
#contents #recommend ul li dl dt{
margin-top:0;
}
#contents #recommend ul li dl dd{
margin-right:60px;
}
#contents #recommend ul li dl.okazuclub{
background:url('../images/img_okazuclub.jpg') no-repeat right top;
}
#contents #recommend ul li dl.shiokonbu{
background:url('../images/img_shiokonbu.jpg') no-repeat right top;
}
#contents #recommend ul li dl.furikake{
background:url('../images/img_furikake.jpg') no-repeat right top;
}
#contents #recommend ul li dl.tororo{
background:url('../images/img_tororo.jpg') no-repeat right top;
}
#contents #recommend ul li dl.hijiki{
background:url('../images/img_hijiki.jpg') no-repeat right top;
}

/* footer part */
#footer{
border-top:#666666 1px solid;
font-size:70%;
margin-top:20px;
text-align:center;
}
#footer_contents{
text-align:left;
width:800px;
margin:0 auto;
}
#footer ul{
float:right;
list-style:none;
margin:0;
padding:0;
}
#footer li{
display:inline;
}
#footer li a{
text-decoration:none;
color:#ffffff;
}
#copyright{
float:left;
margin:10px 0 0;
padding:0;
}
#copyright strong{
font-family:"lr o", "?", "qMm Pro W3";
font-size:160%;
margin-right:1em;
}


/* floating window */
p#closeshow{
height:40px;
width:120px;
margin:0;
padding:0;
position:absolute;
left:760px;
top:388px;
z-index:3000;
}
p#closeshow a{
display:block;
width:120px;
height:40px;
overflow:hidden;
text-indent:-9999px;
background:url('../images/btn_close.gif') no-repeat 0 0; }
p#closeshow a:hover{
background-position:0 -40px;
cursor:pointer;
}


.item {
	margin: 3px;
	float: left;
}