@charset "UTF-8";
* {
padding:0;
margin:0;
}
html{
overflow-y:scroll;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka, sans-serif ;
color: #333333;
line-height:150%;
font-size:80%;
margin-top:22px;
background: #eff3ff;
}
a:link    { color: #00216d;text-decoration: none; }
a:visited { color: #00216d;text-decoration: none; }
a:hover   { color: #00216d;text-decoration: underline; }
a:active  { color: #00216d;text-decoration: underline; }
h1{
font-size: 125%;
color:#333333;
background: ;
padding:5px;
margin-bottom: 5px;
border-left: 5px #002164 solid;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
h2{
font-size: 125%;
color:#333333;
background: ;
padding:5px;
margin-bottom: 5px;
border-left: 5px #002164 solid;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
h3{
font-size: 125%;
color:#333333;
background: ;
padding:5px;
margin-bottom: 5px;
border-left: 5px #002164 solid;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
.top_h3{
border:0px;
background:url();
text-align: center;
font-size: 175%;
margin: 10px 0;
}
address{
font-style: normal;
}
.date{
color:#bebebe;
font-size:11px;
}
/*--
.inner h3{
margin: -10px -10px 10px -10px;
padding: 2px 5px;
background: #EAEAEA;
}
--*/
img{
border: 0;
}
.logo{
}
.logo a:link    { color: ; text-decoration: none; background: none;}
.logo a:visited { color: ; text-decoration: none; background: none;}
.logo a:hover   { color: ; text-decoration: underline; background: none;}
.logo a:active  { color: ; text-decoration: underline; background: none;}
.b{
font-weight:bold;
}


/*--レイアウト--*/
#container{
width:780px;
margin: 0 auto;
}
#header{
padding:0;
width:780px;
margin: 0 auto;
padding-top:10px;
}
#header strong{
overflow:hidden;width:200px;display:block;height:19px;
text-align: center;
}
#content{
width:740px;
margin: 0 auto;
padding: 20px;
background: #FFFFFF;
overflow: hidden;
}
#main{
width:100%;
}
#main_left{
width:490px;
float: left;
}
#main_right{
width:490px;
float: left;
}
#side{
width:230px;
float: left;
margin-left:20px;
}
#side h3,#side h2{
background: none;
padding: 0;
border: 0;
}
#side_left{
width:230px;
float: left;
margin-right:20px;
}
#footer{
text-align:center;
padding: 20px;
width:740px;
clear: left;
font-size: 11px;
/* background:url(/image/content_b.gif) top center no-repeat; */
}
#top{
position: absolute;
height:22px;
width:100%;
left:0;
top:0;
background: #002164;
overflow: hidden;
color:#FFFFFF;
}
#top a:link    { color: #fcc200;text-decoration: underline; }
#top a:visited { color: #fcc200;text-decoration: underline; }
#top a:hover   { color: #fcc200;text-decoration: underline; }
#top a:active  { color: #fcc200;text-decoration: underline; }

/*--グラフ--*/
#graph_p{
float: left;
width:240px;
overflow: hidden;
}
#graph_b{
float: left;
width:240px;
overflow: hidden;
}

/*--navi--*/
#navi{
border-bottom: 1px dashed #E6E6E6;
margin: 5px 0 0 0;
padding: 5px 10px;
background: #f9f9f9;
/* background: #f9f9f9 url(/image/content_t.gif) top center no-repeat; */
}
.navi_s{
text-align: center;
padding: 5px;
background: #f9f9f9;
}
.navi_s .input_q{
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
border-top: 1px solid #848484;
border-bottom: 1px solid #e1e1e1;
background:#ffffff;
width:400px;
font-size:18px;
}
.navi_s .submit{
font-size:17px;
vertical-align: top;
}

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

#navi a,.navi_message a,.navi_rank a{
border-left:1px solid #FFF;
border-right:1px solid #BEBEBE;
padding: 2px 7px; 
}

.navi_inner{
border-left:1px solid #BEBEBE;
}
.navi_message,.navi_rank{
padding:10px 15px;
background:#FFF3EF;
}

	.page_navis{
	padding: 5px;
	height:25px;
	text-align: center;
	}
	.page_navis a{
	font-size:16px;
	border: 1px solid #DCDCDC;
	padding: 5px 10px;
	margin: 0 2px;
	font-weight: bold;
	}
	.now_page a{
	border: 1px solid #DCDCDC;
	background: #DCDCDC;
	padding: 5px 10px;
	margin: 0 2px;
	color: #000000;
	}
	.page_navis a:hover,
	.now_page a:hover{
	border: 1px solid #CFD4FF;
	background: #00216d;
	padding: 5px 10px;
	margin: 0 2px;
	color: #FFFFFF;
	}
	.page_navi_hedge a{
	font-weight: normal;
	}
	

