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

/*============================
	レイアウト・背景色・基本文字色
=============================	*/
body {
	-webkit-font-smoothing: antialiased;
	background:url(../../images/180/bgi-main_001.jpg) center top no-repeat;
	background-size:cover;
	background-attachment: fixed;
	color:#222;
}
#container{
	margin:0 auto;
	font-size:1.143em;
}
#content {
	width:100%;
	margin:0 auto;
	text-align:left;
}
#contentFooter {
	width:1000px;
}
#main {
	width:870px;
	margin:0 auto;
}
a {
	color:#222;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

/*============================
	ヘッダー
=============================*/
#header {
	width:100%;
	margin:0 auto;
	padding:18px 0;
	position:relative;
	text-align:center;
	background:#001f3b;
}
#head_nav{
	width:880px;
	margin:0 auto;
}
#head_nav ul{
	list-style:none;
	text-align:right;
}
#head_nav ul li{
	display:inline-block;
	font-size:1em;
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.08em;
	line-height:1;
	margin-left:28px;
}
#head_nav ul li a{
	color:#fff;
	text-decoration:none;
}
#head_nav ul li a:hover {
	opacity:0.7;
}

/* タイトル */
#site_title {
	width:880px;
	text-align:center;
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.04em;
	font-size:3em;
	font-weight:normal;
	margin:65px auto 30px;
	line-height:1.3;
}
#site_title a {
	color:#fff;
	text-decoration:none;
}
#site_title a:hover {
	opacity:0.7;
}
#site_title a img {
	max-width:600px;
	width:auto!important;
	width:600px;
	height:auto;
}

/*===================================
  global_nav
=====================================*/
#global_nav {
	text-align:center;
	line-height:1;
	margin:0 auto;
	width:880px;
	height:auto;
}
#global_nav a {
	text-decoration:none;
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.08em;
	background:none;
}
#global_nav a:hover {}
/*-------▼グローバルナビセッティング▼--------*/
/* 基本設定　変更しない */
#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#nav li {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	display:inline-block;
	/display: block;
	/float: left;
	position: relative;
}
#nav a {display: block;}
#nav ul {display: none;position: absolute;left: 0; top:20px;margin: 0;padding: 0;}
* html #nav ul {line-height: 0;} /* IE6 "fix" */
#nav ul a {zoom: 1;} /* IE6/7 fix */
#nav ul li {float: none;}
#nav ul ul {top: 0;}

#nav {
	font-size:1.25em;
	color: #fff;
	width:auto!important;
	padding:0;
	line-height:1;
	*zoom: 1;
	margin:0 auto;
	text-align:center;
	/display:inline;
	/zoom:1;
}


/* メインメニュー */
#nav li.nav-top {
	width:auto!important;
	display:inline-block;
	/z-index:1;/*IE6,7*/
	_width:120px!important;/*IE6*/
	_float:left;/*IE6*/
	letter-spacing: normal;
	white-space:nowrap;
}


#nav li.nav-top a {/* メインのa */
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 20px 0 30px;
	width:auto;
	line-height:1;
	position:relative;
	/display:normal;
	/z-index:1;/*IE6,7*/
	border-left:1px solid #00284b;
}
#nav li.nav-top a:hover{ opacity:0.7 }
#nav li.nav-top a:before {
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	left:0;
	background:#2a5e85;
}
#nav li.nav-top:first-child a {
	border-left:none;
}
#nav li.nav-top:first-child a:before {
	display:none;
}

/* 子メニュー*/
#nav li.nav-top ul{
	width:100%;
	/z-index:1000;/*IE6,7*/
	background:#FFFFFF;
	box-sizing:border-box;
	border:solid 3px #002341;
	margin-top:16px;
	margin-bottom:-1px;
}

#nav li.nav-top ul:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: -24px;
	left: 50%;
	margin-left: -12px;
	border: 12px solid transparent;
	border-bottom-color: #002341;
}

#nav li.nav-top ul li {
	display:block;
	white-space:normal;
	font-size:14px;
	position:relative;
	/z-index:1000;
	border-bottom:solid 3px #002341;
	margin-bottom:0;
}
#nav li.nav-top ul li a {
	display:block;
	font-weight:normal;
	height:auto;
	padding:13px 18px;
	text-align:left;
	line-height:1.5;
	position:relative;
	/z-index:1000!important;
	text-shadow:none;
	background-image:inherit;
	color:#002341;
}

