@charset "utf-8";
/*body constraction
---------------------------------------------------- */
body{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background-color: #ededed;
 color:#666666;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#wrapper {
 margin:0px;
 margin-top:0px;
 width:772px;
 margin-left:auto;
 margin-right:auto;
 padding:0px 0px 0px 0px;
 text-align:center;
 background: url("../images/back.jpg") repeat;
 }
 /*link
---------------------------------------------------- */
a {
 color: #CC0000;
 text-decoration:none;
}
a:hover, a:active {
  color: #FF3300;
  text-decoration:underline;
}

/*font
---------------------------------------------------- */
.cap{
font-size:10px;
line-height:14px;
}
.cap a {
color: #CC0000;
font-size:10px;
line-height:14px;
}
.cap a:hover, a:active {
color: #FF3300;
font-size:10px;
line-height:14px;
}
.read{
font-size:12px;
line-height:16px;
}
.readp a {
color: #CC0000;
font-size:12px;
line-height:16px;
}
.read a:hover, a:active {
color: #FF3300;
font-size:12px;
line-height:16px;
}
h3{
 margin:0px;
 padding:0px;
 color: #666666;
 font-size:15px;
 line-height:20px;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
h4{
 margin:0px;
 padding:0px;
 color: #666666;
 font-size:14px;
 line-height:18px;
 font-weight:300;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
h5{
 margin:0px;
 padding:0px;
 color: #666666;
 font-size:12px;
 line-height:16px;
 font-weight:300;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
/*head
---------------------------------------------------- */
#header {
 margin:0px;
 margin-top:0px;
 padding:0px 16px 0px 16px;
 width:772px;
 text-align:left;
 background: url("../images/header_back.jpg") no-repeat;
 }
#index_header {
 margin:0px;
 margin-top:0px;
 padding:0px 16px 0px 16px;
 width:772px;
 text-align:left;
 background: url("../images/header_back.jpg") no-repeat;
 }
#headertop{
 height:50px;
 width:740px;
 border:0px;
 margin:0 0 1px 0;
 }
#headertop_right{
 float:left;
 padding:18px 0 0 41px;
 text-align:left;
 width:350px;
 }
.companyname {
 font-size: 13px;
 letter-spacing:0.03em;
 color: #ffffff;
 font-weight:bold; 
 font-family: Arial, Helvetica, sans-serif;
 }
#contact{
 vertical-align:top;
 text-align:right;
 margin:0px;
 padding:0px;
 }

#contact span{
 padding:0px 0px 0px 8px;
 display:inline;
 font-size: 10px;
 color: #FF3300;
 text-decoration:none;
 font-weight:300; 
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#contact span#stay a{
 color: #FF3300;
 font-size: 10px;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#contact span a{
 color: #ffffff;
 font-size: 10px;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#contact span a:hover, a:active{
 color: #FF3300;
 font-size: 10px;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
/*#contact {
 vertical-align:top;
 text-align:right;
 }
#contact a{
 padding:0px 0px 0px 5px;
 font-size: 11px;
 letter-spacing:0.03em;
 color: #ffffff;
 text-decoration:none;
 font-weight:300; 
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#contact a:hover, a:active {
 color: #FF3300;
 text-decoration:none;
}*/
#headbox{
 width:550px;
 float:left;
 text-align:left;
 }
#menubox{
height:24px;
margin:3px 0px 0px 0px;
padding:0}
#menu{
 }

#menu span{
 padding:0px 8px 0px 8px;
 display:inline;
 font-size: 11px;
 color: #FF3300;
 text-decoration:none;
 font-weight:300; 
 font-family: Verdana, Arial, sans-serif, Osaka;
 border-left:1px solid #ffffff;
}
#menu span#hide{
 font-size: 11px;
 color: #000000;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#menu span#stay a{
 font-size: 11px;
 color: #FF3300;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#menu span a, a:visited{
 color: #ffffff;
 font-size: 11px;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#menu span a:hover, a:active{
 color: #FF3300;
 font-size: 11px;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#soyphoto {
 text-align:left;
}
#catch{
 height:18px;
 width:540px;
 padding:0px;
 margin:0px;
}
.catchfont{
 font-style: italic;
 font-size: 11px;
 line-height:12px;
 color: #999966;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#titlespace{
 height:34px;
 width:540px;
 }
