@charset "Shift_JIS";

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

html{
scrollbar-3dlight-color:    #60a6bf;
scrollbar-darkshadow-color: #60a6bf;
scrollbar-highlight-color:  #60a6bf;
scrollbar-base-color:       #60a6bf;
scrollbar-face-color:       #005E80;
scrollbar-shadow-color:     #60a6bf;
scrollbar-arrow-color:      #60a6bf;
scrollbar-track-color:      #60a6bf;
overflow-y: scroll;
}
body{
font-family: verdana, ＭＳ Ｐゴシック, sans-serif;
font-size: 12px;
background: #60a6bf;
color : #222222;
}

a{color:#000000; text-decoration: none;}
a:hover{color:#660000;
 text-decoration: none;}


img{
border: 0px;
}

#wrap{
width: 640px; 
margin: 0 auto; 
background-color: #005e80;
}

#header{
width: 600px; 
height: 450px; 
background: #005e80 url(img/top.jpg) no-repeat; 
margin: 0px auto;
}

#subheader1{
width: 600px; 
height: 70px; 
background: #005e80 url(img/head1.jpg) no-repeat; 
margin: 0px auto;
}
#subheader2{
width: 600px; 
height: 70px; 
background: #005e80 url(img/head2.jpg) no-repeat; 
margin: 0px auto;
}
#subheader3{
width: 600px; 
height: 70px; 
background: #005e80 url(img/head3.jpg) no-repeat; 
margin: 0px auto;
}
#subheader4{
width: 600px; 
height: 70px; 
background: #005e80 url(img/head4.jpg) no-repeat; 
margin: 0px auto;
}


#menu{
text-align:center;
margin:5px 0px;
}

#contents{
width:640px; 
margin-left: 0px ;
}

#head{
background: #FFEACC url(img/corner.jpg) top center no-repeat;
height: 55px;
width : 598px;
margin-left : 20px;
}

#heads{
background: #FFEACC url(img/corner-s.jpg) top center no-repeat;
height: 55px;
width : 440px;
margin-left : 20px;
}

#head h1{
padding: 20px 30px 5px 40px;
color: #005E80; 
font-weight: 800; 
font-size: 22px;
}
#heads h1{
padding: 20px 30px 5px 40px;
color: #005E80; 
font-weight: 800; 
font-size: 22px;
}


#charamenu{
	width:484px;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
padding: 0 0 0 50px ;
margin-left: 25px;
}

#charamenu ul{
	list-style-type:none;
	height:15px;
}

#charamenu li{
	display:inline;
}

#charamenu .on{
	color:#ffffff;
	background-color:#005E80;
	text-decoration:none;
	display:block;
	line-height:20px;
	float:left;
	padding:0px 33px;
}
#charamenu .off{
	color:#ffffff;
	background-color:#60A6BF;
	text-decoration:none;
	display:block;
	line-height:20px;
	float:left;
	padding:0px 33px;
}

#charamenu a:hover{
	text-decoration:none;
	display:block;
	background-color:#CCF2FF;
color: #999999;
}

#toplink{
margin-top: 5px;
margin-left: 500px;
font-weight: 700;
}


#contents .bg{
background: #FFEACC url(img/corner2.jpg) repeat-y;
margin-left: 20px;width : 598px;
}
#contents .bgs{
background: #FFEACC url(img/corner2s.jpg) repeat-y;
margin-left: 20px;width : 440px;
}


#contents p{
color: #222222;
margin-left: 30px;
margin-right: 10px;
margin-top: 0px;
line-height: 1.5em;
}

#contents .chara{
height: 130px;
padding-left: 50px;
color: #666666;
}

#contents .charaname{
font-size: 18px;
font-weight: 600;
}
.sys{
padding-left: 50px;
}
.sys td{
padding-left: 5px;

}
#contents .foot{
background: #FFEACC url(img/corner3.jpg) top center no-repeat;
margin-left: 20px;width : 598px;height: 55px;
}
#contents .foots{
background: #FFEACC url(img/corner3s.jpg) top center no-repeat;
margin-left: 20px;width : 440px;height: 55px;
}


#footer{
width: 600px;
height: 80px;
margin: 20px auto;
}

/* コピーライト */
.copy   {line-height:18px; 
         height:18px;
         color:#60a6bf;
         margin-right:30px;
         font-size:1.0em;
         text-align : center;     
}

.foot   {list-style:none;
}
 
#contents .blog{
	width: 140px;
	float: right;
margin-right: 20px;
margin-bottom: 10px;
}

#contents .new{
	float: left;
	margin-right: 15px;
margin-bottom: 10px;
}