*{margin:0px;
padding:0px;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

body {
	background-color:#000;
	font-size:1em;
	color: #24140e;
}

body a{
color:#00a1e9;
}

body a:visited{
color:#191970;
}

body a:hover{
color:#c4972f;
}
img{
border:none;
}

img.ss{
margin:30px 0 0 0;
border:1px solid #333333;
}

img.char{
margin:35px 50px; 0 0;
float:left;
}

header{ 
	background-color: #999999;
	background: rgba(255,255,255,0.5);
}

#footer{
	background: #191970;
	font-size:80%;
	color:#fff;
	padding: 7px 20px 7px 20px;
}
#footer a{
	color:#a0d8ef;	
}

#footer a:visited{
	color:#a0d8ef;	
}

section{
padding:20px 0px 20px 0px;
}


#wrapper {
	width: 896px;
	background: #f0f0ff;
	margin-left : auto ;
	margin-right : auto ;
}

#main{
padding:60px 48px 40px 48px;
}

ul.menu{
list-style-type: none;
text-align:center;
font-size: 0.75em;
/*font-weight: bold;*/
}

ul.menu a{
color: #000000;
text-decoration: none;
}

li.menu{
width:117px;
background-color:#bdb76b;
-webkit-transition:background 1s linear;
-moz-transition:background 1s linear;
-o-transition:background 1s linear;
transition:background 1s linear;
padding: 14px 5px 12px 5px;
border-left:none;
border-right:solid 1px #999999;
border-top:solid 1px #999999;
border-bottom:solid 1px #999999;
text-shadow:#666666 1px 1px 1px, #aaaaaa 0 0 3px;
float:left;
}

li.menu a:first-of-type{
width:116px;
border-left:solid 0px #999999;
}

li.menu:hover{
background-color:#fff3b8;
}

li.menu:active{
-webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 15px 2px inset;
-moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 15px 2px inset;
box-shadow:rgba(0,0,0,0.3) 0px 0px 15px 2px inset;
}

h1#title{
height:287px;
background-color:#000;
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 2px 20px 1px inset;
-moz-box-shadow:rgba(0,0,0,0.1) 0px 2px 20px 1px inset;
box-shadow:rgba(0,0,0,0.1) 0px 2px 20px 1px inset;
border:none;
}

h1#title a{
border:none;
}

h1#title a:hover{
opacity:0.8;
}


h2{
background-color:#001e43;
background: -webkit-gradient(linear, left top, 100% 100%, from(rgba(0,30,67,1.0)),to(rgba(189,183,107,0.2)));
background: -moz-linear-gradient(left top ,rgba(0,30,67,1.0) ,rgba(189,183,107,0.2));
background: linear-gradient(left top ,rgba(0,30,67,1.0) ,rgba(189,183,107,0.2));
text-shadow:#ffffff 0px 0px 1px, #aaaaaa 0 0 7px;
color:#fff;
font-size:100%;
font-weight: normal; 
padding:7px 15px 7px 10px;
margin-top:20px;
}

dl{
margin:40px 0 30px 0;
}

dt{
margin:37px 0 6px 1px;
font-size:90%;
font-weight:bold;
}

dd{
margin:16px 0 16px 20px;
font-size:90%;
}

p{
margin:30px 0 30px 2px;
font-size:80%;
line-height:160%;
}

p.ss{
width:319px;
float:right;
margin:0;
padding:90px 20px 0 30px;
text-indent: 1em;
line-height:200%;
}

p.ss2{
width:319px;
float:right;
margin:0;
padding:240px 20px 0 30px;
text-indent: 1em;
line-height:200%;
}

p.note{
border: 1px solid #26499d;
font-size:80%;
opacity:0.8;
padding:15px;
}

div adress{
margin:40px 0 40px 2px;
font-size:80%;
line-height:160%;
}

dd.mizoka{
background-image:url("mizoka.png");
}

dd.malice{
background-image:url("malice.png");
}

dd.yuuka{
background-image:url("yuuka.png");
}

dd.gusiosu{
background-image:url("gusiosu.png");
}

dd.gustave{
background-image:url("gustave.png");
}

dd.klein{
background-image:url("klein.png");
}

dd.necoruri{
background-image:url("necoruri.png");
}

dd.syamin{
background-image:url("syamin.png");
}