@charset "utf-8";
/* ======================================================

	structure CSS

========================================================= */
html {
	margin: 0;
	padding:0;
}

body {
	width: 100%;
	background-color: rgba( 255, 255, 255, 0.55 );
}

.container{
	width:100%;
	background:url(images/header_line.png) repeat-x;
	}
.bg_contents{
	width: 1500px;
	height: 20px;
	background: url(images/header_line.png) repeat-x;}

.header{
	width:1300px;
	margin:0 auto;
	background:url(images/header_line.png) repeat-x;
	background-image: url(images/bg.jpg);
	}
.headerline{
	z-index: 5000;
	background: url(images/header_line.png) repeat-x;
	/*height: 18px;
	width: 1500px;*/
}

.headerArea{
	margin:0 auto;
	width:1300px;}

.contents{
	margin:0 auto;
	width:1300px;
	overflow:hidden;
	background-image: url(images/bg.jpg);
	}

.contents_inner{
	width: 800px;
	margin:0 40px;
	float:left;}

.side{
	margin:0 auto 50px auto;
	padding:0 40px;
	background:url(images/border_contents.png) repeat-y left 0;
	float:left;
	}

.footerArea{
	margin:0 auto;
	width:1300px;}

#footer{}

.footerArea{
	width:1300px;
		background-image: url(images/bg.jpg);}

.f_content{
	width:100%;
	margin:0 auto;}

/* clear */
.headerArea:after,
.footerArea:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

