@charset "utf-8";



/* ==========================================================================================================

	top page

============================================================================================================*/

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

/*
---------------------------------------------------------------------------------------------------------*/

#indexHeader {
	background:url(../_img/topimage.jpg) no-repeat center bottom;
	background-size:cover;
	padding-top: calc(100% * 600 / 1560);
}
#flash {
	display: none;
}
.grobalnavi {
	background-color: #162453;
	margin-top:2px;
	-js-display: flex;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.grobalnavi li {
	color:#fff;
	border-left:1px solid #fff;
	padding:6px 12px;
}
.grobalnavi li:last-child {border-right:1px solid #fff;}
.grobalnavi li a {
	color:#fff;
	text-decoration: none;
}

#indexWrapper{
	padding:10px;
}
.menu-link {
	margin: 10px auto 0;
	max-width:500px;
}
.menu-link li {margin-top:10px;}

.menu-link li a {text-decoration: none;}
.menu-link-img {
	display: block;
	float: left;
}
.menu-link-txt {
	display: block;
	margin-left: 85px;
}
.bnr-info {
	margin-top:20px;
	text-align:center;
}
.bnr-info .img-responsive {
	margin:auto;
}

.indexInfoTitle {
	background:url(../_img/index_info_title01.gif) no-repeat left top;
	padding-left:30px;
	height:32px;
	margin-top:20px;
	border-bottom: 2px solid #162554;
	position:relative;
}
.indexInfoTitle-ttl {
	background-color: #fff;
	font-size: 15px;
	font-weight: bold;
	height: 32px;
	line-height: 36px;
}
.index-info-btn-list{
position:absolute;
top:15px;
right:0px;
}


.index-info {
	border-bottom:1px dotted #666;
	padding: 6px 0 3px;
}
.index-info-icon-new {color:#ff0000;margin-left:3px;}
.index-info dt img {
	height:13px;
	width:auto;
}
.fbset {
	margin-top:40px;
	-js-display: flex;
	display:-webkit-flex;
	display:flex;
	-js-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.fbset li {
	display: inline-block;
	text-align: center;
}
#footer {
	border-top: 1px solid #ccc;
	margin-top:40px;
	padding: 16px 32px;
	text-align: center;
}
.footer-link {
	-js-display: flex;
	display:-webkit-flex;
	display:flex;
	-js-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.footer-link li {
	display: inline-block;
	text-align: center;
}
.copyright {margin-top:10px;}




@media (min-width: 768px) {


.menu-link {
	margin: 10px auto 0;
	max-width:500px;
	-js-display: flex;
	display:-webkit-flex;
	display:flex;
	-js-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.menu-link li {width:49%;}
.menu-link li:first-child {
	margin-right: 2%;
}
.menu-link li a {text-decoration: none;}
.menu-link-img {
	display: block;
	float: left;
}
.menu-link-txt {
	display: block;
	margin-left: 85px;
}

}



@media (min-width: 889px) {


#indexHeaderWrapper{
background:url(../_img/index_bg.gif) repeat-x left top;}


#indexHeader{
	width:870px;
	margin:0px auto;
	background:url(../_img/index_bg.gif) repeat-x left top;
	padding-top: 0;
}
#flash{
	display: block;
	position:relative;
}

#flash table{
position:absolute;
top:10px;
right:58px;
}

.grobalnavi {
	display: none;
}
div#indexHeader ul{
text-align:center;}

div#indexHeader li{
display:inline;}




#indexWrapper{
width:740px;
margin:0px auto;
}
.menu-link {
	display: block;
	float: right;
	max-width: none;
	width: 200px;
}
.menu-link li {
	width: auto;
}
.menu-link li:first-child {
	margin-right: 0;
}

.index-contents {
	width:503px;
}

.indexInfoTitle{
position:relative;
}

.index-info {
	-js-display: flex;
	display:-webkit-flex;
	display:flex;
}
.index-info dt {
	padding-bottom: 5px;
	padding-top: 3px;
	width: 14em;
}
.index-info dd {
	-js-display: flex;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.index-info dd.arrow4 {
	background-position: left center;
}
#footer {
	margin: 40px auto 20px;
	width: 740px;
	text-align: left;
	padding: 10px;
}
.footer-link-wrapper {
	float: left;
	width: 40%;
}
.footer-link {
	display:inline-block;
}
.copyright {
	float: right;
	margin-top: 0;
}



}