@charset "utf-8";

#container {position:relative}

/* Áöµµ¿µ¿ª */
.map_area {margin:0 15px 25px 15px;height:680px;background-color:#f4f4f4}

/* ±³Á¤ */
.proof_area {position:relative}
.proof_area a { display:block; filter:alpha(opacity=0); opacity:0; width:29%;height:19%;overflow:hidden; position:absolute; text-indent:-20000px;background-color:red}
.proof01 {top:8%;left:5%}
.proof02 {top:8%;left:36%}
.proof03 {top:8%;right:5%}
.proof04 {top:29%;left:5%}
.proof05 {top:29%;left:36%}
.proof06 {top:29%;right:5%}
.proof07 {top:49.5%;left:5%}
.proof08 {top:49.5%;left:36%}
.proof09 {top:49.5%;right:5%}
.proof10 {bottom:10%;left:5%}
.proof11 {bottom:10%;left:36%}
.proof12 {bottom:10%;right:5%}

/* ±³Á¤ÀüÈÄ»ìÆ캸±â ÀÎÆ®·Î */
.proof_intro {position:relative}
.proof_intro a { display:block; filter:alpha(opacity=0); opacity:0; width:44%;height:13%;overflow:hidden; position:absolute; text-indent:-20000px;background-color:red}
.proof_link01 {top:6%;left:5%}
.proof_link02 {top:6%;right:5%}
.proof_link03 {top:19%;left:5%}
.proof_link04 {top:19%;right:5%}
.proof_link05 {top:32%;left:5%}
.proof_link06 {top:32%;right:5%}
.proof_link07 {top:45%;left:5%}
.proof_link08 {top:45%;right:5%}
.proof_link09 {top:58%;left:5%}
.proof_link10 {top:58%;right:5%}
.proof_link11 {top:71%;left:5%}
.proof_link12 {top:71%;right:5%}
.proof_link13 {bottom:3%;left:5%}
.proof_link14 {bottom:3%;right:5%}

/* µ¹ÃâÀÔÅ×½ºÆ® */
.check_area {margin:0 15px}
.check_area .check_tit {padding:12px 13px;background-color:#587f9a;color:#c5d2db}
.check_area .check_tit strong {display:block;margin-bottom:5px;color:#fff;font-size:15px}
.check_area .check_cont {padding:20px 12px;background-color:#e9e9e9}
.list_check li {margin-top:10px;padding-left:17px;color:#666;font-weight:bold;text-indent:-17px}
.list_check li:first-child {margin-top:0}
.btn_center {display:block;text-align:center}
.check_area .btn01 {padding:20px 0 30px 0}
.btn02 {overflow:hidden;padding:15px 0 30px;border-top:1px solid #e7e7e7}
.check_area .btn02 a,.self_result .btn02 a {float:left;width:33.333%;padding-left:5px;box-sizing:border-box}
.check_area .btn02 a:first-child,.self_result .btn02 a:first-child {padding-left:0}

.result_mouse {margin:25px 0}
.result_mouse .result_stt {display:block;margin-bottom:10px;font-size:16px;color:#33678a;font-weight:bold}
.result_mouse .result_clear {overflow:hidden;width:100%;height:63px;display:table}
.result_mouse .question {width:25%;color:#fff;font-weight:bold;text-align:center;background-color:#22bcca;display:table-cell;vertical-align:middle;line-height:18px}
.result_mouse .percent {width:75%;display:inline-block;background-color:#587f9a;color:#ceebff;font-size:30px;text-align:center;display:table-cell;vertical-align:middle}
.result_mouse .desc {padding:15px;background-color:#e3eff7;color:#47687f;font-weight:bold}

/* ¼¿ÇÁÅ×½ºÆ® */
.self_step01,.self_step02 {margin:0 15px}
.self_step01 .list_test,.self_step02 .list_test {overflow:hidden;margin-bottom:30px}
.self_step01 .list_test li {float:left;width:50%}
.self_step01 .list_test li a {display:block;box-sizing:border-box;padding:5px}
.list_test {margin:0 15px 30px 15px}
.list_test .list {margin-top:10px}
.list_test .list:first-child {margin-top:0}
.list.bg01 .top {display:block;width:100%;height:8px;background:url(../images/bg_list_top01.png) no-repeat 0 0;background-size:100% 100%}
.list.bg01 .inner {background:url(../images/bg_list_btm01.png) repeat-y 0 bottom;background-size:100% 100%}
.list.bg02 .top {display:block;width:100%;height:8px;background:url(../images/bg_list_top02.png) no-repeat 0 0;background-size:100% 100%}
.list.bg02 .inner {background:url(../images/bg_list_btm02.png) repeat-y 0 bottom;background-size:100% 100%}
.list.bg03 .top {display:block;width:100%;height:8px;background:url(../images/bg_list_top03.png) no-repeat 0 0;background-size:100% 100%}
.list.bg03 .inner {background:url(../images/bg_list_btm03.png) repeat-y 0 bottom;background-size:100% 100%}
.list .inner {overflow:hidden;display:table;width:100%;padding:15px 0}
.list strong {width:32%;display:table-cell;vertical-align:middle;color:#d3e2ed;font-weight:bold;font-size:15px;text-align:center}
.list .cont {overflow:hidden;width:68%;padding:0 10px;display:block;display:table-cell;vertical-align:middle}
.list .cont .tit {margin-bottom:5px;color:#1476bb;font-weight:bold;font-size:14px}
.list .cont .desc {font-weight:bold;color:#666}

/* ±³Á¤ÀüÈÄ»ìÆ캸±â */
.before_after {padding:25px 15px;background-color:#dceaf5}
.list_kind li {margin-bottom:1px}
.list_kind img {width:100%}

/* ·¹À̾î */
.layer {display:none; position:absolute; top:0; left:0;padding-bottom:10px; width:100%; z-index:100;box-sizing:border-box}
.layer .pop-layer {margin:0 15px 50px 15px; z-index: 10; }
.layer .btn_close {position:absolute;top:0;right:15px;z-index:100}

/* µÑ·¯º¸±â */
#mask{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background:#000; opacity:0.7; filter:alpha(opacity=70); z-index: 22; }
.layer .wmuSliderWrapper	{ overflow: hidden; }
.layer .wmuSliderWrapper li	{float:left}
.layer .wmuSliderPlay,
.layer .wmuSliderStop	{ display: none; }
.layer .wmuSliderPrev	{ position: absolute; left: 15px; bottom:0; width: 40px; height: 40px; text-indent: -3333px; background: url(../images/left_arrow.png) no-repeat left top; cursor: pointer; z-index: 23;   background-size:100% 100%;}
.layer .wmuSliderNext	{ position: absolute; right: 15px; bottom:0; width: 40px; height: 40px; text-indent: -3333px; background: url(../images/right_arrow.png) no-repeat left top; cursor: pointer; z-index: 23;   background-size:100% 100%;}

.pop-layer .wmuSliderWrapper { margin:0 auto;position:relative; overflow:hidden;text-align:center; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden;  z-index:1; }
.pop-layer .wmuSliderWrapper .tit {margin-bottom:15px;text-align:left}
.pop-layer .wmuSlider {overflow:hidden/*;min-height:450px*/}
.pop-layer .wmuSliderWrapper li .thumb {width:100%}
.pop-layer .wmuSliderPagination {position:absolute;bottom:10px;left:50%;margin-left:-20px}
.pop-layer .wmuSliderPagination li {float:left;margin-left:12px}
.pop-layer .wmuSliderPagination li:first-child {margin-left:0}
.pop-layer .wmuSliderPagination li a {display:block;width:10px;height:10px;font-size:0;line-height:0;text-indent:-9999px;border-radius:5px;background-color:#c3c3c3}
.pop-layer .wmuSliderPagination li a.wmuActive {background-color:#2681c9}