*{
margin:0px;
	padding:0px;
}


html,body{
	height: 100%;
	background-color: #DDE0E9;
}


#container{
	width: 1000px;
	height: 1300px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 10px 20px 20px 20px;
	background-color: #B7C2B1;
}


#header{
	width: 600px;
	height: 100px;
}

#sidemenu{
	float: left;
	width: 220px;
	height: 320px;
	border-radius: 10px;
	border-radius: 10px;
	margin: 10px 0px 10px 0px;
	background-color: #FFFFFF;
}

#sidemenu ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sidemenu li {
	width: 200px;
	height: 67px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FEDCBA;
}

#sidemenu li:hover {
	opacity: 0.8;
    filter: alpha(opacity=80);
}

#sidemenu li #marisa{
	width: 200px;
	height: 67px;
	background: url("../img/marisa_off.png") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #marisa:hover{
	background: url("../img/marisa_on.gif") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #aya{
	width: 200px;
	height: 67px;
	background: url("../img/aya_off.png") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #aya:hover{
	background: url("../img/aya_on.gif") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #orin{
	width: 200px;
	height: 67px;
	background: url("../img/orin_off.png") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #orin:hover{
	background: url("../img/orin_on.gif") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #nue{
	width: 200px;
	height: 67px;
	background: url("../img/nue_off.png") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #nue:hover{
	background: url("../img/nue_on.gif") 0 0 no-repeat;
	background-position : 130px;
}


#sidemenu li #yoshika{
	width: 200px;
	height: 67px;
	background: url("../img/yoshika_off.png") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li #yoshika:hover{
	background: url("../img/yoshika_on.gif") 0 0 no-repeat;
	background-position : 130px;
}

#sidemenu li.home{
	width: 200px;
	height: 67px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #12ffBA;
	background-image: url("../img/menu_home.gif")
}

#sidemenu li.home:hover{
	top:1px;
	left:1px;
	position:relative;
}


#sidemenu li.work{
	width: 200px;
	height: 67px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #12ffBA;
	background-image: url("../img/menu_work.gif")
}

#sidemenu li.work:hover{
	top:1px;
	left:1px;
	position:relative;
}

#sidemenu li.blog{
	width: 200px;
	height: 67px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url("../img/menu_blog.gif")
}

#sidemenu li.blog:hover{
	top:1px;
	left:1px;
	position:relative;
}

#sidemenu li.link{
	width: 200px;
	height: 67px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url("../img/menu_link.gif")
}

#sidemenu li.link:hover{
	top:1px;
	left:1px;
	position:relative;
}

#sidemenu li.contact{
	width: 200px;
	height: 67px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url("../img/menu_contact.gif")
}

#sidemenu li.contact:hover{
	top:1px;
	left:1px;
	position:relative;
}

#contents{
	float: right;
	width: 750px;
	height: 1200px;
	margin: 10px 0px 0px 0px;
	background-color: #FFFFFF;
	border-radius: 10px;
	border-radius: 10px;
}


#contents .scrollbar{
	width:500px;
	height:150px;
	margin: 10px 0px 10px 10px;
	overflow:hidden;
	padding:20px;
	background:#e6dcc8;
	color:#231815;
}


.selector11{  
    border:#ccc solid 1px;  
    display:block;  
    margin: 0px 0px 20px 0px;
    padding:.2em .3em
}  
.selector11b{  
    border-left:#ccc solid 6px;  
    padding:.3em .3em .3em .8em  
}  

.honbun {
	width: 700px;
	margin: 10px auto 25px auto;
	padding: 0px auto 0px auto;
}


.tokusetsu{
	width: 650px;
	htight: 166px;
}