/*--contents内--*/
.inner{
border: 0px #FFFFFF solid;
padding:0px;
margin:0px 0 10px 0;
width:740px;
overflow: auto;
}
#top .inner{
border: none;
padding:0 1px 0 0;
margin:0 auto;
width:780px;
text-align: right;
}
#main_left .inner{
width:490px;
padding: 0 0 10px 0;
overflow: hidden;
margin-right: 0px;
}
#main_right .inner{
width:490px;
padding: 0 0 10px 0;
overflow: hidden;
margin-right: 10px;
}
#side .inner{
width:208px;
padding: 10px;
margin-bottom: 10px;
background: #FAFAFA;
border: #F4F4F4 1px solid;
}
#side_left .inner{
width:230px;
margin-bottom: 10px;
text-align: center;
}
.book{
float:left;
width:118px;
height:122px;
overflow:hidden;
text-align:center;
line-height: 120%;
margin-top: 5px;
margin-bottom: 10px;
padding: 0 2px;
position: relative;
}
.profile_image{
margin: 5px 5px 5px 0;
text-align: center;
}
.profile_detail{
float: right;
text-align: right;
color: #BEBEBE;
}
.profile_detail img{
vertical-align: middle;
}
.title_right{
float:right;
margin-right:15px;
margin-top:5px;
}

/*--book--*/
#title{
font-size: 125%;
color:#333333;
padding:7px;
margin-bottom: 5px;
border-left: 10px #002164 solid;
}
.book_detail{
overflow: hidden;
text-align: center;
}
.book_pub_comment{
border: 1px dotted #DCDCDC;
margin: 0 0 5px 155px;
padding:5px;
}
.book .read_end{
	width: 111px;
	height: 77px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/image/book_read_end.png) no-repeat;
}
.book_edit_area{
padding:10px;
background: #FFF3EF;
margin: 5px 0;
}
.tubu_area .input_tubu{
width:410px;
height:40px;
font-size:16px;
overflow: auto;
}
.tubu_area .submit{
height:48px;
width: 60px;
vertical-align: top;
}

.reread_box{
border-top:1px dotted #DCDCDC;margin-top:10px;padding-top:10px;
}

.book_add_button{
/*display: inline;*/
/*margin:0 5px;*/
/*width: 150px;*/
}
.book_add_button img{
vertical-align: middle;
margin-bottom: 3px;
}

/*--form--*/
form{
display:inline;
}

input,textarea, select{
border: 1px solid #a4c2ff;
background: #f9fbff;
padding:3px;
font-size:12px;
}
.submit{
background: #00216d;
color:#FFFFFF;
border: 1px solid #a4c2ff;
}
form .input_b_comment{
width:440px;
}

side{
background: #00216d;
color:#FFFFFF;
border: 1px solid #CFD4FF;
}
.profile_textarea{
width:400px;
height:300px;
}

/*--list--*/
li{
list-style-type:none;
padding: 5px 0;
}
#side_right li{
border-bottom: 1px #F4F4F4 solid;
}


/*--header--*/

/*--bp_sample--*/
.bp_sample td{
padding:10px;
}
.bp_sample img{
padding-bottom:10px;
}
.bp_sample textarea{
overflow: hidden;
}

/*未読*/
.midoku_count,
.midoku_count a{
color:red;
font-weight:bold;
font-size:12px;
}
.midoku_count a:visited{
color:red;
}
.midoku_count a:hover{
color:#FFFFFF;
background:red;
}
.midoku_count a:active{
color:#FFFFFF;
background:red;
}

/*--エラー--*/
.err{
margin:5px 0;
padding:0 5px;
font-weight:bold;
color:red;
}

/*--att--*/
.att{
font-weight:bold;
color:red;
}
.att2{
color:red;
}

