@charset "utf-8";

#main	{
	padding-top: 9px;
}

#contents	{
	width: 766px;
	padding-left: 10px;
}

/* ====================================================================================================
   index
==================================================================================================== */
#index h2	{
	padding-bottom: 24px;
}

#index ul	{
	padding: 0 4px 60px 5px;
}

/* ====================================================================================================
   共通
==================================================================================================== */
#area,
#facility	{
	padding-bottom: 60px;
}

#area h2,
#facility h2	{
	padding-bottom: 33px;
}

#area h3,
#facility h3	{
	padding-bottom: 22px;
}

#area h4,
#facility h4	{
	padding-bottom: 20px;
}

#area #usefulnavi	{
	padding-left: 6px;
}

#facility #usefulnavi	{
	padding-left: 24px;
}

#usefulnavi li	{
	float: left;
	margin-right: 3px;
}

#usefulmap	{
	width: 765px;
	margin-bottom: 13px;
	background: #6ebe45 url(../../useful/images/useful_bg001.gif) no-repeat;
}

#usefulmap_bg	{
	padding: 10px;
	background: url(../../useful/images/useful_bg002.gif) no-repeat left bottom;
}

#u_gmap	{
	width: 739px;
	height: 371px;
	border: 3px solid #ffffff;
	background: #ffffff;
}

#map_detail	{
	margin-bottom: 10px;
}

.flist	{
	padding-left: 5px;
	padding-bottom: 25px;
}

.flist li	{
	float: left;
	width: 363px;
	padding-left: 17px;
	background: url(../../useful/images/useful_ic001.gif) no-repeat left bottom;
}

/* ====================================================================================================
   クリアフィックス
==================================================================================================== */
#index ul:after,
#usefulnavi:after,
.flist:after	{
	content: ".";
	display: block;
	clear: both; 
	height: 0;
	visibility: hidden;
}

#index ul,
#usefulnavi,
.flist	{
	display: block;
	#display: inline-block;
}

/* ====================================================================================================
   640px以下のメディアクエリ
==================================================================================================== */

@media screen and (max-width: 640px) {
	
/* ====================================================================================================
   index
==================================================================================================== */

#index ul .left{
	float: none;
	width: 93.75%;
	margin: 0 auto;
	margin-bottom: 3.12%;
	
}

#index ul .right{
	float: none;
	width: 93.75%;
	margin: 0 auto;
}


/* ====================================================================================================
   共通
==================================================================================================== */

#area h2,
#facility h2	{
	padding: 0 0 3.9% 3.12%;
}

#area h3,
#facility h3	{
	padding: 0 0 3.9% 3.12%;
}

#area h4,
#facility h4	{
	padding: 0 0 3.9% 3.12%;
}

#area #usefulnavi	{
	padding-left: 5.28%;
}

#facility #usefulnavi	{
	padding-left: 5.28%;
}

#usefulnavi li	{
	float: left;
	width: 17.92%;
}

#usefulmap	{
	width: 93.75%;
	margin: 0 auto;
	margin-bottom: 13px;
	background-color: #6EBE45;
	background-image: none;
 	border-radius: 10px;        
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;
	border: 5px solid #6EBE45;
	
	}

#usefulmap_bg	{
	background: none;
}

#u_gmap	{
	width: 98%;
	height: 371px;
	margin: 0 auto;
	border: 3px solid #ffffff;
	background: #ffffff;
}

#map_detail	{
	padding: 0 3.12%;
}

.flist li	{
	float: none;
	width: 100%;
	margin: 0 3.12%;
}

}