@charset "utf-8";
html,body {
    height: 100%;
}
body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #fff;
}
/*フォントサイズ
	font-size:31.3%; 5px
	font-size:37.5%; 6px
	font-size:43.8%; 7px
	font-size:50.0%; 8px
	font-size:56.3%; 9px
	font-size:62.5%; 10px
	font-size:68.8%; 11px
	font-size:75.0%; 12px
	font-size:93.7%; 15px
	font-size:100%;  16px
*/
@media all and (min-width: 0px)and (max-width: 640px){
	html{
		font-size: 37.5%;/*8px  6px*/
	}
	#wrapper{
	    width: 100%;
	    position: relative;
	    height: auto !important;
	    height: 100%;
	    min-height: 100%;
	}
	/********** ヘッダー **********/
	header{
		height:100px;
		width:100%;
		background: #000000;
		position:fixed;
		top:0;
		left:0;
		z-index:10;
	}
	#head {
		height:100px;
		width:100%;
		max-width:980px;
		margin:0 auto 0;
		background: #000000;
		text-align: left;
	}
	.logo{
		width:100px;
		margin:0 auto 0;
	}
	.logo img{
		width:100%;
		text-align:center;
		margin:15px auto 0 auto;
		padding: 0;
		vertical-align: bottom;
	}
	/********** ヘッダー **********/
	#main_contents{
		position:relative;
		margin:100px auto 0 auto;
		padding-bottom:10px;
		width: 100%;
		background-color:#FFF;
		background-image:url("../img/bg_img.jpg");
		background-repeat: no-repeat;
		background-position : 50% 0;
	}
	.facebook{
		width:90%;
		margin:0 auto 0;
	}
}
@media all and (min-width: 641px){
	html{
		font-size: 62.5%;/*10px*/
	}
	#wrapper{
	    width: 100%;
	    position: relative;
	    height: auto !important;
	    height: 100%;
	    min-height: 100%;
	}
	/********** ヘッダー **********/
	header{
		height:150px;
		width:100%;
		background: #000000;
		position:fixed;
		top:0;
		left:0;
		z-index:10;
	}
	#head {
		height:150px;
		width:100%;
		max-width:980px;
		margin:0 auto 0;
		background: #000000;
		text-align: left;
	}
	.logo{
		width:170px;
		margin:0 auto 0;
	}
	.logo img{
		width:100%;
		text-align:center;
		margin:15px auto 0 auto;
		padding: 0;
		vertical-align: bottom;
	}
	/********** ヘッダー **********/
	#main_contents{
		position:relative;
		margin:150px auto 0 auto;
		padding-bottom:10px;
		width: 100%;
		background-color:#FFF;
		background-image:url("../img/top_back.png");
		background-repeat: no-repeat;
		background-position : 50% 0;
	}
	.facebook{
		width:500px;
		margin:0 auto 0;
	}
}
.slide_img_100 img{
	width:100%;
}
/********** ヘッダー **********/
.contents{
	width:100%;
	max-width:980px;
	margin:10px auto 10px;
}
.contents_box{
	width:100%;
	max-width:980px;
	margin:20px auto 20px;
	padding:20px 0 20px 0;
}
.contents_box img{
	width:90%;
	margin:10px auto 10px auto;
}
.contents_box .tree_line{
	width:22.5%;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
}
.page_title{
	font-size:2.2rem;/*3.2*/
}
.page_title_d_img{
	width:16px;
	margin:0px auto 0px auto;
}
.page_title_img{
	width:15%;
	margin:0px auto 0px auto;
}
.sub_title{
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	line-height:1.0;
}

/********** footer **********/
footer{
	width:100%;
    bottom: 0px;
	background-color:#000;
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	line-height:1.5;
}
footer a{
	color:#FFF;
}
.footer_box{
	width:90%;
	max-width:980px;
	margin:0 auto 0;
	position: relative;
}
.footer_left{
	float:left;
	width:55%;
	position: absolute;
	bottom:0;
}
.footer_right{
	float:right;
	width:40%;
}
.footer_right img{
	width:70%;
}
.footer_bottom{
}
.fb_img{

}
.fb_img img{
	width:20px;
}
/********** 共通 **********/
.clear{
	clear:both;
}
.bg_color_gray{
	background-color:#DDD;
}
.bg_color_lightgray{
	background-color:#eee;
}
.bg_color_litebrown{
	background-color:#f0eede;
}

.border_box{
	border:solid 1px;
}

.bar_black{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#000;
	width:100%;
	color:#FFF;
}
.bar_gray{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#DDD;
	margin:10px auto 10px; 
	width:100%;
	color:#000;
}
.bar_black{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#000;
	margin:10px auto 10px; 
	width:100%;
	color:#FFF;
}
.bar_white{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFF;
	margin:10px auto 10px; 
	width:100%;
	color:#000;
}
.bar_litebrown{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#dbd9c6;
	margin:10px auto 10px; 
	width:100%;
	color:#000;
}

.underline_w{
	width:100%;
	border-bottom:solid 1px #FFF;
	padding-bottom:5px;
	margin-bottom:5px;
}
.underline{
	border-bottom:solid 1px #000;
	padding-bottom:5px;
	margin-bottom:5px;
}
/**
.tree_line{
	width:120px;
	margin:0 auto 0 auto;
	border:solid 1px;
}
.tree_line img{
	width:25%;
}
**/