body{
background:#EFE;
color:black;
margin-left:40px;
}

a:link {
color:blue;
}
a:visited {
color:purple;
}

a:hover {
background-color:aqua;
}

a:active {
color:blue;
}

h1{
font-size:24px;
font-weight:bold;
margin-top:10px;
margin-bottom:0px;
}

h2{
font-size:20px;
font-weight:bold;
margin-top:10px;
margin-bottom:0px;
margin-left:2%;
}

h2.search{
display:inline;
}

h2.clear{
clear:both;
}

ul.menu{
display:table;
width:95%;
font-size: 0 ;
padding-left:0px;
margin-top:10px;
}

li.menu {
white-space: nowrap;
vertical-align: middle;
background-color: #dfd;
border-color:#6f6;
border-style:double;
display:table-cell;
line-height:32px;
font-size:15px;
width:14%;
text-align:center;
}

li.menu_other {
vertical-align: middle;
background-color: #dfd;
border-color:#6f6;
border-style:double;
padding-left:0px;
line-height:26px;
font-size:14px;
text-align:center;
display:block;
}

ul.menu_other {
display:none;
position:absolute;
margin-left:-3px;
padding-left:0px;
margin-top:3px;
width:13%;
}

a.menu:hover {
background-color:#bbffbb;
}

a.menu {
display:block;
text-align:center;
text-decoration:none;
}

div.menu_other:hover {
background-color:#bbffbb;
}

input.text{
border-color:#333333;
font-size:18px;
}

div.search{
text-align:center;
font-size:14px;
margin-top:10px;
}
div.search2{
margin-top:2px;
}

div.user_search{
display:inline;
font-size:14px;
margin-left:20px;
margin-bottom:0px;
}

div.writer_body{
margin-left:3%;
}

div.writer_left{
float:left;
font-size:14px;
width:7%;
margin-left:3%;
}

div.writer_right{
float:left;
font-size:14px;
width:80%;
}
div.writer_title{
font-size:15px;
margin-bottom:4px;
}

select{
font-size:14px;
}

div.left{
float:left;
width:45%;
}

div.twitter{
font-size:16px;
display:table-cell;
background-color:white;
color:#55acee;
border-color:#55acee;
border-style: solid;
text-decoration:none;
}

div.twitter_left{
margin-left:6%;
float:left;
width:14%;
text-align:center;
}

div.search_left{
margin-left:5%;
line-height:18px;
float:left;
width:12%;
font-size:14px;
margin-top:10px;
}


div.twitter_left_title{
margin-left:6%;
margin-top:10px;
float:left;
width:14%;
font-weight:bold;
text-align:center;
}

div.date{
text-align:center;
font-size:14px;
}

div.sum{
margin-top:5px;
margin-bottom:5px;
text-align:center;
font-size:14px;

}

div.kensaku{
margin-top:4px;
margin-bottom:4px;
text-align:center;
font-size:14px;
}

