@charset "utf-8";

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

	CommonElements

======================================= */
body {
	font-size: 100%;
	line-height: 200%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000;
	background: #fff;
}

a:link { 
	text-decoration:none;
	color: #000;
}
a:visited { 
	text-decoration:none; 
	color: #000;
}
a:active { 
	text-decoration:none; 
	color: #000;
}
a:hover { 
	text-decoration:none; 
	color: #000;
	opacity: 0.8;
}

.clear {
	clear: both;
}
.fixed {
  position: fixed;
  top: 0px;
  left: 0px
  z-index: 9999;
}
h1 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;

}
h2 {
	padding: 30px 0;
	width: 100%;
	font-size: 12px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	position: relative;
	overflow: hidden;
}
#contents {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background-image: url(../images/header.png) ;
	height: 100px;
	width: 1024px;
	margin: 0 auto;
	z-index: 1;
}
#headersm {
	display: none;	
}
.logo {
	float: left;
	width:249px;
}
.logosm {
	display: none;
}

.website{
	display: none;
}
.tel {
	display: none;
}
.corpsite a {
	float: left;
	margin: 40px 0 0 630px;
	color: #fff;
	background-image: url(../images/corpicon.png);
	background-repeat: no-repeat;
	background-position: 1px;
	padding: 0 0 0 15px;
}
/*-----PC nav----*/
.nav {
	margin: 0 0 0 300px;
	padding: 0;
}
.nav li a {
	width: 100px;
	float: left;
	color: #fff;
	display: block;
	padding: 2px 0;
	border-left: 1px solid #fff;
	text-align: center;
}
.nav li .stay {
	background-color: #fa8502;
}
/*-----スマホ nav----*/
.navsm {
	width: 100%;
	z-index: 1;
}
.navsm li a {
	width: 33%;
	float: left;
	background-color: #1a2b52;
	text-align: center;
	padding: 15px 0;
	color: #fff;
	font-weight: bold;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block;
}
.navsm li .stay {
	color: #fa8502;
}

.corpsitesm a {
	padding: 0 10px 0 15px;
	margin: 10px 0;
	width: 100%;
	float:right;
	text-align: right;
}

/* section */
.headersection {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	background-color: #001f62;
}
.section {
	padding: 50px;
}
.sectionzero {
	padding: 0;
}
/* bg */
.bg_kon {
	background-color: #001f62;
}
.bg_blue {
	background-color: #036EB8;
}
.bg_gree {
	background-color: #f7f8f7;
}
/*-----footer----*/
#footer {
	width: 924px;
	height: 160px;
	margin: 0 auto;
	background-color: #001f62;
	padding:0 0 10px 0;
}
.footer-logo {
	width: 300px;
	float: left;
}
.footer-menu {
	width: 500px;
	float: left;
}
.footer-menu2 {
	width: 500px;
	float: left;
}
.footer-menu li a {
	color: #fff;
	width:150px;
	float: left;
	padding: 8px 0 8px 15px;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: left center;
}
.footer-menu li2 a {
	color: #fff;
	width:300px;
	float: left;
	padding: 8px 0 8px 15px;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: left center;
}
.pmark {
	padding: 10px 0 0 0;
	float: right;
}
.copyright {
	clear: both;
	color: #fff;
	border-top: 1px solid #fff;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
}
@media only screen and (max-width:769px) {
	#contents {
		width: 100%;
		margin: 0 auto;
}
	#header {
		display: none;
}
	#headersm{
		display: inline;
	}
	.logo {
		display: none;
	}
	.logosm {
		background-color: #fff;
		display:inline;
		margin: 0 auto;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.website{
		display: inline;
	}
	.tel {
		display: inline;
		width: 100%;
	}
	.section {
		padding: 30px 0;
	}
	/*-----footer----*/
#footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #001f62;
	padding:50px 0 10px 0;
}
.footer-logo {
	text-align: center;
}
.footer-menu {
	width: 90%;
	margin: 10px 0 10px 20px;
}
.footer-menu li a {
	color: #fff;
	width:28%;
	float: left;
	padding: 8px 0 8px 15px;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: left center;
}
	.pmark {
		float: none;
}
}