@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans);


body {
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	color:#333;
	line-height:140%;
	padding:0;
	margin:0;
	min-width:1050px;
	background:#B2B7C1;
	-webkit-text-size-adjust: 100%;
}


div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fildset,p,blockquote{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
}

ul{
	list-style:none;
}
ul img{
	vertical-align:bottom;
	margin:0;
}

a{
	color:#0066FF;
	text-decoration:underline;
	outline:0;
	-webkit-transition:.5s linear;
}

a:visited {
    color:#0066FF;
	text-decoration:underline;
}

a:hover {
	color:#3CF;
	text-decoration:underline;
}

img {
    border:none;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
	
.blocklink {
	cursor: pointer;
}



/*共通
---------------------------------------------------------*/
.section{
	margin:0 auto;
	_zoom:1;
	overflow:hidden;
}

.box{
	_zoom:1;
	overflow:hidden;
}






/*header
---------------------------------------------------------*/
.header{
	background:#FFF;
	padding-bottom:7px;
	max-height: 100%;
}

.header .section{
	width:980px;
	position: relative;
}


.header_txt{
	display: none;
	font-size:12px;
	font-weight:normal;
	margin:8px 0 60px;
}

.header .logo{
	position: absolute;
	left: 0;
	top: 35px;
}

.header .flt_l .header_txt2{
	float:left;
	color:#2E0618;
	font-size:16px;
	padding-top: 85px;
}

.header ul{
	float:left;
	margin-left:3px;
	padding-top: 83px;
}
.header li{
	float:left;
	background:url(../images/bg_check.gif);
	margin-left:7px;
	padding:5px 8px;
	text-align:center;
	color:#093CBD;
	font-size:13px;
	font-weight:bold;
	line-height:100%;
	letter-spacing:0.2em;
}

.header .flt_r{
	width:360px;
	font-size:15px;
	margin-top:11px;
}

.header .flt_r div{
	width:355px;
	margin-top:5px;
}

.header .flt_r div img{
	float:left;
}

.header .flt_r .tel{
	margin-left:4px;
}


/*nav
---------------------------------------------------------*/
.nav{
	background:url(../images/bg_nav.jpg) repeat-x 0 bottom;
	padding-top:2px;
}

.nav ul{
	width:980px;
	margin:0 auto;
	_zoom:1;
	overflow:hidden;
}
.nav li{
	float:left;
}


/*base
---------------------------------------------------------*/
.base{
	background:url(../images/bg_gra.jpg) repeat-x 0 top;
}


/*pagebody
---------------------------------------------------------*/
.pagebody{
	background:url(../images/shadow.png) repeat-y center top;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	padding:0 8px;
}

.frontpage .shadow{
	margin-top:-138px;
}
.contentpage .shadow{
	margin-top:-18px;
}

/*gray_line
---------------------------------------------------------*/
.gray_line{
	background:url(../images/bg_gray_line.gif) repeat-y 286px 0;
}


/*content
---------------------------------------------------------*/
.content{
	float:right;
}
.frontpage .content{
	padding-bottom:20px;
	margin-right:35px;
	width:620px;
}

.contentpage .content{
	width:670px;
	margin-right:12px;
	margin-top:10px;
	line-height:150%;
}

.pankuzu{
	font-size:13px;
}
.pankuzu a{
	color:#333;
	text-decoration:underline;
}
.pankuzu a:hover {
	color:#3CF;
	text-decoration:underline;
}


.cyui_zei{
	margin-top:10px;
	text-align:right;}


/*side
---------------------------------------------------------*/
.side{
	width:250px;
	float:left;
	padding-top:13px;
	padding-left:15px;
}

.snav{
	background:url(../images/index_snav.jpg) no-repeat 0 0;
	padding-top:30px;
}
.snav li{
	border-bottom:solid 1px #CCC;
}
.snav a{
	background-image:url(../images/arrow_snav.png);
	background-position:0.3em 0.7em;
	background-repeat:no-repeat;
	padding:12px 0 12px 28px;
	display:block;
	color:#000;
	text-decoration:none;
	line-height:100%;
	font-weight:bold;
	border-top:solid 2px #FFF;
	border-bottom:solid 2px #FFF;
}

.snav a:hover{
	background-color:#F1F0D8;
}

.snav span{
	background-image:url(../images/arrow_snav.png);
	background-position:0.3em 0.7em;
	background-repeat:no-repeat;
	background-color:#F1F0D8;
	padding:12px 0 12px 28px;
	display:block;
	color:#000;
	text-decoration:none;
	line-height:100%;
	font-weight:bold;
	border-top:solid 2px #FFF;
	border-bottom:solid 2px #FFF;
}

.side .faq{
	margin-top:20px;
}

.side .faq ul{
	border-bottom:solid 1px #CCC;
	padding:5px 0 10px;
}

.side .faq li{
	margin-top:5px;
	background:url(../images/icon_q.gif) no-repeat 0 0.3em;
	padding:3px 0 0 25px;
}
.side .faq li a{
	font-size:13px;
	color:#666;
}

.side .faq li a:hover{
	color:#81B420;
}

.side .bnr{
	margin-top:10px;
	margin-bottom:20px;
}
.side .movieArea{
	margin-top:10px;
	margin-bottom:10px;
}
.side .bnr img{
	margin-top:10px;
}


/*magazine
---------------------------------------------------------------------*/
#magazine{
	margin-top:20px;
	width:250px;
	height:165px;
	overflow:hidden;
}

