/* 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: #4D4D4D;
	line-height:180%;
	margin:0px;
	padding: 0px;
	border: 0px;
	overflow-x:hidden;
-webkit-overflow-scrolling: touch;
	text-decoration:none;
	letter-spacing:1px;
font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

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

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

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

#hd_base
{
	width: 100%;
	max-width:1100px;
	margin:0 auto 10px;
	padding:0;
}

h1{
	display:block;
	background:url(../images/logo.svg) 0 0 no-repeat;
	background-size: 100%;
	width:380px;
	height:114px;
	text-indent:-9999px;
	margin-top:20px;
	cursor:pointer;
	float: left;
}

#hd_right
{
	float: right;
	text-align:right;
}

.copyright{
margin:18px auto 36px;
text-align:right;
font-size:12px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
letter-spacing:1px;
}

.hd_p1
{
	font-size: 16px;
	font-weight: bold;
	text-align:right;
	margin-top:0px;
	margin-bottom: -15px;
	padding: 0;
}

.tel
{
	font-size: 33px;
	font-weight: bold;
	color: #bbccea;
	margin-top:0px;
	padding: 0;
}

#ft_base
{
	width: 100%;
	max-width:1100px;
	margin:40px auto -30px;
	padding:0;
}

.up {
    display: block;
	float: right;
	width:52px;
	height:52px;
	float:right;
	margin:0px auto;
}

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

  #submenu{
	  float: left;
margin:10px auto 0;
	  text-align: left;
	  display: block;
	  width: 450px;
}

  #submenu ul li{
}

  #submenu ul li a{
float:left;
	  position: relative;
font-size: 14px;
padding:0px 15px 0px 15px;
display:block;
letter-spacing:1px;
	  color: #4D4D4D;
	  border-right: 1px #4D4D4D dotted;
	  margin: 0;
}

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

#logo{
	display:block;
	background-image:url(../images/logo2.svg);
	background-size: 100%;
	width:175px;
	height:29px;
	text-indent:-9999px;
	margin:20px auto 10px;
}

#ft_line{
	width: 100%;
	display: block;
	border-top: 1px #bbccea solid;
	padding: 20px 15px 30px 15px;
	margin: 0 auto;
}

  #submenu2{
margin:0px auto;
	  text-align: center;
	  display: block;
	  max-width: 760px;
}

  #submenu2 ul li{
}

  #submenu2 ul li a{
float:left;
	  position: relative;
font-size: 15px;
padding-right:20px;
display:block;
letter-spacing:1px;
	  color: #4D4D4D;
	  margin: 0;
}

.ft_txt{
	  margin: 0 auto 15px;
	  font-size: 14px;
	  text-align: center;
}

p{
	font-size:14px;
	line-height:180%;
	letter-spacing:1px;
}

a:link {
	color: #275dbc;
text-decoration:none;
}

a:hover {
text-decoration:none;
	opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

a:active {
	color: #275dbc;
text-decoration:none;
}

a:visited {
	color: #275dbc;
text-decoration:none;
}

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

aside {
	text-align: center;
}

footer {
	text-align: center;
	width:100%;
	margin:0 auto 0;
	padding: 0;
}

	#top_img
{
	width: 100%;
	max-width: 1100px;
	margin:0px auto;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1100px){
 
  a#menu{display:none;}
  
    nav#mainNav{
		display:block;
	width:1100px;
	margin:0 auto 50px;
	padding:0;
	text-align:center;
	}
	
	nav#mainNav .inner{
	margin:0 auto;
	text-align:center;
	max-width:1100px;
	} 

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

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	padding-right:48px;
	padding-left:48px;
	border-left: dotted #4D4D4D 1px;
	color: #4D4D4D;
	}
	
		nav#mainNav ul li:last-child{
	border-right: dotted #4D4D4D 1px;
	}
	
	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:17px;
	color: #4D4D4D;
	letter-spacing:2px;
	text-align:center;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	margin-top:0px;
	}
	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

  

}

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

	}  
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:42px;
	line-height:42px;
	text-align:left;
	border-bottom:#4D4D4D 1px solid;
	border-top:#4D4D4D 1px solid;
	font-size:16px;
	letter-spacing:1px;
	}
	
	nav#mainNav a#menu{
	padding-left:20px;
	font-size:16px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;
	text-decoration:none;
	    opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;}
	
	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:10px 20px;
	text-align:left;
	font-size:16px;
	border-bottom:1px dashed #4D4D4D;
	color: #4D4D4D;
	}

nav#mainNav ul li a strong{
	display:block;
	font-size:16px;
	color: #4D4D4D;
	letter-spacing:2px;
	line-height:0;
	padding: 10px 10px 8px 10px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	}
	
    nav#mainNav ul li a:hover{
    background-color:#e4ebf7;
	text-decoration:none;
	font-family:none;
	}
	
	nav#mainNav ul li:last-child a{border-bottom:1px solid #4D4D4D;}
 
	
	nav div.panel{float:none;}

	
#hd_base
{
	margin:0 auto 0px;
	padding-left:15px;
	padding-right:15px;
}
	
	h1{
	width:350px;
	height:105px;
}
	
	.copyright{
margin:18px auto 28px;
}


}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:700px){
	
		#contents{
	max-width:1100px;
	margin:20px auto 50px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}
	
h1{
	float: none;
	max-width:300px;
	width: 100%;
	background:url(../images/logo.svg) 0 0 no-repeat;

    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top:　30%;
    background-size: contain;
	margin: 15px auto 0px;
}
	
	#hd_base
{
	margin:0 auto 20px;
	padding-left:15px;
	padding-right:15px;
}

#hd_right
{
	float: none;
	text-align:center;
	margin: 0 auto;
}

.copyright{
margin:0px auto 5px;
text-align:center;
}

.hd_p1
{
	text-align:center;
	margin-top:0px;
	margin-bottom: -15px;
	padding: 0;
}

.tel
{
	text-align:center;
	margin-top:0px;
	margin-bottom: -20px;
	padding: 0;
}
	
	#ft_base
{
	width: 100%;
	max-width:1100px;
	margin:40px auto -30px;
	padding-left:15px;
	padding-right:15px;
}

.up {
	float: none;
	margin:0px auto;
}

  #submenu{
	  float: none;
margin:20px auto;
	  text-align: center;
	  display: block;
width: 100%;
}

  #submenu ul li{
}

  #submenu ul li a{
float:none;
text-align:center;
font-size: 14px;
	  padding: 0;
display:block;
letter-spacing:1px;
	  color: #4D4D4D;
	  border: none;
}
	
#ft_line{
	width: 100%;
	display: block;
	border-top: 1px #bbccea solid;
	border-bottom: 1px #bbccea solid;
	padding: 15px 15px 15px 15px;
	margin: 0 auto;
}
	
	  #submenu2{
margin:0px auto;
	  text-align: center;
	  display: block;
	  width: 100%;
}

  #submenu2 ul li{
}

  #submenu2 ul li a{
float:none;
font-size: 15px;
padding:0px;
display:block;
letter-spacing:1px;
	  color: #4D4D4D;
	  margin: 0;
}
	
nav#mainNav{
	margin:0 auto 5px;
	}
	
}