@charset "UTF-8";
/* CSS Document */

/*============================================================================================
↓共通========================================================================================
============================================================================================*/
html {
	font-size : 62.5%; /*10px*/
	line-height: 1em;
	}
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #5a4f4a;
}

/* clearfix */
#header:after,
#container:after,
#contents:after,
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}
#header,
#container,
#contents,
.clearfix{
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac */
* html #header,
* html #container,
* html #contents,
* html .clearfix{height:1%;}

#header,
#container,
#contents,
.clearfix{display:block;}

/* リンクテキスト */
a:link,a:visited {
	text-decoration: underline;
color: #5a4f4a;
}
a:hover {
	text-decoration: none;
	color: #d61826;
}
a.over,.over {cursor: pointer;}

/* 画像 */
img.width-max{
   max-width: 100%;
     height: auto;
     display:block;
}

/* 余白/フロート */
.clear{clear:both;}
.left{ float:left;  }
.right{ float:right; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }
.align-l{ text-align:left; }

.mgB0{   margin-bottom:0px;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{  margin-bottom:20px; }
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }
.mgB60{  margin-bottom:60px; }

.mgT0{   margin-top:0px;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }
.mgT80{  margin-top:80px; }

.mgR0{   margin-right:0px;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }
.mgR40{  margin-right:40px; }
.mgR50{  margin-right:50px; }

.mgL0{   margin-left:0px;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }
.mgL40{  margin-left:40px; }
.mgL50{  margin-left:50px; }

.pdgB0{   padding-bottom:0px;  }
.pdgB5{   padding-bottom:5px;  }
.pdgB10{  padding-bottom:10px; }
.pdgB15{  padding-bottom:15px; }
.pdgB20{  padding-bottom:20px; }
.pdgB30{  padding-bottom:30px; }
.pdgB40{  padding-bottom:40px; }
.pdgB50{  padding-bottom:50px; }

.pdgT0{   padding-top:0px;  }
.pdgT5{   padding-top:5px;  }
.pdgT10{  padding-top:10px; }
.pdgT15{  padding-top:15px; }
.pdgT20{  padding-top:20px; }
.pdgT30{  padding-top:30px; }
.pdgT40{  padding-top:40px; }
.pdgT50{  padding-top:50px; }

.pdgR0{   padding-right:0px;  }
.pdgR5{   padding-right:5px;  }
.pdgR10{  padding-right:10px; }
.pdgR15{  padding-right:15px; }
.pdgR20{  padding-right:20px; }
.pdgR30{  padding-right:30px; }
.pdgR40{  padding-right:40px; }
.pdgR50{  padding-right:50px; }

.pdgL0{   padding-left:0px;  }
.pdgL5{   padding-left:5px;  }
.pdgL10{  padding-left:10px; }
.pdgL15{  padding-left:15px; }
.pdgL20{  padding-left:20px; }
.pdgL30{  padding-left:30px; }
.pdgL40{  padding-left:40px; }
.pdgL50{  padding-left:50px; }

/*============================================================================================
↓フォント====================================================================================
============================================================================================*/

/*フォントサイズ*/
.font8{font-size: 80%;}
.font10{font-size: 100%;}
.font12{font-size: 120%; line-height:1.2em;}
.font14{font-size: 140%; line-height:1.4em;}
.font16{font-size: 160%; line-height:1.6em;}
.font18{font-size: 180%; line-height:1.8em;}
.font20{font-size: 200%; line-height:2em;}

/*英語表記*/
.en-r {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}

/*文字装飾*/
.bold {font-weight: bold;}




/*============================================================================================
↓カラー指定==================================================================================
============================================================================================*/
.sgu-red {color:#d61826;}
.sgu-dbl {color:#043d60;}


/*============================================================================================
↓＜レイアウト＞全体============================================================================
============================================================================================*/
body {
  background-color: #f8f8f8;
  font-size : 1.4em;
}
#wrapper {
	width: 100%;
}
#contents-area {
	width:1200px;
	margin: 0 auto;
	padding-bottom: 3em;
	padding: 0px 0px 50px 0px;
	background-color: #fff;
	line-height: 2.4em;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 6px 3px 3px;
}





/*============================================================================================
↓ヘッダー====================================================================================
============================================================================================*/
#header {
	min-width: 1200px;
	width:100%;
	text-align: right;
		background-image:
	url(../../img/bg-header.jpg);
	background-position:top center;
	background-repeat: repeat-x;
	background-size: auto;
	border-bottom: solid 1px #d6182;
	background-color:#FFFFFF;
}
#header .inner {
	width:1200px;
	margin:0 auto;

	height:140px;

	padding: 20px 0px;
	box-sizing: border-box;
	overflow: hidden;
	;
}



/*============================================================================================
↓ヘッダー左側================================================================================
============================================================================================*/
#header .inner .left-cont {
	float: left;
}
/*--左サイドサイトロゴ--*/
#header .inner .left-cont .site-logo {
	width: auto;
	display: table;
}
#header .inner .left-cont .site-logo li {
	display: table-cell;
	vertical-align: middle;
}




