﻿@charset "UTF-8";
/*会社概要===============================*/
dl.history{}
dl.history dt{
width:120px;
font-size:13px;
float:left;
padding:0 0 0 1em;
}
dl.history dd{}
ul.history {
margin: 4px;
padding-bottom: 5px;
}
ul.history li {
border-bottom:#999 1px dotted;
padding:0px 5px;
margin-bottom: 6px;
}

/*リンク・お知らせ===============================*/
.link dt,
.news dt,
.customer dt
{
background: #F9F6E3 url(../img/li.png) no-repeat 5px center;
padding:2px 17px;
font-weight:bold;
}
.link dt a,
.news dt a,
.customer dt a {
display:block;
width:100%;
height:100%;
font-weight:bold;
}
.link dd,
.news dd,
.customer dd{
border-bottom:#999 1px dotted;
margin-bottom:10px;
padding:5px 10px;
}
/*--*/
.news dt span,
.customer dt span{
margin-left:10px;
color:#755A0B;
font-weight:bold;
}
.news dd span,
.customer dd span{
float:right;
width:200px;
margin-left:10px;
}
.news dd img,
.customer dd img{
margin:10px 0px;
}
.news dd span img,
.customer dd span img{
border:1px solid #CCCCCC;
padding:1px;
margin-top:0px;
margin-bottom:10px;
}

/*お問い合わせ===============================*/
.contact span {
color:#FF6600;
}

/*味噌ができるまで===============================*/
.flow table {
width:100%;
}
.flow table th,
.flow table td {
vertical-align:top;
line-height:130%;
}
#flo_table1 td {
background: url(../img/flow/bg4.jpg) repeat-x left 31px;
}
#flo_table2 th,
#flo_table3 th {
background:url(../img/flow/bg2.jpg) repeat-y right
}
#flo_table2 td {
background: url(../img/flow/bg4.jpg) repeat-x left 33px;
}
#flo_table4 {
margin-bottom:30px;
}
/*電話　ファックス注文===============================*/
.fax01{
margin:1em 0;
}
.fax01 td{
text-align:center;
vertical-align:middle;
}
/*初めての方へ===============================*/
.first div{
width:100px;
height:auto;
float:left;
display:inline;
margin:0 8px;
}
table.first{
width:90%;
}
table.first th{
font-weight:bold;
border-bottom:#CCCCCC 1px solid;
}
table.first td{
text-align:right;
border-bottom:#CCCCCC 1px solid;
}


/*商品・カート部分===============================*/
.box{
float:left;
width:213px;
margin:0 0 1.5em;
padding:0 10px;
}
.box p{
margin:0 0 0.5em;
}
.box p .price{
display:block;
text-align:right;
border-bottom:1px dotted #999;

}
.box img.product{
width:209px;
border:1px solid #CCCCCC;
padding:1px;
}
.box h4{
padding:0;
text-indent:1em;
}
hr{
border-color:-moz-use-text-color -moz-use-text-color #A6A691;
border-style:none none dotted;
border-width:medium medium 2px;
clear:both;
margin:0 0 0.5em;
}
/*詳細===============================*/
.dtl .item{
border-top:#A6A691 dotted 2px;
padding:1em 0 0;
}
strong.title{
font-size:23px;
}
.dtl dl{
margin:0 0 1em;
font-size:13px;
}
.dtl dt{
width:80px;
float:left;
text-align:right;
}
.dtl dt .title{
font-size:18px;
}
.dtl dd{
padding:0 0 0 80px;
}
.dtl dd .title{
font-size:18px;
font-weight:bold;
}
.dtl .item .product_img{
width:256px;
}















/*===================================*/
.item{
width:100%;
height:auto;
margin-bottom:1em;
clear:both;
display:inline-table;
}
.item p.image img{
float:left;
margin:0 1em 1em 0;
display:inline;
clear: both;
}
.itemR{
width:100%;
height:auto;
margin-bottom:1em;
}
.itemR p.image img{
float:right;
margin:0 0 1em 1em;
display:inline;
clear: both;
}
p.image{
margin:0;
}
.imgArea{
text-align:center;
margin:0 0 1em 0;
}
.imgArea img{
}
.text{
overflow:hidden;
zoom:1;
}
