@charset "utf-8";

/* header */
h1 {padding-top:17px;}
.hd_top { height:60px;}
#hd_navi {width:720px;}
#hd_navi2 {width:1060px; height:40px;  text-align: center;margin-top: 50px;}
#hd_navi img {
margin-left: 26px;
margin-top: 12px;
padding-left: 4px;
}
#container {width: 100%;}
#main {width:835px;}
#leftBox {width:190px; margin-right:35px;}
#center { width:835px;}
#center-left { width:645px;}
#center-right { width:150px;}
#leftBox, #center,#main, #center-left {float:left;}
#center-right {float:right; margin-left:30px;}
.utility {display:none;}
.info {width:1020px; border: 5px solid #999; padding: 15px; margin-top: 30px; font-size: 80%; font-weight: 600; line-height: 20px; color: #666666;}


/* side */
#leftBox a {text-decoration:none; color:black;}
div#kensakuBox div.kensaku {
width: 188px;
height: 25px;
border: 1px solid #202020;
overflow: hidden;
margin-top: 5px;
position: relative;
}
div#kensakuBox div.kensaku input.kensakuBtn {
height: 25px;
width: 57px;
position: absolute;
left: 133px;
top: 0px;
}
div#kensakuBox div.kensaku input.kensakuBtn:hover {opacity: 0.6;transition: 0.5s;}
.side_bnr img {margin:10px 0;}
#leftBox h2 {padding-bottom: 20px;border-bottom: 1px solid black;margin-bottom: 5px;}
#leftBox h2 img {margin-left:10px;}
#leftBox h3 {background: black;color: white;padding: 6px 6px 6px 15px;letter-spacing: 2px; margin-bottom:10px;}
#leftBox h3.mbottom {margin-bottom:1px;}
#leftBox ul li {height: 62px;border-bottom: 1px solid #ccc;display:-webkit-box; width:100%; margin-top:1px; display:block;}
#leftBox ul li:last-child {border-bottom:none; margin-bottom:10px;}
#leftBox ul li div.img {width:75px;}
#leftBox ul li div.img img {text-align:center; margin-left:10px; margin-top:5px; }
#leftBox ul li div.text {width: 100%;margin: 0 auto;text-align: center;padding: 22px 0;}
#leftBox ul li a:hover {background:#0D0D0D; color: white; display: block; width:190px;transition: 1s; border-bottom:none;}
#leftBox h3 a {color:white; display:block;}
#leftBox h3 a:hover {background:white; color:black;transition: 0.8s; display: block;padding: 9px 0;
border-bottom: 1px solid black; text-align:center; border-top:solid 1px black; margin:10px 0;}
#leftBox h3:hover {background: white;transition: 0.8s; padding:0;}
#leftBox div.left_bnr a img  {margin-bottom:15px;}
div.left_bnr {margin-top:20px;}

/* main */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important; }
#main div.bx-wrapper a img:hover {opacity: 1;}
#center-right div.beige-box {background:#A69280;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; padding: 7px; position:relative;}
.ie8 #center-right div.beige-box {background-color:#A69280;}
#center-right div.beige-box h3 {color: white;margin-bottom: 10px;margin-top: 5px; padding-left:15px;}
div.white-box { background:white; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; padding: 5px;}
#center-right {line-height:1.4; text-align:center;}
#center-right div.beige-box h3 img  {margin-right:5px;position:absolute; top:14px; left:12px;}
#center-right div {margin-bottom:20px;}
a.black_btn {background:black; padding:5px; color:white;  text-decoration:none;text-align:center;  display:block; margin:7px 4px;}
a.black_btn:hover,#center-righ h3:hover {background:#A69280; transition: 0.5s;}
a.btn_beige { text-decoration:none; color:white; display:block; background:#A69280; position:relative; padding:9px;}
a.btn_beige img  {position:absolute; top:11px; left:15px; margin-right:10px;}
a.btn_beige p {margin-left: 20px;}
a.btn_beige:hover {background:black; transition:0.5s;}
div#right-bnr {margin-bottom:0; padding:0;}
#right-bnr img {margin-bottom: 20px;}
h3.black {background:black;color:white; display:block;padding:8px;}
#center-right #ranking ul li { margin-top:10px; list-style:none; position:relative; font-size:80%;}
#center-right #ranking ul li span img {z-index:1; position:absolute; top:0; left:0;}
#center-right #ranking ul li img {z-index:9999;}
#osusume-item img {margin-bottom:20px;}
#osusume-item {margin-top:20px;}
figure {
	position: relative;
	overflow: hidden;
}
figure a:hover img {opacity: 1;}
figcaption {
	position: absolute;
	bottom: -100px;
	left: 0;
	z-index: 2;
	background: rgba(0,0,0,.8);
	-webkit-transition: .3s;
	transition: .3s;
	color:white;
	line-height:1.8;
	width:100%;
	font-size:12px;
}
figcaption.small { width:90%; bottom: -200px;}
figure:hover figcaption {
	bottom: 22px;
}
figure.bnr:hover figcaption {
	bottom: 0px;
}
figcaption h3 {margin:10px;}


/*商品回収とお詫び*/
.kaisyuu-owabi {
    text-align: center;
    width: 600px;
    margin: 0 auto;
    /* margin-bottom: 20px; */
    margin-top: 50px;
}
.news_owabi {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
p.owabi_title {
    font-size: 16px;
}
.owabi_s {
    margin-bottom: 0px;
    display: block;
}
/* +06 FOOTER AREA
---------------------------------------------------- */
div#footerMenuArea {
	width: 100%;
	background-color: #F1F1F1;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:50px;
}
div#footerMenuBox {
	height:674px;
	width: 1060px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #F1F1F1;
	color: #282828;
	padding-top: 37px;
	padding-right: 70px;
	padding-left: 70px;
}
div#footerMenuBox ul li {list-style:none;}
div#footerMenu {
	width: 1060px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 20px;
	position: relative;
}

