@charset "utf-8";

/*-----------------------------------------------------
	CSS for index.html
-------------------------------------------------------*/
ul, dl, ol {
	list-style:none;
}

#Content {
	/*background: url("../images/index/doll.png") left top no-repeat;
	min-height: 600px;*/
}

#Content article {
	display: block;
	position: relative;
	padding-top: 40px;
	width: 100%;
}

.illust-wrap {
	position: absolute;
	left: -270px;
	top: 0;
}

.illust-wrap2 {
	position: absolute;
	left: -170px;
	top: 0;
}

.illust-wrap3 {
	position: absolute;
	left: -250px;
	top: 0;
}

.illust-wrap4 {
	position: absolute;
	left: -120px;
	top: 0;
}

.illust-wrap5 {
	position: absolute;
	left: -250px;
	top: 0;
}

.illust-wrap6 {
	position: absolute;
	left: -120px;
	top: 0;
}

/* ----- コメント ----- */
.name-wrap {
	float: right;
	background: url("../images/index/fukidashi.png") left top no-repeat;
	text-align: center;
	padding-top: 40px;
	height: 255px;
	width: 546px;
}

.name-wrap2 {
	float: right;
	background: url("../images/index/fukidashi_2.png") left top no-repeat;
	text-align: center;
	padding-top: 40px;
	height: 300px;
	width: 630px;
}

.name-wrap3 {
	float: right;
	background: url("../images/index/fukidashi_3.png") left top no-repeat;
	text-align: center;
	padding-top: 40px;
	height: 300px;
	width: 630px;
}

.name-wrap4 {
	float: right;
	position: relative;
	background: url("../images/index/fukidashi_4.png") left top no-repeat;
	text-align: center;
	padding-top: 40px;
	height: 300px;
	width: 630px;
}

.name-wrap5 {
	float: right;
	position: relative;
	background: url("../images/index/fukidashi_5.png") left top no-repeat;
	text-align: center;
	padding-top: 40px;
	height: 255px;
	width: 546px;
}

.name-wrap6 {
	float: right;
	position: relative;
	background: url("../images/index/fukidashi_6.png") left top no-repeat;
	text-align: center;
	padding-top: 40px;
	height: 300px;
	width: 630px;
}

.name-wrap h3 {
	margin-top: 30px;
}

.name-wrap2 h3 {
	margin-top: 15px;
}

.name-wrap3 h3 {
	margin-top: 35px;
}

.name-wrap4 h3 {
	margin-left: 35px;
	margin-top: 20px;
}
.name-wrap5 h3 {
	margin-left: 35px;
	margin-top: 20px;
}
.name-wrap6 h3 {
	margin-left: 35px;
	margin-top: 20px;
}

.name-wrap2 h4 {
	margin-top: 60px;
}

.name-wrap3 h4 {
	margin-top: 20px;
}

.name-wrap4 h4 {
	margin-top: 10px;
}

.name-wrap5 h4 {
	margin-top: 10px;
}

.name-wrap6 h4 {
	margin-top: 10px;
}

/* ----- 製品仕様 ----- */
.spec-wrap {
	/*
	box-shadow: 5px 5px 5px rgba(130,82,92,0.75);
	-webkit-box-shadow: 5px 5px 5px rgba(130,82,92,0.75);
	-moz-box-shadow: 5px 5px 5px rgba(130,82,92,0.75);
	*/
	background-image: url("../images/index/spec_bg.jpg");
	background-repeat: repeat-y;
	background-position: -120px -80px;
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	text-align: center;
	padding: 15px 30px 30px 30px;
	position: relative;
	min-height: 310px;
	width: 380px;
}

.spec-wrap > dl {
	font-size: 1.8rem;
	text-align: left;
	width: 100%;
}

.spec-wrap > dl dt {
	/*background: url("../images/index/arrow.png") left  center no-repeat;
	padding-left: 1em;*/
	float: left;
	line-height: 4rem;
	width: 8em;
}

.spec-wrap > dl dt:before {
	content: "";
}

.spec-wrap > dl dd {
	line-height: 4rem;
	padding-left: 9em;
	border-bottom: 1px dotted #673500;
}

.spec-wrap h3 {
	position: absolute;
	right: 20px;
	top: -20px;
}

.spec-wrap .bt-shadow {
	position: absolute;
	bottom: -20px;
	left: 0;
}

/* ----- 受賞部分 テキスト----- */
.jaratxt-wrap {
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 50px;
	text-align: right;
}

/* ----- デザイン テキスト----- */
.designtxt-wrap {
	font-size: 1.4rem;
	margin-right: 50px;
	margin-top: -50px;
	text-align: right;
}

.designtxt-wrap4 {
	font-size: 1.4rem;
	margin-right: 50px;
	margin-top: 10px;
	text-align: right;
}

.designtxt-wrap6 {
	font-size: 1.4rem;
	margin-right: 50px;
	margin-top: 10px;
	text-align: right;
}

/* ----- ティザー部分 ----- */
.teaser-wrap {
	margin-top: 10px;
	min-height: 500px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 1.3rem;
	padding-left: 2em;
	width: 610px;
}

/* ----- ティザー部分 テキスト----- */
.tsrtxt-wrap {
	font-size: 1.6rem;
	padding-left: 6em;
}

/* ----- シルエット部分 ----- */
.silet-wrap {
	margin-top: 10px;
	min-height: 500px;
	float: right;
	position: relative;
	left: 1px;
	bottom: 10px;
	width: 350px;
}

/* ----- 購入ボタン ----- */
.btn-wrap {
	margin-top: 30px;
	min-height: 200px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	text-align: center;
	font-size: 1.3rem;
	width: 328px;
}

/* ----- 使用方法 ----- */
.use-wrap {
	float: right;
	margin-top: 30px;
	position: relative;
	width: 570px;
}

.use-doll {
	position: absolute;
	bottom: -15px;
	right: -5px;
}

.use-doll2 {
	position: absolute;
	bottom: -15px;
	right: -1px;
}

ul.use-gallery {
	width: 380px;
}

ul.use-gallery li {
	float: left;
	margin: 15px 15px 0 0;
	background: #fff;
	box-shadow: 0px 0px 5px 2px rgba(130,82,92,0.75);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(130,82,92,0.75);
	-moz-box-shadow: 0px 0px 5px 2px rgba(130,82,92,0.75);
	position: relative;
}

ul.use-gallery li img {
	padding: 6px;
}

.use-gallery-no {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	padding: 10px;
}