span.kensaku{
background-color:#CCFFCC;
border-color:#66FF66;
margin-left:0px;
margin-right:0px;
border-style:double;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

a.kensaku{
background-color:#CCFFCC;
border-color:#66FF66;
margin-left:0px;
margin-right:0px;
font-weight:bold;
border-style:double;
text-align:center;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}

a.kensaku:hover {
background-color:#99FF99;
}

div.right{
float:left;
width:45%;
margin-left:20px;
}

div.cal_left{
float:left;
width:32%;
}

div.cal_center{
float:left;
width:32%;
margin-left:10px;
}

div.cal_right{
float:left;
width:32%;
margin-left:10px;
}

div.search_right{
float:left;
width:71%;
font-size:14px;
margin-top:10px;
}

div.blog_left{
margin-top:5px;
margin-bottom:5px;
font-size:15px;
margin-left:3%;
vertical-align: middle;
float:left;
width:14%;
}

div.blog_right{
margin-top:5px;
margin-bottom:5px;
font-size:15px;
vertical-align: middle;
float:left;
width:74%;
margin-left:4px;
background-color:#eeeeff;
border-color:#ccccff;
border-style:solid;
}

div.twitter_right{
margin-top:18px;
font-size:15px;
vertical-align: middle;
float:left;
width:64%;
margin-left:4px;
background-color:#ffaaff;
border-color:#ffaaff;
border-style:solid;
}

div.twitter_right_title{
font-weight:bold;
margin-bottom:8px;
margin-top:18px;
font-size:14px;
float:left;
width:67%;
margin-left:0px;
text-align:center;
}

div.twitter_right:before { 
border: solid transparent; 
content: ""; 
position: absolute; 
border-right-color: #ffaaff; 
margin-left: -60px; 
border-width: 6px 30px 6px 30px; 
}

div.clear{
clear:both;
}
hr.clear{
clear:both;
width:90%;
margin-right:8%;
}

div.keyword{
margin-top:5px;
}

div.search_other
{
margin-top:5px;
}

ul.tanpen{
border-color:#f6f;
background-color:#fef;
border-style:double;
padding-left:0px;
list-style:none;
}
li.tanpen{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}

ul.cal_kanketsu{
display:none;
border-color:#f6f;
background-color:#fef;
border-style:double;
padding-left:0px;
list-style:none;
}

ul.cal_rensai{
display:none;
border-color:#f6f;
background-color:#fef;
border-style:double;
padding-left:0px;
list-style:none;
}

ul.cal_tanpen{
display:none;
border-color:#f6f;
background-color:#fef;
border-style:double;
padding-left:0px;
list-style:none;
}

ul.rensai{
border-color:#f6f;
background-color:#fef;
border-style:double;
padding-left:0px;
list-style:none;
}
li.rensai{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}

ul.kanketsu{
border-color:#f6f;
background-color:#fef;
border-style:double;
padding-left:0px;
list-style:none;
}
li.kanketsu{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}

ul.koushin{
border-color:#f6f;
background-color:#fef;
border-style:double;
padding-left:0px;
list-style:none;
}
li.koushin{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}

ul.tab{
padding-left:0px;
list-style:none;
margin-bottom:0px;
}

li.tab{
vertical-align: middle;
border-bottom:none;
line-height:20px;
}

label.tab{
margin-top:10px;
background-color:#ddf;
border-color:#66f;
border-style:double;
font-weight:bold;
width:33%;
text-align:center;
display:block;
    cursor:pointer;
}

label.tab:hover {
background-color:#bbf;
}

input.tab {
display: none;
margin-top:0px;
margin-bottom:0px;
}

p.tab:before {
border: solid transparent;
content: "";
position: absolute;
border-bottom-color: #ffeecc;
margin-left:  -72%;
margin-top:     -28px;
border-width: 15px 13px 15px 13px;
}


p.tab{
display:none;
overflow:auto;
width:92%;
margin-top:5px;
margin-bottom:0px;
background-color:#ffeecc;
}

input.tab#tab1:checked + p.tab{
display:block;
}
input.tab#tab2:checked + p.tab{
display:block;
}
input.tab#tab3:checked + p.tab{
display:block;
}
input.tab#tab4:checked + p.tab{
display:block;
}
input.tab#tab5:checked + p.tab{
display:block;
}
input.tab#tab6:checked + p.tab{
display:block;
}
input.tab#tab7:checked + p.tab{
display:block;
}
input.tab#tab8:checked + p.tab{
display:block;
}
input.tab#tab9:checked + p.tab{
display:block;
}
input.tab#tab10:checked + p.tab{
display:block;
}
input.tab#tab11:checked + p.tab{
display:block;
}
input.tab#tab12:checked + p.tab{
display:block;
}
input.tab#tab13:checked + p.tab{
display:block;
}
input.tab#tab14:checked + p.tab{
display:block;
}
input.tab#tab15:checked + p.tab{
display:block;
}
input.tab#tab101:checked + p.tab{
display:block;
}
input.tab#tab102:checked + p.tab{
display:block;
}
input.tab#tab201:checked + p.tab{
display:block;
}
input.tab#tab202:checked + p.tab{
display:block;
}
input.tab#tab301:checked + p.tab{
display:block;
}
input.tab#tab302:checked + p.tab{
display:block;
}
input.tab#tab303:checked + p.tab{
display:block;
}
input.tab#tab304:checked + p.tab{
display:block;
}
input.tab#tab305:checked + p.tab{
display:block;
}
input.tab#tab306:checked + p.tab{
display:block;
}
input.tab#tab307:checked + p.tab{
display:block;
}
input.tab#tab401:checked + p.tab{
display:block;
}
input.tab#tab402:checked + p.tab{
display:block;
}
input.tab#tab403:checked + p.tab{
display:block;
}
input.tab#tab404:checked + p.tab{
display:block;
}
input.tab#tab9901:checked + p.tab{
display:block;
}
input.tab#tab9902:checked + p.tab{
display:block;
}
input.tab#tab9903:checked + p.tab{
display:block;
}
input.tab#tab9904:checked + p.tab{
display:block;
}
input.tab#tab9905:checked + p.tab{
display:block;
}
input.tab#tab9999:checked + p.tab{
display:block;
}
input.tab#tab9801:checked + p.tab{
display:block;
}

