@charset 'utf-8';
@import url("./common2.css");

/* ====================================
  INDEX sub.css
 --------------------------------------
  1.event
  2.Tariff
  3.Institution
  4.Restaurant
  5.Healing
  6.Location
  7.Access
  8.Contact
  9.about
===================================== */


/* 2.bukken
=====================================*/
#bukken{
	width		: 685px;
	float		: left;
	}



#bukken h3{
	margin		: 5px 0 15px 0;
	padding		: 0px;
	font-size	: 18px;
	color		: #000099;
	border		: none;
	text-align	: center;
	}

#bukken h3 a,
#bukken h3 a:hover{
	color		: #F69100;
	text-decoration	: none;
	}
	
#bukken h4{
	font-size	: 14px;
	color		: #fff;
	padding		: 7px 0 0 5px;
	border		: none;
			}
		

.info-box {
    width: 305px;
    float: right;
	margin-right: 8px;
	
}

.info-box p{
	margin-left	: 12px;
		}
	
.ttl_contents{
	height		: 30px;
	margin		: 0 0 5px 5px;
	font-size	: 1.1em;
	letter-spacing	: 0.1em;
	color		: #06C;
	clear		: both;
	background	: url("../img/bg_ttl.gif") no-repeat;
	}

.ttl1_contents{
	height		: 30px;
	margin		: 0 0 2px 0;
	font-size	: 1.1em;
	letter-spacing	: 0.1em;
	color		: #06C;
	clear		: both;
	background	: url("../img/bg1_ttl.gif") no-repeat;
	}
	
.info-text {
	background-color: #EAEAEA;
	margin-top: 10px;
	width: 305px;
	margin-bottom: 15px;
}

.info-left {
    width: 362px;
	float: left;
    }

.info-image {
	float: left;
}
.info-image li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	width: 164px;
}
.info-image img {
	padding: 1px;
	margin-right: 10px;
	border: 1px solid #CCC;
}

.area_box{
	width		: 215px;
	margin		: 5px 8px 0 0;
	float		: left;
	}