@charset "utf-8";

/*------------------------------------------------------------*/
/* marriage (engagementと同じ)*/
/*------------------------------------------------------------*/

html{
	height:100%;
}
body{
	height:100%;
	background:#FFF;
}
#wrap{
	height:100%;
}
#bg{
	position:relative;
	height:100%;
	background: url(../../common/img/bg03.jpg) no-repeat center center / auto;
}
@media screen and (min-width: 1920px)  {
	#bg{
		background: url(../../common/img/bg03.jpg) no-repeat center center / cover;
	}
}
h1{
	position:fixed;
	top:-146px;
	left:50%;
	margin-left:-150px;
	padding:20px 0 0;
	text-align:center;
	filter: alpha(opacity=10);
	-ms-filter: "alpha(opacity=10)";
	-moz-opacity:0.1;
	opacity:0.1;
	zoom:1;
}

.mainContent *{
	-webkit-filter:inherit;
	filter:inherit;
}
.mainContent{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-425px;
	margin-top:-200px;
	width:880px;
}
.mainContent .mainContentInner1{
	position:relative;
	overflow:auto;
	height:496px;
	width: 900px;
}
.mainContent .mainContentInner2{
	position:relative;
	overflow:hidden;
	zoom:1;
}
.mainContent dl.item{
	position:relative;
	display:none;
	float:left;
	width:200px;
	height:228px;
	margin:0 20px 20px 0;
	background:url(../img/bg_brandBox.png) no-repeat 0 0;
	text-align:center;
	cursor:pointer;
}
.mainContent dl.bg02{
	background:url(../img/bg_brandBox02.png) no-repeat 0 0;
}
.mainContent dl.item dt{
	width:200px;
	>width:auto;/*ieのみ*/
	height:140px;
	margin:0 30px;
	padding:30px 0 0;
	vertical-align:middle;
	display:table-cell;/*ie以外*/
	layout-grid-line:150px;/*ieのみ*/
}
.mainContent dl.item dt img.icnNew{
	position:absolute;
	top:25px;
	left:15px;
}
.mainContent dl.item dd{
	margin:0 30px;
	padding:15px 15px;
	border-top:1px solid #000000;
	font-size:13px;
	letter-spacing:2px;
	line-height:1.2;
}
.mainContent dl.item dd.series{
	position:absolute;
	top:22px;
	left:65px;
	margin:0;
	padding:0;
	text-align:center;
	border:none;
}
.detail *{
	-webkit-filter:inherit;
	filter:inherit;
}

.detail{
	visibility:hidden;
	position:absolute;
	top:50%;
	left:50%;
	width:845px;
	height:387px;
	margin-left:-422px;
	margin-top:-160px;
	background:url(../img/detail/bg_detail.png) repeat 0 0;
	color:#402f20;
}
.detail p.closeBtn{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
.detail p.closeBtn img{
	padding:10px 10px 20px 20px;
}
.detail .detailContent{
	padding:50px;
}
.detail .detailContent .brandSlider{
	width:900px;
	height:320px;
}
.detail .detailContent .brand{
	overflow:hidden;
	zoom:1;
	width:745px !important;
	height:345px !important;
}
.detail .detailContent .brand .leftArea{
	float:left;
	width:345px;
	margin:0 20px 0 0;
}
.detail .detailContent .brand .leftArea ul.itemImg li{
	position:relative;
}
.detail .detailContent .brand .leftArea ul.itemImg li img.icnNew{
	position:absolute;
	top:15px;
	left:15px;
}
.detail .detailContent .brand .leftArea ul.itemImg li a.thumb3D{
	position:absolute;
	bottom:15px;
	left:15px;
	cursor:pointer;
}
.detail .detailContent .brand .leftArea ul.itemImg{
	overflow:hidden;
	width:345px;
	height:287px;
	background:#ffffff;
}
.detail .detailContent .brand .leftArea ul.itemImg li{
	display:none;
}
.detail .detailContent .brand .leftArea ul.variationName{
	margin:10px 0 0;
}
.detail .detailContent .brand .leftArea ul.variationName li{
	display:none;
	color:#402f20;
	font-size:12px;
}
.detail .detailContent .brand .rightArea{
	position:relative;
	float:left;
	width:380px;
	height:287px;
}
.detail .detailContent .brand .rightArea *{
	-webkit-filter:inherit;
	filter:inherit;
}
.detail .detailContent .brand .rightArea p.brandName{
	margin:30px 0 40px;
	display:block;
}
.detail .detailContent .brand .rightArea p.brandConcept{
	margin:0 0 40px;
}
.detail .detailContent .brand .rightArea p.seriesName{
	position:absolute;
	top:0;
	right:0;
}
.detail .detailContent .brand .rightArea ul.brandPrice{
	text-align:center;
}
.detail .detailContent .brand .rightArea ul.brandPrice li{
	display:inline;
}
.detail .detailContent .brand .rightArea ul.brandPrice li .item-attention {
    display: block;
    font-size: 11px;
    margin-top: -20px;
    padding-bottom: 10px;
    color: #e20000;
}
.detail .detailContent .brand .rightArea ul.brandPrice li img{
	display:inline !important;
}
.detail .detailContent .brand .rightArea p img{
	margin:0 auto;
}
.detail .detailContent .brand .rightArea .thumbArea{
	position:absolute;
	bottom:0;
	left:40px;
	zoom:1;
}
.detail .detailContent .brand .rightArea ul.thumb{
	zoom:1;
	float:left;
}
.detail .detailContent .brand .rightArea ul.thumb li{
	float:left;
	display:block;
	margin:0 3px 0 0;
	cursor:pointer;
}
.detail .detailContent .brand .rightArea ul.thumb li img{
	border:1px solid #c0b3a5;
}
.detail .detailContent .brand .rightArea ul.thumb3D{
	zoom:1;
	float:left;
}
.detail .detailContent .brand .rightArea ul.thumb3D li{
	position:relative;
	float:left;
	display:block;
	margin:0 3px 0 0;
	cursor:pointer;
}
.detail .detailContent .brand .rightArea ul.thumb3D li a{
	display:block;
	border:1px solid #c0b3a5;
	font-size:0;
}
.detail .detailContent .brand .rightArea ul.thumb3D li span{
	display:block;
	position:absolute;
	bottom:-15px;
	font-size:9px;
	white-space:nowrap;
}
.detail .detailContent .brand .rightArea ul.thumb li.current{
	background-position:0 -37px !important;
}
.iframeArea{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-390px;
	margin-top:-261px;
	width:780px;
	height:650px;/*小さいウインドウサイズ対応用*/
}

.brand-caution {
	display: block;
	text-align: center;
	color: #e20000;
}