@charset "utf-8";
/* CSS Document */




/* 背景指定 ------------------------ */

html,body{
	background:#F00;
}

body {
	font-size:13px;
	line-height:1.3em;
	color:#000;
	/*余白、書体はcommon.cssで指定*/
	font-family: sans-serif;
}

#contents {
	background:#FFF;
	box-shadow:1px 1px 6px rgba(0,0,0,0.4);
}







/* リンク色設定 ------------------------ */

a {
	color:#444;
	text-decoration:none;
}
	a:link {/*未訪問*/}
	a:visited {/*訪問済*/}
	a:hover {/*マウスオーバー*/
		text-decoration:underline;
	}

#pageTop{
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	padding:10px 15px;
	position:fixed;
	bottom:0px;
	right:20px;
	color:#FFF;
	background:#000;
}
	#pageTop:hover{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-decoration: none;
}





#container{
	width: 100%;
	background-image: url(../images/bg_cartain.jpg);
	background-repeat: no-repeat;
	background-color: #d51c24;
	background-attachment: fixed;
	background-position: center top;
	background-size:cover;
}


.fLeft{float: left;}
.fRight{float: right;}
.dBlock{display: block;}


/* コンテンツ設定 ------------------------ */

.bkBar{
	margin-top: 40px;
	width: 100%;
	background: #000;
	text-align: center;
}

#contents {
	margin:-4px auto 0px auto;
	width:960px;
	position:relative;
	background:url(../images/fabric_plaid_@2X_wt.png) #FFF;
}



/*HEADER*/
#head{
}
	#head a:hover{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		text-decoration: none;
	}
	#head h1{
		height: 592px;
	}

	#head .catch{
		padding: 13px 25px;
		font-size: 16px;
		line-height: 1.8em;
	}

		.caution{
			color: #aaa;
			font-size: 12px;
			line-height: 1.5em;
			margin-top: 5px;
		}
		.logoLink{
			width: 910px;
			position: relative;
		}
			/*リンクボタン*/
			/*上段*/
			.btn01{position: absolute;top: 35px;left: 5px;width: 60px;height: 50px;}
			.btn02{position: absolute;top: 35px;left: 70px;width: 80px;height: 45px;}
			.btn03{position: absolute;top: 35px;left: 165px;width: 40px;height: 45px;}
			.btn04{position: absolute;top: 35px;left: 215px;width: 80px;height: 45px;}
			.btn05{position: absolute;top: 35px;left: 300px;width: 55px;height: 45px;}
			.btn06{position: absolute;top: 35px;left: 360px;width: 45px;height: 45px;}
			.btn07{position: absolute;top: 35px;left: 415px;width: 55px;height: 45px;}
			.btn08{position: absolute;top: 35px;left: 480px;width: 80px;height: 45px;}
			.btn09{position: absolute;top: 35px;left: 570px;width: 70px;height: 45px;}
			.btn10{position: absolute;top: 35px;left: 650px;width: 85px;height: 45px;}
			.btn11{position: absolute;top: 35px;left: 740px;width: 70px;height: 45px;}
			.btn12{position: absolute;top: 35px;left: 820px;width: 80px;height: 45px;}

			/*下段*/
			.btn13{position: absolute;top: 90px;left: 0px;width: 90px;height: 40px;}
			.btn14{position: absolute;top: 90px;left: 98px;width: 59px;height: 35px;}
			.btn15{position: absolute;top: 90px;left: 170px;width: 85px;height: 35px;}
			.btn16{position: absolute;top: 90px;left: 260px;width: 70px;height: 35px;}
			.btn17{position: absolute;top: 86px;left: 335px;width: 44px;height: 45px;}
			.btn18{position: absolute;top: 90px;left: 390px;width: 90px;height: 35px;}
			.btn19{position: absolute;top: 90px;left: 485px;width: 82px;height: 35px;}
			.btn20{position: absolute;top: 85px;left: 574px;width: 42px;height: 45px;}
			.btn21{position: absolute;top: 90px;left: 620px;width: 75px;height: 45px;}
			.btn22{position: absolute;top: 90px;left: 701px;width: 72px;height: 45px;}
			.btn23{position: absolute;top: 90px;left: 775px;width: 70px;height: 45px;}
			.btn24{position: absolute;top: 90px;left: 850px;width: 50px;height: 50px;}