div.center{
text-align:center;
}

div.footer{
margin-top:10px;
clear:both;
text-align:center;
}

span.koushin
{
margin-top:2px;
margin-bottom:2px;
font-size:15px;
display:block;
}

span.left
{
float:left;
width:49%;
}
span.center
{
float:left;
margin-left:10px;
width:33%;
}

span.right
{
float:left;
margin-left:10px;
width:49%;
}

span.s13
{
font-size:13px;
}

div.arrow_box
{
float: left;
margin-left:0px;
}

div.ss_left{
float:left;
width:31%;
}
div.ss_center{
float:left;
margin-left:10px;
margin-top:30px;
width:31%;
}

div.ss_right{
float:left;
margin-left:10px;
width:31%;
}

ul.ss {
padding-left:0px;
margin-top:10px;
border-color:#66f;
border-style:double;
background-color:#cef;
}

ul.ss_r {
padding-left:0px;
margin-top:10px;
border-color:#f66;
border-style:double;
background-color:#fed;
}

li.ss{
display:inline-block;
font-size:15px;
margin-top:5px;
margin-left:3px;
margin-bottom:5px;
}

ul.rank_menu {
width:95%;
font-size: 0 ;
padding-left:0px;
margin-top:10px;
text-align:center;
}

li.rank_menu2 {
white-space: nowrap;
vertical-align: middle;
background-color: #cef;
border-color:#6de;
border-style:double;
display:inline-block;
line-height:32px;
font-size:14px;
width:13%;
text-align:center;
}

li.rank_menu {
white-space: nowrap;
vertical-align: middle;
background-color: #cef;
border-color:#6de;
border-style:double;
display:inline-block;
line-height:32px;
font-size:14px;
width:11%;
text-align:center;
}

