@charset "utf-8";

@import url("common.css");

#topBody {

}

#topBody #header {
	height: 540px;
	background: url(images/top_img_03.jpg) no-repeat 100% 288px;	
}

#topBody #header h1 {
	width: 884px;
	height: 181px;
	background-image: url(images/top_img_01.jpg);	
}

#topBody #header #logo {
	width: 884px;
	height: 107px;
	background-image: url(images/top_img_02.jpg);	
}

#topBody #contents {
	padding-bottom: 20px;
	background: url(images/content_img_02.jpg) no-repeat 0 25px;
}

#contents h2 {
	width: 884px;
	height: 20px;
	background-image: url(images/top_ttl_01.jpg);
}


/* top navi */
#top_navi {
	width: 875px;
	padding-top: 5px;
	padding-left: 9px;
	margin-bottom: 30px;
	background: url(images/content_img_01.jpg) no-repeat 0 0;
}
#top_navi li {
	height: 146px;
}
#top_navi li a {
	height: 146px;
}

#top_navi01 {
	margin-right: 10px;
}
#top_navi02 {
	margin-right: 10px;
}
#top_navi03 {
	margin-right: 10px;
}
#top_navi04 {
	margin-right: 9px;
}
#top_navi05 {
	margin-right: 9px;
}
#top_navi06 {
}

#top_navi01,
#top_navi01 a {
	width: 134px;
}
#top_navi01 {
	background-image: url(images/top_navi_01_on.jpg);	
}
#top_navi01 a {
	background-image: url(images/top_navi_01.jpg);
}

#top_navi02,
#top_navi02 a {
	width: 139px;
}
#top_navi02 {
	background-image: url(images/top_navi_02_on.jpg);	
}
#top_navi02 a {
	background-image: url(images/top_navi_02.jpg);
}

#top_navi03,
#top_navi03 a {
	width: 138px;
}
#top_navi03 {
	background-image: url(images/top_navi_03_on.jpg);	
}
#top_navi03 a {
	background-image: url(images/top_navi_03.jpg);
}

#top_navi04,
#top_navi04 a {
	width: 134px;
}
#top_navi04 {
	background-image: url(images/top_navi_04_on.jpg);	
}
#top_navi04 a {
	background-image: url(images/top_navi_04.jpg);
}

#top_navi05,
#top_navi05 a {
	width: 138px;
}
#top_navi05 {
	background-image: url(images/top_navi_05_on.jpg);	
}
#top_navi05 a {
	background-image: url(images/top_navi_05.jpg);
}

#top_navi06,
#top_navi06 a {
	width: 134px;
}
#top_navi06 {
	background-image: url(images/top_navi_06_on.jpg);	
}
#top_navi06 a {
	background-image: url(images/top_navi_06.jpg);
}

#wrapper #contents #top_navi a:hover {
	background-image: none;
}


#topBody #contents .clearfix div.left {
	margin-left: 10px;
	width: 510px;
}

#topBody #contents .clearfix div.right {
	margin-right: 10px;
	width: 332px;
}

.left h3.hidetxt {
	width: 510px;
	height: 31px;
	background-image: url(images/top_ttl_02.gif);
}

.right h3.hidetxt {
	width: 332px;
	height: 31px;
	background-image: url(images/top_ttl_03.gif);
}

/* News */
#topBody #contents .clearfix .left dl {
	padding: 0;
	height: 12em;
	overflow: auto;
}

#topBody #contents .clearfix .left dt {
	width: 8em;
	line-height: 2em;
	color: #f55;
}
#topBody #contents .clearfix .left dd {
	margin: -2em 0 0 8em;
	line-height: 2em;
}

/* Information */
#info_navi {
}

#info_navi li {
	margin-bottom: 5px;
}

/* for ESCRIT */
#topBody #info_navi a:hover {
	background-image: none;
}

#info_navi01 {
	width: 332px;
	height: 26px;
	background-image: url(images/top_sub_navi_01_on.gif);
}
#info_navi01 a {
	width: 332px;
	height: 26px;
	background-image: url(images/top_sub_navi_01.gif);
}
#info_navi02 {
	width: 332px;
	height: 27px;
	background-image: url(images/top_sub_navi_02_on.gif);
}
#info_navi02 a {
	width: 332px;
	height: 27px;
	background-image: url(images/top_sub_navi_02.gif);
}
#info_navi03 {
	width: 332px;
	height: 25px;
	background-image: url(images/top_sub_navi_03_on.gif);
}
#info_navi03 a {
	width: 332px;
	height: 25px;
	background-image: url(images/top_sub_navi_03.gif);
}

#topBody #footer {
	padding: 0 0 30px;
	border: none;
}

#topBody #copyright {
	width: auto;
	padding: 30px 0;
	background: url(images/top_copyright_bg.gif) repeat-x left center;
}

#topBody #copyright span {
	padding-left: 0.5em;
	background: #000;
}