@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");



/* top
-----------------------------------------------------------------------*/
#mainimg{
width: 800px;
height: 343px;
position:relative;
}
#mainimg ul{
width: 314px;
position:absolute;
top:182px;
left:21px;
}
#mainimg ul li{
list-style:none;
float:left;
padding-right:14px;
}

#top_product{
width: 884px;
height:113px;
background:url(../../img/toppro02.gif) no-repeat left top;
list-style:none;
padding-left: 16px;
margin-bottom:25px;
}
#top_product li{
width:246px;
height:94px;
float:left;
list-style:none;
line-height:150%;
margin-right:15px;
}
#top_product li a{
display:block;
width:216px;
height:49px;
color: #000000;
text-decoration:none;
padding: 45px 15px 0px 15px;
}
#top_product li.top_pro01{
background:url(../../img/toppro_navi01-act.jpg) no-repeat left top;
}
#top_product li.top_pro01 a{
background:url(../../img/toppro_navi01-base.jpg) no-repeat left top;
}
#top_product li.top_pro01 a:hover{
background:url(../../img/toppro_navi01-act.jpg) no-repeat left top;
color:#666666;
}
#top_product li.top_pro02 a{
background:url(../../img/toppro_navi02-base.jpg) no-repeat left top;
}
#top_product li.top_pro02{
background:url(../../img/toppro_navi02-act.jpg) no-repeat left top;
}
#top_product li.top_pro02 a:hover{
background:url(../../img/toppro_navi02-act.jpg) no-repeat left top;
color:#666666;
}
#top_product li.top_pro03{
background:url(../../img/toppro_navi03-act.jpg) no-repeat left top;
}
#top_product li.top_pro03 a{
background:url(../../img/toppro_navi03-base.jpg) no-repeat left top;
padding-top:50px;
}

#top_product li.top_pro03 a:hover{
background:url(../../img/toppro_navi03-act.jpg) no-repeat left top;
color:#666666;
}


#top_contents{
width:800px;
}
.topleft{
width: 570px;
float:left;
}
.topright{
width: 210px;
float:right;
}


.top_topics{
width: 570px;
padding-top:10px;
}
.top_topics dl{
width:570px;
position:relative;
overflow:hidden;
padding:5px 0px;
}
.top_topics dt{
width:125px;
background:url(../../img/icon02.gif) no-repeat 10px 3px;
line-height:150%;
padding-left:25px;
float:left;
}
.top_topics dd{
float:right;
width: 405px;
line-height:150%;
padding-right:15px;
}





/* about
-----------------------------------------------------------------------*/
.about{
background:url(../../img/inner/about_bg.jpg) no-repeat right top;
padding-top:20px;
padding-bottom:30px;
}
.about li{
list-style:none;
padding-bottom: 30px;
}



/* product
-----------------------------------------------------------------------*/
.product_box{
width:570px;
position:relative;
overflow:hidden;
margin-top:15px;
}
.product_ph{
float:left;
width: 130px;
}
.product_txt{
float:right;
width:410px;
line-height:180%;
}
.product_list{
background: #FAF6F3;
padding:10px 0px;
list-style:none;
width:395px;
position:relative;
overflow:hidden;
padding-left:15px;
margin-top:10px;
}
.product_list li{
background:url(../../img/inner/icon03.gif) no-repeat 0px 5px;
padding-left:10px;
list-style:none;
float:left;
margin-right:15px;
}

.product_list li a{
color: #CA7D47;
text-decoration:none;
}
.product_list li a:hover{
color: #E19E6E;
text-decoration: underline;
}


.pro_cont{
margin-bottom:100px;
}

.pro_detail{
width: 540px;
margin:0px auto 40px auto;
border-bottom:1px dotted #8a8a8a;
padding-bottom:40px;
}
.pro_detail h5{
border-left: 5px solid #FDB913;
font-size:14px;
padding: 2px 0px 2px 10px;
line-height:150%;
margin-bottom:10px;
}
.detail_box{
width: 540px;
}
.detail_ph{
float: right;
width: 250px;
text-align:right;
}
.detail_txt{
float:left;
width: 260px;
line-height:180%;
}
.detail_txt table{
background: #CAA58B;
width: 260px;
margin-bottom:10px;
}
.detail_txt th{
background: #E8D9CF;
width: 80px;
text-align:center;
padding:5px 0px;
line-height:150%;
}
.detail_txt td{
background: #FFFFFF;
padding:5px 10px;
line-height:150%;
}


