body {    margin: 0px; text-align: center;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ W3", sans-serif;}

.center {text-align: center;}




html, body, div, span, applet, h1, h2, p, ul, li {	margin: 0;	padding: 0;	border: 0;}
html{ overflow-y:scroll;}
ol, ul {	list-style: none;}
ul,ol,li,dl,dt,dd {	margin:0px;	padding:0px;}
img { border: 0;	margin: 0;	padding: 0;	vertical-align: bottom;}
.bold {font-weight: bold;}
.bold{font-weight:bold;}
.bold2{font-weight:bold;color:#CC0000;}
.bold3 {font-weight:bold;color:#0747A1;}


.lay_all {overflow: hidden;}
.hover_op {  transition-property: opacity;  transition-duration: 0.3s;}
.hover_op:hover {  opacity: 0.6; }

.res_on {display:none;}
.res_no {display:block;}
.br_sp {display:none;}
.br_pc {display:block;}
@media screen and (max-width: 768px) {
.res_on {display:block;}
.res_no { display:none;}
.br_sp {display:block;}
.br_pc {display:none;}
}

.hd_h1 { width: 97%; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 0px;}
.hd_h1 h1 {font-size: 13px; line-height: 20px; margin: 0px; padding: 0px; text-align: right; font-weight: normal;}

.hd_up { width: 97%; margin-left: auto; margin-right: auto; overflow: hidden; height: 100px;}
.hd_logo { float: left; width: 280px; text-align: left;}
.hd_logo { position: fixed;  top: 0;  z-index: 1000; }
.hd_logo img { width: 250px; height: auto; padding: 12px 0px 0px 30px; text-align: left;}



.hd_menu {float: right; width: 450px/*770px*/;}
.gbt { width: 570px; float: left; padding-top: 35px;}
ul.hd_gbt {	margin: 0px 0px 0px 0px;	padding: 0px;}
ul.hd_gbt li {	list-style-type: none;	display: inline; float: left; font-size: 15px;	line-height: 30px; font-weight: normal;}
ul.hd_gbt li a { color: #000000; text-decoration: none;}
ul.hd_gbt li a:hover { color: #CC0000; text-decoration: none;}
.bt1 { width: 130px; text-align: right; margin-left: 25px; /*background: #B96A6C;*/}
.bt2 { width: 65px;  text-align: right; margin-left: 25px; /*background: #B96A6C;*/}
.bt3 { width: 130px; text-align: right; margin-left: 25px; /*background: #B96A6C;*/}
.bt4 { width: 145px; text-align: right; margin-left: 25px; /*background: #B96A6C;*/}
.bt5 { width: 100px; text-align: right; margin-left: 25px; /*background: #B96A6C;*/}
.bt6 { width: 100px; text-align: right; margin-left: 25px; /*background: #B96A6C;*/}

.h_kotei200 { width: 450px; float: left; right: 20px; /*position: fixed; z-index: 1000;*/ padding-top: 5px;}


ul.hd_rbt {	margin: 0px 0px 0px 0px;	padding: 0px;}
ul.hd_rbt li {	list-style-type: none;	display: inline; float: left; margin: 0px 0px 0px 15px;}
ul.hd_rbt li.tel {	list-style-type: none;	display: inline; float: left; margin: 0px 0px 0px 20px;}
@media screen and (max-width: 1170px) {/*768px*/
.hd_h1 h1 {font-size: 10px; line-height: 14px; margin: 0px; padding: 0px;}
}


@media screen and (max-width: 768px) {
.hd_up { display:none;}
.hd_logo { display:none;}
.hd_logo { display:none;}
.hd_logo img { display:none;}
.h_kotei200 { display:none;}
}




section {  margin-top: 0px;}
.top_image { width: 100%; }
.top_image img { width: 100%; height: auto;}

.bg_856C34 {background: #856c34;}
.bg_F5F5F5 {background: #F5F5F5; text-align: center; padding-top: 95px; padding-bottom: 40px;}
.bg_FFFFFF {text-align: center; padding-top: 95px; padding-bottom: 40px;}
.w1200 { width: 1200px; margin-left: auto; margin-right: auto;}


.bg_1A1A1A {background: #00479D; text-align: center; padding-top: 50px;}
.bg_fooder { padding-top: 100px; height: 850px;/*775px*/;
background-image: url("img_tmp/bg_fooder.jpg");
background-repeat: no-repeat;
background-position: center bottom;
}
@media screen and (max-width: 768px) {
.bg_1A1A1A {padding-top: 0px;}
.bg_fooder {padding-top: 0px;height: auto;
background-image: url(img_tmp/bg_fooder_sp.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
}

/*ul.w100p4*/
ul.w100p4 {	margin: 0px -0px 0px 0px;	padding: 0px;}
ul.w100p4 li {	list-style-type: none; display: inline; float: left; padding: 0px; margin: 0px; width: 25%;}
ul.w100p4 li img { width: 100%; height: auto; margin-bottom: 40px;}
ul.w100p4 li img.bt_more { width: 200px; height: 53px; margin-bottom: 0px;}
ul.w100p4 li p.t_name { font-size: 21px; line-height: 28px; margin: 0px 0px 50px 0px; padding: 0px;}
ul.w100p4 li p.t_comel { font-size: 16px; line-height: 20px; margin: 0px 0px 30px 0px; padding: 0px; }
ul.w100p4 li a { transition: 0.3s; text-decoration: none; color: #000000;}
ul.w100p4 li a:hover { opacity: 0.8; text-decoration: none; color: #000000;}


.btm100 { margin-bottom: 100px;}
.btm090 { margin-bottom: 90px;}
.btm060 { margin-bottom: 60px;}
.btm050 { margin-bottom: 50px;}
.btm040 { margin-bottom: 40px;}
.btm020 { margin-bottom: 20px;}
.btm010 { margin-bottom: 10px;}
@media screen and (max-width: 768px) {
.btm100 { margin-bottom: 30px;}
.btm050 { margin-bottom: 30px;}
.btm060 { margin-bottom: 30px;}
}

/*fooder*/
.f_txt { }
.f_txt p.f_logo { font-size: 0px; line-height: 0px; margin: 0px; padding: 130px 0px 20px 0px; }
.f_txt p.f_logo img { width: auto; height: 100px;}
.f_txt p.f_c1 { font-size: 14px;    line-height: 22px; margin: 0px; padding: 0px; color: #ffffff; }
.f_txt a {color:#E4F0FF; text-decoration: underline;}
.f_txt a:hover {color: #FFFFFF; text-decoration: none;}

.f300 { float: left; margin-right:48px;}
.f300_txtl   { text-align: left; color: #ffffff;}
.f300_txtl p {font-size: 13px; line-height: 28px; margin: 0px 0px 0px 0px; padding: 0px; }
.f300_txtl p.b_t {font-size: 13px;    line-height: 30px; margin: 0px; padding: 0px; color: #ffffff; font-weight: bold;}
.f000 { float: left;}
@media screen and (max-width: 768px) {
.f_txt p.f_logo { font-size: 0px; line-height: 0px; margin: 0px; padding: 28px 0px 15px 0px; }
.f_txt p.f_logo img { width: 180px; height: auto;}
.f_txt p.f_c1 { font-size: 12px;    line-height: 22px; margin: 0px; padding: 0px; color: #ffffff; }
}



.lay_copy { width: 100%; padding-top: 30px; padding-bottom: 20px; text-align: center; font-size: 75%; line-height: 120%; color: #DCF6FA;}
.lay_copy a { color: #DCF6FA; text-decoration: none;}
.lay_copy a:hover { color: #ffffff; text-decoration: none;}
@media screen and (max-width: 768px) {
.lay_copy { width: 90%; padding-top: 20px; padding-bottom: 10px; font-size: 60%; line-height: 160%; margin-left: auto; margin-right: auto; margin-bottom: 70px;}
}


.f_sns { width: 173px; margin: 35px auto 20px auto;}
.f_icon { width: 32px; float: left; margin-right: 15px;}
@media screen and (max-width: 768px) {
.f_sns { width: 173px; margin: 25px auto 10px auto;}
}



.post2 {}
@media screen and (max-width: 768px) {
.post2 {}
.post2 img {	width:100%;	height:auto;}
}

#page-top {	right: 20px;	bottom: 20px;	position: fixed;	z-index:100;	font-size: 11px;	line-height: 18px;}
#page-top a {	width: 60px;	text-align: center;	color: #FFF;	text-decoration: none;	display: block;	padding: 12px 0px 10px 0px;	background-color: #000;	opacity: 0.8;}
#page-top a:hover {	text-decoration: none;	background-color: #1D0F06;}

.w1200 { width: 1200px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 768px) {
.w1200 { width: 94%; margin-left: auto; margin-right: auto;}
#page-top {	right: 5px;	bottom: 80px;	position: fixed;	z-index:100;	font-size: 11px;	line-height: 18px;}
#page-top a {	width: 60px;	text-align: center;	color: #FFF;	text-decoration: none;	display: block;	padding: 12px 0px 10px 0px;	background-color: #000;	opacity: 0.8;}
#page-top a:hover {	text-decoration: none;	background-color: #1D0F06;}
}

#footer_ban2 {	width: 100%; overflow: hidden;	display: table;	position: fixed;
	bottom: 0;	left: 0;	z-index: 9999;	text-align: center;	margin: 0px; padding: 0px; background: #043C9D;}
.spfd01 { float: left; width: 52%; height: 70px; background: #043C9D;}
.spfd02 { float: left; width: 21%; height: 70px; background: #2EA9F7;}
.spfd03 { float: left; width: 27%; height: 70px; background: #0060CC;}



#footer_ban {	width: 100%;	overflow: hidden;	display: table;	position: fixed;
	bottom: 0;	left: 0;	z-index: 9999;	line-height: 0;	text-align: center;
	background-color: #003D87;	margin: 0 auto 0 auto;	padding: 10px 0 10px 0;}

.fb_waku { 	text-align: center;	margin-right: auto;	margin-left: auto;	width: 348px;	height: 50px;}
.fb_l {	float: left;}
.fb_r {	float: right;  padding-left: 5px;}
.fb_all { width: 118px;overflow: hidden;}

.style_red { color: #cc0000; }
.style_blue { color: #0E43B9; }
