*{margin: 0;padding: 0;}
body {
  font-size:14px;
  line-height:1.5;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  color: #84745E;
  background: #f8f3ea;}

ul,li,dl,dd,dt {padding: 0;margin: 0;list-style: none;}
h1,h2,h3,h4,h5 {padding: 0;margin: 0;list-style: none;}
TD {vertical-align: top;}
p {line-height:2; }
a:link , a:visited , a:active {color:#84745E;text-decoration: none;}
a:hover {color:#b5a58d;text-decoration: none;}

.clear {clear: both;}

img {border: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=80);}

.image{width:680px;padding-bottom:24px;display: block;margin-left: auto;margin-right: auto;}
.inner{width:960px;margin:0px auto;}

#pankuzu{font-size:11px;margin-bottom:24px;}
#pankuzu a{font-size:13px;}

/* ************************************************
*  header
* ************************************************ */
#header{width:100%;min-width:1080px;background:#543019;}
.main_title{font-size:11px;color:#af9a77;margin-left:5px;}
#line1{width:100%;min-width:1080px;padding:5px 0;}
#line2{width:100%;min-width:1080px;background:#af9a77;padding:5px 0;text-align:right;}
#line2 li{display: inline-block;margin-right:25px;}
#line2 a{font-size:14px;color:#e1d4c0;font-weight:bold;}

#logo{padding: 40px 0;text-align: center;margin:0 auto;}

/* ************************************************
*  main
* ************************************************ */
#wrapper{width:960px;margin:0 auto;padding:80px 0;}
#main{width:720px;float:right;}

.title{
    width:720px;
    background: #e8dece;
    color: #a3834f;
    border-left: 5px solid #c8b18b;
    margin:20px 0 ;
    font-weight:bold;
    padding: 5px 0 5px 20px;
}


/* ************************************************
*  side
* ************************************************ */
#side{width:200px;float:left;}
.menu{width:200px;background:#c8b18b;margin:15px 0;padding:10px 0;}
.menu dt {font-size:14px;padding: 15px 0 15px 7px;color: #a3834f;font-weight:bold;}
.menu dt a{font-size:14px;padding: 15px 0 15px 7px;color: #a3834f;font-weight:bold;}
.menu dd a{font-size:14px;padding: 2px 0 2px 22px;color: #fff;font-weight:bold;line-height:2.0;}
.menu dd a:hover{font-size:14px;padding: 2px 0 2px 22px;color: #a3834f;font-weight:bold;line-height:2.0;}
.side_nav img{width:200px;height:auto;margin-bottom:8px;}

#search{margin:20px 0;}
/* ************************************************
*  footer
* ************************************************ */
#footer{width:100%;min-width:1080px;background:#e1d4c0;padding:30px 0;}
.foot_nav{float: left;width: 200px;margin-left:30px;}
.foot_nav a{}
.footer_title{margin-bottom:20px;}
#footer ul li {margin: 8px 0;}

#copyright{text-align:center;margin:20px 0;}

/* ************************************************ 
 *  商品リスト
 * ************************************************ */
.item-list li {width:160px;margin:8px;vertical-align: top;display: inline-block;*display: inline;*zoom: 1;text-align:center;}
.list_name{font-size:10px;line-height:15px;padding-bottom:5px;}
.list_price {font-weight:bold;color:#996518;}
.item-list_description {color:#b29b8e;}
.item-list img {width: 100%;margin-bottom: 8px;}

/* ************************************************ 
 *  メインページ
 * ************************************************ */
.list li {width:108px;margin:16px;vertical-align: top;display: inline-block;*display: inline;*zoom: 1;text-align:center;}
.list p{font-size:12px;}
.list_price {font-weight:bold;color:#996518;}
.list_description {color:#b29b8e;}
.list img {width: 100%;margin-bottom: 10px;}

.news3 li {width:220px;display: -moz-inline-box;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;margin: 16px 8px;}

.news2 img , .news3 img , .news4 img{width: 100%;margin-bottom: 8px;}

.news2 p , .news3 p , .news4 p{font-size: 13px;}
.news2 span , .news3 span , .news4 span{font-size: 11px;}

/* フリーページ */
#free li {list-style-type: decimal;margin-left: 50px;}

/* ストックリスト */
.stock {width: 100%;margin: 32px 0;border: 1px #543019 solid;border-collapse: collapse;}
.stock TH {width: 24%;font-size: 14px;font-weight: bold;border: 1px #543019 solid;padding: 8px;background-color: #C8B18B;}
.stock TD {width: 38%;font-size: 14px;border: 1px #543019 solid;background-color: #FFF;padding: 8px;}

/* ************************************************
*  product_option_window
* ************************************************ */
.option_table {margin: 24px 0;border: 1px solid #AFAFB0;}
.option_table th {padding: 10px;border: 1px solid #AFAFB0;background: #D1D1D1;}
.option_table td {padding: 10px;border: 1px solid #AFAFB0;background: #fff;}


/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
  
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}