.required {
	color: #f00;
	font-weight: bold;
}
.err_txt {
	color: #f00;}

@media screen and (max-width: 768px) {
	.container{}

	.header{}
		
	.headerArea{
		width:100%;
		height:auto;}

	.contents{
		}

	.contents_inner{
		padding:0 10px;
		width:100%;}

	.footerArea{
		width:100%;}
	.bg_contents{
		width: auto;
		height: 20px;
		background: url(images/header_line.png) repeat-x;}
}



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

	body

========================================================= */
body {
	color:#333;
	font-size:16px;
	line-height:1.65;}

.container{
	margin:0 auto;
	}

@media screen and (max-width: 768px) {
	body{
		min-width:100%;
		background:#FFFFFF;}

	.container{
		background:none;}
}



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

	header

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

.headerArea{
	padding-top:0px;
	}

.h_lead{font-size:14px;}

.headerInner{
	overflow:hidden;
	width: 1200px;
	margin: 0 50px;}

.headerInner .h_logo{
	padding:15px 0 30px 0;
	float:left;
	}
.headerInner .h_logo a:hover{
	opacity:0.7;}

.headerInner .h_right{
	float:right;
	}

.headerInner .h_right .h_address{
	font-size:16px;
	margin-bottom:4px;
	}

.headerInner .h_right .h_contact{
	/*width: 475px;
	height: 70px;
	padding: 32px 0 0 40px;*/
	margin: 0 0 20px 0;
	overflow: hidden;
 	}
.headerInner .h_right .h_contact li{
	/*float:left;*/
	margin: 0 0px 5px 0px;
 	}

.headerInner .h_right .h_contact a:hover{
	opacity:0.7;}


@media screen and (max-width:768px){

.header,
.headerArea{
	width:100%;
}

.header{
	background: none;
}
	
.headerArea{
	padding: 0;
}
	
.headerInner{
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
	margin: 0 0 10px 0;
	margin: 0 0 10px 0;
}
	
.h_lead{
	padding: 60px 10px 0 10px;
}
	
.headerInner .h_right{
	display:none;
}

.headerInner .h_logo{
	float:none;
	padding:0 0;
}

.headerInner .h_logo a{
	width:100%;
	box-sizing:border-box;
}

.headerInner .h_logo img{
	width:100%;
	vertical-align:middle;
}
	

}


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

	gNavi

========================================================= */
.gnav{
	background-image: url(images/bg.jpg);
	width:1300px; 
	margin:0 auto;
	padding:0 0 20px 0;}

.gnav ul{
	margin:0 auto;
	width:1220px;
	display:table;
	background:url(images/border_gnav.png) no-repeat 0 0;
	}

.gnav ul li{
	display:table-cell;
	width:16.6666%;
	box-sizing:border-box;
	text-align:center;
	position:relative;
	}

.gnav ul li a{
	display:block;
	}

.gnav ul li a::after{
	display:inline-block;
	content:"";
	background:url(images/border_gnav.png);
	width:7px;
	height:110px;
	position:absolute;
	right:0;
 	}


/* clear */
.gnav ul:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

@media screen and (max-width:768px){
	.gnav{
		width:100%;
		padding:0;}
	
	.gnav ul{
		display:none;
		}

	.sp_gnavArea{
		position: fixed;
		width: 100%;
		background-color: rgba(250,205,137,0.5);
		z-index: 999;
	}

	.sp_gnav_btn{
		width:auto;
		padding:0 5px;
		margin: 5px 0;
		text-align:left;}

	.sp_gnav_btn img{
		height: 50px;
	}
	
	.sp_gnav_btn span{
		float: right;
	}

	.sp_gnav {
		display:none;
		z-index:100;
		margin-bottom:0;
		background-color: rgba( 255, 255, 255, 0.55);
	    height: 400px;
	    overflow: auto;}

	.sp_gnav li{
		position:relative;
		font-size:16px;
		background:url(images/icon_arrow.png) 13px 45% no-repeat;}

	.sp_gnav li a {
		display:block;
		padding:10px 10px 10px 30px;
		border-bottom:1px solid #6A3906;
		color:#542E0C;
		background: rgba(250,205,137,0.5);
		text-decoration:none;}

	.sp_gnav li a:hover{
		opacity:0.7;}

	/*.sp_gnavArea{
		background-color:#ffcf11;}

	.sp_gnav_btn{
		width:auto;
		padding:5px 5px;
		text-align:right;}

	.sp_gnav {
		display:none;
		z-index:100;
		margin-bottom:0;
		background-color: rgba( 255, 255, 255, 0.55 );}

	.sp_gnav li{
		position:relative;
		font-size:16px;
		background:url(images/icon_arrow.png) 13px 45% no-repeat;}

	.sp_gnav li a {
		display:block;
		padding:10px 10px 10px 30px;
		border-bottom:1px solid #6A3906;
		color:#542E0C;
		text-decoration:none;}

	.sp_gnav li a:hover{
		opacity:0.7;}*/
}




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

	mv

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

.mv{
	width: 1300px;
	background-image: url(images/bg.jpg);
	margin: 0 auto;
	padding-bottom: 50px;}

.mvInner{
	width:1200px;
	height:600px;
	margin:0 auto;
	background:url(images/bg_main.jpg) no-repeat 0 0;
	background-position: top center;
	position:relative;
	}
	
.mvInner02{
	width:1220px;
	margin:0 auto;
	height:240px;
	position:relative;}
	
.mvInner_flow_program{
	width:1220px;
	margin:0 auto;
	background:url(images/flow_program/flow_program_mv.png) no-repeat 0 0;
	height:230px;
	position:relative;
	}

.mvInner dl{
	background: url(images/bg_main_txt.png) no-repeat 0 0;
	width: 1220px;
	height: 301px;
	position: absolute;
	bottom: 3px;
	padding: 20px 30px 54px 30px;}

/* text */
.mv_hline{
	font-size:34px;
	font-weight:bold;
	margin-bottom:10px;
	color: #fff;}
	
.mv_txt{
	margin-top: 20px;
	font-size: 25px;
	color: #fff;
	line-height: 40px;}

.mv_txt span {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
	line-height: 40px;}

.mvInner p.mv_go{
	text-align:center;
	position:absolute;
	bottom:50px;
	left:0;
	right:0;
	font-size:150%;
	text-decoration:underline;
	color: #fff;}

@media screen and (max-width:768px){
	
	.sp_mv{
		width:100%;
		}
	.sp_mv img{width:100%;}
	
	.mvInner{
		background-color: rgba( 255, 255, 255, 0.55 );
		}
	
	.mv,
	.mvInner,
	.mvInner dl{
		width:100%;
		background:none;
		height:auto;
		}
	
	.mv{
		background:#FFFFFF;}
	
	.mvInner dl{
		/*background-color: rgba( 255, 255, 255, 0.55 );*/
		background-image: url(images/bg.jpg);
		box-sizing:border-box;
		padding:0 10px;
		position:static;
		margin-top: -60px;
}

	.mvInner{
		/*background-color: rgba( 255, 255, 255, 0.55 );*/
		background-image: url(images/bg.jpg);
		}
	
	.mv,
	.mvInner02,
	.mvInner02 dl{
		width:100%;
		background:none;
		height:auto;
		}
	
	.mv{
		background-image: url(images/bg.jpg);
		background:#FFFFFF;
		padding: 0;
	}
	
	.mvInner02{
		width: 96%;
	}
	
	.mvInner02 dl{
		background-color: rgba( 255, 255, 255, 0.55 );
		box-sizing:border-box;
		padding:0 10px;
		position:static;}
/* text */
.mv_hline{
	font-size:34px;
	font-weight:bold;
	margin-bottom:10px;
	color: #000;}
	
.mv_txt{
	font-size: 18px;
	color: #000;
	line-height: 30px;}

.mv_txt span {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
	line-height: 30px;
}

.mvInner p.mv_go{
	text-align: center;
	position: static;
	font-size: 140%;
	text-decoration: underline;
	color: #000;
	padding-top: 20px;
}

		
	.mv_hline{
		text-align: center;
		color: #000;}
}


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

	side

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

.side ul li{
	margin-bottom:16px;
	}

.side a:hover{
	opacity:0.7;}
.bnr_emma{
	margin-bottom: 16px;
}
.facebook_frame{
	width: 340px;
	height: 500px;;
}

@media screen and (max-width:768px){
	.side{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
		background:none;
		}
	
	.side ul{
		width:100%;
		overflow:hidden;
		}
	
	.side ul li{
		float:left;
		width:50%;
		padding:0 3px;
		margin-bottom:5px;
		box-sizing:border-box;
		}
	.side ul li img{
		width:100%;
		}
	
	.facebook_frame{
		width: 100%;
		margin: 0 auto;
	}
	
	}


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

	contents

========================================================= */
.contents{

	}


@media screen and (max-width:768px){
	.contents{
		width:100%;}
		
	.contents_inner{
		width:100%;
		box-sizing:border-box;
		margin:0 0 10px;
		float:left;
	}
}


/* #recomed
-----------------------------------*/
#recomed{
	margin-bottom:30px;
	overflow: hidden;
	/*background:url(images/bg_recomd.png) no-repeat 0 0;
	width:800px;
	height:420px;
	padding:50px 50px 25px 50px;*/
	}
#recomed02{
	background:url(images/bg_recomd02.png) no-repeat 0 0;
	width:797px;
	margin: 0 0 30px 30px;
	}
#recomed03{
	background:url(images/bg_recomd03.png) no-repeat 0 0;
	width:797px;
	height:515px;
	padding:50px 50px 30px 50px;
	margin-bottom:50px;
	}
#recomed03 h3{
	background-image: url(images/icon.png);
	background-repeat: no-repeat;
	padding-left: 55px;
	font-size: 28px;
	}

#recomed h2,
#recomed02 h2,
#recomed03 h2{
	font-size: 24px;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	}

#recomed img,
#recomed02 img,
#recomed03 img{
	/*display:inline-block;*/
	float:right;
	}

#recomed .innBox{
	margin-top:25px;
	overflow:hidden;
	}
