@charset "UTF-8";

@font-face {
	font-family: "AlegreyaSCRegular";
	src: local("AlegreyaSCRegular");
	src: url('../font/AlegreyaSC-Regular.eot'); /* IE9 Compat Modes */
	src: url('../font/AlegreyaSC-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
						url('../font/AlegreyaSC-Regular.woff') format('woff'), /* Modern Browsers */
						url('../font/AlegreyaSC-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
						url('../font/AlegreyaSC-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body{
	-webkit-text-size-adjust: 100%;
}

/* Common */
.sectionInner { width: 960px; margin: 0 auto; position: relative; }
@media screen and (max-width: 768px) {
	.sectionInner{
		width:100%;
	}
}
a { color: #333; }

/* Header */
header { background: url(../images/bg_header.png) repeat-x 0 0; padding-top: 11px; }
header .logo { width: 566px; float: left; padding: 0 0 15px 0; }
header .logo img.sp_logo{ display: none; }
#headerSns { padding-top: 20px; }
#headerSns li { float: right; margin-left: 20px; font-size: 150%; }
#headerSns li a:hover { color:#ff0000; }
@media screen and (max-width: 768px) {
	header {width: 100%; padding:0; display: block; background: no-repeat;}
	header .sectionInner {background: url(../images/bg_header.png) repeat-x center bottom; height: 45px; padding: 10px 0; display: table; overflow: hidden;}
	header .logo { width: 40%; max-width: 149px; float: none; display: table-cell; vertical-align: middle; padding: 0 0 0 10px; }
	header .logo img.pc_logo{ display: none; }
	header .logo img.sp_logo{ display: block; width: 100%; max-width: 149px; height: auto; padding: 0;}
	#headerSns{ width: 60%; float: none; display: table-cell; height: 15px; vertical-align: middle; padding: 0 20px 0 10px; text-align: right;}
	#headerSns li { float: none; display: inline-block; margin-left: 10px; font-size: 120%; }
}
#globalNavi {
	/*width: 960px;
	margin: 0 auto;*/
	background: url(../images/bg_globalnavi.png) repeat-x center bottom;
	padding-bottom: 2px;
	clear: both;
	height: 39px;
	line-height: 36px;
	display: block;
}
#globalNavi div {
	position: relative; overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#globalNavi ul { position: relative; left: 50%; float: left; }
#globalNavi li { position: relative; left: -50%; float: left; padding: 0 23px; background: url(../images/gn_separator.png) no-repeat left center; }
#globalNavi li.first { background: none; }
#globalNavi li a{
	font-size: 18px;
	font-family: AlegreyaSCRegular,Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-decoration: none;
}
#globalNavi li.nav1 a:hover,
#globalNavi li.nav1_current a{
	display: block;
	color: #ae404b;
	border-bottom: solid 3px #ae404b;
}
#globalNavi li.nav2 a:hover,
#globalNavi li.nav2_current a{
	display: block;
	color: #80347f;
	border-bottom: solid 3px #80347f;
}
#globalNavi li.nav3 a:hover,
#globalNavi li.nav3_current a{
	display: block;
	color: #337bb2;
	border-bottom: solid 3px #337bb2;
}
#globalNavi li.nav4 a:hover,
#globalNavi li.nav4_current a{
	display: block;
	color: #da8b3c;
	border-bottom: solid 3px #da8b3c;
}
#globalNavi li.nav5 a:hover,
#globalNavi li.nav5_current a{
	display: block;
	color: #D6A71A;
	border-bottom: solid 3px #F1BC1B;
}
#globalNavi li.nav6 a:hover,
#globalNavi li.nav6_current a{
	display: block;
	color: #aaaaaa;
	border-bottom: solid 3px #aaaaaa;
}
#globalNavi li a br{
	display: none;
}
@media screen and (max-width: 768px) {
	#globalNavi{
		height:auto;
		line-height:1.0;
	}
	#globalNavi div{
		width:100%;
/*		transform: scale(0.7,0.7);*/
	}
	#globalNavi ul{
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content:         center;
		-webkit-align-items: center; /* Safari */
  align-items:         center;
   -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
		position: relative;
		float:none;
		left:0;
	}
	#globalNavi li{
		padding:0 10px;
		left:0;
		float:none;
/*		background-image: none;*/
	}
	#globalNavi li a{
/*		font-size:10px;*/
		/*font-size:3.125vw;*/
		white-space: nowrap;
		text-align: center;
		display: block;
		padding:5px 0;
		border-bottom: solid 3px transparent;
/*		width:40px;
		display: block;*/
	}
