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

* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}


body {
	background: #FDF6F2 url(../img/bg.jpg) repeat-x 0px 0px;
	line-height: 1.5;
	color: #333333;
	text-align: center;
}

#layout {
	text-align: left;
	margin: 0px auto;
	width: 902px;
	background: #FAEFE3;
	position: relative;
}
#header {
	height: 100px;
	width: 902px;
	background: url(../img/header_bg.gif) no-repeat 0px 0px;
	position: relative;
}
h1 {
	height: 43px;
	width: 325px;
	position: absolute;
	left: 43px;
	top: 29px;
}
h1 a {
	height: 43px;
	width: 325px;
	background: url(../img/header_logo.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
}
p#description {
	font-size: 12px;
	position: absolute;
	top: 75px;
	left: 43px;
	font-weight: bold;
}
p#contact {
	height: 11px;
	width: 60px;
	position: absolute;
	left: 694px;
	top: 23px;
	background: url(../img/header_p_contact.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
}
#header address {
	position: absolute;
	left: 567px;
	top: 35px;
}
#header .telfax {
	display: block;
	height: 36px;
	width: 162px;
	background: url(../img/header_telfax.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	position: absolute;
	left: 127px;
}
#header .jyusho {
	background: url(../img/header_address.gif) no-repeat 0px 0px;
	display: block;
	height: 12px;
	width: 288px;
	text-indent: -9999px;
	position: absolute;
	top: 42px;
}



#navi {
	background: url(../img/navi_bg.jpg) no-repeat 0px 0px;
	height: 50px;
	width: 902px;
	position: relative;
}
#layout #navi ul {
	height: 50px;
	width: 902px;
}

#navi ul li {
	list-style: none;
	display: inline;
}
#navi ul li#m-nv-mca a {
	display: block;
	height: 50px;
	width: 227px;
	position: absolute;
	left: 44px;
	top: 0px;
	background: url(../img/main_navi_mca.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}
#navi ul li#m-nv-mca a:hover {
	background: url(../img/main_navi_mca_hv.jpg) no-repeat 0px 0px;
}
#navi ul li#m-nv-area a {
	display: block;
	height: 50px;
	width: 160px;
	position: absolute;
	left: 277px;
	top: 0px;
	background: url(../img/main_navi_area.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}
#navi ul li#m-nv-area a:hover {
	background: url(../img/main_navi_area_hv.jpg) no-repeat 0px 0px;
}
#navi ul li#s-nv-comp a {
	display: block;
	height: 22px;
	width: 65px;
	position: absolute;
	left: 675px;
	top: 15px;
	background: url(../img/sub_navi_company.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}
#navi ul li#s-nv-comp a:hover {
	background: url(../img/sub_navi_company_hv.jpg) no-repeat 0px 0px;
}
#navi ul li#s-nv-link a {
	display: block;
	height: 22px;
	width: 52px;
	position: absolute;
	left: 813px;
	top: 15px;
	background: url(../img/sub_navi_link.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}
#navi ul li#s-nv-link a:hover {
	background: url(../img/sub_navi_link_hv.jpg) no-repeat 0px 0px;
}

#contents {
	background: #FFFFFF;
	width: 902px;
}
#main {
	float: right;
	width: 627px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#main #main-inner {
	width: 561px;
	margin-right: auto;
	margin-left: auto;
}
#page-navi {
	overflow: hidden;
	margin-top: 5em;
}
#page-navi ul li {
	list-style: none;
	display: inline;
}
#page-navi #prev a {
	float: left;
	display: block;
	background: url(../img/prev.gif) no-repeat left center;
	line-height: 15px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	color: #003366;
	width: 230px;
}
#page-navi #prev a:hover {
	text-decoration: underline;
	color: #006699;
}
#page-navi #next a {
	float: right;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	line-height: 15px;
	background: url(../img/next.gif) no-repeat right center;
	padding-right: 20px;
	width: 230px;
	display: block;
	text-align: right;
}
#page-navi #next a:hover {
	text-decoration: underline;
	color: #006699;
}




