@charset "Shift_JIS";

/* reset
----------------------------------------------*/


div#town_wrap img {
	vertical-align:bottom;
}

/*
----------------------------------------------*/

div#town_wrap {
	text-align:left;
}


div#town_contents {
  margin: 0 auto;
	border: 1px solid #e5e5e5;
  width: 978px;
}

div#town_contents span.day {
	padding:14px 14px 10px;
	float:right;
}
 
div#town_contents #entryTitle {
  width: 978px;
	clear:both;
}

div#town_contents #entryTitle .leftArea {
	float:left;
}
div#town_contents #entryTitle .leftArea h4 ,
div#town_contents #entryTitle .leftArea p{
	padding:0 0 15px 19px;
	clear:both;
}

div#town_contents #entryTitle .rightArea {
	width: 402px;
	float:right;
	padding-right:10px;
	padding-bottom: 15px;
	text-align: right;
}

div#town_contents #entryTitle .rightArea .relatedMansion {
	line-height: 2em;
}




/*mainImgArea
----------------------------------------------*/

div#town_contents #mainImgArea {
	width:978px;
	clear:both;
}

div#town_contents #mainImgArea #mainLeft {
	width:489px;
	margin-bottom:35px;
	background-image:url(../images/left_main_back.gif);
	float:left;
}

div#town_contents #mainImgArea #mainRight {
	width:489px;
	margin-bottom:35px;
	background-image:url(../images/right_main_back.gif);
	float:right;
}
div#town_contents #mainImgArea #mainLeft ul.naviArea,
div#town_contents #mainImgArea #mainRight ul.naviArea {
	padding-left:21px;
}

div#town_contents #mainImgArea #mainLeft ul.naviArea li,
div#town_contents #mainImgArea #mainRight ul.naviArea li {
	float:left;
}


/*timeSchedule
----------------------------------------------*/
div#town_contents ul#timeSchedule { margin-bottom: 20px;}
div#town_contents ul#timeSchedule li {
	width: 24%;
	float: left;
	margin-right: 5px;
	display: block;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
div#town_contents ul#timeSchedule li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
}
div#town_contents ul#timeSchedule li a span {
	font-size: 10px;
}


div.dinks div#town_contents ul#timeSchedule li a,
div.family50s div#town_contents ul#timeSchedule li a { color: #339900; }

div.dinks div#town_contents ul#timeSchedule li a:hover,
div.family50s div#town_contents ul#timeSchedule li a:hover { background-color: #f4ffe9; }


div.senior div#town_contents ul#timeSchedule li a,
div.family30s div#town_contents ul#timeSchedule li a { color: #ff7800; }

div.senior div#town_contents ul#timeSchedule li a:hover,
div.family30s div#town_contents ul#timeSchedule li a:hover { background-color: #fff1e4; }



/*returnTop
----------------------------------------------*/
div.returnTop {
	font-size: 12px;
	clear: both;
	text-align: right;
	width: 938px;
	margin: 0 auto;
}

/*update
----------------------------------------------*/
div#mainCap {
	padding: 0 23px;
	margin-bottom: 25px;
	font-size: 10px;
}


/*footerNavi
----------------------------------------------*/
div#town_contents .footerNavi {
	padding-bottom:15px;
	font-size:10px;
	text-align:center;
}


div#town_contents .footerNavi a.dinks,
div#town_contents .footerNavi a.family50s {
	text-decoration:none;
	color:#fff;
	background-color: #339900;
	padding: 9px 12px;
	font-weight: bold;
}

div#town_contents .footerNavi a.senior,
div#town_contents .footerNavi a.family30s{
	text-decoration:none;
	color:#fff;
	background-color: #ffa200;
	padding: 9px 12px;
	font-weight: bold;
}

div#town_contents .footerNavi a:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

div#town_contents .footerNavi a.selected {
	color:#333;
	font-weight: bold;
	background-color: #fff;
}


div#town_contents .footerNavi li {
	display:inline;
	padding:0px 2px;
}

div#town_contents .footerNavi h4 {
	background-color: #f5f5f5;
	padding: 6px 0;
  margin-bottom:12px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}


/*relatedArea
----------------------------------------------*/
div#relatedArea {
  margin: 19px auto 0;
	border: 1px solid #e5e5e5;
  width: 978px;
	font-size:10px;
}

div#relatedArea h4 { padding-bottom: 7px;�@}

div#relatedArea ul {
	width:950px;
	padding:0px 14px;
}

div#relatedArea li {
	width:180px;
	float:left;
	padding:0px 5px;
}