#nav li.nav-top ul li:hover {
	background-color:#04213d;
}

#nav li.nav-top ul li a:hover {
	text-decoration:none;
	color:#fff;
	opacity:1;
}
#nav li.nav-top ul li a:before {
	display:none;
}

#nav li.nav-top ul li:last-child{
	border-bottom:none;
}

/*============================
	リードエリア
=============================*/
#lead_area {
	position:relative;
	margin:0px auto;
	padding:30px 0 50px;
	width:870px;
}
#lead_area .inner{
}

/*　メイン写真
------------------------------------------------*/
#cover {
	width: 365px;
	height: auto;
	float:right;
}
#cover img{
	width: 365px;
	height: auto;
	border:10px solid #04203d;
}

/*　新着情報
------------------------------------------------*/
#topics {
	width:870px;
	margin:0 auto 90px;
}
#topics h3 {
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.08em;
	font-size:2.25em;
	text-align:center;
	line-height:1;
	font-weight:normal;
	color:#00395f;
	position:relative;
	padding-bottom:20px;
	margin-bottom:45px;
}
#topics h3:after {
	position:absolute;
	content:"";
	height:2px;
	background:#00395f;
	width:30px;
	bottom:0;
	left:50%;
	margin-left:-15px;
}
#topics .topics-entry {
	width:870px;
	max-height:195px;
    height: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

#topics dl {
		width: 870px;
		text-align:left;
}

#topics dt {
		float: left;
		font-family: 'Questrial', sans-serif;
	letter-spacing:0.04em;
		padding:12px 0 0;
		color:#00395f;
		font-weight:bold;
}

#topics dd {
		padding:16px 0 16px 110px;
		font-size:0.875em;
		border-bottom:1px solid #f7f5f1;
		position:relative;
}
#topics dd:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#dfd8c7;
	left:0;
	bottom:0px;
	position:absolute;
}

#topics dd a {
		text-decoration: underline;
}


/*　画像なしの場合（メイン写真・ディスクリプション）
------------------------------------------------*/
#lead_area.no-img {
	padding-top:20px;
}
#lead_area.no-img .inner{
}
#lead_area.no-img #site_description {
	float:none;
	width:auto;
	min-height:auto;
}
.no-img #cover {display: none;}


/* スライド
------------------------------------------------*/
.mainSlideIn {
	box-sizing:content-box;
	box-sizing:inherit;
	width:960px;
	padding:0px 0 0;
	margin:-20px -45px 0;
}
.bx-wrapper {
    margin-bottom:50px !important;
	height:400px !important;
}
#mainSlide{
	margin:0;
}
#mainSlide li {
	height:400px !important;
	width:960px;
	position:relative;
	background:rgba(0,0,0,0.2);
	overflow:hidden;
}
#mainSlide li img {
	position:absolute;
	left:0;
	width:960px;
	height:auto;
}

/* pager */
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	opacity:0.5;
	text-indent: -9999px;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 7.5px;
	outline: 0;
	cursor:pointer;
	border-radius:7px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover ,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
	opacity:0.9;
}
/* controlBtn */
.bx-wrapper .bx-controls-direction a {
	width:40px;
	height:40px;
	margin:0;
	top:180px;
	cursor:pointer;
}
.bx-wrapper .bx-prev {
	background:url(../../images/180/btn-slider_001.png) 15px center no-repeat rgba(0,22,45,0.6);
	background-size:9px auto;
	left:-40px;
}
.bx-wrapper .bx-prev:hover {
	opacity:0.8;
}
.bx-wrapper .bx-next {
	background:url(../../images/180/btn-slider_002.png) 16px center no-repeat rgba(0,22,45,0.6);
	right:-40px;
	background-size:9px auto;
}
.bx-wrapper .bx-next:hover {
	opacity:0.8;
}

/*============================
	メイン
=============================*/
#main{
	width:100%;
	background:url(../../images/180/bgi-main_002.jpg) left top repeat;
	padding:80px 0 90px;
}

/*　site_description
------------------------------------------------*/

#site_description {
	min-height:170px;
	text-align:left;
	float:left;
	width:437px;
}

#site_description h2 {
	color:#fff;
	font-weight:normal;
	line-height:2.75;
}



