/* ===================================================================
CSS
 file name  :  common.css
=================================================================== */

.attention {
	color: #D80000;
}
.wd30{ width:30%;}
.wd40{ width:40%;}
.wd50{ width:50%;}
.wd70{ width:70%;}
.wd80{ width:80%;}
.wd100{ width:100%;}
.waku{
	padding: 10px;
	border: 1px solid #CCC;
}

.indent li{
	text-indent: -1em;
	padding-left: 1em;
}

 .hv a:hover img {
	  opacity: 0.7;
	  filter: alpha(opacity=70);
  }
.bold{ font-weight:bold;}

:-ms-input-placeholder { color: gray; }

@media print, screen and (min-width: 769px) {
	/* PC用のスタイル記述 */
	.pc {
		display: none;
	}
	a.btn {
		border-radius: 10px;
		color: #FFFFFF;
		display: block;
		text-decoration: none;
		text-align: center;
		position: relative;
		box-shadow: 0 1px 1px 0 #BBB;
		margin: auto;
	}
	
	
	.btn:hover {
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	.hv a:hover img {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	input[type="radio"], input[type="checkbox"] {
		display: none;
	}
	input[type="radio"]+label {
		padding: 3px 0 3px 25px;
		background-size: 20px 20px;
		cursor: pointer;
		background-image: url(../images/common/radio_off.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	input[type="radio"]:checked+label {
		background-image: url(../images/common/radio_on.png);
		background-size: 20px 20px;
		cursor: pointer;
	}
	input[type="checkbox"]+label {
		padding: 3px 0 3px 25px;
		background-size: 20px 20px;
		cursor: pointer;
		background-image: url(../images/common/check_off.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	input[type="checkbox"]:checked+label {
		background-size: 20px 20px;
		cursor: pointer;
		background-image: url(../images/common/check_on.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	/* =====================================
ヘッダー
======================================== */


header {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:100;
	background-color: #FFF;
}

	header h1 p {
	width: 1000px;
	color: #00306D;
	font-size: 12px;
	line-height: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	#header {
		width: 1000px;
		height: 75px;
		margin: 0 auto;
		position: relative;
	}
	#header #logo {
		position: absolute;
		top: 10px;
		left: 0;
	}
	#header #username {
	position: absolute;
	top: -15px;
	right: 0px;
	display: block;
	overflow: hidden;
	font-size: 13px;
	border: 1px solid #00316C;
	text-align:center;
	border-radius: 5px;
	padding-right: 20px;
	padding-left: 20px;
	max-width:320px;
	
	
	}
	#header #username span {
		color: #00306C;
		font-weight:bold
	}
	#header #entry, #header #mypage {
		position: absolute;
		top: 10px;
		left: 515px;
	}
	#header #entry .btn, #header #mypage .btn, #header #favorite .btn, #header #login .btn, #header #logout .btn {
		padding-top: 1px;
		width: 70px;
		height: 50px;
		box-shadow: none;
		box-sizing: border-box;
		border-radius: 5px;
		font-size: 10px;
	}
	#header #entry .btn, #header #mypage .btn {
		border: 1px solid #B32036;
		color: #B21F35;
	}
	#header #entry .btn:hover, #header #mypage .btn:hover {
		background: #B32036;
		color: #FFFFFF;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	#header #favorite {
		position: absolute;
		top: 15px;
		left: 330px;
	}
	#header #favorite .btn {
		border: 1px solid #B32036;
		color: #B32036;
	}
	#header #favorite .btn:hover {
		background: #B32036;
		color: #FFFFFF;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	#header #login, #header #logout {
		position: absolute;
		top: 15px;
		left: 410px;
	}
	#header #login .btn, #header #logout .btn {
		border: 1px solid #00306D;
		color: #00306D;
	}
	#header #login .btn:hover, #header #logout .btn:hover {
		background: #00306D;
		color: #FFFFFF;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	#header #entry i, #header #favorite i, #header #login i, #header #mypage i, #header #logout i {
		display: block;
		height: 25px;
		box-sizing: border-box;
	}
	#header #favorite i {
		padding-top: 7px;
	}
	#header #tel {
		position: absolute;
		top: 15px;
		right: 0;
	}
	#header #houseowner {
		position: absolute;
		top: 15px;
		right: 250px;
	}

	
	/* =====================================
パンくず
======================================== */
	#breadcrumb_wrap {
		border-top: 1px solid #CCC;
		background: #F6F6F8;
		padding: 13px 0;
		padding-top:140px;
	}
	#breadcrumb {
		width: 1000px;
		margin: auto;
		font-size: 70%;
		line-height: 100%;
		position: relative;
	}
	#breadcrumb div {
		display: inline;
	}
	#breadcrumb a {
		text-decoration: none;
	}
	#breadcrumb a:hover {
		text-decoration: underline;
	}
	/* =====================================
コンテンツ
======================================== */


	.contents_wrap {
	width: 1000px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
	}
	.title {
		text-align: center;
		color: #00316C;
		font-size: 30px;
		padding-bottom: 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #00316C;
		margin-bottom: 15px;
	}
	.contents_wrap h2.page_title {
	box-sizing: border-box;
	color: #00306D;
	font-size: 30px;
	letter-spacing: 0.05em;
	font-weight: bold;
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #00316C;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-bottom:30px;
	}
	.contents_wrap h3.subtitle {
		border-top: 3px solid #00306D;
		border-bottom: 1px solid #00306D;
		color: #00306D;
		font-size: 20px;
		padding: 10px 20px;
		font-weight: bold;
		margin-top: 40px;
	}
	.contents_wrap #contents_r {
		float: right;
		width: 700px;
	}
	.contents_wrap #contents_l {
		float: left;
		width: 260px;
	}
	
	.pcfl_l {
		float: left
	}
	.pcfl_r {
		float: right
	}
	
	.gray_btn a,
	.blue_btn a{ text-decoration:none;}
	.gray_btn a{
	display:block;
	font-size: 120%;
	font-weight: bold;
	color: #00316C;
	background-color: #cccccc;
	text-align: center;
	padding: 15px;
	border: 1px solid #CCC;
	border-radius: 10px;
}