#index_header h1{
 width:500px;
 padding:0px;
 margin:0px;
 line-height:24px;
 font-size: 24px;
 color: #000000;
 font-weight:bold; 
 font-family: Verdana, Arial, sans-serif, Osaka;
}
h1{
 width:540px;
 padding:0px;
 margin:0px;
 line-height:21px;
 font-size: 18px;
 color: #999966;
 font-weight:bold; 
 font-family: Verdana, Arial, sans-serif, Osaka;
}
h2{
 padding:0px 0px 15px 0px;
 margin: 0px;
 line-height:18px;
 font-size: 15px;
 color: #000000;
 font-weight:bold; 
 font-family: Verdana, Arial, sans-serif, Osaka;
}
/*productcontent
---------------------------------------------------- */ 
#contents{
 margin:10px 0px 20px 0px;
 padding:0px 26px 0px 26px;
 width:772px;
 text-align:center;
 }
#productname {
 font-size: 10px;
 color: #000000;
 font-weight:300;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#productname a:link, a:visited{
 font-size: 10px;
 color: #000000;
 font-weight:300;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#productname a:hover, a:active{
 font-size: 10px;
 color: #FF3300;
 font-weight:300;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
 } 
.categoryname{
 padding-right:20px;
 font-size: 14px;
 color: #000000;
 font-weight:bold; 
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#rightbox p {
 margin:0px 0px 2px 0px;
 width:155px;
 text-align:left;
 padding:3px 0px 3px 3px;
 border-left: none;
 border-top: none;
 border-right: none;
 border-bottom: dotted 1px #9A9A9A;
 
 font-size:10px;
 line-height:11px;
 text-decoration:none;
 color:#999900;
 vertical-align:middle;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#rightbox p a {
 font-size:10px;
 line-height:11px;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
 color:#999900;
}
#rightbox p a:hover, a:active {
 font-size:10px;
 line-height:11px;
 text-decoration:underline;
 font-family: Verdana, Arial, sans-serif, Osaka;
 color:#999900;
}
#ingredientsbox {
 margin:30px 0px 0px 0px;
 width:160px;
 padding:2px 2px 2px 4px;
 text-align:left;
 background-color:#EDEDD1;
 font-size:14px;
 color: #999966;
 line-height:18px;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#ingredients2box {
 margin:0px;
 width:160px;
 padding:2px 2px 2px 2px;
 text-align:left;
 background-color:#FFFFFF;
 border-right: solid 1px #EDEDD1;
 border-top: none;
 border-left: solid 1px #EDEDD1;
 border-bottom: solid 1px #EDEDD1;
 }
#ingredients2box ul{
 margin:0px;
 padding: 0px;
 }
#ingredients2box li{
 margin:4px 0px 0px 15px;
 padding:0px;
 color: #666666;
 font-size:10px;
 line-height:13px;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#cookdiscription{
	width:350px;
	padding:5px;
	background-color:#EDEDD1;
	margin-bottom:10px;
}
#cookdiscription h4{
 padding-top:5px;
 color: #333333;
 }
#cookdiscription p{
 color: #666666;
 font-size:10px;
 line-height:16px;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#about {
 width:350px;
 text-align:right;
}
#about span a{
 margin:0px;
 padding-right:5px;
 line-height:16px;
 font-size:12px;
 text-decoration:none;
 color: #CC0000;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#definition {
margin-bottom:10px
}
#definition img{
float:left;
margin: 0px 5px 0px 4px;
padding:0px;
}
#definition h5{
 margin:0px;
 padding-top:5px;
 color: #330000;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#definition h5.condiments{
 margin:0px;
 padding-top:5px;
 color: #666600;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }

 #definition p{
 margin:0px 0px 0px 0px;
 padding:0px;
 line-height:15px;
 font-size:10px;
 color: #666666;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#definition_photo{
margin:0px 2px 10px 2px;
text-align:center;}
#definition_photo img{
margin:0px 2px 0px 2px;
padding:0px;
}
#japaneserecipe {
 width:360px;
 padding-top:14px;
}
#japaneserecipe_l {
 width:120px;
 float:left;
 padding-top:6px;
}
#japaneserecipe_r {
 width:230px;
 float:right;
 text-align:left;
}
#japaneserecipe_r ul{
 margin:0px;
 padding:0px 0px 0px 0px;
 list-style:none;
}
#japaneserecipe_r li{
 margin:0px 0px 0px 0px;
 padding:4px 0px 5px 12px;
 line-height:16px;
 font-size:14px;
 color: #999966;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background: url("../images/arrow_wakakusa.gif") no-repeat 0 0.5em;
 }