/*　記事ボックス 
------------------------------------------------*/
.article_box {
	background:#f6f4ef;
	padding:50px 60px;
	width:870px;
	margin:0 auto 40px;
}

.article_box .article_title{
	margin-bottom:25px;
}
.article_box .article_title h2 {
	color:#00395f;
	font-size:1.75em;
	font-weight:normal;
}

/* 記事画像あり */
.article_box .entry {
	width:510px;
	text-align:justify;
	float:left;
	font-size:0.875em;
	line-height:2;
}

.article_box .entry b,
.article_box .entry em,
.article_box .entry span {
    line-height: 2;
}
.article_box .entry strong{
	font-weight:bold; 
}
.article_box .entry img{
	max-width:100%;
	margin:10px 0;
}
.article_box .article_figure {
	float:right;
	width:200px;
	text-align:center;
	padding:0 0 0 0;
}
.article_box .article_figure div{
	width: 200px;
	margin-bottom:25px;
}
.article_box .article_figure img {
	max-width: 200px;
	display:block;
}
.article_box .article_figure span {
	display: block;
	background:#00395f;
	color:#fff;
	font-size:0.75em;
	text-align:left;
	padding:10px 15px;
}
.article_box .article_figure a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

/* 記事画像なし */
.article_box.no-img .entry{
	width:100%;
	float:inherit;}

/*記事ボックス内のテーブル*/
.article_box .entry table {
 	border-collapse:collapse;
    border:#00395f 1px solid;
}
.article_box .entry table th,
.article_box .entry table td {
	border:#00395f 1px solid;
	padding:10px;
}

/*Thickbox*/
#TB_overlay{z-index:10000;}
#TB_window{box-sizing:initial;z-index:10000;}


/*　お問い合わせ
-----------------------------------------*/
#inquiry {
	margin:60px 0;
}
#inquiry a {
	display:block;
	margin:0 auto;
	width:870px;
	text-align:center;
	background:url(../../images/180/ico-arrow_001.png) right 40px center no-repeat rgba(0,22,45,0.6);
	background-size:13px auto;
	padding:25px 0;
	line-height:1;
	font-size:2em;
	letter-spacing:1;
	color:#fff;
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.08em;
	text-decoration:none;
}
#inquiry a:hover {
	opacity:0.85;
}

/*============================
	コンテンツフッター
=============================*/
#footer_main{
	background:url(../../images/180/bgi-main_002.jpg) left top repeat;
	padding-top:80px;
}
#content_footer{
	width:870px;
	margin:0 auto;
}
#content_footer h2{
	text-align:center;
	margin-bottom:30px;
	padding:0 0 20px 0;
	font-weight:normal;
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.08em;
	color:#00395f;
	font-size:1.75em;
	line-height:1;
	position:relative;
}
#content_footer h2:after {
	content:"";
	display:block;
	width:24px;
	height:2px;
	position:absolute;
	background:#00395f;
	bottom:0;
	left:50%;
	margin-left:-12px;
}
#about , #blog , #mobile{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	 letter-spacing: normal;
	vertical-align:top;
	width:270px;
	margin-left:24px;
}
#about ul,#blog dl,#mobile #qrcode {
	padding:30px 40px;
	background:#f3f1ec;
}

/*　About
------------------------------------------------*/
#about {
	margin-left:0;
}
#content_footer #about ul li{list-style:none; margin-top:5px;}
#content_footer #about ul li:first-child {margin-top:0;}
#content_footer #about ul a{
	display:block;
	text-align:center;
	text-decoration:none;
	padding:16px 0;
	line-height:1;
	background:url(../../images/180/ico-arrow_002.png) right 15px center no-repeat #fff;
	background-size:7px auto;
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.08em;
	color:#00395f;
}
#content_footer #about ul a:hover{
	opacity:0.7;
}