/*============================================================================================
↓ヘッダー右側================================================================================
============================================================================================*/
#header .inner .right-cont {
	float: right;
}
#header .inner .right-cont .contact-nav {
	display: table;
}
#header .inner .right-cont .contact-nav li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
}




/*============================================================================================
↓グランドメニュー============================================================================
============================================================================================*/
#gnav {
	background-color: #fff;
	font-size: 1em;
	line-height: 1em;
	display: block;
	width:1200px;
	border-bottom: solid 1px #d61826;
	border-top: solid 1px #d61826;
	z-index:9999999;
	margin:0 auto;
}
#gnav ul {
	width: 1200px;
	margin:0 auto;
	display:table;


}
#gnav ul li {
	width: 295px !important;
	display:table-cell;
	line-height: 1.3em;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #d61826;
}

#gnav ul li:first-child {
	border-left: solid 1px #d61826;
}
#gnav ul li a:link,
#gnav ul li a:visited {
	color: #d61826;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 1.6em 0px;
}
#gnav ul li a:hover {
	color: #FFF;
	background-color: #d61826;
}
#gnav ul li .en-r {
	font-size: 0.8em;
	display: block;
}
#gnav-sp-open a {
	display: none;
}



/*============================================================================================
↓フッター====================================================================================
============================================================================================*/
#footer {
	background-color: #fff;
	position: relative;
	border-top: solid 1px #d61826;
	min-width: 1200px;
	width:100%;
}

.outside-bnr {
	border-bottom: solid 1px #d61826;
}
.outside-bnr ul {

	display: table;
	margin:0 auto;
}
.outside-bnr ul li {
	width:296px;
	padding: 1.6em 0px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #d61826;

}
.outside-bnr ul li:first-child {
	border-left: solid 1px #d61826;
}
.outside-bnr ul li img {
	height: 100%;
}
.copyright {
	width: 100%;
	display: table;
	box-sizing: border-box;
	font-size: 80%;
	color: #fff;
	padding: 20px;
	background-color: #043d60;
	border-bottom: solid 8px #d61826;
}
.copyright div {
	display: table-cell;
	vertical-align: middle;
}
.copyright .right-cont {
	display: none;
	float:right;
	}


/*============================================================================================
↓ページトップへ==============================================================================
============================================================================================*/
#pagetop {
	/*display: none;*/
}
#pagetop a {
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 60px;
	height: 60px;
}


/*============================================================================================
↓＜見出し＞下層ページタイトル（共通）========================================================
============================================================================================*/
.page-ttl {
	background-image:url(../../img/bg-dot.png);
	background-repeat: repeat;
}
.page-ttl h1 {
	font-size: 1.6em;
	line-height: 1em;
	color: #d61826;
	padding: 2em;
	background-image: url(../../img/h-hrline2.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom:80px;
}
.page-ttl h1 .en-r {
	font-family: 'Oswald', sans-serif;
	font-size: 0.8em;
	line-height: 2em;
	display: block;
}


/*============================================================================================
↓＜見出し＞下層ページサブタイトル（共通）====================================================
============================================================================================*/
.sub-ttl {
	padding: 3em 2em;
	text-align: center;
	background-color: #f5f5f5;
	margin-bottom: 3em;
	margin-top:40px;
}
.sub-ttl span {
font-size:1.2em;
	line-height: 1em;
	text-align: center;
	padding: 0px 4em;
	background-image: url(../../img/bg-sub-ttl-left.png), url(../../img/bg-sub-ttl-right.png);
	background-position: center left, center right;
	background-repeat: no-repeat, no-repeat;
	margin: 0 auto;
}
.sub-ttl span .en-r{
	font-size: 0.8em;
	padding: 0px 0px;
	background-image: none;

}
/*============================================================================================
↓＜見出し＞下層ページコンテンツのタイトル（共通）====================================================
============================================================================================*/
.contents-ttl {
	background-image: url(../../img/h-hrline.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 2em 0em;
}
.contents-ttl h2,
.contents-ttl h3,
.contents-ttl h4 {
	text-align: left;
	line-height: 1.3em;
}
.contents-ttl h2 span,
.contents-ttl h3 span,
.contents-ttl h4 span {
	display: inline-block;
	padding: 1em 2em;
	background-image: url(../../img/bg-dot.png);
	background-position: top left;
	background-repeat: repeat;
}


/*============================================================================================
↓＜ボタン＞ページアンカー・ページナビ========================================================
============================================================================================*/
.page-anchor ul {
	display: table;
	border: solid 1px #d61826;
	border-collapse: collapse;
	box-sizing: border-box !important;
	max-width: 960px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.page-anchor ul li {
	position: relative;
	display: table-cell;
	line-height: 1em;
	border-right: solid 1px #d61826 !important;
}
.page-anchor ul li:last-child {
	border-right: none !important;
}
.page-anchor ul li a:link,
.page-anchor ul li a:visited {
	color: #d61826;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	padding: 20px;
	/*↓グラデ*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.bladient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.page-anchor ul li a:hover {
	background-color: #fdf5f6;
	background-image: none;
}
.page-anchor .en-r{
	font-size:0.8em;}