@charset "Shift_JIS";


/*--------------------
	index
--------------------*/
/* screen */
div#wrap.index {
	background: url(../images_index/index_wrap_bg_repeat_x.jpg) repeat-x 0 0;
	width: 100%;
}
div#wrap.index div#wrap2 {
	background: url(../images_index/index_wrap_bg.jpg) no-repeat center 0;
	width: 100%;
	padding: 1px 0 0;
}
div#wrap.index div#contents {
	width: 645px;
	padding: 20px 0 0 0;
}

/* mainImage */
div#wrap.index div#mainImage {
	width: 900px;
	height: 171px;
	position: relative;
	margin: 0 auto;
	text-align:left;
}
div#wrap.index div#mainImage p {
	width: 208px;
	height: 142px;
	position: absolute;
	top: 15px;
	left: 677px;
}

/* newsBox */
div#wrap.index div#contents div#newsBox {
	width: 635px;
	position: relative;
	margin-bottom: 15px;
	padding-left: 10px;
}
div#wrap.index div#contents div#newsBox p.button {
	width: 74px;
	height: 20px;
	position: absolute;
	top: 5px;
	left: 571px;
}
div#wrap.index div#contents div#newsBox h4 {
	background: url(../images_index/red_dotted_border.gif) repeat-x 0 bottom;
	width: 635px;
	height: 34px;
}
div#wrap.index div#contents div#newsBox dl.bottom {
	background: url(../images_index/wide_shadow_bottom.jpg) no-repeat 0 bottom;
	padding-bottom: 4px;
}
div#wrap.index div#contents div#newsBox dl {
	background: url(../images_common/dotted_line_01.gif) repeat-x 0 bottom;
	width: 635px;
	font-size: 0.625em;
}
div#wrap.index div#contents div#newsBox dl dt,
div#wrap.index div#contents div#newsBox dl dd {
	padding: 7px 0;
	float: left;
	line-height: 1.4;
}
div#wrap.index div#contents div#newsBox dl dt {
	width: 80px;
	padding: 7px 10px 7px 5px;
	font-weight: bold;
	clear: both;
}
div#wrap.index div#contents div#newsBox dl dd {width: 540px;}
div#wrap.index div#contents div#newsBox dl dd a {color: #006699; line-height: 1.4;}
div#wrap.index div#contents div#newsBox dl dd a:hover {color: #FF0000;}

/* searchBox */
div#wrap.index div#searchBox {
	background: url(../images_index/search_title_bg.jpg) no-repeat 0 0;
	width: 643px;
	margin: 0 0 15px 6px;
	position: relative;
}
div#wrap.index div#searchBox div#searchBoxBgBottom {
	background: url(../images_index/search_box_bg_bottom.jpg) no-repeat 0 bottom;
	padding: 0 0 18px 0;
	padding-left: 17px;
}
div#wrap.index div#searchBox h4 {
	width: 626px;
	padding: 19px 0 10px;
}
div#wrap.index div#searchBox ul li.button01 {
	width: 136px;
	height: 24px;
	position: absolute;
	top: 17px;
	left: 326px;
}
div#wrap.index div#searchBox ul li.button02 {
	width: 162px;
	height: 24px;
	position: absolute;
	top: 17px;
	left: 465px;
}


div#wrap.index div#searchBox div.areaBox {
	background: url(../images_index/areabox_bg.gif) repeat 0 0;
	width: 609px;
	margin: 6px 0 0 0;
}
div#wrap.index div#searchBox div.areaBoxBgBottom {
	background: url(../images_index/areabox_bg_bottom.gif) no-repeat 0 bottom;
	width: 609px;
	padding-bottom: 8px;
}
div#wrap.index div#searchBox div.areaBoxBgBottom h5 {margin-bottom: 9px;}
div#wrap.index div#searchBox div.areaBoxBgBottom ul {
	background: url(../images_index/areabox_ul_bg.jpg) repeat-y center 0;
	width: 597px;
	min-height: 31px;
	_height: 31px;
	padding: 0 0 0 12px;
}
div#wrap.index div#searchBox div.areaBoxBgBottom ul li {
	background: url(../images_index/area_bg_off.jpg) no-repeat 0 0;
	width: 81px;
	float: left;
	margin: 0 3px 3px 0;
	display: inline-block;
}
div#wrap.index div#searchBox div.areaBoxBgBottom ul li span {
	font-size: 0.75em;
	display: block;
	line-height: 1.4;
}
div#wrap.index div#searchBox div.areaBoxBgBottom ul li a {
	background: url(../images_index/area_bg_off.jpg) no-repeat 0 0;
	width: 81px;
	min-height: 36px;
	_height: 36px;
	padding: 8px 0 0;
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.75em;
	line-height: 1.2;
	text-decoration: none;
}
div#wrap.index div#searchBox div.areaBoxBgBottom ul li a:hover {
	background: url(../images_index/area_bg_on.jpg) no-repeat 0 0;
	text-decoration: none;
}

/* topicsBox */
div#wrap.index div#contents div#topicsBox {
	width: 635px;
	margin-bottom: 20px;
	padding-left: 10px;
}
div#wrap.index div#contents div#topicsBox h4 {
	background: url(../images_index/red_dotted_border.gif) repeat-x 0 bottom;
	width: 635px;
	height: 34px;
}
div#wrap.index div#contents div#topicsBox ul {
	background: url(../images_index/wide_shadow_bottom.jpg) no-repeat 0 bottom;
	padding: 15px 0 13px;
}
div#wrap.index div#contents div#topicsBox ul li {
	width: 315px;
	float: left;
	margin-bottom: 5px;
	font-size: 0;
	line-height: 0;
}
div#wrap.index div#contents div#topicsBox ul li.right {padding-left: 5px;}