@charset "utf-8";
html{
	height: 100%;
	font-size: 62.5%;/*10px*/
}
/**********  **********/
body {
	height: 100%;
	line-height:1.3;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
/*
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
*/
	color: #000;
	text-align: left;
	background: #FFF;
}
#wrapper{
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: #FFF;
}
html > #top_main_contents {
	height: auto;
}
@media all and (min-width: 0px)and (max-width: 780px){
	#top_main_contents{
		position:relative;
		padding-top:5px;
		padding-bottom:200px;
		width: 100%;

	}
}@media all and (min-width: 781px){
	#top_main_contents{
		position:relative;
		padding-top:10px;
		padding-bottom:280px;
		width: 100%;
		max-width:980px;
		margin:0 auto 0 auto;
	}
}
/********** footer **********/
@media all and (min-width: 0px)and (max-width: 780px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height:220px;
		text-align:center;
		background-color:#000;
		color:#FFF;
		padding-top:5px;
	}
	footer a{

	}
	.font_top_line{
		margin:0;
		padding:0;
		color:#FFF;
	}
	.footer_box{
		width:90%;
		margin:0 auto 0;
	}
	.footer_left{
		float:left;
		width:80%;
		padding-top:10px
	}
	.footer_right{
		float:right;
		width:20%;
		padding-top:10px;
	}
	.footer_box img{
		width:80%;
	}

}@media all and (min-width: 781px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height:280px;
		text-align:center;
		background-color:#000;
		color:#FFF;
		padding-top:5px;
	}
	footer a{

	}
	.font_top_line{
		margin:0;
		padding:0;
		color:#FFF;
	}
	.footer_box{
		width:100%;
		max-width:980px;
		margin:0 auto 0;
	}
	.footer_left{
		float:left;
		width:50%;
		padding:10px 0 0 0;
	}
	.footer_right{
		float:right;
		width:40%;
		padding-top:10px;
	}
	.footer_box img{
		width:40%;
	}
}
/********** ヘッダー **********/
@media all and (min-width: 0px)and (max-width: 780px){
	#header {
		height:5px;
		width:100%;
		position:fixed;
		background-color:#FFF;
		text-align: left;
		top:0;
		left:0;
		z-index:200;
	}
	.header_box{
		width:100%;
		max-width:375px;
		margin:0px auto 0 auto;
	}
	.logo{
		float:right;
		width:56%;
		margin:0 auto 0;
		text-align:right;
	}
	.logo img{
		margin: 0;
		margin-top: 5px;
		height:50px;
	}
	.menu_button{
		float:right;
		padding-top:10px;
		padding-right:0px;
	}
	.menu_header{
		width:100%;
		max-width:375px;
		margin:0px auto 0 auto;
		border-bottom:solid 1px #FFF;
	}
	.menu_img_logo{
		padding-bottom:10px;
		padding-top:10px;
	}
	.menu_img_logo img{
		width:20px;
		height:20px;
	}
}@media all and (min-width: 781px){
	#header {
		height:10px;
		width:100%;
		background-color:#FFF;
		position:fixed;
		text-align: left;
		z-index:200;
	}
	.header_box{
		width:100%;
		max-width:980px;
		margin:0px auto 0 auto;
	}
	.logo{
		float:right;
		width:57%;
		margin:0 auto 0;
		text-align:right;
	}
	.logo img{
		margin: 0;
		padding-top: 5px;
		height:160px;
	}
	.menu_button{
		float:right;
		padding-top:10px;
		padding-right:70px;
	}
	.menu_header{
		height:180px;
		border-bottom:solid 1px #FFF;
	}

	.menu_img_logo img{
		width:36px;
		height:36px;
		padding-top:10px;
	}
}


/***** linkボタン *****/
.link_btn{
	width:100%;
	margin:40px auto 40px auto;
}
@media all and (min-width: 0px) and (max-width: 780px){
	.link_btn_left{
		width:70%;
		margin:0 auto 10px auto;
	}
	.link_btn_left img{
		width:100%;
	}
	.link_btn_right{
		width:70%;
		margin:0 auto 10px auto
	}
	.link_btn_right img{
		width:100%;
	}
}@media all and (min-width:781px){
	.link_btn_left{
		float:left;
		width:48%;
	}
	.link_btn_left img{
		width:100%;
	}
	.link_btn_right{
		float:right;
		width:48%;
	}
	.link_btn_right img{
		width:100%;
	}
}
.link_btn_full{
	width:100%;
	margin:15px auto 15px;
	padding:10px 0 10px;
}
/********** ボトムメニュー **********/
.bottom_menu{
	width:90%;
	max-width:980px;
	margin:0px auto 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	color: #000;
	text-align:right;
}
.to_top{

}
.to_top img{
	width:20%;
	max-width:100px;
}
/********** 共通 **********/
a {
	color:#333;
}
.pref ul{
	width:90%;
	margin:0 auto 0;
}
.pref a{
	font-weight:bold;
	text-decoration: underline solid #333;
}
.clear{
	clear:both;
}

.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:#CCC;
	width:100%;
	color:#FFF;
}
.bar_darkgray{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#444;
	width:100%;
	color:#FFF;
}
.underline{
	border-bottom:solid 1px #000;
	padding-bottom:5px;
	margin-bottom:7px;
}
.underline_lite{
	border-bottom:solid 1px #000;
}
.bg_white{
	background-color:#FFF;
}
.bg_black{
	background-color:#000;
}
.bg_white{
	background-color:#FFF;
}
.bg_gray{
	background-color:#eeebe6;
}
.bg_darkgray{
	background-color:#999;
}
.bg_darkbrown{
	background-color:#c8bb9b;
}

.text_100{
	width:100%;
}
.text_90{
	width:90%;
	margin:0 auto 0 auto;
}
.text_80{
	width:80%;
	margin:0 auto 0 auto;
}
.text_75{
	width:75%;
	margin:0 auto 0 auto;
}
.text_45{
	width:45%;
	margin:0 auto 0 auto;
}

.text_left{
	text-align:left;
}
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
/* 画面幅の50%の幅で画像を表示 */
.image-vw {
  width : 70vw ; 
}