.navigation{
font-size: 9px; margin-top: -2px; margin-bottom: 18px; color: #999999;}
html, body {
height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	color: #707070;
	text-align: left;
		background:rgba(143, 130, 122, 0.21) url(../images/bg.jpg) no-repeat center fixed;
		}
body {
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 }f
h1, h2, h3 {
margin: 0;
padding: 0;}
h1{
font-weight: bold;
}

p, ol, ul {
margin-top: 0px;
margin-bottom: 0px;}
p {
//line-height: 180%;}
strong {}
a {
color: #FEE722;}
a:hover {
text-decoration: none;}
a img {
border: none;}
img.border {}
img.alignleft {
float: left;}
img.alignright {
float: right;}
img.aligncenter {
margin: 0px auto;}
hr {
display: none;}
#wrapper {}
#banner-wrapper{
	overflow: hidden;
	height: 66px;
	width: 980px;
	margin: 0px auto;
	padding-left: 8px;
//	border-bottom: 2px dotted #0000ff
}

#banner-wrapper p{
	margin-top:30px;
	margin-left:10px;
	
}

#banner-wrapper a{
	color:rgba(72,140,160,1.00);
	text-decoration:none;
}
#banner-wrapper a:hover{
	color:#E0C29E;
	text-decoration:none;
}

#breadcrumbs{
margin:0px 0px 0px;
background:#F1F0F0;


}

#breadcrumbs a{
	color:#E0C29E;
}
#breadcrumbs a:hover{
text-decoration:underline;
}

#breadcrumbs p{
font-size:9px;
	color:#000;	
	padding:5px 20px;

		
}

#bg1{
	padding:5px;
	
}

#wrapper-header{
height:250px;
margin-bottom:10px;
margin-right:10px;
}
#box_image{
float:right;
width:200px;
}

#box_text{
width:358px;
}
.container {
	width: 773px;
	margin: 0px auto 0px;
	padding:20px;


	}

.container a{
	color:rgba(70,205,164,1.00);
	text-decoration:none;
}

.container a:hover{
	color:rgba(0,0,0,1.00);
}

.footer{
	text-align:center;
	color:#C3A5A4;
	margin:0px 10px 10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;
	background:#F1F0F0;
}


.clearfix {
clear: both;}
#header {
overflow: hidden;
height: 60px;}
.header_directry {
line-height:120%; 
padding:0px 0px 10px 0px;}
.header_directry a{
font-size:12px; 
font-weight:normal; 
color: #003366; 
text-decoration:underline;}

#space{
background: #E0C29E;

}
#logo {
width:753px;
margin:0px auto;
	text-align:left;
	font-size:10px;
		padding:20px 0px;
background:url(../images/logo.png) no-repeat left center;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;}
#logo h1 a {
	text-decoration: none;
	text-transform: uppercase;
	color:#fff;
	padding:10px 20px 10px 70px;
	

}

#page {
overflow: hidden;
padding:0;}
#main {
	float: left;
	width: 753px;
	background: url(../images/untitled.png) repeat-y right top;

}
.main-content{
	width:565px;
	float:right;

	margin-left:0px;
	background:rgba(255, 255, 255, 0.64);
}


.box img{
margin:0px 0px 0px 0px;
padding:0px 0px 10px;
display:block;
float:right
}



.box_container{
	margin:10px;

overflow:auto;
}


.content {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0 10px;
		
}
.content a{
color: #262626;
}

#main h2{
	text-align:left;
	color:#E0C29E;

	
}
.content .title {
padding:5px 10px 5px;
letter-spacing: -1px;
margin:0px 0px 0px;
font-size:18px;
}

.title h2{
	font-size:24px;
}
.content .title a {
border: none;
font-size: 1.5em;
letter-spacing: -2px;
text-decoration: none;
font-weight: 600;
color:rgba(209,124,43,1.00);


}
.content .meta {
margin-bottom: 30px;
padding: 10px 0px 0px 0px;
text-align: left;
font-weight: 300;}
.content .meta .date {
float: left;}
.content .meta .posted {
float: right;}
.content .meta a {}
.content .box{
text-align: justify;
color:#666060;
padding:10px;
font-size:10px;
overflow:auto;
border-bottom:1px solid #5B4C4C;

}
.content .box dl {
overflow:hidden;
line-height:3;}
.content .box dl dt {
float:left;
width:10em;}

#header-wrapper{
	height:250px;
	
	
}


::-webkit-scrollbar {  
    width: 5px;  
}  
::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
    border-left: 1px solid #ccc;  
}  
::-webkit-scrollbar-thumb {  
    background-color: #ccc;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}  



text-decoration: none;
}
#mainnav a:hover {
text-decoration: none;
}


#menu {
margin-top:10px;
	float:right;
	width:146px;
margin-left:10px;
margin-right:10px;

padding:10px 10px;
background:rgba(255, 255, 255, 0.64);

}

#menu h2 {

	text-align:left;
	//height: 10px;
	//line-height: 40px;
	padding:5px 10px 5px 20px;
	letter-spacing: 0.5px;
	font-size: 10px;
	color:#E0C29E;
	background:url(../images/btn.png) no-repeat left center;
}

#menu ul {
margin: 0;
padding: 0;
margin:0px 0px;
}
#menu li {
list-style:none;
margin: 0;
padding: 0;


}
#menu li ul {
	margin-bottom:10px;
padding:0px 0px;
}
#menu li li {

	text-align:left;
	line-height: 10px;
	padding:5px 5px 5px 5px;
	margin:2px 0px;
	list-style:inside square;
	

}
#menu li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}
#menu li li a {

color:#707070;
	font-size: 10px;
padding-left:5px;
}

#menu li li a:hover{
color:#E0C29E;

}

#menu li li:hover{


}



#menu p {
margin: 0 0px;
padding: 0px 30px 20px 30px;
text-align: justify;
}
#menu a {
border: none;

text-decoration: none;
}
#menu a:hover {
text-decoration: none;
}


.header_image{
	float:left;
	position:relative;


}
.header_image img{



}