.prdMenu{
	text-align: center;
	margin-bottom: 45px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

	.prdMenu li{
		margin: 0px 25px;
		letter-spacing: normal; /* 文字間を通常に戻す */
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

h3{
	margin-top: 40px;
	margin-bottom: 15px;
	text-align: center;
}

.shoplist{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*商品詳細欄*/
.prdBox{
	padding: 50px 65px;
}

	.prdBox dl{
		margin: 15px 0px;
		overflow: hidden;
	}

		.prdBox dt{
			width: 421px;
		}

		.prdBox dt img{
			border-radius: 5px;
		}

		.prdBox dd{
			width: 375px;
		}

		.prdBox dl.left dt{float:left;}
		.prdBox dl.left dd{float:right;}
		.prdBox dl.right dt{float:right;}
		.prdBox dl.right dd{float:left;}

	.prdBox h5{
		font-size: 26px;
		font-weight: bold;
		line-height: 1.2em;
		margin-top: 80px;
		margin-bottom: 6px;
	}
	.prdBox h6{
		font-size: 26px;
		font-weight: bold;
		line-height: 1.2em;
		margin-top: 40px;
		margin-bottom: 6px;
	}
	.prdBox h7{
		font-size: 26px;
		font-weight: bold;
		line-height: 1.2em;
		margin-top: 0px;
		margin-bottom: 6px;
	}
	.prdBox p{
		font-size:14px;
		line-height: 1.4em;
		margin-bottom: 10px;
	}

	.prdBox .ph{
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	}

	.prdBox .ph li{
		letter-spacing: normal; /* 文字間を通常に戻す */
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin-right: 7px;
		border-radius:4px;
	}

	.prdBox .ph li img{
		width: 60px;
		height: 60px;
	}

	.prdBox .lineup{
		color: #F00;
		font-weight: bold;
		line-height: 1.6em;
		font-size: 95%;
		margin-bottom: 10px;
	}





/*FOOTER*/
#foot{
	text-align: center;
	margin-top: 35px;
}

	#foot p{
		padding-bottom: 10px;
	}



.bt-want{
}

	.bt-want a,
	.bt-want span{
		vertical-align: text-bottom;
		display: inline-block;
		height: 36px;
	}

	.bt-want span{
		font-size: 18px;
		border: 1px solid #ccc;
		margin-bottom: -2px;
		line-height: 38px;
		margin-left: 5px;
		padding: 0 20px;
		border-radius: 4px;
		background: #FFF;
	}


/*SHOPLIST*/

.shoplist{
}

	.shoplist h1{
		padding: 25px;
		font-size: 170%;
		font-weight: bold;
		color: #F00;
	}

	.shoplist table{
		width: 800px;
		margin: 0 auto;
		font-size: 15px;
		border: 1px solid #888;
	}

	.shoplist thead th{
		font-size: 80%;
		color: #FFF;
		padding: 10px 13px;
		background: #000;
		vertical-align: top;
	}

	.shoplist tbody th{
		color: #FFF;
		padding: 12px 15px;
		background: #333;
		vertical-align: top;
		font-weight: bold;
	}

	.shoplist tr.head{
		border-top: 1px solid #888;
	}

	.shoplist tr.head:first-child{
		border-top:none;
	}

	.shoplist td{
		text-align: left;
		background: #FFF;
		padding: 8px 15px;
	}

/*ニュースフィード*/
.news{
	width: 772px;
	margin:40px auto;
}
	.newsText{
			width: 420px;
		 	padding: 20px;
		 	height: 160px;
		 	margin: 20px 0 0 40px;
		    color:#000;
			border: #EC1B23 solid 3px;
		    border-left: #EC1B23 solid 10px;
		    padding: 20px;
		    background: #fff;
		    overflow-y : scroll;
		    line-height: 1.8em;
		}
			.news h1{
				font-size: 135%;
				font-weight: bold;

				padding: 5px;

			}
	.newsImage , .newsText{
		float: left;
	}
	.nT00{
		border-bottom: solid #999 1px ;
		margin: 5px 0;
	}
	.nT00:last-child{
		border-bottom:none;
	}
	.nT00 h7{
		font-size: 115%;
		font-weight: bold;
	}
	.nT00 p{
		line-height: 17px;
		margin: 5px 0 ;
	}
	.nT00 a:hover{
		color: red;
		text-decoration: none;
	}


/*男前追加*/

.Fleft{
	float: left;
}

#headOtokomae h1{
	height: 700px;
}
	#headOtokomae h2{
		height: 60px;
	}

#otokomaeContents{
	width: 920px;
	margin: 0 auto;
	position: relative;
	background: #ede5d9;
	padding: 20px;
}

#otokomaeProduct{
	width: 880px;
	background: #FFF;
	border:3px solid #4a120b;
	border-radius: 10px;
	padding: 20px;
}
.pro01Right{
	width: 650px;
	margin: 10px 0 10px 10px;
}
	.proImage{
		margin:10px 0;
	}
	.midashi01{
		font-size: 24px;
		line-height: 32px;
		color: #e60033;
		font-weight: bold;
	}
	.midashi02{
		font-size: 18px;
		line-height: 26px;
		color: #3e3a39;
		margin:10px 0;
	}
	.ditail01{
		font-size: 14px;
		line-height: 20px;
		color: #7a6a56;
	}
		.ditail01 span{
			font-weight: bold;
			color: #e60033;
		}
	.kingaku{
		font-size: 14px;
		line-height: 20px;
		color: #7a6a56;
		margin-top: 10px;
	}

#footer{
	width: 920px;
	margin: 40px auto;
	position: relative;
	text-align: center;
}
	#footer img{
		text-align: center;
		width: 920px;
		margin: 10px auto;
	}
	#footer a{
		display: block;
	}
	#footer a:hover{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		text-decoration: none;
	}


/*20160224 ブログ twitter追加*/

.sns_area{
	width: 940px;
	margin: 20px auto;
	padding: 0 10px;
}
.blog_area{
	width: 530px;
	float: left;
}
.twitter_area{
	width: 390px;
	float: right;
}

.sns_area_otokomae{
	width: 940px;
	margin: 0 auto;
	padding: 20px 10px;
	background: #ede5d9;
}