html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", Meiryo;
	font-size: 11px;
	text-align: left;
	color: #888;
	background: #222 url(../images/bkg.png);
}

.clear {
	clear: both;
	}


 
#wrapper {
    display: block;
    margin: 0 auto;    
    width: 950px;            
   
} 

h1, h2, h3 {
	margin: 0;
	padding: 0;
}


p, ol, ul {
margin-top: 0;}

p {
line-height: 182%;
margin-bottom: 20px;
}

a {
color: #D5BEA8;}
a:hover {
color: #573012;}


img.alignleft {
float: left;}
img.alignright {
float: right;}
img.aligncenter {
margin: 0px auto;}
/* Horizontal Navbar */

#navi {
	    
	border-bottom: #EEE solid 1px;
    background: #FFF;
    
	display: block;
	padding: 0;
	margin: 0 auto;    

}

#navbar {
	font-size: 10px;
	display: 	block;
	padding: 0;
	width: 950px;
	margin: 0 auto;
}

#navbar ul {
	list-style: none;
	display: inline-block; 
	position: relative;
	padding: 0;
	
	margin: 0 auto;
}

#navbar  ul:after {
		content: ""; clear: both; display: block;
	}
	
#navbar > ul > li {
	float: left;
	
}

#navbar > ul > li > a {
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 1;
	padding: 8px 50px 8px 0;
	font-weight: normal;          
	border-bottom: 0;
	float: left;
	color: #573012;            
}
#navbar > ul > li > a:hover {
    color: #999;
}

#navbar > ul ul li > a {
display: block;
text-align: left;
padding: 10px 20px;
font-size: 10px;
color: #FFF;
background: none repeat scroll 0% 0% #573012;
text-decoration: none;
width: 730px;
}

#navbar ul ul {
display: none;
position: absolute; 
top: 100%;    
left: 0;
overflow: hidden;    
padding-top: 3px;
}

#navbar ul li:hover > ul {
	display: block;
}
.breadcrumbs {
    display: block;
	
    padding: 0 0 15px;
    margin-bottom: 0;
}

.navlinks {
font-size: 9px;
margin: 0 auto;
letter-spacing: 1px;
text-align: left;
font-weight: normal;
color: #573012;          
display: block;
}

.navlinks a {
text-decoration: none;
font-weight: normal;
color: #573012;
}




.picbanner {
overflow: hidden;       
display: block;
background: #fff;
padding: 0;
height: 155px;
margin: 0 0 20px;
}
#deco {
	
    display: block;  
    margin: 0 auto;    
}
#header {
     
padding: 0px;
margin: 0px auto;
display: block;
}

#header h1 {
font-size: 28px;    
line-height: 0;
display: block;  
padding: 0;
background: url('../images/logo.png') no-repeat scroll left center transparent;
}

#header h1 a {
text-decoration: none;
text-transform: uppercase;
display: block;
line-height: 1;
overflow: hidden;
font-weight: bold;
text-align: right;
padding: 70px 25px 70px 80px;
color: #D5BEA8;
}
#header h1 a:hover{
    color: #FFF;  
}



#maining {
float: right;
width: 717px;
min-height: 100%;
overflow: hidden;
border-left: 1px solid #EEE;
}



#wrapdwarfmoon {
background: #573012;
border-radius: 5px;
overflow: hidden;
border: #D5BEA8 solid 1px;
}

#maining h2 {
font-size: 23px;
text-align: left;
line-height: 1;
padding: 0;
font-weight: normal;    
clear: both;
display: block;
color: #573012;
margin: 20px 0 25px;
}


img.rightalign {
float: right;
margin: 0 0 20px 20px;
border: #eee 10px solid;
box-shadow: #999 -2px 2px 5px;
}

img.leftalign {
float: left;
margin: 0 0 20px 20px;
border: #eee 10px solid;
box-shadow: #999 -2px 2px 5px;
}

.content {        
padding: 18px;
background: #FFF;
min-height: 600px;
}





.content .box{
text-align: justify;    
padding: 10px 0 50px;
}




/* Sidebar */

#sidebar {
	float: left;    
	width: 230px;        
	border-top: 0;
	margin: 0 0 20px;
}

#sidebar ul li {
	
    list-style-position: inside;
    font-size: 11px;
    line-height: 2;
    color: #D5BEA8;
}


#mainside, #secside {
           
}


#secside h2, #mainside h2 {
line-height: 1;
font-size: 14px;
padding: 10px;
background: #D5BEA8;
text-align: center;
font-weight: normal;
margin: 0;        
color: #573012;
}

#secside h2 {
}

#secside ul, #mainside ul {
padding: 0;
list-style: none;              
overflow: hidden;    
margin: 0;
}
#secside li {
margin: 0;
padding: 0;}
#secside li ul, #mainside li ul {
	margin: 15px 5px;
	text-align: center;
}
#secside li li {
      line-height: 2.1;  list-style-position: inside;  font-size: 11px;        
}

#mainside li li {
line-height: 2.1;
list-style-position: inside;
font-size: 11px;
           

}




#secside p {
margin: 0 0px;
padding: 0px 30px 20px 30px;
text-align: justify;}

#mainside a, #secside a {
display: block;
text-decoration: none;
font-size: 11px;
padding: 5px 10px;
font-weight: normal;
text-align: right;
background: url(../images/list.png) no-repeat 10px;
margin-bottom: 2px;
}

 

#secside a:hover, #mainside a:hover {
  
    background: #FFF url(../images/list.png) no-repeat 15px;
}


div.navarrow {
display: block;
color: #fff;
background: url(../images/navar.png) no-repeat center;
overflow: hidden;
text-indent: -999px;
width: 20px;
float: left;
}
.navhome, .navothers {
display: block;
padding: 0px 10px;
float: left;
}

div.navhome {
    padding: 0px 0;
}

#dwarfmoonfooter {
overflow: hidden;     
margin: 0 auto;
font-weight: normal;
padding: 20px 25px;        
font-size: 11px;
background: #FFF;
text-align: left;    
color: #D5BEA8;
border-top: #FFF solid 1px;
}

#dwarfmoonfooter a {
color: #D5BEA8;
text-decoration: none;
}