.gray_btn a:hover{ background-color:#FFF}


	.blue_btn a{
	display:block;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #00316C;
	text-align: center;
	padding: 15px;
	border: 1px solid #00316C;
	border-radius: 10px;
}

.blue_btn a:hover{ background-color:#FFF; color:#00316C}

.btn_area{
	width:500px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}

.yellow_gr_btn a{
    text-decoration:none;
    display:block;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    background: #f4d078;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    border-color: #a88734 #9c7e31 #846a29;
    border-style: solid;
    border-width: 1px;
}
.yellow_gr_btn a:hover{
    background:#f1c860;background:
    -webkit-linear-gradient(top,#f5d78e,#eeb933);
    background:linear-gradient(to bottom,#f5d78e,#eeb933);
}

	/* =====================================
サイドメニュー
======================================== */
	#left_menu {
		border: 1px solid #B4BCD1;
		padding: 5px;
		margin-bottom: 40px;
	}
	#left_menu h2 {
		color: #00306D;
		padding: 20px 15px 0 15px;
		height: 70px;
		box-sizing: border-box;
		line-height: 100%;
		font-weight: bold;
	}
	#left_menu h2 span {
		font-size: 8px;
		display: block;
		font-weight: normal;
	}
	#left_menu li {
		border-top: 1px solid #B4BCD1;
		font-size: 14px;
	}
	#left_menu li a {
		padding: 13px 15px;
		display: block;
		text-decoration: none;
	}
	#left_menu li a:before {
		content: "\f105";
		font-family: FontAwesome;
		margin-right: 5px;
	}
	#left_menu li a:hover {
		background: #E7F2F8;
	}
	#left_menu li a.on {
		background: #E7F2F8;
		color: #00306D;
	}
	.ta_style {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	margin-top:25px;
}
	.ta_style th{
	color: #00316C;
	background-color: #efefef;
	padding: 15px;
	width: 15%;
	text-align:left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	}

	.ta_style td{
	padding: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
	/* =====================================
サイドSNSバナー
======================================== */
	#left_sns {
		border-top: 1px solid #00306D;
		border-bottom: 1px solid #00306D;
		padding: 40px 20px;
	}
	#left_sns li {
		float: left;
		width: 50%;
		text-align: center;
	}
	/* =====================================
ページトップ
======================================== */
	#pagetop {
		position: fixed;
		bottom: 20px;
		right: 20px;
	}
	/* =====================================
フッター
======================================== */
	footer {
		width: 100%;
		margin-top: 70px;
	}
	#footer_tel {
		display: none;
	}
	#footer_navi_wrap {
		border-top: 1px solid #00306D;
		border-bottom: 1px solid #00306D;
		padding: 30px 0 20px 0;
	}
	#footer_navi {
		width: 1000px;
		margin: 0 auto;
	}
	#footer_navi ul {
		margin-bottom: 20px;
	}
	#footer_navi p {
		display: block;
		color: #00306D;
		font-weight: bold;
	}
	#footer_navi li {
		position: relative;
		padding-left: 10px;
	}
	#footer_navi li a:after {
		content: "\f105";
		font-family: FontAwesome;
		left: 0;
		position: absolute;
		top: 5%;
		color: #00316C;
		font-size: 12px;
	}
	#footer_navi .col6 li {
		float: left;
		width: 156px;
		font-size: 80%;
		margin-bottom: 10px;
	}
	
	#footer_navi .col5 li {
		float: left;
		font-size: 80%;
		margin-bottom: 10px;
		margin-right:4.8em;
	}
	
	#footer_navi .col2 li {
		float: left;
		width: 322px;
		margin-bottom: 10px;
		font-size: 80%;
	}
	#footer_navi li a {
		text-decoration: none;
		color: #666666;
	}
	#footer_navi li a:hover {
		color: #0059B2;
		text-decoration: underline;
	}
	#footer_info {
		width: 1000px;
		height: 160px;
		margin: 40px auto auto auto;
		position: relative;
	}
	#footer_info #footer_logo {
		position: absolute;
		top: 0;
		left: 0;
	}
	#footer_info #footer_comp {
		position: absolute;
		top: 0;
		left: 250px;
		font-size: 80%;
		color: #666666;
	}
	#footer_info #footer_comp strong {
		color: #00306D;
		font-size: 110%;
	}
	#footer_info #link {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 70%;
	}
	#footer_info #link li {
		float: left;
		margin-left: 20px;
		position: relative;
		text-align:center;
		
	}
	#footer_info #link a {
		text-decoration: none;
		color: #00316C;
		background-color: #c9c9c9;
		border: 1px solid #c9c9c9;
		border-radius: 20px;
		width: 150px;
		display: block;
		padding-top: 3px;
		padding-right: 10px;
		padding-bottom: 3px;
		padding-left: 10px;
	}
	#footer_info #link a:after {
		content: "\f105";
		font-family: FontAwesome;
		right: 5%;
		position: absolute;
		top: 15%;
		color: #00316C;
		font-size: 13\2px;
	}
	#footer_info #link a:hover {
		background-color: #FFF;
	}
	#copy {
	font-size: 70%;
	color: #FFF;
	background-color: #00316C;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;	
	}
}
@media screen and (max-width: 768px) {
	/* スマートフォン用のスタイル記述 */
	body {
		font-size: 75%;
	}
	img {
		max-width: 100%;
		height: auto;
		width/***/
		: auto;
	}
	.sp {
		display: none;
	}
	a.btn {
		border-radius: 30px;
		color: #FFFFFF;
		display: block;
		text-decoration: none;
		text-align: center;
		box-shadow: 0 1px 1px #888;
	}
	a.btn50 {
		border-radius: 50px;
		color: #FFFFFF;
		display: block;
		text-decoration: none;
		text-align: center;
		box-shadow: 0 1px 1px #888;
	}
	input[type="radio"], input[type="checkbox"] {
		display: none;
	}
	input[type="radio"]+label {
		padding: 3px 0 3px 25px;
		background-size: 20px 20px;
		cursor: pointer;
		background-image: url(../images/common/radio_off.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	input[type="radio"]:checked+label {
		background-image: url(../images/common/radio_on.png);
		background-size: 20px 20px;
		cursor: pointer;
	}
	input[type="checkbox"]+label {
		padding: 3px 0 3px 25px;
		background-size: 20px 20px;
		cursor: pointer;
		background-image: url(../images/common/check_off.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	input[type="checkbox"]:checked+label {
		background-size: 20px 20px;
		cursor: pointer;
		background-image: url(../images/common/check_on.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.sp10{ margin:10px;}
	/* =====================================
ヘッダー
======================================== */
	header h1 {
		display: none;
	}
	header {
	margin-bottom: 100px;
	}
	#header {
		width: 100%;
		margin: 0;
        position:fixed;
        top:0px;
        left:0px;
        z-index:100;
        background-color: #FFFFFF;
	}
	#header #logo {
		margin: 15px auto 15px 10px;
		width: 50%;
	}
	#header #userinfo {
		background: #00306D;
		position: relative;
		min-height: 46px;
	}
	#header #username {
	position: absolute;
	top: 15px;
	left: 10px;
	color: #FFFFFF;
	overflow: hidden;
	font-size: 12px;
	line-height: 140%;
	z-index: 9999;
	}
	#header #username span {
		font-size: 10px;
	}
	#header #entry, #header #mypage {
		position: absolute;
		top: 3px;
		right: 120px;
	}
	#header #entry .btn, #header #mypage .btn, #header #favorite .btn, #header #login .btn, #header #logout .btn, #header #houseowner_sp .btn {
		padding-top: 7px;
		width: 60px;
		height: 40px;
		box-shadow: none;
		box-sizing: border-box;
		border-radius: 5px;
		font-size: 8px;
		background: #FFFFFF;
	}
	#header #entry .btn, #header #mypage .btn {
		border: 1px solid #B32036;
		color: #B21F35;
	}
	#header #favorite {
		position: absolute;
		top: 3px;
		right: 140px;
	}
	#header #favorite .btn {
		border: 1px solid #B32036;
		color: #B32036;
	}
	#header #favorite .btn:hover {
		background: #B32036;
		color: #FFFFFF;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	#header #login, #header #logout {
		position: absolute;
		top: 3px;
		right: 75px;
	}
	#header #login .btn, #header #logout .btn {
		border: 1px solid #00306D;
		color: #00306D;
	}
	#header #houseowner_sp {
		position: absolute;
		top: 3px;
		right: 10px;
	}
	#header #houseowner_sp .btn {
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
		background: #00306D;
	}
	#header #entry i, #header #favorite i, #header #login i, #header #mypage i, #header #logout i, #header #houseowner_sp i {
		display: block;
		height: 15px;
		box-sizing: border-box;
	}
	#header #favorite i {
		padding-top: 4px;
	}
	#header #tel {
		display: none;
	}
	#header #header_tel_sp
	{
	    position:absolute;
	    top:7px;
	    right:60px;
	    width:40px;
	}
	/* =====================================
パンくず
======================================== */
	#breadcrumb_wrap {
		padding: 6px 10px;
		background: #F6F6F8;
	}
	#breadcrumb {
		font-size: 80%;
	}
	#breadcrumb div {
		display: inline;
	}
	#breadcrumb a {
		text-decoration: none;
	}
	#breadcrumb a:hover {
		text-decoration: underline;
	}
	/* =====================================
コンテンツ
======================================== */
	.contents_wrap {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.contents_wrap h2.page_title {
	background-size: 20px 18px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	background-color: #00316C;
	margin-bottom: 30px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
	}
	.contents_wrap h3.subtitle {
		border-top: 3px solid #00306D;
		border-bottom: 1px solid #00306D;
		color: #00306D;
		font-size: 130%;
		padding: 8px 10px;
		font-weight: bold;
	}
	#contents_r {
		width: 100%;
	}
	h3.page_subtitle {
		border-top: 3px solid #00306D;
		border-bottom: 1px solid #BBBBBB;
		color: #00306D;
		padding: 10px 20px;
		font-size: 120%;
		font-weight: bold;
	}
	.contents_wrap #contents_r {}
	.contents_wrap #contents_l {}
		.ta_style {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	margin-top:25px;
}
	.ta_style th{
	color: #00316C;
	background-color: #efefef;
	text-align:left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	width:100%;
	padding:10px;
	display:block;
	box-sizing:border-box;

	}

	.ta_style td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	display:block;
}
.gray_btn a,
	.blue_btn a{ text-decoration:none;}
	.gray_btn a{
	display:block;
	font-size: 120%;
	font-weight: bold;
	color: #00316C;
	background-color: #cccccc;
	text-align: center;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 10px;
}