#recomed02 .innBox{
	overflow:hidden;
	}
#recomed03 .innBox{
	margin-top: 20px;
	overflow: hidden;
	}
.recruit_list .innBox{
	margin-top:50px;
	overflow:hidden;
	}

#recomed .checkBox,
#recomed02 .checkBox,
#recomed03 .checkBox{
	float:left;
	width: 100%;
	/*width:420px;*/
	}
	
.checkBox li{
	background:url(images/icon_check.png) no-repeat 0 0;
	min-height:45px;
	padding-top: 13px;
	padding-left:50px;
	margin-bottom:10px;
	}

.checkBox02 li{
	background:url(images/icon_check.png) no-repeat 0 0;
	background-size: 30px;
	min-height:45px;
	padding: 10px 0 0 40px;
	margin: 0 0 0 20px;}

.checkBox03 li{
	background:url(images/icon_check.png) no-repeat 0 0;
	background-size: 30px;
	min-height:45px;
	padding-left:50px;
	padding: 10px 0 0 40px;
	}

@media screen and (max-width:768px){
	#recomed,
	#recomed02,
	#recomed03{
		width:100%;
		height:auto;
		background:none;
		padding: 0px;
	    margin: 0 0 0 0px;}

	#recomed h2,
	#recomed02 h2,
	#recomed03 h2{
		text-align:center;
		font-size: 20px;}

	#recomed .innBox,
	#recomed02 .innBox,
	#recomed03 .innBox{
		margin:10px 0 0 0;}

	#recomed .checkBox,
	#recomed02 .checkBox,
	#recomed03 .checkBox{
		width:100%;}

	#recomed p,
	#recomed02 p,
	#recomed03 p{
		text-align:center;}
		
	#recomed img,
	#recomed02 img,
	#recomed03 img{
		float:none;
	margin-bottom: 30px;}

	#recomed03{
	margin-bottom: 30px;
	width: 100%;
	height: auto;
	background-image: none;
	padding: 20px;
	border: 4px solid #FFDB87;
	border-radius: 8px;
	background-color: #FFFFFF;
		}	
	
	checkBox li {
		background: url(images/icon_check.png) no-repeat 0 0;
		min-height: 45px;
		padding-top: 13px;
		padding-left: 50px;
		margin-bottom: 10px;
}
}

