@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------
　reset
------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,th,var {
    font-style:normal; 
    font-weight:normal; 
}
strong {
    font-style:normal; 
    font-weight:bold;
}
li { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
img{border:none; vertical-align:top;}
/*----------------------------------------------------
　
------------------------------------------------------*/
body{
	min-height:100%;
	position: relative;
	text-align:center;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body,th,td{font-size:94%; line-height:1.8; color:#222;}
a{color:#333; text-decoration:underline;}
a:hover{color:#ff0303 !important; outline:none;}
hr{clear:both;}
input,textarea{font-size:100%;}
script,iframe{margin:0; padding:0; border:none;}
textarea,input[type=text],input[type=password]{padding:4px;}
input[type=submit]{padding:2px;}
input[type=button]{padding:2px;}
* html input{padding:2px;}
input[type=radio]{margin-right:3px;}
input[type=checkbox]{margin-right:3px;}

/*----------------------------------------------------
　
------------------------------------------------------*/
header{
	clear:both;
  position: relative;
	width:100%;
	margin:0 auto;
	padding:0 0 0;
	z-index:999;
	background:#fff;
}
header nav{
	margin:0 auto;
}
/*  
------------------------------------------*/
header #logo{
	width: 94%;
	margin:0 auto;
	padding:11px 0;
	text-align:left;
}
header #logo img{
	width:120px;
	height:36px;
}

/*  
------------------------------------------*/
#g-nav{
	clear:both;
  position: relative;
	background:#ff6bb2;
	z-index:999;
	zoom:1;
}
#g-nav a{
	text-decoration:none;
}
#g-nav ul{
	overflow:hidden;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:1em 0;
	z-index:999;
}
#g-nav li{
  float: left;
	width:14.2%;
	font-weight:bold;
}
#g-nav li a.g-main{
	display:block;
	color:#fff;
	text-align:center;
	line-height:2;
	text-decoration:none;
	border-right:1px solid #fff;
}
#g-nav li:first-child  a.g-main{
	padding-left:0;
	border-left:1px solid #fff;
}
#g-nav li:last-child  a.g-main{
}
#g-nav li a.g-main2{
	display:block;
	line-height:65px;
	padding:0 1em 0 1em;
	text-decoration:none;
}

#g-nav li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}



header{
	position:fixed;
}
	header.open{
	height:100%;
	min-height:100%;
	background:#fff;
}
header #header-layout-pc{
	display:none;
}
header.open #header-layout{
	min-height:100%;
}
	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 30px;
		height: 30px;
		position:absolute;
		top: 9px;
		right:2%;
		z-index: 100;
		padding:0.5em 0.5em 0.2em;
		background:#17458F;
		border:1px solid #fff;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #fff;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:9px;
	}
	#nav_toggle span:nth-child(3){
		top:18px;
	}
	/*開閉ボタンopen時*/
	.open #nav_toggle{
		background:#17458F;
	}
	.open #nav_toggle span{
		background: #fff;
	}
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
/*メニュー部分*/
	#nav_open{
		display: none;
		position: absolute;
		top:60px;
		width: 100%;
		height:100%;
		background:#fff;
		left: 0;
		overflow: auto;
		 -webkit-overflow-scrolling: touch;
		 z-index:999;
	}
	header #nav_open ul{
		float:left;
		display: block;
		margin: 0 auto;
		padding: 0 3%;
		width: 94%;
		padding-bottom:5em;
	}
	header #nav_open ul li{
		clear: both;
		overflow: hidden;
		margin: 0 auto;
		padding:0;
		text-align: left;
		border-left:none;
		border-bottom: 1px solid #b2b2b2;
	}
	header #nav_open ul li:first-child{
		border-top: 1px solid #b2b2b2;
	}
	header #nav_open ul li a{
		display: block;
		padding:0.7em 0 0.7em 0;
		text-decoration: none;
	}
	header #nav_open ul li a:before{
		content:"→";
		margin-right:1em;
	}

/*----------------------------------------------------
　
------------------------------------------------------*/
#mainimage{
	text-align:center;
	padding:60px 0 0;
}
#mainimage img{
		width: 100%;
		max-width:1000px;
}

#content{
	overflow:hidden;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
footer{
	clear:both;
  position: relative;
	width:100%;
	margin:0 auto;
	padding:90px 0 0;
}
@media screen and (max-width: 700px){
footer{
padding-top: 60px;
}
}
footer #nav_foot ul{
	border-top: 1px solid #b2b2b2;
}
footer #nav_foot ul li{
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding:0;
	text-align: left;
	border-bottom: 1px solid #b2b2b2;
}
footer #nav_foot ul li a{
	display: block;
	padding:0.7em 3% 0.7em;
	text-decoration: none;
}
footer #nav_foot ul li a:before{
	content:"→";
	margin-right:1em;
}
/*  
------------------------------------------*/
footer .addr{
	clear:both;
	overflow:hidden;
	text-align:center;
	background:#e8ecf4;
}
footer .addr{
	padding:35px 0;
	font-size:87%;
}
footer .addr h2{
	font-size:100%;
	margin:0 0 1em;
}
footer .addr h2 img{
	max-width:116px;
}
/*  
------------------------------------------*/
#copyright{
	clear:both;
	overflow:hidden;
	text-align:center;
	padding:1em 0;
	font-size:75%;
	color:#fff;
	background:#000;
}