.section1 { width:100%; height:40em;  background:url(./images/top.jpg) no-repeat center top;-moz-background-size:cover;
background-size:cover; position:relative;}
.section2 { clear:both; width:100%;background:#F5F2EB; margin:0 0 0 0; padding:0 0 3%; }
h2{
	width:100%;
	text-align:left;
}
    div.tooltip {  
        width: 250px;  
        position: absolute;  
        left: -9999px;
		top:-9999px;
        background: #EEE;
        padding: 5px;  
        border: 1px solid #AAA;
		line-height:130%; 
    }  
      
    div.tooltip p{  
        color: #FFF;  
        background: #222;  
        padding: 5px 10px;  
    }
ul.pic{
	width:100%;
	
}
ul.pic li{
	display:block;
	width:208px;
	float:left;
	margin:2% 0.5em;
	
}
ul.pic li a:hover img{
	opacity:0.5;
}

ul.pic_pop{
	width:100%;
	
}
ul.pic_pop li{
	display:block;
	float:left;
	margin:2% 0.5em;
	
}
ul.pic_pop li span,ul.pic li span{
	display:none;
}

ul.pic_pop li a:hover img{
	opacity:0.5;
}

p.welcome{
	width:100%;
	height:9%;
	position:absolute;
	bottom:8%;
	background:#4B8199;
	opacity:0.8;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:3% 0;
}
p.welcome span{
	width:90%;
	display:block;
	font-size:2.7em;
	line-height:1.5em;
	text-align:right;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:2.3em;
}
p.welcome2{
	width:100%;
	height:6%;
	position:absolute;
	bottom:0;
	background:#4B8199;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:2% 0;
}
p.welcome2 span{
	display:block;
	font-size:90%;
	line-height:1.5em;
	text-align:right;
	width:90%;
	margin:0 auto;
}
.centerBox {  margin: auto; width: 70%; text-align: center;  }

h3{
	width:95%;
	margin:0 auto;
	font-weight:normal;
	text-align:left;
	color:#000900;
	padding:3% 0 1%;
	font-family: Century Gothic, sans-serif;
	font-size:1.9em;
}


@media screen and (max-width: 640px) {
.section1 { width:100%; height:30em;  background:url(./images/top.jpg) no-repeat center top;-moz-background-size:cover;
background-size:cover; position:relative;}
    div.tooltip,div.tooltip p{
		display:none !important;
    }  

p.welcome{
	width:100%;
	height:9%;
	position:absolute;
	bottom:19%;
	background:#4B8199;
	opacity:0.8;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:2% 0;
}
p.welcome span{
	width:90%;
	display:block;
	line-height:1.5em;
	text-align:right;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:2.0em;
}
p.welcome2{
	width:100%;
	height:17%;
	position:absolute;
	bottom:0;
	background:#4B8199;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:2% 0;
}
p.welcome2 span{
	display:block;
	font-size:0.75em;
	line-height:1.5em;
	text-align:left;
	width:90%;
	margin:0 auto;
	color:#FFF;
}
.centerBox {  margin:0 auto; width: 95%; text-align: center;  }
.section2 { clear:both; width:100%;background:#F5F2EB; margin:0 0; padding:0 0 5%;}

h3{
	width:95%;
	margin:0 auto;
	line-height:1.5em;
	font-weight:normal;
	text-align:left;
	color:#000900;
	padding:3% 0 0;
	font-family: Century Gothic, sans-serif;
	font-size:1.9em;
}
ul.pic_pop li span,ul.pic li span{
	clear: both;
	display: block;
	font-size:0.7em;
	text-align:center;
}
ul.pic{
	width:100%;
	
}
ul.pic li{
	display:block;
	width:45%;
	float:left;
	margin:2% 0.5em;
	
}
ul.pic li img{
	display:block;
	width:90%;
	float:left;
	margin:2% 0.5em;
	
}

ul.pic_pop{
	width:100%;
	
}
ul.pic_pop li{
	display:block;
	float:left;
	margin:2% 0.5em;
	width:90%;
}
ul.pic_pop li img{
	display:block;
	width:90%;
	float:left;
	margin:2% 0.5em;
	
}

}