/* 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:180%;
	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%;
}

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


h1{
	display:block;
	width: 1100px;
	cursor:pointer;
	color: #2E315B;
	font-size: 35px;
	text-align: left;
	margin: 20px auto 30px;
	padding-left: 20px;
}

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

h2{
	font-size: 28px;
	font-weight: bold;
	color: #2E315B;
	margin: 0px auto 30px;
	text-align: center;
	line-height: 150%;
}

.strong{
	font-size: 18px;
	font-weight: bold;
		color:#2E5392;
}

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 {
    opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

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;
}
	
}


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

		h1{
	width:100%;
	margin: 15px auto 15px;
	font-size: 25px;
	text-align: center;
}

	.logo_p{
	font-size: 11px;
	margin: 0px auto 5px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 140%;
}
	
	h2{
	font-size: 22px;
		text-align: left;
		margin-bottom: 20px;
}

footer {
	height:80px;
}
	
	.strong{
	font-size: 16px;
	font-weight: bold;
		color:#2E5392;
}
	
}