/* #how
-----------------------------------*/
#description{
	margin: 0 0 50px 0;
    overflow: hidden;
}

@media screen and (max-width:768px){
	#description{
		width: 100%;
		height: auto;
		padding: 0;
		background: none;
	}
	
	#description p img{
		width: 100%;
		height: auto;
	}
}

/* #how
-----------------------------------*/
#how{
	background: url(images/bg_how.png) no-repeat 0 0;
	width: 820px;
	height: 845px;
	padding: 50px;
	margin-bottom: 30px;
	}

#how p{
	margin:0 0 50px 0;}

#how h2{
    margin-bottom: 20px;
    overflow: hidden;
	}

.how_pic{
	width: 700px;
	height: 470px;
	padding: 30px 0 20px 20px;
	font-size: 20px;
	line-height: 1.4;
	background: url(images/img_how.png) no-repeat;
}

@media screen and (max-width:768px){
	#how{
	background:none;
	background-color:#F2F3EF;
	width:100%;
	box-sizing:border-box;
	height:auto;
	padding:20px;
	margin-bottom:30px;
	}

	#how p{
		margin:0 0 20px 0;}

	#how h2{
		margin-bottom:20px;
		}

	#how img{
	width:100%;
	margin-bottom:0;
	}
	
	.how_pic{
		width: 100%;
		height: auto;
		background: none;
		padding: 0;
		margin: 0 !important;
		font-size: 18px;
	}

}


/* #free_treatment
-----------------------------------*/
#free_treatment{
	width: 800px;
	height: 565px;
	padding: 40px 0 0 25px;
	margin: 0 0 50px 0;
	/*background: url(images/free_treatment_bg.png) no-repeat;*/
}

