@charset "utf-8";

h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li {
	margin: 0px;
	padding: 0px;
}


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #CCC;
}
.float-clear {
	font-size: 0px;
	color: #FFF;
	clear: both;
}
a { color:#000; text-decoration:none;}
a:hover{ color:#F00; text-decoration:underline;}

.tree01 {
	font-size:10px; font-weight:bold; padding-left:7px;
	text-decoration: none; padding-top:10px; line-height:300%;
 	}
#container {
	width: 870px;
	border-right-width: 20px;
	border-left-width: 20px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}


#header {
	height: 80px;
	background-image: url(images/header.jpg);
}

h1 {
	font-size: 10px; color: #000; padding-right:10px; text-align:right; margin-top:35px; font-weight:normal; font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


#navigation {
	margin-bottom: 20px;

}
#header table {
	margin-top: 25px;
	margin-right: 30px;
}

#navigation h2 {
	float: left;
	font-size: 0px;
	display: inline;
	text-indent: -9999px;
}
#navigation #btn01 h2 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 218px;
}

#navigation #btn02 h2 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 218px;
	background-position: -218px;
}
#navigation #btn03 h2 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 217px;
	background-position: -436px;
}
#navigation #btn04 h2 a {
	background-image: url(images/navigationbtn.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
	width: 217px;
	background-position: -654px;
}

#navigation #btn01 h2 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn02 h2 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn03 h2 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}
#navigation #btn04 h2 a:hover {
	background-image: url(images/navigationbtn-over.jpg);
	background-repeat: no-repeat;
}

#leftcontent {
	float: left;
	width: 250px;
	display: inline;
	margin-left: 20px;
}


#maincontent {
	width: 556px;
	float: left;
	display: block;
	padding-left: 20px;
}



.box-sub  {
	border: 1px solid #CCC;
	margin-bottom: 15px;
	padding-bottom: 0px;
	padding-right: 0px;
}

h3 {
	margin-bottom: 0px; background:url(images/h3back.jpg); color:#000; font-size:110%; text-align:center; line-height:180%; font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:normal;
}

.box-sub ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
}
.box-sub ul li a {
	font-size: 10px; line-height:200%;
	text-decoration: none;
	color: #600;
}
.box-center {
	border: 1px solid #CCC;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	margin-bottom: 20px;
}
h4  {
	margin-bottom: 0px; background-color:#eedcdc; border-bottom:#c75a5d 1px dotted; line-height:200%; color:#600; padding-left:10px;
}



#maincontent .topics {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

#maincontent p { font-size:12px; color:#633; line-height:180%; padding:10px;
}





#footer {
	background-color: #F0E3E3; color:#c75a5d;
	padding-top: 10px; text-align:center;
	padding-bottom: 7px; font-size:85%; letter-spacing:0.2em; margin-bottom:30px;
}