/*--res--*/
.res_content{
display:none;
}
.res_link_on a:link    { color: orange;text-decoration: none; }
.res_link_on a:visited { color: orange;text-decoration: none; }
.res_link_on a:hover   { color: orange;text-decoration: underline; }
.res_link_on a:active  { color: orange;text-decoration: underline; }
.res_link_off a:link    { color: #BEBEBE;text-decoration: none; }
.res_link_off a:visited { color: #BEBEBE;text-decoration: none; }
.res_link_off a:hover   { color: #BEBEBE;text-decoration: underline; }
.res_link_off a:active  { color: #BEBEBE;text-decoration: underline; }

/*--未読--*/
.midoku{
color: red;
font-weight:bold;
}
.midoku a:link    { color: red;text-decoration: none; }
.midoku a:visited { color: red;text-decoration: none; }
.midoku a:hover   { color: #FFFFFF;background: red;text-decoration: underline; }
.midoku a:active  { color: #FFFFFF;background: red;text-decoration: underline; }
#top .midoku a:link    { color: red;text-decoration: none; }
#top .midoku a:visited { color: red;text-decoration: none; }
#top .midoku a:hover   { color: #FFFFFF;background: red;text-decoration: underline; }
#top .midoku a:active  { color: #FFFFFF;background: red;text-decoration: underline; }

/*--user--*/
.user{
float: left;
width:61px;
height:64px;
overflow: hidden;
text-align: center;
}

/*--table_list--*/
.tr_head{
background: #f6f6f6;
}
.tr_bg1{
background: #FFFFFF;
}
.tr_bg2{
background: #eff3ff;
}
td{
padding:4px 5px;

}
td img{
vertical-align:middle;
padding-right:5px;
}
.profile_table td{
padding:0 10px 0 0;
}
.profile_table{
margin-bottom:2px;
}

/*--プロフィール--*/
  .profile{
  overflow:auto;
  width:230px;
  padding-top:2px;
  }
  .profile dl{
  background:#FFFFFF;
  clear:left;
  }
  .profile dt{
  float:left;
  width:60px;
  background:;
  padding:5px 0 5px 10px;
  background:#f9f9f9;
  overflow:hidden;
  margin:2px 0;
  text-align: right;
  }
  .profile dd{
  float:left;
  width:145px;
  padding:5px 5px 5px 10px;
  background:#f9f9f9;
  overflow:hidden;
  margin:2px 0;
  text-align: left;
  }
  .profile .intro dt{
  display:none;
  }
  .profile .intro dd{
  width:215px;
  }

/*--readers--*/
.readers{
color:#00216d;
background: #a4c2ff;
font-weight: bold;
}
.readers a{
color:#00216d;
}
.readers_10{
background: #a4c2ff;
font-weight: bold;
}
.readers_10 a{
color:#00216d;
}
.readers_1{
background:#eff3ff;
}
.readers_1 a{
color: #00216d;
}

/*--tagcloud--*/
.tagcloud10{
font-size:250%;
line-height:150%;
}
.tagcloud9{
font-size:200%;
line-height:150%;
}
.tagcloud8{
font-size:170%;
line-height:150%;
}
.tagcloud7{
font-size:150%;
line-height:150%;
}
.tagcloud6{
font-size:135%;
line-height:150%;
}
.tagcloud5{
font-size:120%;
line-height:150%;
}
.tagcloud4{
font-size:110%;
line-height:150%;
}
.tagcloud3{
font-size:105%;
line-height:150%;
}
.tagcloud2{
font-size:100%;
line-height:150%;
}
.tagcloud1{
font-size:90%;
line-height:150%;
}
.tagcloud0{
font-size:90%;
line-height:150%;
}

/*--edit--*/
.edit_ok{
color: red;
}


/*--nice--*/
.nice_star_list span{
position: relative;
}
.nice_star_list a,.nice_star_list a:visited,.nice_star_list{
color:orange;
}
.star_add_user{
display: none;
position: absolute;
left:0;
top:30px;
padding:5px;
border: 1px solid #DCDCDC;
background: #FFFFFF;
width:100px;
}
.star_add_user img{
width:12px;
height:12px;
margin-right:2px;
vertical-align: middle;
}
.nice_button{
vertical-align: middle;
margin-bottom: 2px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

/*--rank--*/
.juni{
font-size:30px;
}
.rank_point{
font-size:30px;
}

/*--gad--*/
.gad_top_s{
float:right;
}
.gad_s{
text-align: center;
padding-bottom: 10px;
overflow: hidden;
}
.sgad{
overflow: hidden;
}

/*--matome_g--*/
#matome_g_1{

}
#matome_g_2{
display:none;
}
#matome_g_3{
display:none;
}

/*--log--*/
.log_list_comment a:link    { color: #333333; text-decoration: none;}
.log_list_comment a:visited { color: #333333; text-decoration: none;}
.log_list_comment a:hover   { color: #333333; text-decoration: underline;}
.log_list_comment a:active  { color: #333333; text-decoration: underline;}

.log_list_box{
padding: 7px 5px; width: 100%;overflow:auto;
}
.log_list_user_image{
width: 54px; float: left;
}
.log_list_detail{
float: left; width: 420px;
}
.log_list_date{
color:#8A8A8A;
}

/*--newbook--*/
.new_book_inner_side .book{
width:100px;
}

/*--ad--*/
.ad_head{
text-align: center;
padding-top: 10px;
background: #fff;
}

/*--more--*/
.more{
clear: left;
margin:5px 0;
text-align: right;
}

/*--文字カウント--*/
.inputcommentlength{
color:#808080;
margin-left:5px;
}