@charset "UTF-8";
/* CSS Document */

/* base ---------------------------- */
html,body {
	color:#262626;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:1.5em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #FFF3D5;
	text-align: center;
	height: auto;
	width: 100%;
}
form,input,div{
   margin: 0px;
   padding: 0px;
}
ul,ol,li,dl,dt,dd,span,a,p{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
img,dd,div{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin: 0px;
    padding: 0px;
}

/* link ---------------------------- */
a,a:visited{
    cursor:pointer !important;
    text-decoration:none;
    color:#262626;
}
a:hover,a:active{
    text-decoration: none;
    color:#cb0003;
}
#fix-menu #box-menu a.thispage{
	color:#cb0003;
}
/* h2/h3 ---------------------------- */
h1,h4{
	margin:0;
	padding:0;}
h2,h3{
	margin:0;
	padding:0;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	background-position:left top;
	background-repeat:no-repeat;
}
/* container --------------------------------------------------- */
#container{
    height: auto;
    width: 840px;
    margin: 0 auto;
    padding: 0;
    text-align:left;
}
/* header menu common ---------------------------- */
#wrap-menu ul{
	background-image: url(../images/navi_bg.gif);
	height: 75px;
	width: 840px;
} 
#wrap-menu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
}
#wrap-menu ul li a,#wrap-menu ul li a:visited {
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
	height: 75px;
}
#wrap-menu ul li a:hover,#wrap-menu ul li a:active,#wrap-menu ul li .thispage {background-position: 0px 75px;}
#wrap-menu ul li.nav-home a{
	background-image: url(../images/navi01.gif);
	width: 155px;
	margin: 0px;
}
#wrap-menu ul li.nav-about a{
	background-image: url(../images/navi02.gif);
	width: 102px;
	margin-left: 9px;
}
#wrap-menu ul li.nav-materials a{
	background-image: url(../images/navi03.gif);
	width: 158px;
	margin-left: 9px;
}
#wrap-menu ul li.nav-equipment a{
	background-image: url(../images/navi04.gif);
	width: 158px;
	margin-left: 9px;
}
#wrap-menu ul li.nav-dialy a{
	background-image: url(../images/navi05_comingsoon.gif);
	width: 106px;
	margin-left: 9px;
}
#wrap-menu ul li.nav-shopping a{
	background-image: url(../images/navi06_comingsoon.gif);
	width: 125px;
	margin: 0px;
}
/* c-wrap ------------------------------------------------------------------ */
#c-wrap {
	background-image: url(../images/c_wrap_bg.gif);
	background-repeat: repeat-y;
}
/* main-cts----------------------------------------------*/
#main-cts{
	width:645px;
	height:auto;
	float: right;
	padding: 0;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	display: inline;
}
/* others----------------------------------*/
#others{
	margin-bottom: 30px;
	overflow: hidden;
	clear: both;
	padding-top: 30px;
}
#others h2{
	background-image: url(../images/title_others.gif);
	height: 14px;
	width: 181px;
	text-indent: -2000em;
	display: block;
	font-size:1px;
	line-height:1px;
	overflow: hidden;
}
#others ul{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FF9410;
	border-bottom-color: #FF9410;
	overflow: hidden;
	padding-left: 50px;
	height: 97px;
}
/* side-menu---------------------------------------------*/
#side-menu {
	width:160px;
	height:310px;
	padding:0;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#side-menu ul {
	width: 160px;
	height:310px;
	background-image: url(../images/menu_comingsoon.gif);
}
#side-menu ul li{
	margin: 0px;
	padding: 0px;
	display: block;
	height: auto;
	width: 160px;
}
#side-menu ul li a,#side-menu ul li a:visited,#side-menu ul li{
	text-indent:-1000em;
	font-size:1px;
	display:block;
	width: 160px;
	margin: 0px;
	padding: 0px;
}
/*--#side-menu ul .menu-shopping a {background-image: url(../images/menu_shopping.gif);height: 50px;}
#side-menu ul .menu-wheat a { background-image: url(../images/menu01.gif);height: 24px; }
#side-menu ul .menu-pasta a { background-image: url(../images/menu02.gif);height: 24px; }
#side-menu ul .menu-bread a { background-image: url(../images/menu03.gif);height: 24px; }
#side-menu ul .menu-salty a { background-image: url(../images/menu04.gif);height: 24px; }
#side-menu ul .menu-sweets a { background-image: url(../images/menu05.gif);height: 24px; }
#side-menu ul .menu-vegitable a { background-image: url(../images/menu06.gif);height: 24px; }
#side-menu ul .menu-oliveoil a { background-image: url(../images/menu07.gif);height: 24px; }
#side-menu ul .menu-gift a { background-image: url(../images/menu08.gif);height: 24px; }
#side-menu ul .menu-others a { background-image: url(../images/menu09.gif);height: 24px; }
#side-menu ul .menu-allItemIndex a {
	background-image: url(../images/menu_allitem.gif);
	height: 44px;
}

#side-menu ul li a:hover,
#side-menu ul li a:active,
#side-menu ul li .thispage{ background-position: 160px 0px; }--*/