#magazine p{
	background:#333;
	color:#FFF;
	text-align:center;
	padding:5px 0;
	line-height:100%;
	font-weight:bold;
}
#magazine li{
	display:block;
	width:100px;
	height:130px;
	padding:10px 5px 0 13px;
	text-align:center;
	font-size:11px;
	color:#666;
}
#magazine li img{
	padding-bottom:2px;
}


/*voice
---------------------------------------------------------------------*/
.voice{
	border:solid 1px #9AADC6;
	padding:1px;
	margin-top:15px;}

.voice .v_title{
	background:url(../images/voice_bg.jpg) repeat-y left top;
	padding:7px 10px;}

.voice .article{
	padding:6px;}

.voice .article strong{
	color:#123770;}



/*btn_pagetop
---------------------------------------------------------*/
.btn_pagetop{
	text-align:right;
	border-bottom:solid 1px #CCC;
	padding-right:35px;
	padding-top:10px;
}


/*footer
---------------------------------------------------------*/
.footer{
	_zoom:1;
	overflow:hidden;
}

.footer .flt_l{
	margin:20px 0 20px 20px;
}
.footer .flt_l ul{
	_zoom:1;
	overflow:hidden;
	margin:10px 0 10px 10px;
}
.footer .flt_l li{
	float:left;
	margin-right:5px;
}

.footer .flt_l p{
	font-size:12px;
	margin-bottom:8px;
}

.footer .flt_r{
	margin:20px 20px 20px 0;
	width:470px;
}

.footer .flt_r iframe{
	float:left;
	margin-right:10px;
}

.footer address{
	font-style:normal;
	margin:8px 0 10px;
}


/*footer_line
---------------------------------------------------------*/
.footer_line{
	_zoom:1;
	overflow:hidden;
}

.footer_line .flt_l{
	margin:20px 0 20px 20px;
}
.footer_line .flt_l ul{
	_zoom:1;
	overflow:hidden;
	margin:10px 0 10px;
}
.footer_line .flt_l li{
	float:right;
	padding-top: 15px;
}
.footer_line .flt_l li:first-child{
	float:left;
	padding-top: 0;
}

.footer_line .flt_l p{
	font-size:12px;
	margin-bottom:8px;
}

.footer_line .flt_r{
	margin:20px 20px 20px 0;
	width:450px;
}

.footer_line .flt_r iframe{
	margin-bottom: 10px;
}
.footer_line .flt_r .flt_box {
	margin-bottom: 10px;
}
.footer_line .flt_r .flt_box .map_btn{
	float: right;
}
.footer_line address{
	font-style:normal;
}

.line_box {
	margin-top: 10px;
	background: url(../images/t_bg_line.jpg) no-repeat center top;
	width: 440px;
	height: 203px;
	padding: 15px 10px;
}
.line_box .line_title {
	margin-bottom: 10px;
}
.line_box .line_title dt {
	float: left;
}
.line_box .line_title dd {
	float: right;
	margin-top: 10px;
}
.line_box .flt_box dt {
	float: left;
	width: 306px;
	line-height: 1.5em;
}
.line_box .flt_box dt span {
	font-weight: bold;
}
.line_box .flt_box dd {
	float: right;
}
.line_box .line_id {
	margin-top: 5px;
	border: solid 1px #2CBF13;
	padding: 10px;
	color: #2CBF13;
	font-size: 18px !important;
	font-weight: bold;
	line-height: 1.0em;
}



.copyright{
	font-family: 'Noto Sans', sans-serif;
	font-size:11px;
	color:#FFF;
	letter-spacing:0.1em;
	background:url(../images/bg_copyright.jpg) no-repeat center bottom;
	text-align:center;
	padding:5px 0;
}

.f_nav{
	background:url(../images/shadow_b.png) no-repeat center top;
	padding-top:10px;
}


.f_nav,.f_nav a{
	color:#3D2B2B;
	font-size:12px;
	margin-bottom:30px;
	text-decoration:none;
}

.f_nav a:hover{
	text-decoration:underline;
}

.footer_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px auto 50px;
	width: 95%;
}
.footer_link ul {
	margin: 0 4% 0 0;
	width: 20%;
	border-right: 1px solid #ccc;
}
.footer_link ul:last-of-type { margin-right: 0; border-right: none; }
.footer_link li { list-style-type: disc; margin-bottom: 10px; text-align: left; }
.footer_link li a { color: #666; }