@charset "utf-8";
/*table of contents
0 main_column Contents
1 left_column Contents
2 right_column Contents
*/

/* =0 main_column Contents
----------------------------------------------- */
#info {
	position:relative;
	background-color: #fbf8ea;
	margin-top: 10px;
	margin-bottom: 10px;
}
.infoHeadding {
	clear:both;
	padding: 5px;
	background: #e8c295 url(../top-img/back-tittle1.jpg) repeat-y;
	color: #fff;
	font-size:120%;
	font-weight:bold;
	letter-spacing: 0.1em;
}
#machinews {
	float:left;
	width: 180px;
	padding: 9px;
	margin-right: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.machi {
	padding-bottom: 3px;
	background:#fff url(../top-img/machi-bar.gif) left bottom no-repeat;
}
.machi h3 {color: #f60;}
#news {
	margin-left:215px;
	margin-bottom:3em;
}
.newsList {
	overflow: auto;
	max-height: 28em;
}
.newsList dt {
	clear:left;
	float:left;
	width:10em;
	*width:11em;
}
.newsList dd {
	margin-left:9em;
	margin-bottom:1em;
	height:1%;
}
.newsList a {
	color: #00f;
	text-decoration: underline;
}
#topics .newsList {
	max-height:20em;
	padding-left:0.5em;
}
#lifeEvent {
	padding: 5px;
	padding-left: 10px;
	background: #bfd2a5 url(../top-img/back-tittle2.jpg) repeat-x;
	border-bottom: 1px solid #508811;
	border-left: 5px solid #508811;
}
#lifeList { margin-left: -10px; }
#lifeList li {
	float:left;
	margin-bottom: 10px;
	padding-left: 10px;
}
#linkDiv { background-color: #f3f2e9; }
#linkDiv h3 { margin-bottom:1em; }
#dataDiv { border: 1px solid #ddd8d7; }
#data-table {
	float:left;
	width: 50%;
}
#data-table caption {
	background-color: #ccc;
	padding: 3px;
}
#data-table th, #data-table td {
	padding: 3px;
	border-bottom: 1px dotted #ccc;
}
#data-table th { width:3em; }
.men { color: #03f; }
.women { color: #f36; }
.tenki {
	padding-left: 40px;
	background: url(../top-img/weather.gif) left center no-repeat transparent;
	color: #853a32;
}
/* =2 right_column Contents
----------------------------------------------- */
#slider {
	width:180px; /* important to be same as image width */
	height:120px; /* important to be same as image height */
	position:relative; /* important */
	overflow:hidden; /* important */
}
#sliderContent {
	width:180px; /* important to be same as image width or wider */
	position:absolute;
	top:0;
	margin-left:0;
}
.sliderImage {
	float:left;
	position:relative;
	display:none;
}
.sliderImage span {
	position:absolute;
	padding:5px;
	width:170px;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	color:#fff;
	display:none;
	font-size:77%;
	line-height:15px;
}