@import url("reset.css");

html{
	font-size:100%;
	min-height:100%;
	 position: relative;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FCFBFA;
	color:#191919;
	margin:5px 0 110px 0;
	text-align:center;
	line-height:1.5;
	font-size:75%;	
}

h1{
	width:1200px;
	margin:10px auto 0 auto;
	padding:0;
	font-size:8pt;
	color:#72211B;
	line-height:0;
	text-align:left;
}

.inner{
	width:1200px;
	margin:0 auto;
}

/*-----------------------------

	ヘッダー
	
-----------------------------*/

#header{
	width:100%;
	border-bottom:2px solid #622822;
	line-height:0;
	margin-bottom:15px;
}

#header .inner{
	height:60px;
	position:relative;
}


#h-name{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-17px;
}

#h-bana{
	width:400px;
	height:29px;
	position:absolute;
	right:0;
	line-height:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#searchform{
	flex:1;
	text-align:right;
	padding-right:3px;
}

#search{
	border:1px solid #724C2C;
	padding:3px;
	vertical-align:middle;
	height:29px;
}

#searchsubmit{
	width:40px;
	height:29px;
	padding:3px;
	vertical-align:middle;

background: url(../img/mushimegane.png) center no-repeat ,-webkit-gradient(linear, left top, left bottom, color-stop(0.88, #622822), color-stop(0.00, #862624));
background:url(../img/mushimegane.png) center no-repeat ,-webkit-linear-gradient(top, #862624 0%, #622822 88%);
background: url(../img/mushimegane.png) center no-repeat ,-moz-linear-gradient(top, #862624 0%, #622822 88%);
background: url(../img/mushimegane.png) center no-repeat ,-o-linear-gradient(top, #862624 0%, #622822 88%);
background: url(../img/mushimegane.png) center no-repeat ,-ms-linear-gradient(top, #862624 0%, #622822 88%);
background: url(../img/mushimegane.png) center no-repeat ,linear-gradient(to bottom, #862624 0%, #622822 88%);
border:none;
}

#cart{
	width:157px;
	vertical-align:middle;
}
/*-----------------------------

	メニュー
	
-----------------------------*/

#menu{
	width:623px;
	height:24px;
	position:absolute;
	bottom:0;
	right:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content:flex-end;

}

#menu li{
	padding-left:5px;
}

/*-----------------------------

	メイン
	
-----------------------------*/

#main{
	width:1200px;
	margin:0 auto;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	text-align:left;
}

#main-right,
#main-left{
	width:175px;
}

#main-middle{
-webkit-box-flex: 1;/*--- Android4.3以前ブラウザ用 ---*/
 -webkit-flex: 1;/*--- iOS8以前Safari用 ---*/
 flex: 1;
	padding:0 10px;
}

/*-----------------------------


	メイン-左右
	
	
-----------------------------*/

#main-left .item,
#main-right .item{
	width:175px;
	margin:0 auto 5px auto;
	padding:5px;
	border:1px solid #622822;
	color:#72211B;
}

#main-left .item:last-child,
#main-right .item:last-child{
	margin-bottom:0;
}

#main-left .item a,
#main-right .item a{
	color:#622822;
	text-decoration:none;
}

#main-left .item a:hover,
#main-right .item a:hover{
	text-decoration:underline;
}

/*--------------------------

	両脇商品一覧
	
---------------------------*/
	

#main-left .list h3,
#main-right .list h3{
	line-height:0;
}

#main-left .list,
#main-right .list {
	margin-bottom:5px;
}

#main-left .list .item,
#main-right .list .item{
	padding:0;
}

/*--------------------------


		左ブロック
		
		
--------------------------*/


/*--------------------------

	こたつ通販について
	
---------------------------*/

#left-about{
	line-height:1.6;
}

#left-about h3{
	font-size:120%;
	border-bottom:1px solid #C2AA9C;
	margin-bottom:5px;
	text-align:center;
}

#left-about p{
	padding:0 5px;
}



/*--------------------------

	商品カテゴリー
	
---------------------------*/


#kate ul.children{
}

#kate li{
	background-color:#F7EEEA;
	border-bottom:1px solid #C2AA9C;
	font-weight:bold;
}

#kate li:last-child{
	border-bottom:0;
}

#kate .item li a,
#kate .item li a:hover{
	display:block;
	width:100%;
	padding:5px 3px;
}

#kate li a:before{
	content:url(../img/ico01.gif);
	margin-right:3px;
}

#kate li a:hover:before{
	content:url(../img/ico01_hover.gif);
}

