/*****************************/
/* headimg */
/*****************************/

#headimg{
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-image: url(../../img/headimg.jpg);
	background-repeat: no-repeat;
}



#disasterArea{
	width: 215px;
	max-width: 195px;
	padding-left: 6px;
	padding-right: 3px;
	padding-top: 6px;
	padding-bottom: 3px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/bg_headtxt.jpg);
	background-repeat: no-repeat;
}


#disasterArea ul{
	clear: both;
}

#disasterArea ul li{
	padding-left: 14px;
	background-image: url(../img/ic_gaibu.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}



#disasterttl{
	clear: both;
	height: 14px;
	margin-bottom: 7px;
	background-image: url(../../img/ttl_disaster.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#disasterinfo{
	clear: both;
	padding: 2px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: center;
}

#wataraseinfo{
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-image: url(../img/ln_dot01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


#wataraseinfo ul li{
	padding-left: 14px;
	background-image: url(../img/arrow02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #34488F;
	font-weight: bold;
	letter-spacing: -0.1em;
}

/*****************************/
/* masseageArea */
/*****************************/

#masseageArea{
	clear:both;
	width: 760px;
	padding-top: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border-top: 2px solid #333;
}



#masseageArea ul{
	padding-top: 6px;
	background-image: url(../img/bg_massage_ul02.jpg);
	background-repeat: no-repeat;
}

#masseageArea ul li{
	padding-bottom: 6px;
	background-image: url(../img/bg_massage_li02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#masseageArea ul li dl{
	clear: both;
	background-image: url(../img/bg_massage_dl02.jpg);
	background-repeat: repeat-y;
}

#masseageArea ul li dl dt{
	float: left;
	clear: left;
	width: 225px;
	padding-bottom: 3px;
	background-image: url(../img/bg_massage_dt02.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

#masseageArea ul li dl dd{
	float: right;
	clear: right;
	width: 535px;
	padding-bottom: 3px;
	display: block;
}

#masseageArea ul li dl dd ul{
	padding-top: 0px;
	background-image: none;
}

#masseageArea ul li dl dd ul li{
	padding-left: 20px;
	padding-bottom: 0px;
	background-image: url(../img/arrow04.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}






/*****************************/
/* contentsArea */
/*****************************/

#contentsArea{
	margin-bottom: 1em;
}







/*****************************/
/* leftcontentsArea */
/*****************************/

#leftArea{
	width: 540px;
}

/* ===== eventArea ===== */

#eventArea{
	clear: both;
	margin-bottom: 14px;
}

/* ===== bannerArea ===== */

#bannerArea{
	clear: both;
	margin:10px 0 0 0;
	text-align:center;
	padding:8px 4px;
	background:#f3f3f3;
	border:1px solid #ececec;
}

#bannerArea img{margin:0 4px;}


/* ===== infoArea ===== */

#infoArea{
	clear: both;
	margin-bottom: 12px;
	background-image: url(../img/bg_info.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}

#infoAreattl{
	clear: both;
	background-image: url(../../img/ttl_info.jpg);
	background-repeat: no-repeat;
	height: 24px;
	margin-bottom: 14px;
}


#infoAreattl h2{
	clear: left;
	text-indent: -9999px;
}

#alltopics{
	float: right;
	clear: right;
	padding-top: 5px;
	padding-right: 8px;
}




#infoAreatxt{
	padding-right: 4px;
	padding-bottom: 12px;
	padding-left: 4px;
}

#infoAreatxt ul{
	clear: both;
}


#infoAreatxt ul li{
	clear: both;
	margin-bottom: 0.2em;
}


#infoAreatxt ul li dl{
	clear: both;
}

#infoAreatxt ul li dl dt{
	float: left;
	clear: left;
	padding-left: 20px;
	width: 100px;
	font-weight: bold;
}

#infoAreatxt ul li dl dd{
	float: right;
	clear: right;
	width: 420px;
	padding-left: 10px;
	background-image: url(../img/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}






/* ===== wataraseArea ===== */

.wataraseArea{
	clear:both;
	margin-bottom: 4px;
}

.wataraseArea ul{
	clear: both;
}

.wataraseArea ul li{
	float: left;
}

