@charset "UTF-8";

/*=============================================

	common

==============================================*/

body {
	color:#464646;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link,a:visited {color:#000000;text-decoration:none;}
a:hover,a:active {color:#000000;text-decoration:none;}

#top{
	position:relative;
}

/*=============================================

	top area

==============================================*/

#main-content{
	margin:50px auto 35px;
	width:900px;
}

#top-area{
	margin-bottom:35px;
}

#top-area .txt-sub{
	padding:0 0 14px 229px;
}

#top-area h1{
	padding:0 0 18px 226px;
}

#top-area .explain-value{
	padding-left:168px;
}

#top-area .explain-value .img{
	float:left;
}

#top-area .explain-value .detail{
	float:left;
	margin-left:24px;
	padding-top:25px;
}

/*=============================================

	block

==============================================*/

#block-wrapper{
	position:relative;
	margin-bottom:3px;
}

#block-wrapper .items-overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:900px;
	height:871px;
	background:url(../IMAGES/bg_overlay_02.png) repeat 0 0;
	z-index:1000;
}

#block-items{
	position:relative;
	width:900px;
	height:871px;
	background:#cecece;
}

#block-items > li{
	position:absolute;
}

#block-items > li .inner-block{
	position:relative;
	/* background:#ffffff; */
}

#block-items > li .ttl-q{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#block-items > li .img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:#ffffff;
}

#block-items > li .done{
	/* background:url(../IMAGES/icon_comp.gif) no-repeat 100% 100% #f4f4f4; */
	background:#f4f4f4;
}

#block-items > li .icon-comp{
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	width:30px;
	height:30px;
	background:url(../IMAGES/icon_comp.gif) no-repeat 0 0;
	z-index:10;
}

#block-items .check-value{
	position:absolute;
	bottom:22px;
	left:52px;
	width:190px;
	z-index:10;
}

#block-items .check-value li{
	display:none;
	float:left;
	margin:0 5px;
	width:27px;
	height:26px;
	cursor:pointer;
}

#block-items .check-value .cv-05{
	margin:0 5px 0 10px;
}

#block-items .check-value .cv-01{background:url(../IMAGES/icon_wheel_def_01.gif) no-repeat 0 0;}
#block-items .check-value .cv-02{background:url(../IMAGES/icon_wheel_def_02.gif) no-repeat 0 0;}
#block-items .check-value .cv-03{background:url(../IMAGES/icon_wheel_def_03.gif) no-repeat 0 0;}
#block-items .check-value .cv-04{background:url(../IMAGES/icon_wheel_def_04.gif) no-repeat 0 0;}
#block-items .check-value .cv-05{background:url(../IMAGES/icon_wheel_def_05.gif) no-repeat 0 0;}
#block-items .check-value .cv-06{background:url(../IMAGES/icon_wheel_def_06.gif) no-repeat 0 0;}
#block-items .check-value .cv-07{background:url(../IMAGES/icon_wheel_def_07.gif) no-repeat 0 0;}
#block-items .check-value .cv-08{background:url(../IMAGES/icon_wheel_def_08.gif) no-repeat 0 0;}
#block-items .check-value .cv-09{background:url(../IMAGES/icon_wheel_def_09.gif) no-repeat 0 0;}
#block-items .check-value .cv-10{background:url(../IMAGES/icon_wheel_def_10.gif) no-repeat 0 0;}
#block-items .check-value .cv-11{background:url(../IMAGES/icon_wheel_def_11.gif) no-repeat 0 0;}

#block-items .check-value .cv-01.checked{background:url(../IMAGES/icon_wheel_check_01.gif) no-repeat 0 0;}
#block-items .check-value .cv-02.checked{background:url(../IMAGES/icon_wheel_check_02.gif) no-repeat 0 0;}
#block-items .check-value .cv-03.checked{background:url(../IMAGES/icon_wheel_check_03.gif) no-repeat 0 0;}
#block-items .check-value .cv-04.checked{background:url(../IMAGES/icon_wheel_check_04.gif) no-repeat 0 0;}
#block-items .check-value .cv-05.checked{background:url(../IMAGES/icon_wheel_check_05.gif) no-repeat 0 0;}
#block-items .check-value .cv-06.checked{background:url(../IMAGES/icon_wheel_check_06.gif) no-repeat 0 0;}
#block-items .check-value .cv-07.checked{background:url(../IMAGES/icon_wheel_check_07.gif) no-repeat 0 0;}
#block-items .check-value .cv-08.checked{background:url(../IMAGES/icon_wheel_check_08.gif) no-repeat 0 0;}
#block-items .check-value .cv-09.checked{background:url(../IMAGES/icon_wheel_check_09.gif) no-repeat 0 0;}
#block-items .check-value .cv-10.checked{background:url(../IMAGES/icon_wheel_check_10.gif) no-repeat 0 0;}
#block-items .check-value .cv-11.checked{background:url(../IMAGES/icon_wheel_check_11.gif) no-repeat 0 0;}