#kate li ul{
	background-color:#FCFBFA;
	padding:5px 5px 0 10px;
	/*margin-bottom:0;*/
}

#kate li li{
	background-color:#FCFBFA;
	padding-bottom:5px;
	border-bottom:none;
	font-weight:normal;
}

#kate li li a,
#kate li li a:hover{
	padding:0!important;
}

#kate li li a:before,
#kate li li a:hover:before{
	content:url(../img/ico02.gif);
}

/*--------------------------

	インフォメーション
	
---------------------------*/


#l-inforamation.item{
	font-size:85%;
	padding:5px 0;
	text-align:center;
}

#l-inforamation h3{
	mmargin-bottom:10px;
}

#l-inforamation p{
	display: inline-block;
    text-align: left !important;

}

#l-inforamation .bana{
	margin-top:10px;
	padding:0;
}

#l-inforamation .bana li{
	line-height:0;
	text-align:center;
	padding:0;
	margin-bottom:3px;
}

/*--------------------------


		右ブロック
		
		
--------------------------*/

/*--------------------------

	上部バナー
		
---------------------------*/

#right-top img{
	width:100%;
	height:auto;
	margin-bottom:5px;
}

/*--------------------------

	商品一覧
		
---------------------------*/

#main-right .list{
	margin-bottom:5px;

}

#main-right .slideFrame{
	width:100%;
	height:500px;
	position:relative;
}

#main-right .slideCtrl{
	height:15px !important;
	background-color:#fff;
}

#main-right .up{
	background-image:url(../img/kinki-up.png);
	background-repeat:no-repeat;
}

#main-right .down{
	background-image:url(../img/kinki-bana.png);
	background-repeat:no-repeat;
}

#main-right a{
	width:100%;
	display:block;
	padding:5px;
	font-size:85%;
}

#main-right .photo{
	text-align:center;
}


#main-right .photo img{
	width:100px;
	height:auto;
}

#main-right p.kakaku{
	text-align:right;
	font-size:110%;
	font-weight:bold;
	color:#B00000;
}

.slideCell{
	background-color:#fff;
	width:100% !important;
	/*border-bottom:1px solid #C2AA9C;*/
border-bottom:1px solid #000;
}

.slideGuide{
	width:100% !important;
}
/*--------------------------

	下部バナー
		
---------------------------*/

#right-bottom li{
	margin-bottom:5px;
}

#right-bottom li img{
	width:100%;
	height:auto;
}

/*-------------------------------

	フッダー
	
-------------------------------*/
#fooder{
	width:100%;
	height:100px;
	position: absolute;
	bottom:0;
	background-color:#F4E9E3;
	margin-top:20px;
	padding-top:5px;

}

#copy{
	width:100%;
	margin-top:5px;
	padding:5px ;
	background-color:#622822;	
}

/*-------------------------------

	商品一覧
	
-------------------------------*/

#goods{
	border:1px solid #A5816B;
	background-color:#fff;
padding:15px 10px;
}

#goods-title{
	color:#663213;
	font-size:16pt;
	line-height:normal;
}

#goods-title:before{
	content:"●";
	margin-right:5px;
}

#goods dl{
	width:100%;
	border-top:3px solid #8D4932;
	border-bottom:3px solid #8D4932;
}

#goods dt{
	padding:8px 5px;
	border-bottom:1px dashed #C2AA9C;
	margin-bottom:8px;
	font-size:125%;
	color:#612721;
	font-weight:bold;
}

#goods dd{
	width:100%;
	padding:0 10px;
	padding-bottom:8px;
	border-bottom:1px solid #C2AA9C;
	display:table;
}

#goods dd .inner{
	width:100%;
}

#goods dd:last-child{
	border-bottom:none;
}

#goods dd .photo{
	width:115px;
	display:table-cell;
	vertical-align:top;
}

#goods dd .photo img{
	width:100%;
	height:auto;
}

#goods dd .text{
	width:auto;
	display:table-cell;
	padding-left:10px;
	vertical-align:middle;
	line-height:1.8;
	
}
	 
#goods dd .kakaku{	
	font-size:110%;
	font-weight:bold;
}

#goods dd .kakaku strong{	
	font-size:110%;
	color:#B00000;
}

#goods dd .link{
	width:100%;
	color:#663213;
	font-weight:bold;
	text-align:right;
	margin-top:15px;
}

#goods dd .link a,
#goods dt a{
	color:#663213;
	text-decoration:none;
}

#goods dd .link a:before{
	content:"→";
	margin-right:3px;
}

#goods dd .link a:hover,
#goods dt a:hover{
	text-decoration:underline;
}