/*　Blog
------------------------------------------------*/
#content_footer #blog{position:relative}
#content_footer #blog dl{
}
#content_footer #blog dt{
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.04em;
	color:#00395f;
	line-height:1;
	margin-bottom:10px;
}
#content_footer #blog dd{
	line-height:2;
	font-size:0.87em;
	padding-bottom:14px;
	margin-bottom:17px;
	position:relative;
	border-bottom:1px solid #fdfdfc;
}
#content_footer #blog dd:after {
	position:absolute;
	content:"";
	display:block;
	height:1px;
	width:100%;
	background:#ede8dd;
	bottom:0;
	left:0;
}
#content_footer #blog dd a{text-decoration:underline;background:none;}
#content_footer #blog dd a:hover{text-decoration:none;}
#content_footer #blog #blog_link{
	background:#f6f4ef;
	padding:0 40px 30px;
	margin-top:-20px;
}
#content_footer #blog #blog_link a{
	display:block;
	font-family: 'Questrial', sans-serif;
	font-size:0.75em;
	letter-spacing:0.08em;
	background:url(../../images/180/ico-arrow_002.png) right 15px center no-repeat #fff;
	background-size:5px auto;
	padding:10px 0;
	line-height:1;
	color:#00395f;
	text-align:center;
	text-decoration:none;
}
#content_footer #blog #blog_link a:hover{
	opacity:0.7;
}

/*　Mobile QR
------------------------------------------------*/
#content_footer #mobile #qrcode{text-align:center;}
#content_footer #mobile #qrcode p{
	text-align:left;
	font-size:0.75em;
	line-height:2;
	margin-top:18px;
}

/*============================
	下層ページ
=============================*/
#notTop #main {
	padding-top:0;
	margin-top:70px;
}

	
/*============================
	ページトップ
=============================*/
#pagetop {
	position:absolute;
	bottom:14px;
	right:0;
}

/*============================
	フッター
=============================*/
#footer {
	width:100%;
	margin-top:80px;
	background:rgba(223,217,199,0.8);
}
#footer .inner {
	width:870px;
	margin:0 auto;
	padding:20px 0;
	position:relative;
}
/*　コピーライト */
address {
	text-align:left;
	font-style: normal;
	font-size:0.68em;
	line-height:1;
	color:#6b6659;
	padding-right:250px;
}
address a{background:none;}

/*============================
	フリーエリア
=============================*/
#side-area {
	width:870px;
	margin:-20px auto 60px;
	color:#fff;
	font-size:0.75em;
	line-height:2;
}
#foot-area {
	width:880px;
	margin:60px auto 0;
	padding:40px 60px 0;
	font-size:0.75em;
	line-height:2;
	border-top:1px solid #dfd8c7;
	position:relative;
}
#foot-area:before {
	content:"";
	display:block;
	position:absolute;
	height:1px;
	width:100%;
	background:#f7f5f1;
	top:0;
	left:0;
}

/*============================
	下層ページ共通
=============================*/
/*ページタイトル*/
#page_title{
	width:870px;
	margin:80px auto 50px;
	text-align:center;
}

#page_title h2 {
	font-family: 'Questrial', sans-serif;
	letter-spacing:0.08em;
	font-size:2.25em;
	text-align:center;
	line-height:1;
	font-weight:normal;
	color:#00395f;
	position:relative;
	padding-bottom:20px;
	margin-bottom:45px;
}
#page_title h2:after {
	position:absolute;
	content:"";
	height:2px;
	background:#00395f;
	width:30px;
	bottom:0;
	left:50%;
	margin-left:-15px;
}
/*パン屑リスト*/
#pnkz {
	text-align:left;
	background:rgba(223,217,199,0.8);
}
#pnkz ul {
	width:870px;
	margin:0 auto;
	list-style: none;
	padding:20px 0;
}
#pnkz ul li {
	line-height:1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size:0.68em;
}
#pnkz ul li:before {
	content:"　>　";
}
#pnkz ul li:first-child:before {
	content:"";
}
#pnkz ul li a{}
#pnkz ul li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height:1;
	font-weight:normal;
	text-decoration:underline;
}

/*============================
	お問い合わせフォーム、プロフィール、地図
=============================*/
#map,
#profile,
#form {
	width:880px;
	margin:0 auto;
}
#map #lead_s,
#profile #lead_s,
#form #lead_s {
	line-height:2;
	margin-bottom:30px
}
#map table,
#profile table,
#form table {
	width:880px;
    border-collapse:separate;
	border-bottom:solid 1px #fdfdfc;
}
#map table th,
#map table td,
#form table th,
#form table td,
#profile table th,
#profile table td{
	text-align:left;
	vertical-align: top;
	border-top:solid 1px #fdfdfc;
	border-bottom:solid 1px #dfd8c7;
	padding:25px 0 25px 20px;
	line-height:1.5;
}
#map table th,
#form table th,
#profile table th{
	vertical-align:top;
	padding:25px 0;
	font-weight:bold;
	color:#00395f;
}
table tr:first-child th,
table tr:first-child td {
	border-top:none !important;
}
/*地図
-----------------------------------------*/
#frame {
	border:10px solid #00395f;
	line-height:0;
		margin-bottom:40px ;
}
#frame iframe{
	border:none;
	width:860px;
	height:514px;
}
#map table th{
	width:120px;
}

