#contentsWrapper {
	width: 100%;
	*width: 980px;
	min-width: 980px;
	margin: 0 auto;
	position: relative;
	*zoom: 1;
}

/* ヘッダー */
#topCopy {
	width: 100%;
	height: 422px;
	background: url(../img/top_bg.jpg) center bottom no-repeat;
}

#topInner {
	width: 980px;
	margin: 0 auto;
	padding-top: 70px;
	position: relative;
}

#topInner h2 {margin: 0 0 27px 40px;}

#topInner .copy {margin-left: 40px;}

/* モード切り替えタブ */
#modeTab {
	width: 100%;
	height: 68px;
	margin: 0 auto;
	padding: 33px 0 0;
	background: url(../img/tab_bg.gif) center top no-repeat #f0f0f0;
}

#modeTab ul {width: 900px; margin: 0 auto; position: relative; overflow: hidden; *zoom: 1;}
#modeTab ul li{width: 445px; height: 62px; float: left;}
#modeTab ul li:first-child { margin-right: 10px;}
#modeTab ul li.on {background: url(../img/tab_cursor.gif) center bottom no-repeat;}

#modeTab ul li a{ height: 49px; display: block; position: relative; overflow: hidden; *zoom: 1;}
#modeTab ul li.on a img {margin-top: -49px;}

