@charset "utf-8";
/* CSS Document */


html,body{
    height: 100%;
}

a img {
	border:none;
}

#box{
	width: 980px;
	margin:0 auto 40px auto;
	font-size: 16px;
	line-height:1.6;
}


.head_box01{
	width: 980px;
	margin: 0 0 0 0;
}
.head_box02{
	width: 800px;
	margin: 20px auto;
}

.head_txt01{
	width: 800px;
	margin:60px auto 30px auto;
	font-size:150%;
	color:#00B19F;
	line-height:2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.head_img01{
	width: 274px;
	margin: 30px 0 0 0;
	float:left;
}
.main_txtbox01{
	width: 800px;
	margin: 60px auto;
}
.main_txtbox01 p{
	margin: 0 0 0.8em 0;
	line-height:2;
}
.txt_img01 {
	width: 274px;
	margin: 0 0 15px 15px;
	float:right;
	}
	
.txt_img01 p, .txt_img02 p{
	font-size:80%;
	line-height:130%;
	margin:2% 0 0 0;
	}
	
.txt_img02 {
	width:274px;
	margin: 0 15px 15px 0;
	float: left;
	}

.foot_box {
	width:100%;
	margin: 0px 0px 50px 0px;
	}
.btn_box {
	width:500px;
	margin: 0px auto 20px auto;
	}




a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#item {
	width: 980px;
	margin: 0 auto 85px auto;
	font-size: 15px;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}

#facebook {
	text-align:right;
	width:980px;
	margin:8px auto 0 auto;
	padding-bottom:8px;
}

.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both;
	width: 0px;
	height: 0px;}

.mar_T30 {margin: 30px 0 0 0;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B50 {margin: 0px 0px 40px 0px;}
.mar_B70 {margin: 0px 0px 70px 0px;}
.mar_B100 {margin: 0px 0px 100px 0px;}
.mar_R8 {margin: 0px 8px 0px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 30px 0px 0px;}
.mar_R40 {margin: 0px 40px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}

.font_b { font-weight:bolder;}
.font_ti { font-weight:bolder; font-size:250%;}
.font_c { background-color:#FFFFBF;}
/*ヘッダー
----------------------------------------------------------------*/

.sp_only {
	display:none;	
}
.pc_only {
	display:block;	
}

@media only screen and (max-width: 980px) {
	
#box{
	width: 100%;
	margin:0 0 5% 0;
	font-size: 100%;
	line-height:2;
}


.head_box01{
	width: 100%;
	margin: 0 0 0 0;
}
.head_box02{
	width: 100%;
	margin: 3% auto;
}

.head_txt01{
	width: 90%;
	margin: 5% auto 0 auto;
	font-size:170%;
	color:#00B19F;
	line-height:2.5;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.head_img01{
	width: 0;
	margin: 0 0 0 0;
	float:left;
	display:none;
}
.main_txtbox01{
	width: 90%;
	margin: 5% auto;
}
.main_txtbox01 p{
	margin: 0 0 0.8em 0;
	line-height:2;
}
.txt_img01 {
	width:40%;
	margin: 0 0 3% 3%;

	}
.txt_img02 {
	width:40%;
	margin: 0 3% 3% 0;
	float: left;
	}

.foot_box {
	width:100%;
	margin: 0px 0px 8% 0px;
	}
.btn_box {
	width:70%;
	margin: 0px auto 5% auto;
	}
	
	
	

#item {
	width: 100%;
	margin: 0 auto 85px auto;
	font-size: 15px;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}

#facebook {
	text-align:right;
	width:100%;
	margin:8px 0 0 0;
	padding-bottom:8px;
}	
.pc_only {
	display:none;	
}
.sp_only {
	display: block;	
}
.mar_B10 {margin: 0px 0px 1% 0px;}
.mar_B20 {margin: 0px 0px 2% 0px;}
.mar_B30 {margin: 0px 0px 5% 0px;}
.mar_B40 {margin: 0px 0px 10% 0px;}
.mar_B50 {margin: 0px 0px 15% 0px;}
.mar_B70 {margin: 0px 0px 18% 0px;}
.mar_B100 {margin: 0px 0px 20% 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 30px 0px 0px;}
.mar_R40 {margin: 0px 40px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}
	
}