/*プロフィール
-----------------------------------------*/
#profile{}
#profile #lead_s img{width:100%;margin-bottom:1em;}

#profile table {
}#profile table tr{
}
#profile table th,
#profile table td{
}
#profile table th{
	width:130px;
}
/*お問い合わせ
-----------------------------------------*/
#form {
}
.warning {
  font-size:0.86em;
  padding-top:1em;
  
}
#form table{
}
#form table th,
#form table td{
	vertical-align: middle;
}
#form table th{
	width: 170px;
}
.validation_span,
.warning span {
  color:#ef5c23;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin:0 2px 0 0;
}
#form input,
#form textarea {
  font-size: 0.9em;
  padding: 5px;
}
#form input[type=text],
#form textarea {
  border: solid 1px #ccc;
  padding:6px 3px;
  background:#fff;
}
#form input[type=text]:focus,
#form textarea:focus {
  outline: none;
  background:#fafafa;
}
#contact_submit th,
#contact_submit td {
  text-align: center!important;
  padding:20px 0;
}
#form input[type=submit]{
	border:none;
	background: #00395f;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	letter-spacing:0.4em;
	font-size:16px;
	line-height:1;
	color:#fff;
	padding:15px 60px 15px 60px;
		-webkit-transition: 0.6s opacity 0s;
	-moz-transition: 0.6s opacity 0s;
	-ms-transition: 0.6s opacity 0s;
	-o-transition: 0.6s opacity 0s;
	transition: 0.6s opacity 0s;
	border-radius:0;
}
#form input[type=reset] {
	background: #dadada;
	font-weight:bold;
	border:none;
	border-radius:0;
	cursor:pointer;
	letter-spacing:0.1em;
	font-size:14px;
	padding:15px 20px;
	margin:0 0 0 5px;
	color:#666;
	-webkit-transition: 0.6s opacity 0s;
	-moz-transition: 0.6s opacity 0s;
	-ms-transition: 0.6s opacity 0s;
	-o-transition: 0.6s opacity 0s;
	line-height:1;
	transition: 0.6s opacity 0s;
}
#form input[type=submit]:hover{
	alpha:(opacity=70);
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	-ms-opacity:0.7;
	-o-opacity:0.7;
	opacity:0.7;
}
#form input[type=reset]:hover {
		alpha:(opacity=70);
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	-ms-opacity:0.7;
	-o-opacity:0.7;
	opacity:0.7;
}
#form input[type="submit"], #form input[type="reset"] {
    width: auto !important;
}
/*リード文

/*エラーメッセージエリア
-----------------------------------------*/
.validation-advice {
  margin-top: 3px;
  padding-left: 5px;
  color: #cc0000;
}
.warning {
  line-height: 150%;
  margin: 5px 0 0;
}
.w_mark {
  color: #ef5c23;
}
.thaks {
  line-height: 150%;
  padding: 0 16px 40px 0;
}
.hidden {
  display: none;
}



/* 20170703 ADD */
#side-area img{
	max-width: 100%;
}
#foot-area img{
	max-width: 100%;
}


/* 20190416 ADD */
.box ul,
.box1 ul,
.box2 ul,
.box3 ul,
.articleBox ul,
.entry_box ul,
.entryBox ul,
.article-box ul,
.article ul,
.article_box ul{
    list-style-type: disc;
}
.box ol,
.box1 ol,
.box2 ol,
.box3 ol,
.articleBox ol,
.entry_box ol,
.entryBox ol,
.article-box ol,
.article ol,
.article_box ol {
    list-style-type: decimal;
}
.box ul,
.box1 ul,
.box2 ul,
.box3 ul,
.articleBox ul,
.entry_box ul,
.entryBox ul,
.article-box ul,
.article ul,
.article_box ul,
.box ol,
.box1 ol,
.box2 ol,
.box3 ol,
.articleBox ol,
.entry_box ol,
.entryBox ol,
.article-box ol,
.article ol,
.article_box ol {
    margin-left: 18px;
}