ul.ss_menu {
width:95%;
font-size: 0 ;
padding-left:0px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

li.ss_menu {
white-space: nowrap;
vertical-align: top;
background-color: #bdf;
border-color:#6de;
border-style:double;
display:inline-block;
line-height:32px;
font-size:16px;
font-weight:bold;
width:17%;
text-align:center;
}

ul.ss_submenu{
background-color: #cef;
height:350px;
}
li.ss_submenu{
display:block;
text-align:left;
font-size:14px;
margin-left:-10px;
font-weight:normal;
}

a.rank_menu:hover {
background-color:#aef;
}

a.rank_menu {
display:block;
text-align:center;
text-decoration:none;
}

div.rank_left{
float:left;
font-size:14px;
width:9%;
}

div.rank_center{
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
width:74%;
font-size:14px;
}

div.rank_right{
float:left;
font-weight:bold;
line-height:20px;
font-size:18px;
width:8%;
margin-bottom:5px;
}

h3.rank_title{
margin-top:15px;
margin-bottom:15px;
}

div.voice{
margin-top:15px;
margin-left:40px;
font-size:15px;
}
div.pdf{
margin-top:15px;
margin-left:40px;
font-size:15px;
}

textarea{
font-size:15px;
}

input.submit{
display:block;
margin-left:auto;
margin-right:auto;
margin-top:15px;
font-size:32px;
}

div.sitemap_left{
float:left;
width:48%;
font-size:14px;
}

div.sitemap_right{
width:48%;
float:left;
font-size:14px;
margin-left:1px;
}

h3.oshirase{
display:inline-block;
margin-top:4px;
margin-bottom:0px;
font-size:15px;
background-color:#cfc;
border-color:#5f5;
border-style:double;
}

div.oshirase{
margin-top:0px;
font-weight:normal;
font-size:15px;
background-color:#bfb;
border-color:#5f5;
border-style:double;
width:75%;
}

div.ss_title{
margin-top:10px;
margin-bottom:1px;
font-size:15px;
font-weight:bold;
width:75%;
}

div.ss_story{
margin-top:1px;
margin-bottom:0px;
font-size:14px;
width:75%;
}

ul.tyotanpen{
border-color:#f66;
background-color:#fec;
border-style:double;
padding-left:0px;
list-style:none;
}

li.tyotanpen{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}


ul.tyorensai{
border-color:#f66;
background-color:#fec;
border-style:double;
padding-left:0px;
list-style:none;
}

li.tyorensai{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}

span.tyorensai{
font-size:13px;
}

ul.kaiwaritu0{
border-color:#f66;
background-color:#fec;
border-style:double;
padding-left:0px;
list-style:none;
}

li.kaiwaritu0{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}


ul.kaiwaritu100{
border-color:#f66;
background-color:#fec;
border-style:double;
padding-left:0px;
list-style:none;
}

li.kaiwaritu100{
font-size:15px;
margin-top:5px;
margin-bottom:5px;
}

span.keyword
{
font-size:15px;
line-height:22px;
margin-left:5px;
}

div.rank_tag
{
font-weight:bold;
}

li.rank_manual
{
margin-top:12px;
}

div.rank_manual
{
font-size:16px;
margin-top:10px;
width:90%;
}

div.loginleft
{
float:left;
width:43%;
}

div.loginright
{
float:left;
margin-left:20px;
width:45%;
}

table.regist
{
border:4px solid;
border-color:#aaa;
margin-bottom:20px;
}

td.right
{
text-align:right;
vertical-align: top;
}

td.regist
{
text-align:left;
line-height:20px;
}

div.error
{
font-weight:bold;
font-size:15px;
line-height:18px;
color:red;
}

h3.writer_list
{
font-size:18px;
margin-bottom:0px;
margin-top:15px;
font-weight:bold;
background-color:#FFF;
border-color:#3F3;
border-style:double;
}

ul.writer_list
{
padding-left:0px;
margin-bottom:0px;
margin-top:0px;
background-color:#bFb;
border-color:#3F3;
border-style:double;
list-style:none;
}

li.writer_list{
font-size:15px;
margin-top:2px;
margin-bottom:2px;
}

h3.novel_list
{
font-size:18px;
margin-bottom:0px;
margin-top:15px;
font-weight:bold;
background-color:#FFF;
border-color:#3F3;
border-style:double;
}

ul.novel_list
{
padding-left:0px;
margin-bottom:0px;
margin-top:0px;
background-color:#bFb;
border-color:#3F3;
border-style:double;
list-style:none;
}

li.novel_list{
font-size:15px;
margin-top:2px;
margin-bottom:2px;
}

h3.user_menu{
font-size:18px;
margin-bottom:0px;
margin-top:15px;
font-weight:bold;
background-color:#FFF;
border-color:#3F3;
border-style:double;
}

ul.user_menu{
padding-left:0px;
margin-bottom:0px;
margin-top:0px;
background-color:#bFb;
border-color:#3F3;
border-style:double;
list-style:none;
}

li.user_menu{
font-size:15px;
margin-top:2px;
margin-bottom:2px;
}

div.left_menu{
float:left;
width:25%;
}

h3.watch_list{
font-size:18px;
margin-bottom:0px;
margin-top:15px;
font-weight:bold;
background-color:#FFF;
border-color:#3F3;
border-style:double;
}

ul.watch_list
{
padding-left:0px;
margin-bottom:0px;
margin-top:0px;
background-color:#bFb;
border-color:#3F3;
border-style:double;
list-style:none;
}

li.watch_list{
font-size:15px;
margin-top:8px;
margin-bottom:8px;
}

div.right_menu
{
float:left;
margin-left:15px;
width:65%;
}

h3.profile
{
font-size:18px;
margin-bottom:0px;
margin-top:15px;
font-weight:bold;
background-color:#FFF;
border-color:#3F3;
border-style:double;
width:100%;
}

div.profile
{
width:100%;
padding-left:0px;
margin-bottom:0px;
margin-top:0px;
background-color:#bFb;
border-color:#3F3;
border-style:double;
list-style:none;
}

table.profile{
width:100%;
padding-left:0px;
margin-bottom:0px;
margin-top:0px;
background-color:#bFb;
border-color:#3F3;
border-style:double;
list-style:none;
}

div.header{
position:fixed;
font-size:14px;
top:0;
left:0;
padding-top:5px;
padding-bottom:5px;
padding-left:40px;
width:100%;
z-index:1;
background-color:#FFF;
border-color:#aaa;
border-bottom-style:solid;
border-bottom:1px;
}

div.koukoku{
text-align:center;
}

ul.new_genre{
        width:95%;
        padding-left:0px;
        list-style:none;
        display:table;
        margin-bottom:0px;
}

li.new_genre{
        display:table-cell;
        text-align:center;
        vertical-align: middle;
        border-color:#ff6666;
        border-bottom:none;
        line-height:40px;
}

li.rank_new_all{
white-space: nowrap;
background-color: #cef;
border-color:#6de;
border-style:double;
display:table-cell;
text-align:center;
line-height:40px;
width:33%;
}

li.rank_new_genre{
        display:table-cell;
        text-align:center;
        vertical-align: middle;
	border-style:double;
	border-color:#6d6;
        border-bottom:bold;
        line-height:40px;
	width:33%;
}


li.new_genre:hover
{
        background-color:#FFBBBB;
}

label.new_genre1{
        background-color:#ccffcc;
        display:block;
        cursor:pointer;
}
label.new_genre2{
        background-color:#aaffaa;
        display:block;
        cursor:pointer;
}


input.new_genre {
        display: none;
        margin-top:0px;
        margin-bottom:0px;
}

input.new_genre1 {
        display: none;
        margin-top:0px;
        margin-bottom:0px;
}

input.new_genre2 {
        display: none;
        margin-top:0px;
        margin-bottom:0px;
}

div.new_genre{
        width:95%;
        display:none;
        overflow:auto;
        margin-top:0px;
}

input.new_genre#new_genre1:checked + div.new_genre{
        display:block;
        background-color:#ccffcc;
}

