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

	}
}@media all and (min-width: 781px){
	#page_container{
		position:relative;
		padding-top:0px;
		padding-bottom:300px;
		width: 100%;
		margin:0 auto 0 auto;
	}
}
/********** footer **********/
@media all and (min-width: 0px)and (max-width: 780px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height:250px;
		text-align:center;
		padding-top:5px;
		vertical-align: middle;
		box-sizing:border-box;
	}
	.footer_box{
		margin:10px auto 0;

	}
}@media all and (min-width: 781px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height:300px;
		text-align:center;
		padding-top:5px;
		vertical-align: middle;
		box-sizing:border-box;
	}
	.footer_box{
		max-width:1200px;
		margin:0 auto 0;
	}
}

/***** linkボタン *****/
.link_btn{
	width:100%;
	margin:40px auto 40px auto;
}
/********** 共通 **********/
a {
	color:#333;
}
.clear{
	clear:both;
}
/*********** 色 ***********/
.bg_color_white{
	background-color:rgba(255,255,255,0.8);
}
.bg_color_black{
	background-color:rgba(0,0,0,0.8);
}
/********** 余白 **********/
.box_m_5{
	margin:5px auto 5px auto;
}
.box_m_10{
	margin:10px auto 10px auto;
}
.box_m_20{
	margin:20px auto 20px auto;
}
.box_m_30{
	margin:30px auto 30px auto;
}
.box_m_40{
	margin:40px auto 40px auto;
}
.box_m_50{
	margin:50px auto 50px auto;
}
.box_m_s_10{
	margin-left:10px;
	margin-right:10px;
}
.box_m_f_10{
	margin:10px;
}
.box_m_f_20{
	margin:20px;
}
.box_m_f_30{
	margin:30px;
}
.box_m_f_40{
	margin:40px;
}
.box_m_b_30{
	margin-bottom:30px;
}
.box_m_b_40{
	margin-bottom:40px;
}
.box_m_b_50{
	margin-bottom:50px;
}
.box_full_p_m_0{
	padding:0px;
	margin:0px;
}

.box_p_tb_5{
	padding-top:5px;
	padding-bottom:5px;
}
.box_p_tb_10{
	padding-top:10px;
	padding-bottom:10px;
}
.box_p_tb_20{
	padding-top:20px;
	padding-bottom:20px;
}
.box_p_tb_30{
	padding-top:30px;
	padding-bottom:30px;
}
.box_p_tb_40{
	padding-top:40px;
	padding-bottom:40px;
}
.box_p_tb_50{
	padding-top:50px;
	padding-bottom:50px;
}
.box_p_tb_60{
	padding-top:60px;
	padding-bottom:60px;
}
.box_p_tb_70{
	padding-top:70px;
	padding-bottom:70px;
}
.box_p_t_10{
	padding-top:10px;
}
.box_p_t_20{
	padding-top:20px;
}
.box_p_t_30{
	padding-top:30px;
}
.box_p_t_50{
	padding-top:50px;
}
.box_p_t_60{
	padding-top:60px;
}
.box_p_s_10{
	padding-left:10px;
	padding-right:10px;
}
.box_p_s_15{
	padding-left:15px;
	padding-right:15px;
}
.box_p_s_20{
	padding-left:20px;
	padding-right:20px;
}
.box_p_r_10{
	padding-right:10px;
}
.box_p_l_10{
	padding-left:10px;
}

.box_p_b_20{
	padding-bottom:20px;
}
.box_p_b_30{
	padding-bottom:30px;
}
.box_p_b_40{
	padding-bottom:40px;
}
.box_p_b_50{
	padding-bottom:50px;
}
.box_p_b_100{
	padding-bottom:100px;
}

.box_full_p_5{
	padding:5px;
}
.box_full_p_10{
	padding:10px;
}
.box_full_p_20{
	padding:20px;
}
.box_full_p_30{
	padding:30px;
}
.box_full_p_40{
	padding:40px;
}


.text_left{
	text-align:left;
}
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
.border_0{
	border:solid 0px #000;
}
.border{
	border:solid 1px #000;
}
.border_red{
	border:solid 1px #F00;
}
.border_t_b{
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
.border_tb{
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}

.border_full_4{
	border:solid 4px #000;
}
.letter_border{
	border:solid 1px #000;
	padding-left:5px;
	padding-right:5px;
}
.radius_10 {
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}