@charset "utf-8";

body{
	text-align:center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	background:#efefef;
	color:#3e3a39;

}

.pager{
	position:absolute;
	width:880px;
	height:40px;
	text-align:left;
	border-bottom:#f7f7f7 solid 4px;
	padding:5px 20px 0;
	font-size:11px;
}

.pager .maru{
	float:right;
	text-align:right;
	width:450px;
	left:230px;
	padding-top:10px;
}

.pager img{
	opacity:0.4;
	margin:0 3px;
}

.pager span{
	font-size:10px;
}

.pager div{
	line-height:1.2em;
	padding-top:5px;
	margin-top:-50px;
}

#page0 div,#page5 div{
	margin-top:7px;
}

#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9{
	display:none;
}



#wrap{
	width:920px;
	height:485px;
	margin:60px auto 0;
	overflow:hidden;
	background:#fafafa;
	border:#f7f7f7 solid 1px;
}

#wrap2{
	width:920px;
	height:800px;
	margin:20px auto 0;
	overflow:hidden;
	background:#fafafa;
	border:#f7f7f7 solid 1px;
}

ul,ol{
	list-style:none;
	padding:0;
	margin:0;
}

ul#content{
	width:100000px;
	float:left;
	position:relative;
	}


li.ques{
	width:920px;
	height:485px;
	float:left;
	font-weight:bold;
	position:relative;
}

li.ques2{
	width:920px;
	height:920px;
	float:left;
	font-weight:bold;
	position:relative;
}

span.questarget {
	font-size: 30px;
}

/*タイトル周り*/
h1,h2,h3{
	font-weight:normal;
	text-align:left;
	margin:115px 0 7px 105px;
	color:#d7a281;
	font-size:26px;
	line-height:1.7em;
}


h2 span{
	font-size:12px;
	line-height:0;
}

div.lead{
	font-size:13px;
	text-align:left;
	margin-left:105px;
	line-height:1.8em;
}

.title_next {
	position:relative;
	display:inline-block;
	margin-top:22px;
	color:#00a29a;
	z-index:10;
	text-decoration:none;
    padding: 2px 0 0 10px;
	background:#9bc8a7;
	width:100px;
	height:25px;
    line-height: 25px;
    color: #fff;

}

,#answer{
	position:relative;
	display:inline-block;
	margin-top:22px;
	color:#00a29a;
	z-index:10;
	text-decoration:none;
}

.title_next img{
	margin-left:5px;
	vertical-align:middle;
}

.title_next:hover,#answer:hover{
	cursor:pointer;
	opacity:0.6;
}

#title{
	background:url("../img/step0.png") no-repeat 600px 110px;
}
#step1{
	background:url("../img/step1.png") no-repeat 600px 110px;
}
#step2{
	background:url("../img/step2.png") no-repeat 600px 110px;
}
#step3{
	background:url("../img/step3.png") no-repeat 600px 110px;
}
#step4{
	background:url("../img/step4.png") no-repeat 600px 110px;
}
#step5{
	background:url("../img/step5.png") no-repeat 600px 110px;
}
#step6{
	background:url("../img/step6.png") no-repeat 600px 110px;
}
#step7{
	background:url("../img/step7.png") no-repeat 600px 110px;
}
#step8{
	background:url("../img/step8.png") no-repeat 600px 110px;
}
#step9{
	background:url("../img/step9.png") no-repeat 600px 110px;
}


/*質問部分*/

li>p{
	height:110px;
	font-size: 24px;
	color: #a9cc96;
	padding-top:120px;
}

ol{
	width:100%;
	margin:0 auto;
}

ol>li,.end{
	width:164px;
	height:40px;
	line-height:40px;
	margin:10px 5px;
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
}

.end{
	background:#9bc8a7;
	color:#fff;
	text-decoration:none;
    border-style: none;
}

.a1{
color:#fff;
background:#d69e83;
}
.a2{
color:#fff;
background:#9bc8a7;
}
.a3{
color:#fff;
background:#8cbec5;
}
.a4{
color:#fff;
background:#d8c17b;
}

ol>li:hover,.end:hover{
	opacity:0.7;
}

/*フッタ*/
#btm{
	position:absolute;
	text-align:left;
	margin:0 20px;
	bottom:0px;
	font-size:10px;
	height:85px;
	margin-left:110px;
}

#btm p{
	position:relative;
	padding:10px;
	left:457px;
}

.gotop,.gofwd{
	cursor:pointer;
	margin-top:35px;
	padding:0 10px 0 25px;
    display: inline-block;
	width:100px;
	height:20px;
    line-height: 20px;
    color: #fff;
	}

.gotop {
	background:#b6b6b6 url("../img/tri.png") no-repeat 10px center;
}

.gofwd {
    margin-left: 10px;
	background:#898989 url("../img/tri.png") no-repeat 10px center;
}

.gotop:hover,.gofwd:hover{
	color:#ddd;
}

.sample { font-weight: bold; color:#f00; font-size: 14px !important; }


#overlay{
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
    background: rgba(0,0,0,0.7);
}

#intro {
    width: 600px;
    height auto;
/*    font-weight: bold;*/
    background-color: #efefef;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#intro div {
    width: 500px;
    text-align:center;
    margin: auto;
    padding: 40px 0;
    font-size: 14px;
}

#close {
    color: #fff;
    width: 130px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 20px;
    padding:5px ;
    cursor: pointer;
    background: #9bc8a7;
}

#overlay2{
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
    background: rgba(0,0,0,0.3);
}

#intro2 {
    width: 700px;
    height auto;
/*    font-weight: bold;	*/
    background-color: #fff;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#intro2 div {
    width: 600px;
    text-align:center;
    margin: auto;
    padding: 80px 0;
    font-size: 18px;
}

#close2 {
    color: #fff;
    width: 130px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 20px;
    padding:5px ;
    cursor: pointer;
    background: #9bc8a7;
}

#overlay3{
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
    background: rgba(0,0,0,0.3);
}

#intro3 {
/*    width: 800px;*/
    width: auto;
    height auto;
/*    font-weight: bold;
    background-color: #fff;*/
    margin-top: 0px;
    margin-left: -100px;
    margin-right: auto;
    text-align: center;
}

#intro3 div {
    width: auto;
/*    width: 700px;
    text-align:center;
    margin: auto;
    padding: 80px 0;
    font-size: 18px;*/
}

#close3 {
    width: auto;
    height auto;
/*    color: #fff;
    width: 130px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 20px;
    padding:5px ;
    cursor: pointer;
    background: #9bc8a7;*/
}

#close3 p{
    width: auto;
    height auto;
    text-align:center;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
    font-size: 275px;
    color: #888;
    font-weight: bold;
    border:#888 solid 30px;
}