.detail_tb{
background: #CAA58B;
width: 540px;
margin:0px auto 10px auto;
}
.detail_tb th{
background: #E8D9CF;
width: 150px;
text-align:center;
padding:5px 0px;
line-height:150%;
}
.detail_tb td{
background: #FFFFFF;
padding:5px 10px;
line-height:150%;
}

.intop{
text-align:right;
}


.de_tbl{
width: 500px;
margin:0px auto;
}
.de_tbl th{
width: 80px;
text-align:left;
padding:10px 10px 10px 20px;
background:url(../../img/icon01.gif) no-repeat 10px center;
line-height:150%;
border-bottom:1px dotted #CAA58B;
color:#60420f;
}
.de_tbl td{
padding:10px;
line-height:150%;
border-bottom:1px dotted #CAA58B;
}

.de_list{
width: 500px;
margin:0px auto;
}
.de_list li{
list-style:none;
padding:10px 0px 10px 20px;
background:url(../../img/icon01.gif) no-repeat 10px center;
border-bottom:1px dotted #CAA58B;
line-height:150%;
color:#60420f;
font-weight:bold;
width: 220px;
margin-right:10px;
float:left;
}



/* OEM
-----------------------------------------------------------------------*/
.oem02_box{
width:570px;
padding-bottom:20px;
}
.oem02_ph{
float:left;
width:333px;
padding-right:20px;
}
.oem02_txt{
width:210px;
float:right;
line-height:180%;
font-size:14px;
}
.oem02_syo{
position:relative;
margin-top:-42px;
text-align:right;
}



.oem_box{
width:570px;
padding-bottom:20px;
}
.oem_ph{
float:left;
width:250px;
padding-right:20px;
}
.oem_txt{
width:300px;
float:right;
line-height:180%;
}
.oem_syo{
position:relative;
margin-top:-25px;
text-align:right;
}


.oem_bar{
border-bottom:1px dotted #8a8a8a;
margin-bottom:20px;
}


.oem_ab{
width:570px;
background:url(../../img/inner/oem/oem_abo.jpg) no-repeat right top;
line-height:180%;
height:240px;
padding-top:15px;
}

.oem_att{
background:#faf6f3;
padding:15px;
line-height:180%;
color: #e7010c;
}


.yoki_ttl{
border-left: 5px solid #FDB913;
font-size:14px;
padding: 2px 0px 2px 10px;
line-height:150%;
margin-bottom:10px;
}
.yoki{
width: 550px;
margin:0px auto;
padding-bottom:40px;
}
.yoki_ph{
float:left;
width:250px;
}
.yoki_r{
float: right;
width:260px;
}
.yoki_r table{
background: #CAA58B;
width: 260px;
margin-bottom:10px;
}
.yoki_r th{
background: #E8D9CF;
width: 80px;
text-align:center;
padding:5px 0px;
line-height:150%;
}
.yoki_r td{
background: #FFFFFF;
padding:5px 10px;
line-height:150%;
}

.yoki_btm{
text-align:right;
position:relative;
margin-top:-28px;
padding-bottom:20px;
}





/* privacy
-----------------------------------------------------------------------*/

.privacy p{
padding: 0px 15px 30px 15px;
line-height:180%;
}
.privacy ol{
margin-top:-15px;
padding:0px 15px 30px 35px;
}
.privacy li{
line-height:180%;
}




/* contact
-----------------------------------------------------------------------*/
.contact {
background:#E6E6E6;
width: 550px;
margin: 20px auto 20px auto;
}
.contact th{
background: #F8F3F6;
width: 150px;
padding: 10px 10px;
text-align:left;
border-left: 3px solid #E34558;
}
.contact td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}
.contact th.must{
background: url(../../img/inner/must.gif) no-repeat 130px 14px #F8F3F6;
width: 150px;
padding: 10px 10px;
text-align:left;
}

.contact td input:focus,
.contact td textarea:focus{
background-color:#FEEEEE;
}

.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


#F-MAIL,#F-POST {width: 57%;margin: 5px 0px 5px 0px;}
#F-MAIL2 {width: 57%;margin: 0px 0px 5px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%;margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}
#sex01, #sex02{ vertical-align:top;}