input.new_genre#new_genre2:checked + div.new_genre{
        display:block;
        background-color:#aaffaa;
}

div.writer_center
{
	text-align:center;
}

a.new_a_genre1
{
	border-color:#6f6;
	border-style:double;
	background-color:#ccffcc;
}

a.new_a_genre2
{
	border-color:#6f6;
	border-style:double;
        background-color:#aaffaa;
}

div.new_genre1
{
	display:inline;
	background-color:#ccffcc;
}

div.new_genre2
{
	display:inline;
	background-color:#aaffaa;
}


ul.cal_tab{
	width:92%;
	padding-left:0px;
	list-style:none;
	display:table;
	margin-bottom:0px;
}

li.cal_tab{
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	background-color:#ddf;
	border-color:#66f;
	border-bottom:none;
        line-height:40px;
}

label.cal_tab1{
        border-color:#ffcccc;
        background-color:#ffcccc;
	display:block;
    	cursor:pointer;
}

label.cal_tab2{
        border-color:#Ffccff;
        background-color:#ffccff;
	display:block;
    	cursor:pointer;
}

label.cal_tab3{
        border-color:#e5ccff;
        background-color:#e5ccff;
	display:block;
    	cursor:pointer;
}

label.cal_tab4{
        border-color:#ccccff;
        background-color:#ccccff;
        display:block;
        cursor:pointer;
}

label.cal_tab5{
        border-color:#e5ffcc;
        background-color:#e5ffcc;
        display:block;
        cursor:pointer;
}

label.cal_tab6{
        border-color:#ffffcc;
        background-color:#ffffcc;
        display:block;
        cursor:pointer;
}

label.cal_tab7{
        border-color:#ffe5cc;
        background-color:#ffe5cc;
        display:block;
        cursor:pointer;
}

input.tab#cal_tab1:checked + p.tab{
        display:block;
        cursor:pointer;
        border-color:#ffcccc;
        background-color:#ffeeee;
	border-style: solid;
	border-width: 3px;
	line-height:30px;
}
input.tab#cal_tab2:checked + p.tab{
        display:block;
        border-color:#Ffccff;
        background-color:#ffeeff;
	border-style: solid;
	border-width: 3px;
	line-height:30px;
}
input.tab#cal_tab3:checked + p.tab{
        display:block;
        border-color:#e5ccff;
        background-color:#f1eeff;
	border-style: solid;
	border-width: 3px;
	line-height:30px;
}
input.tab#cal_tab4:checked + p.tab{
        display:block;
        border-color:#ccccff;
        background-color:#eeeeff;
	border-style: solid;
	border-width: 3px;
	line-height:30px;
}
input.tab#cal_tab5:checked + p.tab{
        display:block;
        border-color:#e5ffcc;
        background-color:#f1ffee;
	border-style: solid;
	border-width: 3px;
	line-height:30px;
}
input.tab#cal_tab6:checked + p.tab{
        border-color:#ffffcc;
        background-color:#ffffee;
        display:block;
	border-style: solid;
	border-width: 3px;
	line-height:30px;
}
input.tab#cal_tab7:checked + p.tab{
        display:block;
        border-color:#ffe5cc;
        background-color:#fff1ee;
	border-style: solid;
	border-width: 3px;
	line-height:30px;
}