#japaneserecipe_r span{
 color: #999966;
 font-size:10px;
 line-height:13px;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
 
#orderform {
 text-align:right;
 }
#orderform span{
 padding:0px;
 margin:15px 0px 5px 0px;
 float:right;
 color: #000000;
 font-size:12px;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }


 /*form
---------------------------------------------------- */ 
form {
 margin:Opx;
 padding:Opx;
 }
input, textarea,{
 margin:Opx;
 padding:Opx;
 border-style: solid;
 border-width: 1px;
 border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
 vertical-align: middle;
 color: #4b4b4b;
 font-size: 11px;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background-color: #f1f1ed;
}
select, select option{
 margin:Opx;
 padding:Opx;
 vertical-align: middle;
 color: #4b4b4b;
 font-size: 11px;
 font-family: Verdana, Arial, sans-serif, Osaka;
}


input.radio {
 margin:Opx;
 padding:Opx;
 border-style: none;
 color: #000000;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background-color: transparent;
 font-size: 11px;
}
#title_form {
 float:left;
 text-align:left;
 width:390px;
 margin:7px 10px 0px 0px;
 padding:0px 10px 0px 0px;
 border-left: none;
 border-top: none;
 border-right: dotted 1px #666666;
 border-bottom: none;
}
#about_product{
 float:left;
 text-align:left;
 width:500px;
 margin:7px 10px 0px 0px;
 padding:0px 10px 0px 10px;
}
#about_product_footer{
 float:left;
 text-align:right;
 width:500px;
 margin:7px 10px 0px 0px;
 padding:0px 10px 0px 10px;
 border-top: dotted 1px #999966;
}
#about_product_footer_l{
 text-align:left;
 width:500px;
 margin:7px 10px 0px 0px;
 padding:0px 10px 0px 10px;
 border-top: dotted 1px #999966;
}
.simple_ul{
 margin:0px;
 padding:0px;
 list-style:none;
}
.simple_li{
 padding-left:7px;
 margin:0px;
 line-height:16px;
 font-size:10px;
 color: #000000;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background: url("../images/arrow_s.gif") no-repeat;
}
#title_form .cap{
margin-right: 10px;
line-height:16px;
color:black;
 }
#about_product .cap{
margin-right: 10px;
line-height:16px;
color:black;
 }
#contact_details{
 margin:7px 0px 0px 0px;
 float:right;
 text-align:left;
 width:290px;
 text-align:left;
 padding:0px 0px 0px 0px;
}
.submit input{
background-color:#DCDCDC;
color:#000000;
border-width:2px;
border-color:#FFFFFF #666666 #666666 #FFFFFF;
}
/*aboutsoy
---------------------------------------------------- */ 
#aboutsoy h5{
 margin-top:0px;
 padding:0px;
 color: #000000;
 font-weight:300;
 }
#aboutsoy .cap{
 margin-top:3px;
 padding:0px;
 }
/*company
---------------------------------------------------- */ 
#chiarman .cap{
 margin-top:3px;
 padding:0px;
 color:#000000;}
#company {
 margin:0px;
 padding:0px;
 }
#company h5{
 margin-top:0px;
 padding:0px;
 color: #000000;
 font-weight:300;
 }
#profile {
 font-size:10px;
 line-height:13px;
}
#profile p.name{
 width:150px;
 padding-left: 7px;
 line-height:14px;
 font-size:10px;
 color: #000000;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background: url("../images/arrow_s.gif") no-repeat;
}
#profile p {
 margin: 0px 0px 5px 0px;
 padding-left:10px;
 line-height:14px;
 }
#history{
width:300px;
 border-left:  dotted 1px #666666;
 border-top: none;
 border-right: none;
 border-bottom: none;
 }
.date{
 float:left;
 width:65px;
 display:block;
 padding-left: 7px;
 margin-left: 5px;
 line-height:14px;
 font-size:10px;
 color: #000000;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background: url("../images/arrow_s.gif") no-repeat;
}
.discrive{
 display:block;
 float:left;
 width:213px;
 font-size:10px;
 line-height:14px;
 margin:0px 0px 5px 4px;
}
/*customer
---------------------------------------------------- */ 
#company img{
 float:right;
 }