/* ragio-btn */
#ITEM01,#ITEM02{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}
.cont-txt02{
font-weight: normal;
}

.txt01{
line-height:180%;
}









/* company
-----------------------------------------------------------------------*/
.company{
width: 540px;
margin:0px auto;
}
.company th{
width: 110px;
border-bottom:2px solid #E34558;
padding:10px;
line-height:150%;
text-align: left;
color: #5E5E5E;
vertical-align:top;
}
.company td{
line-height:150%;
border-bottom:1px solid #CDCDCD;
padding:10px;
vertical-align:top;
}

.message{
width: 550px;
margin:0px auto;
position:relative;
overflow:hidden;
line-height:180%;
}
/*
.message-l{
float:left;
margin-right:20px;
width:185px;
}
.message-r{
float:right;
width: 345px;
}
*/



/* sitemap
-----------------------------------------------------------------------*/
.sitemap{
width: 570px;
position:relative;
overflow:hidden
}
.sitemap ul{
width: 255px;
margin:0px 15px;
float:left;
list-style:none;
}
.sitemap li{
list-style:none;
border: 1px solid #E6E6E6;
background: url(../../img/inner/menu_icon.gif) no-repeat 15px 16px;
line-height:150%;
margin-bottom:15px;
}
.sitemap li a{
display:block;
width: 210px;
padding:10px 15px 10px 30px;
}

.sitemap li.site{
border:none;
background:url(../../img/icon01.gif) no-repeat 15px 5px;
padding-left: 15px;
}
.sitemap li.site a{
padding:0px;
width: auto;
height: auto;
padding-left: 15px;
}





/* about
-----------------------------------------------------------------------*/
.inbox02{
padding:0px 15px;
line-height:180%;
}


.epu_box{
width:510px;
margin:0px auto;
padding-bottom:40px;
}
.epu_box h4{
border-left: 5px solid #FDB913;
font-size:14px;
padding: 2px 0px 2px 10px;
line-height:150%;
margin-bottom:10px;
}
.epu_box p{
padding-top:10px;
}
.epu_box div{
text-align:center;
}





/* process
-----------------------------------------------------------------------*/

.process_box{
line-height:180%;
padding-bottom:60px;
background:url(../../img/inner/arrow.gif) no-repeat center bottom;
margin-bottom:20px;
}
.process_end{
line-height:180%;
margin-bottom:20px;
}
.process_box h4,
.process_end h4
{
border-left: 5px solid #FDB913;
font-size:14px;
padding: 2px 0px 2px 10px;
line-height:150%;
margin-bottom:10px;
}
.process_box p{
padding-left: 15px;
}

.process_tofu,
.process_deli,
.process_dessert
{
padding:0px 15px;
margin-top:20px;
}


/* --photo--
.process_box{
width: 350px;
height: 185px;
line-height:180%;
}
.process_tofu{
background:url(../../img/inner/process_tofu.jpg) no-repeat left top;
margin-top:20px;
width: 350px;
padding-left: 220px;
}
.process_deli{
background:url(../../img/inner/process_deli.jpg) no-repeat left top;
margin-top:20px;
width: 350px;
padding-left: 220px;
}
.process_dessert{
background:url(../../img/inner/process_dessert.jpg) no-repeat left top;
margin-top:20px;
width: 350px;
padding-left: 220px;
}
*/

























/*+++++++++++++++++++++++++++ owabi ++++++++++++++++++++++++++++++*/
.owabi{
width: 650px;
margin:30px auto 20px auto;
}
.owabi h2{
font-size:16px;
text-decoration:underline;
}
.owabi h3{
text-align:center;
font-size:22px;
padding-top:15px;
padding-bottom:15px;
}
.owabi02{
width: 500px;
margin:0px auto;
clear:both;
padding-top:30px;
line-height:180%;
}
.owabi02 table{
width: 450px;
margin:20px auto;
}
.owabi02 td{
padding:5px 0px 10px 0px;
vertical-align:top;
line-height:180%;
}
.owabi02 td span{
font-size:20px;
line-height:200%;
color:#CC0000;
}
.owabi02 td p{
line-height:150%;
font-size:16px;
}
.owabi02 table.owabi03{
margin-top:-10px !important;
}