@charset "utf-8";
a{
	color:#0088CA;
}
a:hover{
	color:#24B8FF;
}
a:visited{
	color:#0088CA;
}
.block{
	display:block;
}
.align_center{
	display:block;
	margin:0 auto;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
em{
	font-style:normal;
}
em.green{
	color:#5c7d3c;
	font-weight:bold;
}

#cafepage{
	width:950px;
	background:url(../img/bg.jpg) repeat-y;
	padding:0 0 20px 0;
}

/*/////////////////////////////////////////////////

キッカケ

//////////////////////////////////////////////////////*/
#topheader{
	height:926px;
	width:950px;
	background:url(../img/kikkake_mainbg.png) no-repeat center top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#topheader section ul{
	float:left;
	padding:320px 0 0 55px;
}
#topheader section ul li{
	margin:0 0 3px 0;
}
#topheader section p{
	float:right;
	padding:510px 50px 0 0;
	letter-spacing:0.1em;
	line-height:1.6;
}
#topheader article{
	padding:95px 0 0 220px;
	font-size:110%;
	letter-spacing:0.05em;
	line-height:2.8;
}
#topheader h2{
	text-align:center;
	font-size:140%;
	font-weight:bold;
	color:#4b2b0f;
	padding:115px 0 0 0;
}

#itv{
	width:950px;
	background:url(../img/qa_bg.png) repeat-y center;
	padding:0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#itv section{
	background:url(../img/q_line.png) no-repeat top;
	padding:10px 0 20px 0;
}
dl.answer_f{
	width:560px;
}
#itv section dl dt{
	min-height:34px;
	background:url(../img/q_icon.png) no-repeat left top;
	font-size:130%;
	font-weight:bold;
	color:#a38b5d;
	padding:10px 0 5px 50px;
}
dt.line2{
	min-height:34px;
	background:url(../img/q_icon.png) no-repeat left top;
	font-size:130%;
	font-weight:bold;
	color:#a38b5d;
	padding:2px 0 5px 50px !important;
}
#itv section dl dd{
	width:100%; 
	font-size:120%;
	padding:20px 0 0 15px;
	letter-spacing:0.1em;
	line-height:1.8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.kikkake_ph01{
	position:relative;
	top:-50px;
}




/*/////////////////////////////////////////////////

やりがい

//////////////////////////////////////////////////////*/
#subheader{
	height:716px;
	width:950px;
	background:url(../img/sub_headbg.png) no-repeat center top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#subheader section ul{
	float:left;
	padding:320px 0 0 55px;
}
#subheader section ul li{
	margin:0 0 3px 0;
}
#subheader section p{
	float:right;
	padding:510px 20px 0 0;
	letter-spacing:0.1em;
	line-height:1.6;
}
#subheader h2{
	text-align:center;
	font-size:140%;
	font-weight:bold;
	color:#4b2b0f;
	padding:110px 0 0 0;
}
#comment{
	width:950px;
	height:220px;
	background:url(../img/sub_commentbg.png) no-repeat center top;
	padding:40px 0 0 220px;
	font-size:110%;
	letter-spacing:0.05em;
	line-height:2.8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*/////////////////////////////////////////////////

流れ

//////////////////////////////////////////////////////*/
#nagare{
	width:950px;
	height:896px;
	background:url(../img/nagare_bg.png) no-repeat center top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#nagare dl dd{
	width:100%; 
	font-size:120%;
	letter-spacing:0.1em;
	line-height:1.8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	dd.crm01{
	padding:130px 0 0 0 !important;
}
}

/*/////////////////////////////////////////////////

チャレンジ

//////////////////////////////////////////////////////*/
.challange_ph01{
	position:relative;
	top:10px;
}



/*/////////////////////////////////////////////////

ページャー

//////////////////////////////////////////////////////*/
#top_pager,#sub_pager,#last_pager{
	width:795px;
	padding:0 0 5px 0;
	margin:20px auto;
	background:url(../img/pagerbg.png) no-repeat;
}
#top_pager ul{
	display:block;
	float:right;
	padding:15px 60px 0 0;
}
#top_pager ul li,#sub_pager ul li,#last_pager ul li{
	display:inline;
}
#sub_pager ul{
	display:block;
	float:left;
	padding:15px 0 0 50px;
}
#last_pager ul{
	display:block;
	float:left;
	padding:15px 0 0 80px;
}
a.prev{
	padding:2px 0 0 10px;
	display:block;
	float:left;
}
a.next{
	padding:2px 10px 0 0;
	display:block;
	float:right;
}


/*/////////////////////////////////////////////////

Backnumber

//////////////////////////////////////////////////////*/
#backnumber{
	width:950px;
	margin:-20px auto 0 auto;
	background:url(../img/otherbg.png) no-repeat;
	padding:50px 32px 20px 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#backnumber ul li{
	display:inline;
}

#search_btn{
	width:212px;
	margin:30px auto;
}