.explain{
 margin:0px;
 padding:0px;
 font-size:10px;
 line-height:11px;
 color:#000000;
}
/*sitemap
---------------------------------------------------- */ 
#t_sitemap{
 width:167px;
}
/*#t_sitemap ul{
 margin:0px;
 padding:0px 0px 0px 0px;
 list-style:none;
 }
 */


#t_sitemap p{
 margin:0;
 padding:4px 0px 2px 14px;
 line-height:16px;
 font-size:12px;
 color:#999900;
 background-color:#FFFFFF;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background: url("../images/arrow_wakakusa.gif") no-repeat 0 0.5em;
 border-left: none;
 border-top: none;
 border-right: none;
 border-bottom: solid 1px #999900;
 }
#m_sitemap p {
 margin:0px 0px 2px 13px;
 width:151px;
 text-align:left;
 padding:4px 0px 4px 2px;
 border-left: none;
 border-top: none;
 border-right: none;
 border-bottom: dotted 1px #9A9A9A;
 
 font-size:11px;
 line-height:12px;
 text-decoration:none;
 color:#999900;
 vertical-align:middle;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
#m_sitemap p a{
 font-size:11px;
 line-height:12px;
 text-decoration:none;
 color:#999900;
 font-family: Verdana, Arial, sans-serif, Osaka;
}
#m_sitemap p a:hover, a:active {
 font-size:11px;
 line-height:12px;
 text-decoration:underline;
 color:#999900;
 font-family: Verdana, Arial, sans-serif, Osaka;
}

/*INFO
---------------------------------------------------- */ 
#info ul{
 margin: 6px 0px 0px 15px;
 }
#info li{
 margin-left:2px;
 padding: 0px 0px 3px 0px;
 font-size: 11px;
 line-height: 14px;
 }
 #info li a{
 margin-left:2px;
 padding: 0px 0px 3px 0px;
 font-size: 11px;
 line-height: 14px;
 color: #CC0000;
 text-decoration:none;
 
 }
 #info li a:hover, li a:active {
 margin-left:2px;
 padding: 0px 0px 3px 0px;
 font-size: 11px;
 line-height: 14px;
 color: #FF3300;
 text-decoration:underline;
}

/*topcontent
---------------------------------------------------- */ 
#content_topspace{
 height:40px;}
#content_bottomspace{
 height:50px;}
#index_contents{
 margin:0px 0px 40px 0px;
 padding:0px 16px 0px 26px;
 width:772px;
 text-align:center;
 }
#left{
 float:left;
 text-align:left;
 width:380px;
 height:330px;
 background: url("../photo/topimage.jpg") no-repeat;
}
#left span{
	display:block;
	width:290px;
	line-height:13px;
	font-size:11px;
	font-style:italic;
	color:#CC0000;
	font-family: Verdana, Arial, sans-serif, Osaka;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 74px;
}
#right{
 margin-left:16px;
 vertical-align:top;
 float:left;
 text-align:left;
 width:320px;
}
#right span{
 margin:0px;
 padding:4px 0px 3px 14px;
 vertical-align:middle;
 line-height:16px;
 font-size:14px;
 color:#999900;
 background-color:#FFFFFF;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif, Osaka;
 background: url("../images/arrow_wakakusa.gif") no-repeat 0 0.5em;
 }
#right span a{
 font-size:14px;
 line-height:16px;
 color:#999900;
 background-color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
 font-family: Verdana, Arial, sans-serif, Osaka;
 }
 
 #right p{

 text-align:left;
 line-height:14px;
 font-size:10px;
 color:#666666;
 font-weight:100;
 font-family: Verdana, Arial, sans-serif, Osaka;}
 
 
 #right img{
 float:left;
 margin:8px;
 }
/*footer
---------------------------------------------------- */

#footer {
 height:28px;
 margin:0 0 0 0;
 padding:0px 16px 0px 16px;
 text-align:left;
 background: url("../images/footer_back.jpg") no-repeat; 
 }
#footer p{
 margin:0px;
 padding:0px;
 font-size: 10px;
 color: #ffffff; 
 font-family: Verdana, Arial, sans-serif, Osaka;
 }

