body{text-align:center; font-size:95%; line-height:180%; margin:10px 0px; color:#333333;
background-color:#FFFFFF;
background-image:url();
background-position:50% -200px;
background-size:auto;
background-repeat:no-repeat;
background-attachment:scroll;}
body,td{line-height:180%;}

a:link{color:#002300; text-decoration:none;}
a:hover{color:#773333; text-decoration:underline;}
a:active{color:#773333; text-decoration:underline;}
a:visited{color:#002300; text-decoration:none;}

.backcolor{width:80%; padding:20px 0px; border-radius:50px 3px;
background-image: linear-gradient(
	-45deg,
	#effff7 25%,
	#e6fff2 25%,
	#e6fff2 50%,
	#effff7 50%,
	#effff7 75%,
	#e6fff2 75%,
	#e6fff2
);
background-size: 30px 30px;
background-attachment: fixed;}

#menu{text-align:center; line-height:170%; width:95%; padding:10px;}
#menu a:link{color:#002300; text-decoration:underline;}
#menu a:hover{color:#666600; text-decoration:underline;}
#menu a:active{color:#666600; text-decoration:underline;}
#menu a:visited{color:#002300; text-decoration:none;}
.top{text-align:left; font-size:90%; width:80%;}
.top_b{text-align:left; font-size:110%;}
.top_i{text-align:left; font-size:110%; padding:30px; border-radius:50px 3px;
background-image: linear-gradient(
	-45deg,
	#effff7 25%,
	#e6fff2 25%,
	#e6fff2 50%,
	#effff7 50%,
	#effff7 75%,
	#e6fff2 75%,
	#e6fff2
);
background-size: 30px 30px;
background-attachment: fixed;}
ul{list-style:none; text-align:center; padding:0px 0px;}
li{display:inline-block; vertical-align:middle; padding:0px 10px;}
.top2_b{text-align:left; font-size:90%;}
.top2_i{text-align:left; font-size:90%; padding:30px; border-radius:50px 3px;
background-image: linear-gradient(
	-45deg,
	#effff7 25%,
	#e6fff2 25%,
	#e6fff2 50%,
	#effff7 50%,
	#effff7 75%,
	#e6fff2 75%,
	#e6fff2
);
background-size: 30px 30px;
background-attachment: fixed;}

.sitetitle{font-size:250%; line-height:120%; color:#000000;}


p.book{cursor:pointer; float:left; background-color:#FFFFFF; width:100%; padding-left:10px;}
p.book:hover{text-decoration:underline;}
p.bookedit{
        text-align:left;
        display: none;
        clear:both;
        background: #FFFFFF;
        margin: 10px;
        padding: 10px;}

#novel{}
#novel a:link{color:#002300; text-decoration:underline;}
#novel a:hover{color:#773333; text-decoration:none;}
#novel a:active{color:#773333; text-decoration:none;}
#novel a:visited{color:#002300; text-decoration:none;}

.table{text-align:left; line-height:150%; width:50%; font-size:100%; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; color:#333333; padding:30px;}
.table_box{text-align:left; line-height:190%; width:50%; font-size:95%; color:#333333; padding:5px;}
.table_boxmenu{text-align:left; line-height:190%; width:50%; font-size:100%; color:#333333; padding:5px;}
.table_boxindex{text-align:left; line-height:190%; width:50%; font-size:95%; color:#333333; padding:5px; margin-top:240px;}
.table_boxindex2{text-align:left; line-height:190%; width:50%; font-size:95%; color:#333333; padding:5px;}
.table_novel{text-align:left; line-height:190%; width:50%; font-size:95%; color:#333333; padding:5px;}


.menutitle{font-size:110%; line-height:180%; color:#FFFFFF; text-align:left; font-weight:bold;}

.menu_novel{font-size:105%;}

.title{font-size:270%; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; line-height:140%; color:#000000;}
.title_logo{font-size:800%; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; line-height:140%; color:#000000;}
.title_novel{font-size:20px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; line-height:150%; color:#333333;}
.b{font-weight:bold;}
.mini{font-size:85%; line-height:160%; color:#666666;}
.smini{font-size:75%; line-height:160%; color:#333333;}
.smini_c{text-align:right; font-size:75%; line-height:160%; color:#999999;}
.white{color:#FFFFFF;}
.red{color:#667777;}
.brown{color:#4a6719;}
.brownmoto{color:#C44488;}
.anq{font-size:12px; text-align:left; padding:5%}
.un{text-decoration:underline;}
.copyright{font-size:90%; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; line-height:150%; color:#999999;}

blockquote{
padding: 5px 5px;
border: 1px solid #eeeeee;
background-color:#fcfcfc;
color:#333333;
font-size:12px;
line-height: 140%;}




@media screen and (min-width: 770px) {
.novelspage{display:none;}
}


@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px)
 and (-webkit-min-device-pixel-ratio: 2){
body{text-align:center; line-height:180%; font-size:15px; margin:10px 0px;}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.sitetitle{font-size:150%; line-height:180%; color:#000000;}
#menu{text-align:center; font-size:120%; line-height:170%; width:85%; color:#333333; padding:5px;}
li{display:block;}
.backcolor{width:90%;}
.top{text-align:left; font-size:90%; width:90%;}
.top_i{text-align:left; font-size:90%; width:85%;}
.top_b{text-align:left; font-size:90%; width:85%;}
.top2_i{text-align:left; font-size:80%; line-height:150%;}
.top2_b{text-align:left; font-size:75%; line-height:160%;}
.mini{font-size:80%; line-height:160%; color:#666666;}
 }


@media all and (min-width: 240px) and (max-width: 768px) {
body{text-align:center; line-height:180%; font-size:15px; margin:20px 0px;}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.sitetitle{font-size:150%; line-height:180%; color:#000000;}
#menu{text-align:center; font-size:120%; line-height:170%; width:85%; color:#333333; padding:5px;}
li{display:block;}
.backcolor{width:90%;}
.top{text-align:left; font-size:90%; width:90%;}
.top_i{text-align:left; font-size:90%; width:85%;}
.top_b{text-align:left; font-size:90%; width:85%;}
.top2_i{text-align:left; font-size:80%; line-height:150%;}
.top2_b{text-align:left; font-size:75%; line-height:160%;}
.mini{font-size:80%; line-height:160%; color:#666666;}
 }