/* 着せ替え本体 */
#selectBodyColor {width: 100%;}
.selectColorInner {width: 100%; display: none;}
.selectColorInner.on {display: block;}
.selectorContentArea {width: 100%; padding: 5px 0 148px; background: url(../img/result_bg.gif) center bottom no-repeat #f0f0f0;}

.selectorWrap {width: 900px; margin: 0 auto; overflow: hidden; position: relative; *zoom: 1;}
.selectorArea {float: left; position: relative; *zoom: 1;}
.bodyColorArea {width: 323px; height: 119px; background: url(../img/chart_arrow.gif) top right no-repeat #fff;}
.intColorArea {width: 344px; height: 119px; background: url(../img/chart_arrow.gif) top right no-repeat #fff;}
.wheelArea {width: 233px; height: 119px; background-color: #fff;}

.selectorArea {margin-bottom: 12px;}
.selectorArea ul {letter-spacing: -.4em;}
.selectorArea li {margin-right: 1px; display: none; letter-spacing: normal;}
.selectorArea li.visible {display: inline-block;}

.selectorArea li.on a {opacity: 0.7}


.bodyColorList li {padding: 3px; background: url(../img/tip_border.gif) center center no-repeat;}
.bodyColorList li.on {background: url(../img/tip_current.gif) center center no-repeat;}
.bodyColorList li a {width:26px; height:21px; background:url(../img/tip_color_all.png) 0 0 no-repeat; display:block;text-decoration:none;}
.bodyColorList li.tip02 a {background-position: -26px 0;}
.bodyColorList li.tip03 a {background-position: -52px 0;}
.bodyColorList li.tip04 a {background-position: -78px 0;}
.bodyColorList li.tip05 a {background-position: -104px 0;}
.bodyColorList li.tip06 a {background-position: -130px 0;}
.bodyColorList li.tip19 a {background-position: -156px 0;}
.bodyColorList li.tip20 a {background-position: -182px 0;}
.bodyColorList li.tip08 a {background-position: -208px 0;}
.bodyColorList li.tip09 a {background-position: 0 -21px;}
.bodyColorList li.tip10 a {background-position: -26px -21px;}
.bodyColorList li.tip11 a {background-position: -52px -21px;}
.bodyColorList li.tip12 a {background-position: -78px -21px;}
.bodyColorList li.tip13 a {background-position: -104px -21px;}
.bodyColorList li.tip25 a {background-position: -130px -21px;}
.bodyColorList li.tip14 a {background-position: -156px -21px;}
.bodyColorList li.tip15 a {background-position: -182px -21px;}
.bodyColorList li.tip16 a {background-position: -208px -21px;}
.bodyColorList li.tip21 a {background-position: -234px -21px;}
.bodyColorList li.tip22 a {background-position: -260px -21px;}
.bodyColorList li.tip23 a {background-position: -286px -21px;}
.bodyColorList li.tip24 a {background-position: -312px -21px;}
.bodyColorList li.tip18 a {background-position: -338px -21px;}


.intColorList li {padding: 3px; background: url(../img/int_border.gif) center center no-repeat;}
.intColorList li.on {background: url(../img/int_current.gif) center center no-repeat;}
.intColorList li a  {width:51px; height:61px; background:url(../img/int_color_all.png) 0 0 no-repeat; display:block;text-decoration:none;}
.intColorList li.int02 a {background-position: -51px 0;}
.intColorList li.int03 a {background-position: -102px 0;}
.intColorList li.int04 a {background-position: -153px 0;}
.intColorList li.int05 a {background-position: -204px 0;}


.wheelList li {padding: 3px;}
.wheelList li.on {background: url(../img/wheel_current.gif) center center no-repeat;}
.wheelList li a {width:62px; height:62px; background:url(../img/wheel_all.png) 0 0 no-repeat; display:block;text-decoration:none;}
.wheelList li.wheel02 a {background-position: -62px 0;}
.wheelList li.wheel03 a {background-position: -124px 0;}
.wheelList li.wheel04 a {background-position: -186px 0;}
.wheelList li.wheel05 a {background-position: -248px 0;}



.bodyColorArea h3 {margin: 13px 0 3px 119px;}
.bodyColorArea ul {width: 270px; margin-left: 25px;}
.intColorArea h3 {margin: 13px 0 3px 119px;}
.intColorArea ul {width: 290px; margin-left: 21px; text-align: center;}
.wheelArea h3 {margin: 13px 0 3px 89px;}
.wheelArea ul {width: 216px; margin-left: 8px; text-align: center;}

.resultArea {width: 900px; height: 440px; margin: 0 auto; position: relative;}

.printHeader {display: none;}

.resultInterior {width: 900px; height: 200px; margin-bottom: 12px; position: relative; *zoom: 1;}
.resultInterior .img {position: absolute; top: 0; left: 0; display: none; *zoom: 1;}
.resultInterior .img.on {display: block;}
.resultImg{position: absolute; top: 112px; right:-22px;}
.resultImg .type{position: absolute; bottom: 5px; right: 22px; font-size: 12px; line-height: 24px; text-align: right;}

.resultList {width: 315px; margin-bottom: 5px; padding: 20px; background-color: #fff;}
.resultList h4{width: 315px; margin-bottom: 12px; padding-bottom: 14px; font-size: 16px; line-height: 19px; font-weight: normal; border-bottom: 1px solid #b2b2b2;}
.resultList ul { width: 315px;}
.resultList li {
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 24px;
	border: none;
	float: none;
	cursor: default;
	vertical-align: top;
}

.resultList li span{vertical-align: top; position: relative; display: inline-block; *display: block; *zoom: 1;}
.resultList li span.prop {width: 100px; }
.resultList li span.val { width: 200px;}

.resultImg .loading {
	width: 100%;
	height: 100%;
	background: url(../img/result/loading.gif) center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.typeCaution {font-size: 12px; line-height: 24px; display: none;}

.btnsArea {background: url(../img/btns_bg.gif) center top no-repeat;}
.btnsArea h3 {margin-bottom: 30px; text-align: center;}
.btnsArea .btnsList { width: 766px; margin: 0 auto 100px; overflow: hidden; position: relative; *zoom: 1;}

.btnsArea .btnsList li {margin: 0 10px 20px 0; float: left;}
.btnsArea .btnsList li.right {margin-right: 0;}


.btnsArea .btnsList li a{
	width:378px;
	height: 60px;
	overflow: hidden;
	display: block;
	background:url(../img/btn_all.png) 0 0 no-repeat;
	}
.btnsArea .btnsList li a:hover { background-position:0 -60px;}
.btnsArea .btnsList li a span{ display:none;}

.btnsArea .btnsList li.btn02 a {background-position:-378px 0;}
.btnsArea .btnsList li.btn02 a:hover {background-position:-378px -60px;}


.btnsArea .btnsList li.small a {width:248px; height:40px; background-position: 0 -120px;}
.btnsArea .btnsList li.small a:hover { background-position:0 -160px;}
.btnsArea .btnsList li.small.btn04 a {background-position: -249px -120px;}
.btnsArea .btnsList li.small.btn04 a:hover { background-position:-249px -160px;}
.btnsArea .btnsList li.small.btn05 a {background-position: -498px -120px;}
.btnsArea .btnsList li.small.btn05 a:hover { background-position:-498px -160px;}


/* ----------------------------------------
	2015.11.30
---------------------------------------- */

.resultList li {
	line-height: 18px;
}