#side-bar {
	width: 275px;
	float: left;
	padding-top: 48px;
}
#side-bar ul li {
	list-style: none;
}
#side-bar #mca-sb-1 a {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mca_sb_1.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 173px;
	margin-bottom: 20px;
}
#side-bar #mca-sb-1 span {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mca_sb_1_hv.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 173px;
	margin-bottom: 20px;
}
#side-bar #mca-sb-1 a:hover {
	background: url(../img/mca_sb_1_hv.jpg) no-repeat left top;
}
#side-bar #mca-sb-2 a {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mca_sb_2.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 153px;
	margin-bottom: 20px;
}
#side-bar #mca-sb-2 span {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mca_sb_2_hv.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 153px;
	margin-bottom: 20px;
}
#side-bar #mca-sb-2 a:hover {
	background: url(../img/mca_sb_2_hv.jpg) no-repeat left top;
}
#side-bar #mca-sb-3 a {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mca_sb_3.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 190px;
	margin-bottom: 20px;
}
#side-bar #mca-sb-3 span {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mca_sb_3_hv.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 190px;
	margin-bottom: 20px;
}
#side-bar #mca-sb-3 a:hover {
	background: url(../img/mca_sb_3_hv.jpg) no-repeat left top;
}












#side-bar #area-sb-1 a {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_1.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 213px;
	margin-bottom: 20px;
}
#side-bar #area-sb-1 span {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_1_hv.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 213px;
	margin-bottom: 20px;
}
#side-bar #area-sb-1 a:hover {
	background: url(../img/area_sb_1_hv.jpg) no-repeat left top;
}
#side-bar #area-sb-2 a {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_2.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 203px;
	margin-bottom: 20px;
}
#side-bar #area-sb-2 span {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_2_hv.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 203px;
	margin-bottom: 20px;
}
#side-bar #area-sb-2 a:hover {
	background: url(../img/area_sb_2_hv.jpg) no-repeat left top;
}
#side-bar #area-sb-3 a {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_3.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 190px;
	margin-bottom: 20px;
}
#side-bar #area-sb-3 span {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_3_hv.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 190px;
	margin-bottom: 20px;
}
#side-bar #area-sb-3 a:hover {
	background: url(../img/area_sb_3_hv.jpg) no-repeat left top;
}
#side-bar #area-sb-4 a {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_4.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 150px;
	margin-bottom: 20px;
}
#side-bar #area-sb-4 span {
	display: block;
	width: 213px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/area_sb_4_hv.jpg) no-repeat left top;
	text-indent: -9999px;
	line-height: 150px;
	margin-bottom: 20px;
}
#side-bar #area-sb-4 a:hover {
	background: url(../img/area_sb_4_hv.jpg) no-repeat left top;
}














#footer {
	background: url(../img/footer_bg.jpg) no-repeat 0px 0px;
	height: 80px;
	width: 902px;
	text-align: center;
	clear: both;
}
#footer p {
	background: url(../img/footer_logo.gif) no-repeat center bottom;
	width: 128px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	line-height: 14px;
	padding-top: 10px;
	display: block;
}
#footer address {
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	margin-top: 3px;
}
#footer .telfax {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0em;
}
#footer .copyright {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	letter-spacing: 0.1em;
}
#top #layout #contents {
	background: url(../img/main.jpg) no-repeat 0px 0px;
	height: 670px;
	width: 902px;
	position: relative;
}
#top #layout #contents p#copy {
	background: url(../img/main_copy.jpg) no-repeat 0px 0px;
	height: 237px;
	width: 489px;
	position: absolute;
	left: 28px;
	top: 27px;
	text-indent: -9999px;
}
#top #layout #contents #topics {
	background: url(../img/main_topics.jpg) no-repeat 0px 0px;
	height: 192px;
	width: 300px;
	position: absolute;
	left: 36px;
	top: 287px;
}
#top #layout #contents #topics #topics-inner {
	overflow: scroll;
	height: 152px;
	width: 260px;
	position: absolute;
	left: 20px;
	top: 20px;
	overflow-x:hidden;
	overflow-y:scroll;
}
#top #layout #contents #topics #topics-inner p {
	font-size: 14px;
	margin-bottom: 1em;
}
#top #layout #contents #topics #topics-inner span {
	font-size: 12px;
	font-weight: bold;
}
#top #layout #contents #topics #topics-inner a {
	color: #003366;
	text-decoration: none;
}
#top #layout #contents #topics #topics-inner a:hover {
	color: #006699;
	text-decoration: underline;
}