@charset "UTF-8";
BODY{
    
    
    
    
    
    
    
  		
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
		font-family : Arial,sans-serif;

		width : 100%;

		background-color : white;
border-width : 0px;

		text-align : center;

		margin-left : auto;
		margin-right : auto;
}



.footer{
		text-align : center;
  line-height : 130%;
}





A{
	  
    
    
    
    
    
    
    
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
		text-decoration : none;
}

#navi{
    
    
    
    
    
    
    
  		
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
		font-size : medium;

		margin-top : 10px;
		margin-left : 20px;
		
		width : 95%;
		float : left;

		text-align : left;
}













#main{
    
    
    
    
    
    
    
  		
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
		border-width : 0px;
		width : 100%;

		position : static;
}





























#footer{
		width : 100%;

		top : 0px;
		left : 0px;

		float : left;
  text-align : center;
}



#belt{
    
    
    
    
    
    
    
  		
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
		color : white;
		background-color : #ffcccc;
		text-align : left;
		width : 100%;

		font-weight : bold;

		margin-top : 5px;
  margin-bottom : 5px;
  float : left;
}















#button{
    
  text-align : left;
  margin-top : 10px;
  margin-left : 20px;
  width : 90%;
  float : left;
  margin-bottom : 10px;
}















#cmupsmart{
  text-align : center;
  height : 60px;
  width : 70%;
  float : right;
}

#cmsmart{
  text-align : center;
  font-size : small;
  width : 100%;
  float : left;
  margin-top : 15px;
  margin-bottom : 15px;
}

#title{
  line-height : 120%;
  text-align : center;
  width : 100%;
  float : left;
}









#box{
  width : 100%;
  float : left;
  margin-bottom : 10px;
}













@media screen and (max-width:500px) {


}




















  

























.down{
  background-color : white;
  text-align : left;
}



#cmbox{
  text-align : center;
  width : 100%;
  clear : left;
  font-size : small;
  margin-bottom : 10px;
}

#top{
  width : 100%;
  height : 60px;
}

#logo{
  width : 30%;
  height : 40px;
  float : left;
  margin-top : 10px;
}











#box1{
  width : 40%;
  float : left;
}

#box2{
  width : 35%;
  float : left;
}

#box3{
  width : 25%;
  float : right;
}

#calender{
  font-size : medium;
  margin-bottom : 10px;
  width : 99%;
  float : left;
}



#boxamuse{
  text-align : left;
  margin-bottom : 10px;
  width : 99%;
  float : left;
  background-color : #ffff66;
}

#boxtown{
  text-align : left;
  margin-bottom : 10px;
  width : 99%;
  float : left;
  background-color : #ffcccc;
}

.townup{
  background-color : #ffcccc;
  font-weight : bold;
  text-align : center;
}

#info{
  width : 99%;
  margin-bottom : 10px;
  float : left;
}

.info1{
  background-color : white;
  text-align : left;
  float : right;
  line-height : 140%;
  font-weight : bold;
  width : 95%;
}

.info2{
  text-align : left;
  width : 98%;
  float : right;
  line-height : 150%;
  background-color : white;
}

#event{
  line-height : 140%;
  text-align : left;
  width : 99%;
  float : left;
  margin-bottom : 10px;
}

.info{
  background-color : #fff0f5;
  text-align : left;
  width : 99%;
  line-height : 140%;
}

#comment{
  width : 99%;
  float : left;
  margin-bottom : 10px;
  line-height : 140%;
}

#access{
  width : 99%;
  float : left;
  margin-bottom : 10px;
  line-height : 140%;
}

.parkup{
  font-weight : bold;
  background-color : #ccffcc;
}

#boxpark{
  background-color : #ccffcc;
  text-align : left;
  margin-bottom : 10px;
  width : 99%;
  float : left;
}



#photo{
  margin-bottom : 10px;
  width : 99%;
  float : left;
}

.amuseup{
  font-weight : bold;
  background-color : #ffff66;
  text-align : center;
}

#boxshop{
  background-color : #ffcccc;
  text-align : left;
  margin-bottom : 10px;
  width : 99%;
  float : left;
}

.resizephoto IMG{
    width : 100%;
 }

.phototitle{
  text-align : center;
  margin-top : 5px;
  margin-bottom : 5px;
  width : 100%;
}

.resizephoto{
  max-width:400px;
  margin-bottom : 10px;
  margin-left : auto;
  margin-right : auto;
}

#cmsmart2{
  width : 100%;
  float : left;
}

#sightseeing{
  line-height : 140%;
  background-color : #eaeaea;
  text-align : left;
  margin-bottom : 10px;
  width : 99%;
  float : left;
}

.up{
  background-color : white;
  text-align : center;
}

.up2{
  text-align : center;
}

#info2{
  line-height : 140%;
  text-align : left;
  margin-bottom : 10px;
  width : 99%;
  float : left;
  background-color : #eaeaea;
}

.infoup{
  background-color : #eaeaea;
  text-align : center;
}

.infodown{
  line-height : 140%;
  background-color : white;
  text-align : left;
}