div#relatedArea li span {
	padding:10px 0;
	display:block;
	text-align: left;
}

div#relatedArea span a { text-decoration:none; }

div#relatedArea .cap {
	clear: both;
	padding: 10px;
	text-align: left;
}



/*common style
-----------------------------------------------------*/
.profile span.cap,
.section span.cap {
	font-size:10px;
	display:block;
	padding:1px 0 3px;
}


/*profile*/

div#town_contents .profile {
	width:938px;
	margin:0 auto;
	padding-bottom:35px;
	clear:both;
	font-size:14px;
	line-height:22px;
}

div#town_contents .profile h4 { margin-bottom:25px; }
div#town_contents .profile h5 { margin-bottom:15px;}

div#town_contents .profile .photo span.cap { 
	text-align:right;
}


/*section*/

div#town_contents .section {
	width:938px;
	margin:0 auto;
	clear:both;
	font-size:16px;
	line-height:22px;
}


.dinks div#town_contents .section h5,
.family50s div#town_contents .section h5 { color:#339900; }
.senior div#town_contents .section h5,
.family30s div#town_contents .section h5 { color:#ff7800; }
.dinks div#town_contents .section h5,
.senior div#town_contents .section h5,
.family50s div#town_contents .section h5,
.family30s div#town_contents .section h5 {
	font-size:24px;
	line-height:28px;
}
.dinks div#town_contents .section h5 span,
.senior div#town_contents .section h5 span,
.family50s div#town_contents .section h5 span,
.family30s div#town_contents .section h5 span {
	font-size:16px;
	line-height:24px;
}


div#town_contents .section .leftArea,
div#town_contents .section .f_left { float:left;}
div#town_contents .section .rightArea,
div#town_contents .section .f_right { float:right;}
div#town_contents .section sup { font-size: 10px; }



/*informationArea*/


.informationArea {
	width:938px;
	margin:0 auto 26px;
	font-size:14px;
	text-align:left;
	clear:both;
}

.informationArea ul {
	width:938px;
	padding-top:1px;
	border-top:3px solid #bfbfbf;
	background-color:#ececec;
}

.informationArea li {
	width:906px;
	padding:18px 16px;
	border-top:1px solid #bfbfbf;

}
.informationArea li dt div.zoomMap {
	display: block;
	float: right;
	width: 180px;
	margin-left: 20px;
	_position: relative;
}
.informationArea li dt div.zoomMap a {
	line-height: 0;
}



.informationArea li dl.rightArea {
	width:624px;
	padding-top:10px;
	float:right;
}

.informationArea li dl.rightArea dt {	font-weight:bolder; line-height:17px }
.informationArea li dl.rightArea dt img { margin-right:5px;}

.informationArea li dl.rightArea dt,
.informationArea li dl.rightArea dd { margin-bottom:20px; }
.informationArea li dl.rightArea dt .cap,
.informationArea li dl.rightArea dd .cap { font-size:10px;}

div#map {
	width: 860px;
	margin: 0 auto 30px;
	text-align:center;
}

div#map span.wideMap {
	text-align:left;
	display: block;
	margin-bottom: -17px;
}
div#map span.wideMap a img {
	vertical-align: top;
}

div#map span.cap {
	text-align:right;
	display: block;
	font-size: 10px;
}



/* body#guidemap
-----------------------------------------------------*/
body#guidemap div#relatedArea {
  margin: 19px auto 0;
	border: 1px solid #e5e5e5;
  width: 858px;
	font-size:10px;
	overflow: hidden;
}

body#guidemap div#update {
  margin: 19px auto 0;f
	padding: 0;
  width: 860px;
	text-align: left;
}


/* clearfix
-----------------------------------------------------*/
div#town_contents #mainImgArea:after,
div#town_contents #mainImgArea  #mainDinks:after,
div#town_contents #mainImgArea #mainSenior:after,
div#town_contents ul#timeSchedule:after,
div#town_contents .section:after,
div#town_contents .footerNavi:after,
div#town_contents .footerEntryNavi:after,
div#relatedArea:after,
.informationArea:after,
.informationArea li:after {
  display: block;
  height: 0;
  line-height: 0;
  font-size: 1px;
  content: ".";
  visibility: hidden;
  clear: both;
}
div#town_contents #mainImgArea,
div#town_contents #mainImgArea  #mainDinks,
div#town_contents #mainImgArea #mainSenior,
div#town_contents ul#timeSchedule,
div#town_contents .section,
div#town_contents .footerNavi,
div#town_contents .footerEntryNavi,
div#relatedArea,
.informationArea,
.informationArea li {
  zoom: 1;
}