.free_treatment_ttl{
	margin: 0 0 20px 0;
}

.free_treatment_text{
	/*width: 700px;
	height: 400px;
	padding: 10px;
	margin: 0 0 0 20px;
	background: url(images/free_treatment.png) no-repeat;*/
	line-height: 1.25;
	font-size: 16px;
}

.free_treatment_text span{
	font-weight: bold;
}

@media screen and (max-width:768px){
	#free_treatment{
		width: 100%;
		height: auto;
		padding: 20px;
		background: #F2F3EF;
	}
	#free_treatment img{
		width: 100%;
	}

	.free_treatment_text{
		width: 100%;
		height: auto;
		background: none;
		padding: 0;
		margin: 0;
	}
}

/* #what
-----------------------------------*/

#what{
	position:relative;
	}

#what h2{
	position:relative;
	left:-20px;
	z-index:100;
	}

#what .innBox{
	position:relative;
	z-index:0;
	top:-60px;
	background:url(images/bg_what.png) no-repeat 0 0;
	width:800px;
	height:521px;
	padding:70px;
	}

#what .innBox span{
	display:block;
	margin:0 0 0.5em 0;}

#what .innBox span img{
	text-align:left;}

#what .innBox img{
	float:right;
	}

/* #what02
-----------------------------------*/

#what02{
	position:relative;
	}

#what02 h2{
	position:relative;
	left:-20px;
	z-index:100;
	}

#what02 .innBox{
	position:relative;
	z-index:0;
	background:url(images/bg_what02.png) no-repeat 0 0;
	width:800px;
	height:521px;
	padding:70px;
	}

#what02 .innBox span{
	display:block;
	margin:0 0 0.5em 0;}

#what02 .innBox span img{
	text-align:left;}

#what02 .innBox img{
	float:right;
	}

@media screen and (max-width:768px){
	
	#what{
	padding:0 10px;
	margin-bottom:30px;
		}
	
	#what h2{
	position:relative;
	left:0;
	margin-bottom:20px;
	}

	#what .innBox p{
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;}
	
	#what .innBox img{
		float:none;}
	
	#what h2 img{
	width:100%;
	}
	
	#what .innBox{
	top:0;
	background:none;
	width:100%;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	border:4px solid #96CEC7;
	border-radius:8px;
	}

	
	#what02{
	padding:0 10px;
	margin-bottom:30px;
		}
	
	#what02 h2{
	position:relative;
	left:0;
	margin-bottom:20px;
	}

	#what02 .innBox p{
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;}
	
	#what02 .innBox img{
		float:none;}
	
	#what02 h2 img{
	width:100%;
	}
	
	#what02 .innBox{
	top:0;
	background:none;
	width:100%;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	border:4px solid #96CEC7;
	border-radius:8px;
	}
	
}



/* #parent
-----------------------------------*/

#parent{
	margin-bottom:50px;
	}

.voice{
	width:760px;
	margin:0 auto;
	padding:20px 0 30px;
	background:url(images/border_parent.png) no-repeat 0 bottom;
	overflow:hidden;
	}

.voice dt{
	width:180px;
	margin-right:40px;
	float:left;
	}

.voice dd{
	width:540px;
	float:left;
	}

.voice dd a{
	text-decoration:none;}

