@charset "utf-8";
@import "audiojs.css";
@import "lytebox.css";



.modal { 
position:fixed; 
display:none; 
z-index:9999; 
top:40%; 
left:50%; 
width:400px; 
height:200px; 
margin:-120px 0 0 -220px; 
padding:20px; 
text-align:center; 
}

.modal p { 
margin-bottom:10px; 
}

.modal a { 
cursor:pointer; 
}

html{
font-size:10px;
color:#444444;
}

body{
background: url(../img/background.png);
color:#1c64be;
background-color:#1c64be;
background-repeat:repeat;
margin:0px;
padding:0px;
}

h1{
display:none;
height:0px;
padding0px;
margin:0px;
}

a{
color:#ffffff;
}

#clear{
clear:both;
display;none;
}

#footer{
text-align:center;
margin:0px;
padding:17px 0px;
font-size:1.3rem;
color:#ffffff;
}

.outerframe{
width:100%;
min-width:900px;
height:38px;
padding:0px;
background-color:#1c64be;
background:url(../img/border.png);
background-repeat:repeat-x;
background-position:center;
}

.outerframe_top{
margin:45px 0px 0px 0px;
border-top:#ffffff 14px solid;
}

.outerframe_bottom{
margin:0px 0px 1px 0px;
border-bottom:#ffffff 14px solid;
}

#innerframe{
width:100%;
min-width:900px;
height:5300px;
position:relative;
}

#contents{
width:900px;
height:5300px;
margin-right:auto;
margin-left:auto;
padding:0px 0px 0px 0px;
background-color:#1c64be;
position:relative;
}

#contents_character{
width:960px;
height:600px;
margin-right:auto;
margin-left:auto;
padding:0px 0px 0px 0px;
position:relative;
}

.indexpage_a{
background: url(../img/02character_11.png);
background-repeat:no-repeat;
}

.indexpage_b{
background: url(../img/02character_22.png);
background-repeat:no-repeat;
}

.indexpage_c{
background: url(../img/02character_33.png);
background-repeat:no-repeat;
}

<!-- voicesample再生 -->
#voice00{
width:960px;
height:0px;
margin-right:auto;
margin-left:auto;
padding:0px 0px 0px 0px;
position:relative;
}

.voice1{
position:relative;
top:200px;
left:0px;
}

.voice2{
position:relative;
top:210px;
left:0px;
}

.voice3{
position:relative;
top:220px;
left:0px;
}

#topmenu{
list-style-type:none;
width:100%;
height:60px;
position:relative;
top:0px;
left:0px;
padding:0px;
margin:0px;
background-color:#1c64be;
text-align:center;
border-top:#ffffff 1px solid;
border-bottom:#ffffff 1px solid;
}

#topmenu ul{
list-style-type:none;
width:960px;
height:60px;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color:##1c64be;
}

#topmenu li{
float:left;
margin:0px 5px;
padding:0px 0px 0px 10px;
}
/*
#topmenu span{
display:none;
}
*/
#topmenu a{
display:block;
width:160px;
height:60px;
}

#button01 a{
background:url(../img/button01_a.png);
}

#button01 a:hover{
background:url(../img/button01_b.png);
}

#button02 a{
background:url(../img/button02_a.png);
}

#button02 a:hover{
background:url(../img/button02_b.png);
}

#button03 a{
background:url(../img/button03_a.png);
}

#button03 a:hover{
background:url(../img/button03_b.png);
}

#button04 a{
background:url(../img/button04_a.png);
}

#button04 a:hover{
background:url(../img/button04_b.png);
}

#button05 a{
background:url(../img/button05_a.png);
}

#button05 a:hover{
background:url(../img/button05_b.png);
}

<!-- 更新履歴ボックス -->
.kousin {
width:530px; 
height:350px;
padding:5px 5px 5px 0px;
border:2px dotted #ffffff;
color:#e8e8e8;
background-color:#5bc6ed;
line-height:1.5em;
overflow:auto;
}



#natsuh_menu{
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px;
}

#natsuh_menu li{
width:900px;
height:250px;
margin:0px 0px;
padding0px;
}

#natsuh_menu span{
display:none;
}

#natsuh_menu a{
display:block;
width:900px;
height:250px;
}

#natsuh_b01 a{
background:url(../img/natsuh_dma.png);
}

#natsuh_b01 a:hover{
background:url(../img/natsuh_dmb.png);
}

#natsuh_b02 a{
background:url(../img/natsuh_dma2.png);
}

#natsuh_b02 a:hover{
background:url(../img/natsuh_dmb2.png);
}