* {margin: 0; padding: 0; outline: 0;}


body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #e5e5e5;
	font-size: 12px;
	background:#bfbfbf;

	
}


h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin:0 0 10px 0;
}


h1 {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 90%;
	text-shadow: 1px 1px 3px #000;
}


h2 {
	font-size: 22px;
	text-shadow: 1px 1px 2px #000;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
}



.clear {
	clear: both;
}
.wrap {
	width: 100%;
	max-width: 1600px;
	min-width: 960px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}



.section {
	width: 100%;
	max-width: 1600px;
	min-width: 960px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	height: 500px;
}


.inner {
	width: 1080px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:27px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	height: 65px;
	z-index: 1000;
	width: 100%;
	background: #0977bc;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}


.subNavBtn {
	display: block;
	height: 50px;
	width: 10%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	padding: 15px 2% 0 2%;
	text-align: center;
	color: #fff;
}
.subMenu a:hover {
	background: #1783c7;
}

.active {
	background: #25aae1;
}
.end {
	margin: 0;
}




/* SECTIONS */
.sTop {
	background: url(../img/top.jpg) center top no-repeat;
　 background-attachment: fixed;
    background-size: cover;
    color:#3d3d3d;
	padding: 30px 0;
	height: 580px;
	margin: 0 auto; 
}
		

.s1 {
	background: url(../img/s1.jpg) center top no-repeat;
　 background-attachment: fixed;
    background-size: cover;
    padding: 30px 0;
	height: 600px;
	margin: 0 auto; 
	color:#1B2478;
}


.s2 {
	background: url(../img/s2.jpg) center top no-repeat;
　 background-attachment: fixed;
    background-size: cover;
    padding: 30px 0;
	height: 700px;
	margin: 0 auto; 
	color:#1B2478;
}


.s3 {
	background: url(../img/s3.jpg) center top no-repeat;
　 background-attachment: fixed;
    background-size: cover;
    padding: 30px 0;
	height: 700px;
	margin: 0 auto; 
	color:#1B2478;
}


.s4 {
	background: url(../img/s4.jpg) center top no-repeat;
　 background-attachment: fixed;
    background-size: cover;
    padding: 30px 0;
	height: 700px;
	margin: 0 auto; 
	color:#1B2478;
}



.s5 {
	background: url(../img/s5.jpg) center top no-repeat;
　 background-attachment: fixed;
    background-size: cover;
    padding: 30px 0;
	height: 768px;
	margin: 0 auto; 
	color:#1B2478;
}

.s6 {
	background: url(../img/s6.jpg) center top no-repeat;
　 background-attachment: fixed;
    background-size: cover;
    padding: 10px 0;
	height: 940px;
	margin: 0 auto; 
	color:#1B2478;
}

.km_w {
margin:0 auto;
background: #fff;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
padding:14px;
background-color:rgba(255,255,255,0.8);
border: 4px solid #F8DA48;
}

.km_w2 {
margin:0 auto;
background: #fef697;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
behavior: url(border-radius.htc); /* IE */
padding:14px;
background-color:rgba(254,246,207,0.8);
border: 4px solid #F8DA48;
}

.km_w3 {
margin:0 auto;
-moz-border-radius: 6px; /* Firefox */
-webkit-border-radius: 6px; /* Safari and Chrome */
border-radius: 6px;
behavior: url(border-radius.htc); /* IE */
padding:4px;
}

.text10  { font-size: 10px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:120%; }
.text11  { font-size: 11px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:120%; }
.text12  { font-size: 12px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:130%; }
.text13  { font-size: 13px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:130%; }
.text14  { font-size: 14px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:130%; }
.text15  { font-size: 15px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:135%; }
.text17  { font-size: 17px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:135%; }
.text18  { font-size: 18px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:140%; }
.text20  { font-size: 20px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height:140%; }

article {
  display: none;
}

article.selected {
  display: block;
}

#tab li {
  display: inline-block;
  padding: 2px 16px;
  background: #f3f3f3;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border: 1px solid #d8d8d8;
  border-bottom: none;
  color: #333;
  cursor: pointer;
}

#tab li:hover {
  border: 1px solid #c6c6c6;
  border-bottom: none;
  color: #000;
}

#tab li.selected,#tab li.selected:hover {
  background: #4888ef;
  border: 1px solid #3079ed;
  color: #fff;
  cursor: default;
}

#detail {
  padding: 16px 8px;
  border: 1px solid #d8d8d8;
}