/* FOOTER MENU TXT LINK COLOR▼ */
div#footerMenu a {
	color: #5A5858;
	text-decoration: none;
}
div#footerMenu a:hover {
	color: #5A5858;
	text-decoration: underline;
}
/* FOOTER MENU TXT LINK COLOR▲ */

div#footerMenu div.footCate {
	float: left;
	width: 160px;
	margin-right: 64px;
}
div#footerMenu div.footCate h3 {
	margin-bottom: 10px;
	height: 25px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-size: 14px;
	font-weight: bold;
}
div#footerMenu div.footCate ul {
	width: 160px;
}
div#footerMenu div.footCate ul li {
	width: 160px;
	line-height: 26px;
	font-size: 12px;
	list-style:none;
}
div#footerMenu div.footCate ul li a {
	width: 160px;
	display: block;
}
div#footerMenu div.footContents {
	float: left;
	width: 160px;
	margin-right: 64px;
}
div#footerMenu div.footContents h3 {
	margin-bottom: 10px;
	height: 25px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-size: 14px;
	font-weight: bold;
}
div#footerMenu div.footContents ul {
	width: 160px;
	margin-bottom: 30px;
}
div#footerMenu div.footContents ul li {
	width: 160px;
	line-height: 26px;
	font-size: 12px;
}
div#footerMenu div.footContents ul li a {
	width: 160px;
	display: block;
}
div#footerMenu div.footGuide {
	float: right;
	width: 612px;
}
div#footerMenu div.footGuide h3 {
	margin-bottom: 10px;
	height: 25px;
	width: 612px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-size: 14px;
	font-weight: bold;
}
div#footerMenu div.footGuide div.footguideBox {
	float: left;
	width: 174px;
}
div#footerMenu div.footGuide div.mr45 {
	margin-right: 45px;
}
div#footerMenu div.footGuide div.footguideBox h4 {
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;

}
div#footerMenu div.footGuide div.footguideBox p {
	font-size: 10px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

div#footerMenu p.pageGotop {
	height: 17px;
	width: 95px;
	position: absolute;
	left: 0px;
	top: -62px;
	margin: 0px;
	padding: 0px;
}
div#footerMenu p.pageGohead {
	height: 17px;
	width: 123px;
	position: absolute;
	left: 937px;
	top: -62px;
	margin: 0px;
	padding: 0px;
}

div#footerArea {
	width: 100%;
	background-color: #000;
}
div#footerArea div#footerBox {
	height: 250px;
	width: 1060px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000;
	color: #E5E5E5;
	clear: both;
	padding-top: 43px;
	padding-right: 70px;
	padding-left: 70px;
}

/* FOOTER AREA TXT LINK COLOR▼ */
div#footerArea div#footerBox a {
	color: #DCDCDC;
	text-decoration: none;
}
div#footerArea div#footerBox a:hover {
	color: #DCDCDC;
	text-decoration: underline;
}
/* FOOTER AREA TXT LINK COLOR▲ */

div#footerArea div#footerBox h2#footerLogo {
	margin-bottom: 26px;
}
div#footerArea div#footerBox ul.company {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
div#footerArea div#footerBox ul.company li {
	line-height: 20px;
	font-size: 11px;
	list-style:none;
}
div#footerArea div#footerBox ul.footNabi {
	height: 20px;
	width: 600px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	left: 530px;
	top: 48px;
	text-align: right;
}
div#footerArea div#footerBox ul.footNabi li {
	display: inline;
	line-height: 20px;
	font-size: 11px;
}
div#footerArea div#footerBox ul.footNabi2 {
	height: 20px;
	width: 600px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	left: 530px;
	top: 78px;
	text-align: right;
}
div#footerArea div#footerBox ul.footNabi2 li {
	display: inline;
	line-height: 20px;
	font-size: 11px;
}
div#footerArea div#footerBox small {
	line-height: 20px;
	text-align: right;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 20px;
	width: 500px;
	position: absolute;
	left: 630px;
	top: 250px;
	font-size: 10px;
}