.voice dd a:hover{
	text-decoration:underline;
	color:#999;}


@media screen and (max-width:768px){
	
	#parent{font-size:14px;}
	
	#parent h2 img{width:100%;}
	
	.voice{
		width:100%;
		margin:0;
		box-sizing:border-box;
		padding:10px 10px 20px;
		background:none;
		border-bottom:2px solid #FFC45B;
		}
	
	.voice dt,
	.voice dd{
		width:100%;
		float:none;
	}
	
	/*.newsList li{
	background:none;
	border-bottom:2px solid #7FCFB0;
	}*/	
	
	}



/* #news
-----------------------------------*/

#news{margin-bottom:30px;}

.newsList{
	width:760px;
	height:auto;
	overflow:hidden;
	margin:0 auto 20px auto;
	}

.newsList dl{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 0 16px;
	background:url(images/border_news.png) no-repeat 0 bottom;}
	
.newsList dt,
.newsList dd{
	float:left;}

.newsList dt{
	width: 25%;
	color: #565656;
}

.newsList dd{
	width:75%;}

.newsList dd a{
	text-decoration:none;
	color:#555;}

.newsList dd a:hover{
	color:#999;
	text-decoration:underline;}
	
.wp-pagenavi {
	text-align:center;
}
	
@media screen and (max-width:768px){
	#news h2 img{width:100%;}
	
	.newsList{
		width:100%;
		margin:0 0 20px;
		box-sizing:border-box;
		/*padding:0 10px;*/
		}

	.newsList dt,
	.newsList dd{
		width:100%;}
		
	}


/* .bnrArea
-----------------------------------*/

.bnrArea{
	/*margin-bottom: 30px;*/
    overflow: hidden;}

.bnrArea li{
	margin-bottom:30px;
	}

.bnrArea02{
	margin-bottom: 30px;
    overflow: hidden;}

.bnrArea02 li{
	margin-bottom:30px;
	}
@media screen and (max-width:768px){
	.bnrArea img{
		width:100%;
		}
	.bnrArea02 img{
		width:100%;
		}
}

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

	footer

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



.f_content{
	overflow:hidden;
	background:url(images/border_upperline.png) no-repeat center 0;
	padding:40px 40px 20px 40px;
	}
.f_logo{
	float:left;
	margin: 0 20px 0 0;
	color: #ff8d20;
	}
.f_logo dt{
	margin-bottom:20px;
	}

.f_logo p{
	display:none;}
	
.fnav{
	}

.f_tel a:hover{
	opacity:0.7;}

.f_tel ul{
	overflow:hidden;
	} 

.f_tel ul li{
	float:left;
	margin-right:20px;
	}
.f_tel ul li:last-child{
	margin-right:0;
	}

.fnav ul{
	float:left;
	font-size:14px;
	margin: 0 20px 0 0;
	}

.fnav ul:nth-child(1){
	width: 285px;
	}

.fnav ul:nth-child(2){
	width: 155px;
	}

.fnav ul:nth-child(3){
	width: 170px;
	margin: 0;
	}

.fnav ul li{
	/*margin-bottom:7px;*/
	padding-left:15px;
	line-height:18px;
	/*background:url(images/icon_arrow.png) 0 3px no-repeat;*/}

.fnav li a{
	color: #575757;
	text-decoration:none;}

.fnav li a:hover{
	color:#888;
	text-decoration:underline;}

@media screen and (max-width: 768px) {
	.f_content{
		width:100%;
		padding:30px 0 0 0;}
		
	.footerArea{
		padding:10px 0 0;}
	
	.footerArea img{
		width:100%;}

	.f_logo{
		float:none;
		padding:0 10px 10px 10px;
		width:100%;
		text-align:center;
		margin-left: 0px;}

	.f_logo p{
		display:block;}

	.f_logo p img{
		width:auto;}
	
	.f_tel ul li{
		width:100%;
		margin:0;}
	
	.f_tel li img{
		width:auto;}

	.fnav{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
		float:none;}
	
	.fnav ul{
		width:100%;
		margin: 10px 0 0 0;
	}
	
	.fnav ul:nth-child(1),
	.fnav ul:nth-child(2),
	.fnav ul:nth-child(3){
		width:100%;
		margin: 0;
	}

	.fnav li{
		padding-left:15px;
		background:url(images/icon_arrow.png) 15px 13px no-repeat !important;
		border-bottom:1px solid #dae8ea;}

	.fnav li:first-child{
		border-top:1px solid #dae8ea;
	}
	
	.fnav li:last-child{
		margin: 0 0 -1px 0;
	}

	.fnav li a{
		display:block;
		padding:10px 10px 10px 20px;
		/*min-height:25px;*/}

}

@media screen and (max-width: 480px) {
	.f_tel{
		font-size:22px;}

}



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

	copyright

================================================= */
.copyright{
	width:1300px;
	min-height:46px;
	clear:both;
	font-size:14px;
	text-align:center;
	padding: 10px 0 0 0;
	margin:0 auto;
	background-image: url(images/bg.jpg);
}

@media screen and (max-width: 768px) {
	.copyright{
		width: 100%;
		margin:0;}
}

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

	#pageTop

========================================== */
#pageTop{
	height:20px;
	position:fixed;
	right:30px;
	bottom:20px;
	z-index: 100;
	padding:20px 20px 17px 20px;
	-moz-border-radius:7px ;
	-webkit-border-radius:7px ;
	border-radius:7px ;
	/*background-color: rgba(255,207,17,0.90);*/
	background-color: rgba(0,195,0,0.90);}

#pageTop:hover{
	opacity:0.7;}

@media screen and (max-width: 768px) {
	#pageTop {
		bottom:10px;
		right:10px;
		padding:15px 15px 12px 15px;}
}




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

	#topicPath