/* f-wrap---------------------------------------------*/
#f-wrap{
	margin-top: 15px;
}
#f-wrap ul li a,#f-wrap p{
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
}
#f-wrap ul{
	float: left;
}
#f-wrap ul li{
	float: left;
}
#f-wrap ul li.nav-company a{
	background-image: url(../images/navi07-f.gif);
	background-position: 0px 0px;
	height: 10px;
	width: 81px;
}

#f-wrap ul li.nav-contact a{
	background-image: url(../images/navi08-f.gif);
	background-position: 0px 0px;
	height: 10px;
	width: 81px;
}
#f-wrap ul li a:hover{
	background-position: 0px 10px;
}
#f-wrap p{
	width:270px;
	height:9px;
	background-image: url(../../images/copyright.gif);
	float:right;
}


/* thispage */
#header #wrap-menu #menu01 li a.thispage,#header #wrap-menu #menu02 li a.thispage{
	background-position:left bottom;
}
/* clear */
.clear-s{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}
.clear{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 20px;
}
.clear2{
clear: both;
width: 100%;
margin: 0;
padding: 0px 0 20px 0;
height:auto;
}
.clear3{
clear: both;
width: 100%;
margin: 0;
padding: 0;
height:auto;
}

/* package */
.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.package {
zoom: 100%;
}
.package { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .package { height: 1%;}
.package { display: block;}
/* End hide from IE-mac */


/* crearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


/* text-color */
.alert{
	color: #FF0000;
}
/* margin_class */
.mb5{
margin-bottom: 5px;
}
.mb10{
margin-bottom: 10px;
}
.mb15{
margin-bottom: 15px;
}
.mb20{
margin-bottom: 20px;
}
.mb25{
margin-bottom: 25px;
}
.mb30{
margin-bottom: 30px;
}
.mb35{
margin-bottom: 35px;
}
.mb40{
margin-bottom: 45px;
}

.mt5{
margin-top: 5px;
}
.mt10{
margin-top: 10px;
}
.mt15{
margin-top: 15px;
}
.mt20{
margin-top: 20px;
}
.mt25{
margin-top: 25px;
}
.mt30{
margin-top: 30px;
}
.mt35{
margin-top: 35px;
}
.mt40{
margin-top: 40px;
}


/* add 2010.09.10 */
.world{
background-color: #CC590C;
height: auto;
width: 100%;
overflow:hidden;
padding:5px 0;
}
.world ul{
 float:right;
 padding:0 10px 0 0;
}
.world li{
margin: 0px;
padding: 0px;
float: left;
height: 15px;
width: 30px;
}
.world li a{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 15px;
width: 30px;
overflow: hidden;
}
.world li a:hover{
background-position: left bottom;
}
.world li.w1{
 margin:0 5px 0 0;
}
.world li.w2{
 margin:0 5px 0 0;
}
.world li.w1 a{ background-image: url(../images/icon_en.gif); }
.world li.w2 a{background-image: url(../images/icon_it.gif);
}
.world li.w3 a{background-image: url(../images/icon_jp.gif);
}