@charset "utf-8";
/* CSS Document */

#keyvisual {
	margin: 9px 0 0;
}

#keyvisual h2 {
	float: left;
	width: 640px;
}

#keyvisual ul {
	width: 240px;
	float: right;
}

#keyvisual li {
	margin: 0 0 4px;
	width: 240px;
	height: 90px;
}

#keyvisual li.navi01 { background: url(../img/bt_keyvisual01_on.jpg) no-repeat left top; }
#keyvisual li.navi02 { background: url(../img/bt_keyvisual02_on.jpg) no-repeat left top; }
#keyvisual li.navi03 { background: url(../img/bt_keyvisual03_on.jpg) no-repeat left top; }

#keyvisual li a {
	display: block;
	width: 240px;
	height: 90px;
}

#keyvisual li a:hover {
	background: transparent;
}

#keyvisual li a:hover img {
	visibility: hidden;
}

#contentsWrapBottom {
	clear: both;
}

#contentsWrap {
	background: url(../img/bg_contents_top.jpg) no-repeat left top;
}

#contentsBox {
	padding: 20px;
}

#contentsBox .left {
	width: 410px;
	float: left;
	margin: -20px 0 0;
}

#contentsBox .left dl {
	margin: 20px 0 0;
}

#contentsBox .right {
	width: 410px;
	float: right;
}

#contentsBox .right .section {
	position: relative;
	margin: 0 0 20px;
}

#contentsBox .right .section h3 {
	padding: 0 0 10px;
}

#contentsBox .right .section ul.navi {
	position: absolute;
	top: 0;
	left: 0;
	width: 405px;
}

#contentsBox .right .section .navi li {
	float: right;
	width: 111px;
}

#informationBox {
	padding: 0 10px;
	clear: both;
}

dl.informationNews {
	background: url(../common/img/bg_border_dot.gif) repeat-x left bottom;
	padding: 15px 0;
}

dl.informationNews dt {
	background: url(../common/img/bg_li_triangle.gif) no-repeat left center;
	float: left;
}

dl.informationNews dt span {
	margin-left: 10px;
}

dl.informationNews dd {
	padding-left: 8.5em;
}

#contentsBox .right .message p {
	margin: 0 0 1em;
	font-size: 91%;
}

#contentsBox .right .message ul.list {
	margin: 0 0 1em;
}

#contentsBox .right .message ul.list li {
/*	padding: 0 0 0 4em;*/
	position: relative;
}

#contentsBox .right .message ul.list li span {
/*	position: absolute;
	top: 0;
	left: 0;*/
	float: left;
	width: 45px;
	display: block;
	font-size: 91%;
	letter-spacing: 0;
}

#contentsBox .right .message ul.list li span.second {
	width: 355px;
	display: block;
}

#contentsBox .bottom {
	clear: both;
	padding: 30px 0 0;
}

#contentsBox .bottom h3 {
	margin: 0 0 20px;
}

#contentsBox .bottom .contactBox {
	margin: 15px 0 0;
	padding: 15px;
	background: #ECF7FF;
	border: 1px solid #D8D8D8;
}

#contentsBox .bottom .contactBox dd {
	margin: 10px 0 0;
	font-size: 116%;
	letter-spacing: 0;
}

#contentsBox .bottom .contactBox dd img {
	vertical-align: middle;
	margin: 0 0 0 10px;
}

#contentsBox .bannerArea {
	margin: 40px 0 0 -12px;
	width: 852px;
	position: relative;
}

#contentsBox .bannerArea li {
	float: left;
	width: 272px;
	margin: 0 0 0 12px;
	display: inline;
}