<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<link media="only screen and (max-device-width:480px)"
href="smart.css" type="text/css" rel="stylesheet" />
<link media="screen and (min-device-width:481px)" href="design.css"
type="text/css" rel="stylesheet" />
<!--[if IE]>
<link href="design.css" type="text/css" rel="stylesheet" />
<![endif]-->

<style>

@charset "UTF-8";

@media screen and (min-width: 480px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
}


html{
  height:100%;
}


html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 

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


.html{
overflow-x : hidden;
overflow-y : auto;
}

.body	{font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
		height: 2300px;
		overflow-x: hidden;
		overflow-y: auto;}


.top-space	{width: 800px;  
        margin: 0 auto;  
        text-align: center; 
		padding-top: 150px} 

.box0	{width: 800px;  
        margin: 0 auto;  
        text-align: center; 
		padding-top: 20px} 

.box000	{width: 800px;  
        margin: auto;  
        text-align: center; 
		padding-top: 20px
			clear: both;
		height:500px;
		padding-top: 50px;
		text-align: center;
		z-index: 0;} 

		
.box	{width: 800px;  
        margin: 0 auto;  
        text-align: center; 
		padding-top: 20px}  

.boxA	{content: "";
		display: block;
		clear:	both;
		text-align: center
		}
		
	

	
.boxB	{
		clear: both;
		padding-top: 80px;
		padding-bottom: 0px;
		z-index: 50;
		}		
		


.boxBa	{float: left;
		width: 25%}
		
.boxBb	{float: left;
		width: 25%}

.boxBc	{float: left;
		width: 25%}

.boxBd	{float: left;
		width: 25%}
		
.boxC	{
	
		}
		

.image	{float: left;
		margin-left: 20px;
		padding-top: 16px;
		width: 140px;
		height: 100px;
		overflow: hidden;
	
		}
		



		
		

.map	{padding-right: 0px;
		text-align: left;
		padding-top: 20px;
		padding-bottom: 20px;}

.img{

top:-10px;
left:-20px;
}

	

			
							
			
			
							
.aboutboxA	{
				display: block;
				text-align: center;
				clear: both;
				padding-top: 10px;
				padding-bottom: 20px;
				}	
		
.about_map		{float: left;
					height:385px;
					padding-top: 20px;
					padding-bottom: 20px;
					width: 50%;
					}		
		
.about_texta		{float: center;
					margin-top: 0;
					margin-bottom:20px;
					padding-bottom: 20px;
					font-sie: 36px;
					font-size: 80%;
					line-height: 30px;
					letter-spacing: 1px;
					font-family: sans-serif;
					}		

.about_textb		{float: left;
	 				text-align: left;
					margin-top: 0px;
					margin-bottom: 20px;
					margin-left: 0px;
					padding-left: 30px;
					font-sie: 36px;
					width: 45%;
					font-size: 80%;
					letter-spacing: 3px;
					line-height: 20px;
					font-family: sans-serif;
					
					}		
					
					
				
		
a:link { color: #000;
		text-decoration: none; }
a:visited { color: #000; 
			text-decoration: none; 	}
a:hover { color: #00A3E2;
			text-decoration: none; 	}
a:active { color: #000;
			text-decoration: none; 	}												

	
		
.boxD	{	text-align: center;
			content: "";
			float: left;
			display: block;
			clear: both;
			height:500px;
			width: 100%;
			padding-top: 100px;
			padding-bottom: 300px}
			
			
.box1	{height: 500px;  
        margin: 0 auto;  
		padding-top: 20px}			
			
			
			
.boxE	{	text-align: center;
			background-color:#00A3E2;
			content: "";
			float: left;
			display: block;
			clear: both;
			width: 100%;
			padding-top: 0px;
			padding-bottom: 0px;
			}









/* コピーライト */
.copyright	{margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 14px}
	

				
	
	

/* フッター*/
.footer	{	
			margin-right: auto;
			margin-left: auto;
			width: 100%;
			hight: 0px;
			text-align: center;
			background-color: #00A3E2;
			position: fixed;
    		bottom: 0;
			}
			
			

.grid {
	float: left;
		text-align: center;
		margin-left: 20px;
		padding-top: 16px
}



		
/* Preload images ライトボックスの記述 */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
  outline: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #848484;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #fff;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



	
/* ついてくるメニュー */





.nav {
  width: 100%;
  height: 100px;
  z-index: 50;
}

.nav-in {
		display: block;
	  	margin: 10 auto;
	text-align: center;  
	width: 800px;
  height: 50px;
  position: inherit;
  z-index: 50;
  top: 0;
  padding-top: 30px;
  background-color:#fff;

  /* 透明オプション
   filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;*/
  
}




/* to-top　トップページへ戻るのコード */



#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:100px;
	bottom:100px;
	z-index: 90;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#;
}
 
#move-page-top{
	color:#87CEEB;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}


		
</style>
</head>
</html>