.gray_btn a:hover{ background-color:#FFF}


	.blue_btn a{
	display:block;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #00316C;
	text-align: center;
	padding: 10px;
	border: 1px solid #00316C;
	border-radius: 10px;
}

.blue_btn a:hover{ background-color:#FFF; color:#00316C}


.yellow_gr_btn a{
    text-decoration:none;
    display:block;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    background: #f4d078;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    border-color: #a88734 #9c7e31 #846a29;
    border-style: solid;
    border-width: 1px;
}
.yellow_gr_btn a:hover{
    background:#f1c860;background:
    -webkit-linear-gradient(top,#f5d78e,#eeb933);
    background:linear-gradient(to bottom,#f5d78e,#eeb933);
}

.btn_area{
	margin-top: 20px;
	margin-bottom: 20px;

}


	/* =====================================
サイドメニュー
======================================== */
	#left_menu {
		width: 100%;
		border-bottom: 1px solid #B4BCD1;
	}
	#left_menu h2 {
		color: #00306D;
		border-top: 1px solid #B4BCD1;
		padding: 15px 15px 10px 15px;
		box-sizing: border-box;
		font-weight: bold;
		font-size: 120%;
		line-height: 100%;
	}
	#left_menu h2 span {
		font-size: 10px;
		font-weight: normal;
		display: block;
	}
	#left_menu li {
		border-top: 1px solid #B4BCD1;
	}
	#left_menu li a {
		padding: 13px 15px;
		display: block;
		text-decoration: none;
	}
	#left_menu li a:before {
		content: "\f105";
		font-family: FontAwesome;
		margin-right: 5px;
	}
	#left_menu li a:hover {
		background: #E7F2F8;
	}
	#left_menu li a.on {
		background: #E7F2F8;
		color: #00306D;
		font-weight: bold;
	}
	/* =====================================
サイド会員バナー
======================================== */
	#left_member_box {
		border: 2px solid #00306D;
		padding: 85px 10px 10px 10px;
		background: url(/images/common/left_member_box_sp.png) no-repeat top center;
		background-size: contain;
		box-sizing: border-box;
		text-align: center;
	}
	/* ログイン後 */
	#left_member_box_login {
		border: 2px solid #00306D;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
	}
	#left_member_box h3 {
		color: #00306D;
		font-weight: bold;
		font-size: 120%;
	}
	#left_member_box #nomal_num, #left_member_box #member_num, #left_member_box_login #message_num, #left_member_box_login #l_member_num {
		margin: 10px 0 0 0;
		width: 100%;
		display: block;
		text-align: center;
	}
	#left_member_box span.numttl, #left_member_box_login span.numttl {
		border: 1px solid #00306D;
		/*color: #00306D;*/
		display: inline-block;
		padding: 5px;
		line-height: 1.1;
		vertical-align: top;
	}
	#left_member_box #nomal_num .n_num, #left_member_box #member_num .m_num, #left_member_box_login #message_num .n_num, #left_member_box_login #l_member_num .m_num {
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1;
		margin-left: 10px;
	}
	#left_member_box #nomal_num .n_num, #left_member_box_login #message_num .n_num {
		margin-top: 10px;
	}
	#left_member_box #member_num .m_num, #left_member_box_login #l_member_num .m_num {
		margin-top: 5px;
	}
	#left_member_box #nomal_num .n_num span, #left_member_box_login #message_num .n_num span {
		font-size: 180%;
	}
	#left_member_box #member_num .m_num span, #left_member_box_login #l_member_num .m_num span {
		font-size: 220%;
		color: #D90000;
	}
	#left_member_box_login #message_num span.numttl i {
		margin-left: 5px;
	}
	#left_member_box .login_btn {
		margin: 10px 0 0 5%;
		background: #00306D;
		padding: 6px 0;
		width: 47%;
		float: left;
	}
	#left_member_box .entry_btn {
		margin: 10px 0 0 0;
		background: #B32036;
		padding: 6px 0;
		width: 47%;
		float: left;
	}
	#left_member_box_login .mypage_btn {
		background: #B32036;
		padding: 6px 0;
		margin-top: 10px;
	}
	#left_member_box .entry_btn span {
		color: #FEF10C;
	}
	#left_member_box_login #name {
		font-weight: bold;
		color: #00306D;
		font-size: 120%;
	}
	/* =====================================
サイドSNSバナー
======================================== */
	#left_sns {
		padding-top: 20px;
	}
	#left_sns li {
		float: left;
		width: 50%;
		text-align: center;
	}
	/* =====================================
ページトップ
======================================== */
	#pagetop {
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 999;
	}
	/* =====================================
フッター
======================================== */
	footer {
		width: 100%;
		border-top: 1px solid #00306D;
		border-bottom: 2px solid #00306D;
		margin-top: 20px;
		background-color: #f2f2f2;
		padding-top:10px;
	}
	#footer_tel {
		margin: 10px;
        text-align: center;
	}
	
	#footer_navi ul {
		margin-top: 10px;
	}
	#footer_navi p {
		display: block;
		color: #00306D;
		font-weight: bold;
		padding-left: 10px;
	}
	#footer_navi ul {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #00316C;
	}
	#footer_navi li {
		float: left;
		width: 50%;
		border-bottom: 1px solid #00316C;
		border-right: 1px solid #00316C;
		box-sizing: border-box;
	}
	#footer_navi li:nth-child(odd){
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #00316C;
}
	
	#footer_navi li a {
		text-decoration: none;
		color: #00316C;
		padding: 7px 10px;
		text-align: center;
		font-weight: bold;
		box-sizing: border-box;
		display: block;
		background-color: #FFF;
	}
	#footer_navi li a:hover {
		color: #00306D;
	}
	#footer_info {
		position: relative;
		background-color: #FFF;
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		padding-top: 20px;
	}
	#footer_info #footer_logo {
		float: left;
		width: 30%;
		margin-left: 5%;
	}
	#footer_info #footer_comp {
		float: right;
		width: 55%;
		margin-right: 5%;
	}
	#footer_info #footer_comp strong {
		color: #00306D;
		font-size: 110%;
	}
	#footer_info #link {
		padding: 10px;
		margin-top: 15px;
	}
	#footer_info #link ul {
	margin-top: 10px;
	margin-bottom: 20px;
	
	}
	#footer_info #link li {
		width: 48%;
		text-align:center;
	}
	#footer_info #link li:nth-child(odd) {
		float: left
	}
	#footer_info #link li:nth-child(even) {
		float: right
	}
	#footer_info #link a {
		text-decoration: none;
		color: #00316C;
		box-sizing: border-box;
		display: block;
		background-color: #c9c9c9;
		padding-top: 2px;
		padding-bottom: 2px;
		border-radius: 5px;
		border: 1px solid #00316C;
	}
	#footer_info #link a:hover {
		color: #00306D;
	}
	#copy {
		background: #00316C;
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		padding: 5px 0;
		font-size: 85%;
		margin-top: 30px;
	}
}

@media screen and (min-width: 321px) and (max-width: 768px) {
    header {
        margin-bottom: 130px; /* 固定 */
    }
}
@media screen and (max-width: 320px) {
    header {
        margin-bottom: 100px; /* 固定 */
    }

}