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


div#contents {
	width: 860px;
	min-height: 500px;
	
	margin-top: 12px;

	background: url(../images/about/top.jpg) top left no-repeat;
}


* html div#contents {
	height: 500px;
}





div#middle {
	width: 860px;
	min-height: 1100px;
	
	padding-bottom:105px;

	background: url(../images/about/middle.jpg) bottom left no-repeat;
}

* html div#middle {
	height: 1100px;
}



div#contents div.book {
	min-height: 550px;
	
	padding-bottom: 75px;

	background: url(../images/about/middle.jpg) bottom left no-repeat;
}




/*=================================================

	サイトマップ 

==================================================*/


a.link {
	background: url(../images/sitemap/site_btn.gif) top left no-repeat;
}


div#contents h2 {
	width: 650px;
	
	padding: 90px 0 10px;
	
	margin: 0 auto;
}


div#contents h2.book {
	padding: 50px 0 10px;
}




div#contents dl.left {
	float: left;
	
	width: 330px;
	
	padding-left: 105px;
}




div#contents dl.right {
	width: 310px;
	
	margin-left: 435px;
	
	padding-left: 10px;
}






div#contents dl dt.midashi {
	padding: 25px 0 5px;
	
	background: url(../images/sitemap/midashi_line.gif) bottom left no-repeat;

	font-size: 125%;
}


div#contents dl dt.midashi a.link {
	padding-left: 1em;
	
	font-weight: bold;
	background: url(../images/sitemap/site_btn.gif) 0.2em left no-repeat;
}





div#contents dl dd ul {
	padding-left: 20px;
	
	font-size: 90%;
}



div#contents dl dd ul li.top {	
	padding: 15px 0 5px 20px;
		
	background: url(../images/sitemap/btn_line_top.gif) top left no-repeat;
}




div#contents dl dd ul li.middle {	
	padding: 5px 0 5px 20px;
		
	background: url(../images/sitemap/btn_line_middle.gif) center left no-repeat;
}



div#contents dl dd ul li.bottom {	
	padding: 5px 0 0 20px;
		
	background: url(../images/sitemap/btn_line_bottom.gif) bottom left no-repeat;
}


div#contents dl dd ul li.one {	
	padding: 15px 0 0 20px;
}





div#contents dl dd dl {	
	padding: 0 0 0 20px;
}


div#contents dl dd dl dt {
	padding: 15px 0 5px 0;
	
	background: url(../images/sitemap/sub_line.gif) bottom left no-repeat;
	
	font-size: 110%;
	font-weight: bold;
}

div#contents dl dd dl dt a {
	font-weight: bold;
}







/*=================================================

	ハンドブック 

==================================================*/


div#contents h3 {
	width: 620px;
	
	margin: 0 auto;
	padding: 25px 0 5px 5px;
	
	font-size: 130%;
	
	background: url(../images/about/midashi_line.gif) bottom left no-repeat;
}



div#contents table.book {
	width: 550px;	
	margin: 0 auto;

	line-height: 1.8;
}



div#contents table.book tr td {
	padding: 10px;
	
	text-align: center;
}


div#contents table.book tr td.midashi {
	padding: 20px 0;
}



div#contents table.book tr td.book {
	text-align: right;
}




div#contents table.book p {
	padding: 5px 0;
	
	text-align: left;
}