*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
-webkit-text-size-adjust: 100%;
  margin:0px;
  padding:0px;
}

HTML,
BODY{font-size:85%;  
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:normal;
margin:0px;
padding:0px; height:100%;
color:#2b2b2b;
}

body#main_page{
height:100%;width:100%;
background-color: transparent;
margin: 0px;padding:0px;
}

iframe {
	border: 0px;padding:0px;
}
img{border:none;}
A{
  color:#0066FF;
  text-decoration:none;
}
A:hover{
  color:#dcd3b2;
}
H1{
  color:#70b9ec;
  font-size:25px;
  font-weight:normal;
  line-height:30px;
  letter-spacing:3px;  padding-left:7px;
}
H1 A{
  color:#70b9ec;
  text-decoration:none;
}

hr{
    border:none;
    border-top:dotted 1px #666666;
    height:1px;
    color:#FFFFFF;
    margin: 20px 5px;
}
#index{
  padding:19px;
}
#index_memo{
  font-size:xx-small;
  padding-top:10px;
}
#index_menu LI{margin:0px;padding:0px;  font-family:"Century Gothic",'メイリオ';
display: inline;
list-style:none;
}
#index_menu LI A{  font-family:"Century Gothic",'メイリオ';   color:#AFEEEE;
display: inline;
list-style:none;
}
#index_menu h1{
  margin:0px 15px 0px 0px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;display: inline;  color:#ffffff;  font-size:20px;margin-top:50px;
}
#note{  padding:3px 20px;
}
#note P{
  margin:1em 0em 1em 0em;
}
#note LI{
  margin:0em 0em 0em 2em;
}
#note #nav{
  text-align:left;
  padding-bottom:10px;
}
#novel{
 padding:0px;
background-color: transparent;
margin: 0px;
}
#novel #note{
  line-height:190%;
  padding-right:15px;
}
#novel a{
margin-left: 30px; padding:2px;
  border-top:1px solid #99ccff;
  border-bottom:1px solid #99ccff;
}
.com{  font-size:9px;
  color:#777777;  padding:50px 20px 20px 20px;  line-height:1.5em;
}

.by{  font-size:9px;
  color:#669999;  padding:20px 20px 80px 20px;  text-align:right;
}
H2{
  text-align:right;
  border-bottom:1px solid #99ccff;
  margin-bottom:20px;
  margin-left:-20px;
  color:#726250;
  font-size:22px;
  font-weight:normal;
  line-height:50px;
  letter-spacing:5px;
}
H3{
  text-align:right;
  border-bottom:1px solid #cc99cc;
  margin-left:-20px;  margin-bottom:20px;
  color:#726250;
  font-size:25px;
  font-weight:normal;
  line-height:50px;
  letter-spacing:5px;
}

#memo{
padding:3px 15px;
}
#memo P{
  margin:1em 0em 1em 0em;
}

#memo H1{  font-size:18px;
margin:10px 0px;border-top:1px dotted #dcd3b2;
}

.memo_body{  border-bottom:1px dotted #dcd3b2;
}
#preload {
position: absolute; 
left: -9999px; 
top: -9999px; 
display: none; visibility: hidden; }

#index_wrap P{padding:10px;
}
h4{font-size:12px;
  font-weight:normal;
  line-height:1.4em;
  letter-spacing:3px;
  border-bottom:1px dotted #cc99cc;
  margin:15px 20px 5px -10px;}

em{text-decoration:none;font-style: normal;color:#FF99FF;font-size:10px;  letter-spacing:1px;  margin:0px 5px;}
b{text-decoration:none;font-style: normal;background-color: #e7f8ff;font-weight: normal; color:#3366cc;
}

#off{  padding:10px 15px;
}
#off img{float:left;border:solid #3366cc 1px;max-width: 40%;
height: auto;
width /***/:auto;}
#off P{
  margin:1em 0em 1em 0em;
}
#off h1{
  color:#70b9ec;
  font-weight:normal;
}

#paper{  line-height:190%;
  padding-right:15px;width:90%;margin:5px;}

#paper img{border:solid #70b9ec 1px;max-width: 95%;
height: auto;
width /***/:auto;}

.memo_body img{max-width: 95%;
height: auto;
width /***/:auto;}











@media screen and (min-width: 641px){
#note H1{
margin:10px 0px 10px -10px;background:url(h1.gif) no-repeat 0% 100%;
}

#index_menu{width:100%;
text-decoration:none;
position: absolute;
  top:50%;
  left:0px;
margin: -300px 0px 0px 0px;
height:30px;
font-family:"Century Gothic";
font-size:14px;
font-weight:normal;
z-index:2;
padding-left:3px;
background: #1E90FF url(title.png) repeat-x;
 color:#aaaaaa;border-bottom:1px dotted #003399;

}
.wrap{ height:600px;width:100%;
overflow:hidden;
position: absolute;
top: 50%;left:0px;
margin:-300px 0px 0px 0px;
padding:0px;background:url(bg.jpg) no-repeat 0% 100% fixed;
 border-top:1px dotted #3366cc;
border-bottom:1px dotted #003399;
}
#index_wrap{ height:600px;width:100%;
 border-top:1px dotted #3366cc;
 border-bottom:1px dotted #3366cc;
overflow:hidden;
position: absolute;
top: 50%;left:0px;
margin:-300px 0px 0px 0px;
padding:0px;background:url(bg.jpg) no-repeat 0% 100% fixed;
}
#index_wrap p{margin:50px 0px -40px 0px;}

#mframe{width:90%;height:570px;
position: absolute;
top: 30px;left:0px;
padding-left:20px;
margin-right:10%;border-right:1px dotted #003399;
}
#novel{
padding-left:20px;}
#off h1{
  font-size:20px;
  line-height:30px;
  letter-spacing:3px;  padding-left:7px;
}
#off img{margin:0px 10px;padding:1px;}
.com_pre{  font-size:9px;
  color:#777777;  padding:20px 20px 50px 20px;  line-height:1.5em;
}

}





@media screen and (max-width: 640px){
#note H1{
margin:10px 0px 10px -10px;
}
#index_menu{  width:98%;padding:0px;margin:0px; color:#aaaaaa;
  text-decoration:none;
position: absolute;
  top:0px;
  left:0px;
  height:30px;font-size:12px;
  font-family:"Century Gothic";
  font-weight:normal;
  padding-left:2px;background: #1E90FF;
}
#index_menu h1{font-size:16px;  letter-spacing:2px;  padding-left:2px;  margin:0px 10px 0px 0px;

}
.wrap{width:100%;height:100%;
padding:0px;overflow:hidden;
}
#index_wrap{width:100%;height:100%;
padding:0px;overflow:hidden;
}
#index_wrap p{margin:50px 0px -40px 0px;}

#mframe{width:100%;height:95%;position: absolute;
top: 30px;left:0px;
}
#off h1{
  font-size:16px;
  line-height:20px;
  letter-spacing:1px;  padding-left:3px;
}
#off img{margin:0px 5px 0px -10px;padding:1px;}

.com_pre{  font-size:9px;
  color:#666666;  padding:20px 10px 30px 15px;  line-height:1.5em;
}
}