/*	#globalNavi .nav6{
		display: none;
	}
*//*	#globalNavi{
		background: url(../images/bg_globalnavi.png) repeat-x center bottom;
		padding-bottom: 2px;
		clear: none;
		width: 100%;
		height: auto;
		line-height: 36px;
	}
	#globalNavi div {
		position: relative; overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}
	#globalNavi ul { position: relative; left: auto; float: none; width: 100%; }
	#globalNavi li { position: relative; left: auto; float: none; display: inline-block; text-align: center; width: 50%; padding: 0; background: url(../images/gn_separator.png) no-repeat left center; }
	#globalNavi li:nth-child(odd){ background: none;}
	#globalNavi li a{
		font-size: 15px;
	}
	#globalNavi li.nav1 a:hover,
	#globalNavi li.nav1_current a{
		border: none;
	}
	#globalNavi li.nav2 a:hover,
	#globalNavi li.nav2_current a{
		border: none;
	}
	#globalNavi li.nav3 a:hover,
	#globalNavi li.nav3_current a{
		border: none;
	}
	#globalNavi li.nav4 a:hover,
	#globalNavi li.nav4_current a{
		border: none;
	}
	#globalNavi li.nav5 a:hover,
	#globalNavi li.nav5_current a{
		border: none;
	}
	#globalNavi li.nav6 a:hover,
	#globalNavi li.nav6_current a{
		border: none;
	}*/
	#globalNavi li a br{
		display: block;
	}
}
@media screen and (max-width: 640px) {
	#globalNavi li{
		padding:0 1.5625vw;
	}
	#globalNavi li a{
		font-size:3.125vw;
	}
}
@media screen and (max-width: 768px) and (orientation: landscape){
	#globalNavi li a br{
		display: none;
	}
	#globalNavi li a{
		font-size:14px;
	}
}
@media screen and (max-width: 640px) and (orientation: portrait){
	#globalNavi li a br{
		display: block;
	}
}

p { background-color: #fff; }

#contents {padding-top: 37px; }
@media screen and (max-width: 768px) {
	#contents {padding-top: 20px; }
}
/*#contentsWrapper { background: url(../images/bg_side.png) repeat-y right top; position: relative; overflow: hidden; }*/
#contentsWrapper { background: none; position: relative; overflow: hidden; }

#mainContents { width: 620px; float: left; padding-bottom: 60px; }
@media screen and (max-width: 768px) {
#mainContents { width: 100%; float: left; padding-bottom: 60px; }
}
#mainContents p { line-height: 1.85; }

@media screen and (max-width: 768px) {
	#mainContents{
		width:auto;
		float:none;
		padding:0 10px;
	}
	#mainContents img{
		max-width:100%;
		height:auto;
	}
	#mainContents img.left{
		max-width:48%;
		height:auto;
	}
	#mainContents img.right{
		max-width:48%;
		height:auto;
	}
}

#contentsSns { position: absolute; top: 10px; right: 0; }
#contentsSns li { float: right; margin-left: 10px; }
@media screen and (max-width: 768px) {
	#contentsSns { position: static; }
	#contentsSns li.first { padding-right: 10px; }
	#contentsSns li.last { display: none; }
}

/* #Side Contents */
#sideContents { width: 290px; padding: 10px; float: right; background-color:#f5f5f5;}
#sideContents h2 { background-color: #333; padding: 8px 0 7px 12px; }
#sideContents h2 img { display: block; }
#sideContents .box { margin-bottom: 30px; }
#sideContents .golist { text-align: right; padding: 10px; }
#sideContents .golist a { padding-left: 12px; color: #666; }

@media screen and (max-width: 768px) {
#sideContents { display:none;}
}

#latest{
	display: none;
}
#latest ul { margin-right: -2px; overflow: hidden; }
#latest li { float: left; margin: 2px 2px 0 0; }

#backnumber { background-color: #fff; }
#backnumber ul { padding: 10px 15px; border-bottom: 1px solid #bbb; }
#backnumber li { text-indent: -4em; margin-left: 4em; }


/* Table */
.tb_list { border-top: 1px solid #666; border-left: 1px solid #666; border-collapse: collapse; font-size: 10px; width: 620px; }
.tb_list caption { text-align: left; font-weight: bold; font-size: 1.231em; }
.tb_list th, .tb_list td { border-bottom: 1px solid #666; border-right: 1px solid #666; text-align: left; padding: 5px; }
.tb_list th { background-color: #57ADDB; }
.tb_list .odd td { background-color: #d1efff; }

#btn_pagetop { position: absolute; bottom: 0; right: 20px; width: 118px; height: 40px; }
@media screen and (max-width: 768px) {
	#btn_pagetop { position: static; text-align:center; margin-top:20px; bottom: auto; right: auto; width: auto; height: auto; }
}
/* Footer */
footer {
	background: url(../images/bg_footer.png) repeat-x 0 0;
	height: 61px;
	border-top: 1px solid #ccc;
}
footer div {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
	font-family: AlegreyaSCRegular,Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
footer div img {  }

footer div.footer_link a{
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	footer div{
		width:100%;
	}
}