@charset "utf-8";

h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,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;
	color: #eee8aa;
	background-image: url(sozai2/background.gif);
        background-repeat: repeat-y;
        background-position: center;
        background-color: black;
	margin: 0px;
	padding: 0px;
}
.float-clear {
	font-size: 0px;
	color: #FFF;
	clear: both;
}


#container {
	
width: 782px;
	
margin-right: auto;

margin-left: auto;
	
margin-top: 0px;
	
margin-bottom: 0px;
	
}


#subcontainer 
{
	
background-image: url(sozai2/head5.jpg);
	
background-repeat: repeat-y;
	
background-color: #FFF;
	
margin-top: 10px;
	
margin-bottom: 10px;
}



#header {

background-image: url(sozai2/head5.jpg);

background-repeat: no-repeat;
	
height: 116px;

margin-top: 3px;
	
margin-bottom: 3px;

}





#navigation {

}

#navigation h5 {
	float: left;
	font-size: 105%;
	font-weight: bold;
}
#navigation #btn01 h5 a {
	display: block;
	height: 25px;
	width: 130px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn01 h5 a:hover {
	background-color: #567856;
}
#navigation #btn02 h5 a {
	display: block;
	height: 25px;
	width: 129px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn02 h5 a:hover {
	background-color: #567856;
}
#navigation #btn03 h5 a {
	display: block;
	height: 25px;
	width: 129px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn03 h5 a:hover {
	background-color: #567856;
}
#navigation #btn04 h5 a {
	display: block;
	height: 25px;
	width: 129px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn04 h5 a:hover {
	background-color: #567856;
}
#navigation #btn05 h5 a {
	display: block;
	height: 25px;
	width: 129px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn05 h5 a:hover {
	background-color: #567856;
}
#navigation #btn06 h5 a {
	display: block;
	height: 25px;
	width: 130px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
}
#navigation #btn06 h5 a:hover {
	background-color: #567856;
}




#subnavigation {
        background-image: url(sozai2/background.gif);
	background-repeat: repeat-y;
	float: right;
        margin-bottom:10px;
	display: inline;
	width: 160px;
        padding-top: 1px;
	padding-right: 1px;
}
#subnavigation h5 a {
	font-weight: bold;
	color: #023401;
	text-decoration: none;
	font-size: 11px;
	background-color: #FFF;
	display: block;
	width: 140px;
        height: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
        padding-left:20px;
	background-image: url(sozai2/bt-on.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B8C1B3;
	border-bottom-color: #B8C1B3;
	border-left-color: #B8C1B3;
}
#subnavigation h5 a:hover {
	text-decoration: none;
	background-color: #EAEEEA;
	background-image: url(sozai2/bt-on2.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#subnavigation p img {
	background-color: #FFF;
	padding: 2px;
	margin-top: 0px;
	border: 1px solid #B8C1B3;
}



#maincontent {

width: 572px;
	
margin-top: 5px;
        
display: inline;
	
float: left;
	
padding-right: 15px;
	
margin-bottom: 30px;

}



.mylink {

color: #FF8C00;
        
text-decoration: none;

}


.mylink:hover {

color: gold;

}



#maincontent .topics {

float: left;
width: 530px;
        
background-color: black;
	
padding: 18px;
	
border-width: 5px;
	
border-style: groove;
	
border-color: #ccc;

}


#maincontent h1 {
        font-weight: bold;	
	font-size: 18px;        
        color: gold;
        line-height: 20px;
	padding-top: 10px;

}

#maincontent h2 {
	font-size: 18px;
	font-weight: bold;
}

#maincontent h3 {	
	font-size: 15px;
	font-weight: bold;
        color: gold;
        line-height: 20px;        
	padding-top: 10px;
	padding-bottom: 1px;

}

#maincontent h4 {	
	font-size: 13px;
	font-weight: bold;
        color: white;
        line-height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;

}

#maincontent h5 {
	font-weight: normal;
	font-size: 12px;
        color:white;
	line-height: 20px;
	padding-top: 10px;
}

#maincontent h6 {
	font-weight: normal;
	font-size: 13px;
        color:gold;
	line-height: 20px;
	padding-top: 10px;
}


#topicpath p a {
	color: #FF8C00;
}

.rounded-img {
	
        display: inline-block;

	border: solid 1px #000;

	overflow: hidden;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

}



#footer {

float: left;
        
width: 782px;
        
height: 45px;
        
margin-top: 20px;
padding-top: 7px;
padding-bottom: 1px;
}
#footer h6 {

font-size: 100%;
        
background-color:#023401;
	
color: #FFF;
	
font-weight: normal;
	
text-align: center;
	
font-family: "Lucida Console", Monaco, monospace;
        
padding-top: 3px;
	
padding-bottom: 1px;

}