/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");


/*	EXAMPLE STYLES */
body {
	width:100%;
	height:100%;
	color: #666666;
	line-height:200%;
	margin:0px;
	padding: 0px;
	border: 0px;
	overflow-x:hidden;
-webkit-overflow-scrolling: touch;
	text-decoration:none;
	letter-spacing:1px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.c-both{
    clear: both;
    height:0em;
    visibility:hidden;
    overflow:hidden;
    content:”.”;
}

header {
	padding:0;
	margin:0;
	width:100%;
}
	
.headerbg{
	display: block;
	width: 1100px;
	height: 530px;
	margin:0 auto 0;
    background: url('../images/header.jpg') 0 0 no-repeat;
    background-size: contain;
}

h3{
	display: block;
	width: 1100px;
	margin: -200px auto 30px;
	font-size: 30px;
	font-weight: bold;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	color: #2E315B;
	text-align: left;
	line-height: 150%;
	padding-left: 20px;
	z-index: 100;
}

#contents{
	max-width:1100px;
	margin:20px auto 30px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
}


h1{
	display:block;
	background-image:url(../images/logo_bk.png);
	background-size: cover;
	width:389px;
	height:83px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -530px;
	cursor:pointer;
	color: #FFFFFF;
	font-size: 35px;
	text-align: center;
	padding-top: 10px;
}

.logo_p{
	font-size: 15px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	color: #7990B9;
	margin: 0px auto 8px;
	text-align: center;
	letter-spacing: 3.5px;
	line-height: 140%;
}

h2{
	font-size: 30px;
	font-weight: bold;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	color: #2E315B;
	margin: 40px auto 0px;
	text-align: center;
}

.sodan{
	font-size: 26px;
	font-weight: bold;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	color: #7990B9;
	margin: 6px auto 40px;
	text-align: center;
}


p{
	font-size:14px;
	line-height:170%;
	letter-spacing:0.1em;
}


***img{
max-width: 100%;
height: auto;
width /***/:100%;　
}

a:link {
text-decoration:none;
color:#2E5392;

}

a:hover {
color:#6F89B4;
text-decoration:none;
}

a:active {
color:#2E5392;
text-decoration:none;
}

a:visited {
color:#2E5392;
text-decoration:none;
}

article {
	width:100%;
	text-align: center;
}

aside {
	text-align: center;
}

footer {
	text-align: center;
	width:100%;
	margin:20px auto 0;
	background-color: #2E5392;
	height:60px;
	padding:20px;
}

  #submenu{
margin:60px auto 0px;
	  text-align: center;
	  display: block;
	  width: 810px;
}

  #submenu ul li{
}

  #submenu ul li a{
float:left;
text-align:left;
padding-left:20px;
padding-right:20px;
display:block;
letter-spacing:1px;
	  border-right: 1px #2E5392 solid;
}

  #submenu ul li:last-child a{
	  border-right: none;
}

.copyright{
margin:0px auto 0;
text-align: center;
font-size:12px;
color: #FFFFFF;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}


.address{
margin:20px auto 0;
text-align:center;
	font-weight: bold;
	font-size: 16px;
}


.address_{
margin:0 auto;
text-align:center;
}


.pagetop {
    display: block;
	width:30px;
	height:30px;
	float:right;
	margin:30px auto 30px;
}

.pagetop a {
	cursor:pointer;
}
 
.pagetop a:hover {
    opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1100px){
 
  a#menu{display:none;}
  
    nav#mainNav{
		display:block;
		background-image:url(../images/menu_bk.jpg);
	width:100%;
	height:76px;
	margin:0 auto 0;
	padding:0;
	text-align:center;
	}
	
	nav#mainNav .inner{
	margin:0 auto;
	text-align:center;
	max-width:1060px;
	} 

	nav#mainNav ul li{
	float:left;
	text-align:center;
	margin:0 auto;
	}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	padding-right:30px;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	nav#mainNav ul li a:hover{
    opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
	}

	nav#mainNav ul li a strong{
	display:block;
	font-size:18px;
	color: #FFF;
	letter-spacing:2px;
	text-align:center;
	margin-top:-5px;
	}

	nav#mainNav ul li a span{
	color:#7990B9;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

  

}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1100px){
	
    nav#mainNav{
		display:block;
		background-image:url(../images/menu_bk.jpg);
	width:100%;
	margin:0 auto 0;
	padding:0;
	text-align:center;
	}
	
	nav#mainNav .inner{
	margin:0 auto;
	text-align:center;

	}  
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:46px;
	line-height:50px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	letter-spacing:2px;
	}
	
	nav#mainNav a#menu{
	padding-left:20px;
	font-size:14px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;
	text-decoration:none;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}
	
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul li a{
	display: block;
	padding:11px 20px;
	text-align:left;
	font-size:14px;
		background-color: #CBD4E4;
	border-bottom:1px dashed #2E5392;
	}

nav#mainNav ul li a strong{
	display:block;
	font-size:14px;
	color: #2E5392;
	letter-spacing:1px;
	line-height:0;
	margin-bottom:10px;
	margin-top:-7px;
	}
	
	nav#mainNav ul li a span{
	display:block;
	color:#2E5392;
	font-size:11px;
	text-align:right;
	list-height:0;
	margin-top:3px;
	letter-spacing:1px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	}
	
    nav#mainNav ul li a:hover{
    background-color:#9AABCA;
	text-decoration:none;
	font-family:none;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #2E5392;}
 
	
	nav div.panel{float:none;}
	
	  #submenu{
		  width: auto;
}
	
#submenu ul{
float:none;
margin:30px auto 10px; 
}

  #submenu ul li{
float:none;
margin:0 auto 8px;
text-align: center;
}

  #submenu ul li a{
float:none;
text-align:center;
padding: 0;
display: inline-block;
letter-spacing:1px;
border-right: none;
border-bottom: solid 1px #2E5392;
margin: 0 auto;
}
	
	h1{
	left: 0;
	margin-left:20px; 
	z-index: 100;
}
	
h3{
	display: block;
	width: 100%;
	margin: -140px auto 30px;
	font-size: 24px;
}
	
.headerbg{
	display: block;
	max-width: 1120px;
	max-height: 500px;
	margin:0 auto 0;
	    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: calc(500 / 1100 * 100%);
    background: url('../images/header.jpg') 0 0 no-repeat;
    background-size: contain;
}
	
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){

		h1{
	display:block;
	background-image: none;
	background-color: #2E5392;
	width:100%;
	height: auto;
	margin: 0;
	cursor:pointer;
	color: #FFFFFF;
	font-size: 25px;
	text-align: center;
	padding: 10px;
			position: static;
}
	
	h3{
	font-size: 24px;
		margin-top: 20px;
		margin-bottom: 20px;
}
	
	.headerbg{
	display: block;
	max-width: 500px;
	margin:0 auto;
	    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 75.6%;
    background: url('../images/header2.jpg') 0 0 no-repeat;
    background-size: contain;
}
	
	.logo_p{
	font-size: 11px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	color: #7990B9;
	margin: 0px auto 5px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 140%;
}
	
	h2{
	font-size: 24px;
		text-align: left;
}
	
	.sodan{
	font-size: 20px;
text-align: left;
		line-height: 130%;
}

footer {
	height:80px;
}
	
}