#block-1{top:1px;left:1px;}
#block-2{top:1px;left:300px;}
#block-3{top:172px;left:300px;}
#block-4{top:1px;left:599px;}
#block-5{top:351px;left:1px;}
#block-6{top:351px;left:300px;}
#block-7{top:522px;left:300px;}
#block-8{top:351px;left:599px;}
#block-9{top:702px;left:1px;}
#block-10{top:702px;left:300px;}
#block-11{top:522px;left:599px;}

#block-1 .inner-block{width:298px;height:349px;}
#block-2 .inner-block{width:298px;height:170px;}
#block-3 .inner-block{width:298px;height:178px;}
#block-4 .inner-block{width:300px;height:349px;}
#block-5 .inner-block{width:298px;height:350px;}
#block-6 .inner-block{width:298px;height:170px;}
#block-7 .inner-block{width:298px;height:179px;}
#block-8 .inner-block{width:300px;height:170px;}
#block-9 .inner-block{width:298px;height:168px;}
#block-10 .inner-block{width:298px;height:168px;}
#block-11 .inner-block{width:300px;height:348px;}

/*=============================================

	btn area

==============================================*/

#btn-area{
	margin-bottom:3px;
}

#btn-diagnose{
	cursor:pointer;
}

#btn-finished{
}

#btn-reselect{
	/* display:none; */
	float:right;
	cursor:pointer;
}

#btn-reset{
	/* display:none; */
	float:left;
	cursor:pointer;
}

/*=============================================

	result area

==============================================*/

#result-area{
	position:relative;
	margin-bottom:20px;
	width:898px;
/*	height:470px; */
	border:solid 1px #cecece;
	overflow:hidden;
}

#result-area .img-def{
	width:894px;
	z-index:9998;
}

#result-area .img-cover{
	display:none;
	position:absolute;
	padding-top:40px;
	width:894px;
	height:470px;
	background:#ffffff;
	z-index:9997;
}

#result-area .inner-area{
	padding:30px;
}

#result-area .ttl-result{
	margin-bottom:35px;
	text-align:center;
}

#result-area #screen{
	position:relative;
}

#result-area .carlist{
	position:relative;
	margin:0 auto 25px;
	width:816px;
	height:255px;
	overflow:hidden;
}

#result-area .carlist ul{
	position:absolute;
	top:0;
	left:0;
	width:200px;
}

#result-area .carlist ul > li{
	display:none;;
	float:left;
	margin-right:9px;
}

#result-area .carlist ul > li .img{
	position:relative;
}

#result-area .carlist ul > li .img span{
	display:block;
	position:absolute;
	top:0;
	left:18px;
	width:62px;
	height:38px;	
}

#result-area .carlist ul > li .img .icon-01{
	background:url(../IMAGES/icon_pls_01.gif) no-repeat 0 0;
}

#result-area .carlist ul > li .img .icon-02{
	background:url(../IMAGES/icon_pls_02.gif) no-repeat 0 0;
}

#result-area .carlist ul > li .img .icon-03{
	background:url(../IMAGES/icon_pls_03.gif) no-repeat 0 0;
}

#result-area .carlist ul > li .link{
	margin:0 auto;
	width:230px;
}

#result-area .caption-result{
	text-align:center;
}

#result-area #screen .list-control > li{
	position:absolute;
	top:150px;
	cursor:pointer;
}

#result-area #screen .list-control #prev{
	left:-21px;
}

#result-area #screen .list-control #next{
	right:-21px;
}

/*=============================================

	overlay

==============================================*/

#error-overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	background:url(../IMAGES/bg_overlay_01.png) repeat 0 0;
	z-index:9999;
}

#error-overlay .error-box{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-87.5px;
	margin-left:-257.5px;
	width:515px;
	height:175px;
	border:solid 3px #cecece;
	background:#ffffff;
	z-index:99999;
}

#error-overlay .error-box .text{
	margin:0 auto 42px;
	padding-top:58px;
	width:374px;
}

#error-overlay .error-box .btn{
	margin:0 auto 22px;
	width:101px;
	cursor:pointer;
}

/*=============================================

	module

==============================================*/

.ro:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/*=============================================

	clearfix

==============================================*/

selector:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
selector{display:block;min-height:1%;}
*:first-child+html selector{display:inline-table;zoom:1;}
* html selector{zoom:1;}

.explain-value:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.explain-value{display:block;min-height:1%;}
*:first-child+html .explain-value{display:inline-table;zoom:1;}
* html .explain-value{zoom:1;}

.check:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.check{display:block;min-height:1%;}
*:first-child+html .check{display:inline-table;zoom:1;}
* html .check{zoom:1;}

#btn-finished:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
#btn-finished{display:block;min-height:1%;}
*:first-child+html #btn-finished{display:inline-table;zoom:1;}
* html #btn-finished{zoom:1;}

.carlist:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.carlist{display:block;min-height:1%;}
*:first-child+html .carlist{display:inline-table;zoom:1;}
* html .carlist{zoom:1;}