========================================== */
#topicPath{
	padding:4px 0 0 10px;
	min-height:20px;
	font-size:16px;}

#topicPath li{
	display: inline;
	list-style-type: none;}

#topicPath li a {
	color:#6B7B0F;}

#topicPath li a:hover{
	color:#A6BF70;}

#topicPath li:before {
	content: " > ";}

#topicPath li:first-child:before {
	content: none;}


@media screen and (max-width: 768px) {
	#topicPath{
		padding:13px 0 0 10px;
		min-height:20px;
		font-size:16px;}
}


/* .dd_bnr_area
-----------------------------------*/
.dd_bnr_area_left,
.dd_bnr_area_right{
	width: 50%;
	text-align: center;
}

.dd_bnr_area_left{
	float: left;
}

.dd_bnr_area_right{
	float: right;
}

.dd_bnr_area_left li,
.dd_bnr_area_right li{
	margin: 0 0 20px 0;
}


@media screen and (max-width: 768px) {
	.dd_bnr_area_left,
	.dd_bnr_area_right{
		width: 50%;
		padding: 2px;
	}
	
	.dd_bnr_area_left img,
	.dd_bnr_area_right img{
		width: 100%;
	}
}


/* .blog_list
-----------------------------------*/
.blog_list dl{
	width:100%;
	height:auto;
	padding:10px 0 10px 5px;
	overflow:hidden;
	line-height:1.5;
	background: url(images/border_blog.png) no-repeat 0 bottom;
}

.blog_list dt{
	width:25%;
	float:left;
	padding:0 0 10px 0;
}

.blog_list dd{
	float:right;
	width:75%;
	padding:0 0 10px 0;
}

.blog_list a{
	color: #000;
	text-decoration: none;
}

.blog_list a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 480px) {
	.blog_list img{
		width: 100%;
	}
	
	.blog_list dl{
		padding:0;
	}

	.blog_list dt{
		width:100%;
		padding:0;
		border:0;
		margin:0 0 10px 0;
		float:left;
	}

	.blog_list dd{
		width:100%;
		float:left;
	}
}

/* evaluation
=====================================*/
.evaluation {
	overflow: hidden;
	margin: 10px 0px 40px;}

.evaluation li{
	float: left;
	margin: 10px;}

@media screen and (max-width: 768px) {
	.evaluation {
		overflow: hidden;
		margin: 0px;}
	.evaluation li{
		float: none;
		margin: 10px;}
	.evaluation img{
		width: 100%;}	
}

/* top_bnr
=====================================*/
.top_bnr{
	margin: 0 auto 30px;
}
.top_bnr img{
	width: 100%;
}