.wataraseArea ul li dl{
	width: 260px;
	padding: 1px;
	margin-right: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.wataraseArea ul li dl.gaibu{
	background-image: url(../img/ic_gaibu02.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.wataraseArea ul li dl dt{
	float: left;
	clear: left;
	width: 94px;
	height: 68px;
	display: block;
	background-repeat: no-repeat;
}

.wataraseArea ul li dl dt a{
	width: 94px;
	height: 68px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

.wataraseArea ul li dl dt.ph_sesera{
	background-image: url(../../img/ph_sesera.jpg);
}

.wataraseArea ul li dl dt.ph_tayori{
	background-image: url(../../img/ph_tayori.jpg);
}

.wataraseArea ul li dl dt.ph_aramashi{
	background-image: url(../../img/ph_aramashi.jpg);
}

.wataraseArea ul li dl dt.ph_youmap{
	background-image: url(../../img/ph_youmap.jpg);
}

.wataraseArea ul li dl dt.ph_seibutsu{
	background-image: url(../../img/ph_seibutsu.jpg);
}

.wataraseArea ul li dl dt.ph_kiryu{
	background-image: url(../../img/ph_kiryu.jpg);
}

.wataraseArea ul li dl dt.ph_gakusyu{
	background-image: url(../../img/ph_gakusyu.jpg);
}

.wataraseArea ul li dl dt.ph_kids{
	background-image: url(../../img/ph_kids.jpg);
}



.wataraseArea ul li dl dd{
	float: right;
	clear: right;
	width: 163px;
	padding-left: 3px;
	display: block;
}

.wataraseArea ul li dl dd h3{
	height: 26px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	display: block;
}

.wataraseArea ul li dl dd h3 a{
	height: 26px;
	display: block;
	text-decoration: none;
}

.wataraseArea ul li dl dd h3.ttl_sesera{
	background-image: url(../../img/ttl_sesera.jpg);
}

.wataraseArea ul li dl dd h3.ttl_tayori{
	background-image: url(../../img/ttl_tayori.jpg);
}

.wataraseArea ul li dl dd h3.ttl_aramashi{
	background-image: url(../../img/ttl_aramashi.jpg);
}

.wataraseArea ul li dl dd h3.ttl_youmap{
	background-image: url(../../img/ttl_youmap.jpg);
}

.wataraseArea ul li dl dd h3.ttl_seibutsu{
	background-image: url(../../img/ttl_seibutsu.jpg);
}

.wataraseArea ul li dl dd h3.ttl_kiryu{
	background-image: url(../../img/ttl_kiryu.jpg);
}

.wataraseArea ul li dl dd h3.ttl_gakusyu{
	background-image: url(../../img/ttl_gakusyu.jpg);
}

.wataraseArea ul li dl dd h3.ttl_kids{
	background-image: url(../../img/ttl_kids.jpg);
}




/*****************************/
/* rightContentsArea  */
/*****************************/


#rightArea{
	width: 211px;
}


/* ===== newsArea ===== */

#newsArea{
	clear: both;
	padding:1px;
	margin-bottom: 4px;
	border: 1px solid #CCCCCC;
	background-color: #fff;
}

#newsbody{
	clear: both;
	padding-top: 4px;
	padding-bottom: 6px;
	background-color: #DEE9CF;
	text-align: center;
}

#newsttl{
	clear: both;
	width: 198px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
}

#newsttl h2{
	height: 22px;
	background-image: url(../../img/ttl_news.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#newstxt{
	clear: both;
	text-align: left;
}

#newstxt ul{
	padding-left: 3px;
	padding-right: 3px;
}


#newstxt ul li{
	padding-left: 16px;
	background-image: url(../img/ic_gaibu.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#newstxt ul li a{
	color: #333333;
}

#newstxt ul li a:hover{
	color: #FF9900;
}


/* ===== serviceArea ===== */

#serviceArea{
	clear: both;
	border: 1px solid #CCCCCC;
	background-color: #fff;
}





.serviceinfo{
	clear:both;
}


.serviceinfo h2{
	clear:both;
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 12px;
	background-image: url(../img/bg_subttl01.jpg);
	background-repeat: no-repeat;
	background-color: #1B4F90;
	font-size: 1em;
	color: #FFFFFF;
}

.serviceinfo h2.gaibu{
	background-image: url(../img/bg_subttl02.jpg);
}

.serviceinfo h2 a{
	color: #FFFFFF;
}

.serviceinfo h2 a:hover{
	color: #FF9900;
}




.serviceinfotxt{
	clear:both;
	padding-left: 6px;
	padding-right: 4px;
	margin-bottom: 16px;
	letter-spacing: -0.05em;
}


.serviceinfotxt p{
	clear:both;
	margin-bottom: 12px;
}


.serviceinfotxt ul{
	clear:both;
	padding-left: 10px;
}

.serviceinfotxt ul li{
	padding-left: 22px;
	background-image: url(../img/arrow02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.serviceinfotxt ul li.float{
	float: left;
	padding-left: 16px;
	margin-right: 20px;
	display: inline;
	white-space: nowrap;
}



.serviceplan{
	clear: both;
	margin-bottom: 16px;
}

.serviceplan ul{
	clear: both;
	margin-left: 6px;
	padding-top: 8px;
	background-image: url(../img/bg_jigyoplan_ul.jpg);
	background-repeat: no-repeat;
	display: block;
}

.serviceplan ul li{
	clear: both;
	padding-left: 26px;
	padding-right: 22px;
	padding-top: 6px;
	padding-bottom: 14px;
	margin-left: -6px;
	margin-bottom: 6px;
	background-image: url(../img/bg_jigyoplan_li.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}

.serviceplan ul li a{
	clear: both;
	color: #FF9900;
}

.serviceplan ul li a:hover{
	color: #6699FF;
}





/*****************************/
/* clearfix */
/*****************************/

#infoArea:after,
#infoAreatxt ul:after,
#infoAreatxt ul li:after,
#infoAreatxt ul li dl:after,
#masseageArea:after,
#masseageArea ul:after,
#masseageArea ul li:after,
#masseageArea ul li dl:after,
.wataraseArea:after,
.wataraseArea ul:after,
.wataraseArea ul li:after,
.wataraseArea ul li dl:after,
#serviceArea:after,
.serviceinfo:after,
.serviceinfotxt:after,
#eventArea:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#infoArea,
#infoAreatxt ul,
#infoAreatxt ul li,
#infoAreatxt ul li dl,
#masseageArea,
#masseageArea ul,
#masseageArea ul li,
#masseageArea ul li dl,
.wataraseArea,
.wataraseArea ul,
.wataraseArea ul li,
.wataraseArea ul li dl,
#serviceArea,
.serviceinfo,
.serviceinfotxt,
#eventArea{/* ===== IE hack ===== */
	display: inline-block;
}

#infoArea,
#infoAreatxt ul,
#infoAreatxt ul li,
#infoAreatxt ul li dl,
#masseageArea,
#masseageArea ul,
#masseageArea ul li,
#masseageArea ul li dl,
.wataraseArea,
.wataraseArea ul,
.wataraseArea ul li,
.wataraseArea ul li dl,
#serviceArea,
.serviceinfo,
.serviceinfotxt,
#eventArea{/* ===== Opera ===== */
	display: block;
}