﻿@charset "UTF-8";
* {
padding:0;
margin:0;
}
html{
overflow-y:scroll;
}
body {
font-family: "HG丸ゴシックM-PRO", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka−等幅", Century Gothic;
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif ;
color: #333333;
line-height:150%;
font-size:80%;
/* margin-top:22px; */
margin-top:35px;
background: #fff0ef/* fff3ef */;
}
a:link    { color: #0084b4;text-decoration: none; }
a:visited { color: #0084b4;text-decoration: none; }
a:hover   { color: #0084b4;text-decoration: underline; }
a:active  { color: #0084b4;text-decoration: underline; }
h1{
font-size: 145%;
color:#333333;
background: ;
padding:5px;
margin-bottom: 5px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
h2{
font-size: 145%;
color:#333333;
background: ;
padding:5px;
margin-bottom: 5px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
h3{
font-size: 145%;
color:#333333;
background: ;
padding:5px 5px 5px 0;
margin-bottom: 5px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
.top_h1{
text-align: center;
font-size: 40px;
line-height: 60px;
margin: 30px 0 30px 0;
font-weight: normal;
}
.top_h3{
color:#808080;
text-align: center;
font-size: 175%;
margin: 0 0 30px 0;
font-weight: normal;
}
address{
font-style: normal;
}
strong{
font-weight: normal;
margin-left: 20px
}
.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;
}
.footer_ad{
text-align: center;
padding:10px 0 40px 0;
}


/*--レイアウト--*/
#container{
width:780px;
margin: 0 auto;
}
#header{
padding:0;
width:780px;
margin: 0 auto;
padding-top:10px;
}
#content{
width:740px;
margin: 0 auto;
padding: 20px;
background: #FFFFFF;
overflow: hidden;
-moz-border-radius-bottomleft: 5px; /*Firefox*/
-moz-border-radius-bottomright: 5px; /*Firefox*/
-webkit-border-bottom-left-radius: 5px;/*Safari,Chrome*/
-webkit-border-bottom-right-radius: 5px; /*Safari,Chrome*/
border-radius: 0 0 5px 5px; /*Opera,Chrome*/
}
#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;
}
#top{
position: absolute;
/* height:22px; */
width:100%;
left:0;
top:0;
background:url(/image/bg_top.jpg) repeat-x #c40e01;
overflow: hidden;
color:#FFFFFF;
font-weight: normal;
height:35px;
/*
background:-moz-linear-gradient(top, #ff4500 30%, #da1102 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#ff4500), to(#da1102));
*/
background:-moz-linear-gradient(top, #ea0f00 30%, #c40e01 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#ea0f00), to(#c40e01));
-webkit-box-shadow: 0px 1px 2px #808080;
-moz-box-shadow: -2px 0px 2px #808080;
box-shadow: 0px 1px 2px #808080;
}

#top a:link    { color: #f3f3f3;text-decoration: none; }
#top a:visited { color: #f3f3f3;text-decoration: none; }
#top a:hover   { color: #FFFFFF;text-decoration: underline; }
#top a:active  { color: #FFFFFF;text-decoration: none; }

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

/*--navi--*/
#navi{
border-bottom: 0px dashed #E6E6E6;
border: 1px solid #f9f9f9;
margin: 5px 0 0 0;
padding: 5px 10px;
background: #f9f9f9 ;
-moz-border-radius-topleft: 5px; /*Firefox*/
-moz-border-radius-topright: 5px; /*Firefox*/
-webkit-border-top-left-radius: 5px;/*Safari,Chrome*/
-webkit-border-top-right-radius: 5px; /*Safari,Chrome*/
border-radius: 5px 5px 0 0; /*Opera,Chrome*/
}
.navi_s{
text-align: center;
padding: 10px 0 15px 0;
background: #f9f9f9;
z-index: 0;
}
.navi_s .input_q{
border: 1px solid #e1e1e1;
background:#ffffff;
width:400px;
font-size:18px;
}
.navi_s .input_q:hover{
border: 1px solid #999999;
}

.navi_s .submit{
font-size:16px;
vertical-align: top;
border:0;
}

#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,.navi_group_top_link span{
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;
}


.navi_group{
position:relative;
z-index:1;
}
.navi_group_top_link a,
.navi_group_top_link span{
position:relative;
z-index:100;
background:#f9f9f9;
cursor:pointer;
cursor:hand;
padding-bottom: 5px;
display:;
}
.navi_group_sub_box{
position:absolute;
top:17px;
left:-1px;
background:#f9f9f9;
width:140px;
z-index:90;
display:none;
border:1px solid #dcdcdc;
-webkit-box-shadow: 2px 2px 2px #dcdcdc;
-moz-box-shadow: 2px 2px 2px #dcdcdc;
box-shadow: 2px 2px 2px #dcdcdc
-moz-border-radius: 0 7px 7px 7px;
-webkit-border-radius: 0 7px 7px 7px;
border-radius: 0 7px 7px 7px;
}
.navi_group_sub_box a{
margin:0;
border:0 !important;
}

#top .navi_group{
height:34px;
background:;
display:block;
max-width:300px;
float:right;
padding:5px 10px 0 10px;
}
#top .navi_group:hover{
background:-moz-linear-gradient(top, #f20e02 60%, #cc0f02 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#f20e02), to(#cc0f02));
}
#top .top_single_link{
height:29px;
background:;
display:block;
max-width:300px;
float:right;
padding:7px 10px 0 10px;
}
#top .top_single_link:hover{
background:-moz-linear-gradient(top, #f20e02 60%, #cc0f02 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#f20e02), to(#cc0f02));
}

#top .navi_group_sub_box{
position:absolute;
top:35px;
left:0;
right:0;
background:#c40e01;
width:auto;
padding:0px 10px;
z-index:90;
display:none;
border:0px solid #dcdcdc;
-webkit-box-shadow: 0px 2px 2px #808080;
-moz-box-shadow: 0px 2px 2px #808080;
box-shadow: 0px 2px 2px #808080;
-moz-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
text-align: left;
}
#top .navi_group_top_link a{
background:none;
}
#top .midoku_top{
display:block;
max-width:200px;
float:right;
padding:0 10px;
margin:7px 10px 0 10px;
font-weight: normal;
-moz-border-radius: 15px; /*Firefox*/
-webkit-border-radius: 15px;/*Safari,Chrome*/
border-radius: 15px; /*Opera,Chrome*/
-webkit-box-shadow: 0px 0px 5px #ffffff;
-moz-box-shadow: 0px 0px 5px #ffffff;
box-shadow: 0px 0px 5px #ffffff;
font-size:11px;
}
.top_user_thumb{
width:24px;height:24px;vertical-align:middle;margin:0 5px 0 0;
}


.page_navis{
padding: 10px 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 #ffac8f;
background: #da1102;
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;
overflow:visible;
}
#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: left;
}
.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;
}
.book img{
-webkit-box-shadow: 2px 2px 2px #dcdcdc;
-moz-box-shadow: 2px 2px 2px #dcdcdc;
box-shadow: 2px 2px 2px #dcdcdc;
}
.book_button_add_ver{
height:180px !important;
}
.book_button_add_ver .button_buy_mini img{
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.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: 160%;
color:#333333;
padding:7px;
margin-bottom: 20px;
}
.book_detail{
overflow: hidden;
text-align: center;
}
.book_detail .book_image{
-webkit-box-shadow: 5px 5px 5px #dcdcdc;
-moz-box-shadow: 5px 5px 5px #dcdcdc;
box-shadow: 5px 5px 5px #dcdcdc;
margin-bottom:10px;
}
.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;
border:0;
}

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

.book_add_button img{
vertical-align: middle;
margin-bottom: 3px;
}

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

input,textarea, select{
border: 1px solid #e1e1e1;
background: #ffffff;
padding:4px;
font-size:12px;
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px;/*Safari,Chrome*/
border-radius: 5px; /*Opera,Chrome*/
}

input:hover,textarea:hover,select:hover{
border: 1px solid #999999;
}

.submit{
background: #da1102;
color:#FFFFFF;
border:0;
}
.submit:hover{
background: #ff4500;
border:0;
}
.submit_cancel{
background: #f9f9f9;
color:#666666;
}
.submit_cancel:hover{
background: #dcdcdc;
}
form .input_b_comment{
width:300px;
}

side{
background: #da1102;
color:#FFFFFF;
border: 1px solid #ffac8f;
}
.profile_textarea{
width:400px;
height:300px;
}

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


#side_left ul {
border-bottom:1px solid #E1E1E1;
margin:0 10px;
}
#side_left li {
list-style-type:none;
text-align: left;
margin: 0;
padding: 0;
border-right:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-top:1px solid #E1E1E1;
background: #f3f3f3;
}
#side_left li a {
width:190px;
display:block;
background: #FBFBFB;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
border-left:1px solid #DCDCDC;
padding: 5px;
margin-left:6px;
}

#side_left li a:hover {
border-left : 7px solid #da1102;
background: #F0F3F4;
margin-left:0;
}
#side_left .list_on a{
background: #f3f3f3;
margin-left:0px;
border-left:7px solid #da1102;
}
#side_left .list_sub{
margin-left:7px;
}
#side_left .list_sub a{
background: #f3f3f3;
margin-left:0px;
border-left:7px solid orange;
width:183px;
}
#side_left .inner_navi{
background: #f9f9f9;
border: 1px solid #DEDEDE;
margin:0 0 5px 0;
}
#side_left .inner_navi_inner{
padding:10px 0 10px 12px;		
}


/*--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; }

.res_post_area{
}
.res_list_area{
width:;
overflow: hidden;
display:none;
}
.res{
background:#f3f3f3;
margin-top:5px;
padding:10px;
overflow: auto;
height:100%;
}
.res img{
float:left;
margin:0 5px 5px 0;
}
.res_del_link_area{
float: right;
}
.res_del_link_area a:link{
color:#bebebe;
}
.res_post_input{
width:300px;
/* height:16px; */
padding:1px;
}
.res_open_link{
}
.set_textarea_rows{
height:;
line-height:120%;
overflow:hidden;
resize:none;
}
.res_post_form_tumb{
float:left;margin:0 5px 5px;display:none;
}
.res_post_form_tumb img{
width:34px;
height:34px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.res_post_form_textarea{
float:left;
margin-top:1px;
}
.res_post_form_textarea .submit{
display:none;margin-top:5px;
}

/*--未読--*/
.midoku{
color: red;
font-weight:bold;
}
.midoku_top{
background:#fff3ef;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}
.midoku_top:hover{
background:#fff;
}
.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: #da1102;text-decoration: none; }
#top .midoku a:visited { color: #da1102;text-decoration: none; }
#top .midoku a:hover   { color: #da1102;background: #fff;text-decoration: underline; }
#top .midoku a:active  { color: #da1102;background: #fff;text-decoration: underline; }

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

.user img{
/*
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
*/
}

/*--table_list--*/
.tr_head{
background: #f6f6f6;
}
.tr_bg1{
background: #FFFFFF;
}
.tr_bg2{
background: #F8FFEC;
}
.tr_bgs1{
border-bottom:1px solid #EBEBEB;
}
.tr_bgs2{
border-bottom:1px solid #EBEBEB;
}
td{
padding:4px 5px;

}
td img{
vertical-align:middle;
padding-right:0px;
}
.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:#DC5324;
background: #FFAC8F;
font-weight: bold;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
padding:0 2px;
font-family: Monaco;
}
.readers a{
color:#DC5324;
}
.readers_10{
background: #FFAC8F;
font-weight: bold;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
padding:0 2px;
font-family: Monaco;
}
.readers_10 a{
color:#DC5324;
}
.readers_1{
background:#FFE8DF;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
padding:0 2px;
}
.readers_1 a{
color: #FF8C5F;
}

/*--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{

}
.nice_star_list span{
position: relative;
}
.nice_star_list a,.nice_star_list a:visited,.nice_star_list{
color:orange !important;
}
.nice_star_user_list{
margin:5px 0;
overflow: hidden;
}
.nice_star_user img{
width:34px;
height:34px;
margin:0 5px 5px 5px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.nice_star_user{
float:left;
}
.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;
}
.nice_button span{
font-size:11px;
margin:2px 0 0 2px;
}

/*--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: 15px;
overflow:auto;
border-bottom:1px solid #dcdcdc;
height:100%;
}
.log_list_box:hover{
background:#fffbf9;
}
.log_list_user_image{
width: 60px; float: left;
}
.log_list_detail{
float: left; width: 465px;
color:#444444;
}
.log_list_detail_title{
margin-bottom:4px;
}
.log_list_username{
font-weight:bold;
}
.log_list_comment{
font-size:15px;
color:#444444;
margin:0 0 5px 0;
}
.log_list_thumb{
width:70px;float:left;
}
.log_list_thumb_detail{
float:left;width:395px;
}
.log_list_detail img{
-webkit-box-shadow: 2px 2px 2px #dcdcdc;
-moz-box-shadow: 2px 2px 2px #dcdcdc;
box-shadow: 2px 2px 2px #dcdcdc;
}
.log_list_date{
color:#8A8A8A;
}
.log_list_info{
color:#777777;font-size:11px;margin:3px 0;
}
.log_list_info a:link{
color:#bebebe;
}
.log_list_info a:hover{
color:#bebebe;
}
.log_list_info a:visited{
color:#bebebe;
}
.log_list_info a:active{
color:#bebebe;
}


/*--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;
}
#side_left .more{
margin:5px 10px 5px 0;
}

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

.search_sort_select_area{
float:right;
margin:7px 10px 0 0;
}


/*--タイムライン--*/
.timeline .inner{
width:529px;
padding: 0 0 10px 0;
overflow: hidden;
margin-right: 0px;
}
.timeline_box{

}


/*--ネタばれ--*/
#netabare_button_area{
float:right;
}
.netabare{
color:#f9f9f9;
}
.netabare_button_off{
color:;
}
.netabare_button_on{
color:;
background:#ebf2cc;
border-color:#cbea98;
}

/* favorite */
.add_favorite_link_off,
.add_favorite_link_on{
display:block;
padding:7px 0;
width:160px;
margin:5px auto;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-webkit-box-shadow: 0px 1px 2px #808080;
-moz-box-shadow: 0px 1px 2px #808080;
box-shadow: 0px 1px 2px #808080;
}

.add_favorite_link_off{
border:1px solid #e3e3e3;
background:#f9f9f9;
background:-moz-linear-gradient(top, #e3e3e3 30%, #f9f9f9 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f9f9f9));
-webkit-box-shadow: 0px 1px 2px #e3e3e3;
-moz-box-shadow: 0px 1px 2px #e3e3e3;
box-shadow: 0px 1px 2px #e3e3e3;
}
.add_favorite_link_off:link    { color: #bebebe;text-decoration: none; }
.add_favorite_link_off:visited { color: #bebebe;text-decoration: none; }
.add_favorite_link_off:hover   { color: #444444;text-decoration: none; }
.add_favorite_link_off:active  { color: #444444;text-decoration: none; }

.add_favorite_link_on{
border:1px solid #feaa23;
background:#ffec5f;
background:-moz-linear-gradient(top, #ffec5f 30%, #feaa23 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#ffec5f), to(#feaa23));
}
.add_favorite_link_on:link    { color: #444444;text-decoration: none; }
.add_favorite_link_on:visited { color: #444444;text-decoration: none; }
.add_favorite_link_on:hover   { color: #000000;text-decoration: none; }
.add_favorite_link_on:active  { color: #000000;text-decoration: none; }

/* keyword */
.keyword_list{
overflow:auto;
width:560px;
border-bottom:1px dashed #dcdcdc;
}
.keyword_list:hover{
background:#f9f9f9;
}
.keyword_list_inner{
padding:7px;
}
.keyword_list_title{
float:left;
}
.keyword_list_del_button{
float:right;
}

/* home_menu */
.home_menu{
background-repeat:no-repeat;
background-position: left center;
padding-left:20px;
margin:4px 0;
}
.home_menu_sub{
padding-left:32px;
margin:4px 0;
}
.home_menu:hover,
.home_menu_sub:hover{
background-color:#f3f3f3;
}
.home_menu a,
.home_menu_sub a{
display:block;
}
.home_menu a:hover,
.home_menu_sub a:hover{
text-decoration: none;
}
.home_menu_border{
border-top:1px dotted #dcdcdc;
margin:10px 0 7px 0;
}
.home_menu_tl{
background-image:url(/image/icon_newspaper.png);
}
.home_menu_book{
background-image:url(/image/icon_music.png);
}
.home_menu_pre{
background-image:url(/image/icon_page_white_edit.png);
}
.home_menu_data{
background-image:url(/image/icon_chart_bar.png);
}
.home_menu_nice{
background-image:url(/image/icon_star.png);
}
.home_menu_author{
background-image:url(/image/icon_report_user.png);
}
.home_menu_new{
background-image:url(/image/icon_date_magnify.png);
}
.home_menu_share{
background-image:url(/image/icon_comments.png);
}
.home_menu_aishou{
background-image:url(/image/icon_heart.png);
}
.active_menu{
background-color:#f3f3f3;
}

/* about */
.about_list{
overflow:auto;height:100%;padding-bottom:2px;
}
.about_list_image{
float:left;width:260px;margin-right:20px;
}
.about_list_detail{
float:left;width:400px;font-size:16px;line-height:160%;color:#666;
}

.button_invite_normal,
.button_invite_mixi_friends,
.button_invite_twitter_friends{
padding:8px 0;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: ;
margin:5px auto;
-webkit-box-shadow: 2px 2px 2px #dcdcdc;
-moz-box-shadow: 2px 2px 2px #dcdcdc;
box-shadow: 2px 2px 2px #dcdcdc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width:180px;
}
.button_invite_normal a:link,.button_invite_normal a:hover,.button_invite_normal a:visited,.button_invite_normal a:active,
.button_invite_mixi_friends a:link,.button_invite_mixi_friends a:hover,.button_invite_mixi_friends a:visited,.button_invite_mixi_friends a:active,
.button_invite_twitter_friends a:link,.button_invite_twitter_friends a:hover,.button_invite_twitter_friends a:visited,.button_invite_twitter_friends a:active{
color:#ffffff !important;
}
.button_invite_normal{
background:#da1102;/* f10082 */
}
.button_invite_mixi_friends{
background:#ffaa00;/* f10082 */
}
.button_invite_twitter_friends{
background:#33ccff;/* f10082 */
}

/* author */
.author_list{
padding:10px 5px;
border-bottom:1px dashed #dcdcdc;
height:100%;
overflow: auto;
}
.author_list:hover{
background:#f9f9f9;
}
.author_list_left{
float:left;
width:420px;
}
.author_list_right{
float:right;
width:120px;
text-align: right;
}

.del_link_text{
color:#bebebe;
}
.del_link_text:hover{
color:#bebebe;
}
.del_link_text:visited{
color:#bebebe;
}
.del_link_text:active{
color:#bebebe;
}

/* status */
.status_post_form_box{
padding:20px 0 20px 14px;
border-bottom:0px solid #dcdcdc;
background:#f9f9f9;
}
.status_post_input{
width:460px;
font-size:18px;
color:#dcdcdc;
}
.status_post_form_textarea .set_textarea_rows{
height:;
line-height:120%;
overflow:hidden;
resize:none;
}
.status_post_form_tumb{
float:left;
margin:2px 10px 0 0;
}
.status_post_form_tumb img{
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.status_post_form_textarea{
float:left;
margin-top:1px;
}
.status_post_form_textarea .submit{
display:none;margin-top:5px;
}

/* header_ad */
.header_ad_right{
width:150px;margin:-64px 15px 0 0;float:right;font-size:11px;
}
.header_ad_right a:link{color:#0070e0;text-decoration: none;}
.header_ad_right a:hover{color:#38a9fa;text-decoration: none;}
.header_ad_right a:visited{color:#0070e0;text-decoration: none;}
.header_ad_right a:active{color:#0070e0;text-decoration: none;}
.header_ad_right img{
width:60px;height:60px;float:left;margin-right:5px;
}
/* search_history */
.search_history_box{
margin-top:8px;
}
.search_history_box a:link,.search_history_box a:hover,.search_history_box a:active,.search_history_box a:visited{
color:#bebebe;
}
#sides{
float:left;
width:159px;
margin-left:10px;
background:;
}
#sides h3{
font-size:14px;
}
/* quick_add_book */
.q_add_link{
display:block;background:#ffac8f;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
width:120px;
text-align:center;
padding:2px;
color:#fff !important;
font-size:11px;
}
.q_add_link:hover{
background:#ff815b;
color:#fff !important;
text-decoration:none;
}
.q_add_link:active{
color:#fff !important;
}
.q_add_link:visited{
color:#fff !important;
}
.q_add_link img{
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
margin:4px 0;
}

/* button_all_tl */
.button_all_tl{
display:block;
background:#00b6f6;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width:120px;
text-align:center;
padding:2px;
color:#fff !important;
border:1px solid #00b6f6;
margin:2px 0;
}
.button_all_tl:hover{
background:#6fd5f7;
color:#fff !important;
text-decoration:none;
}
.button_all_tl:active{
color:#fff !important;
}
.button_all_tl:visited{
color:#fff !important;
}

/* button_add */
.book_add_button a{
display:block;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width:200px;
text-align:left;
padding:7px 0 7px 20px;
color:#fff !important;
margin:5px 0;
font-size:18px;
}

.book_add_button_on a:link{
background:#ff815b;
}
.book_add_button_on a:hover{
background:#ff4500 !important;
text-decoration:none;
}
.book_add_button_on a:active{
background:#ff815b;
}
.book_add_button_on a:visited{
background:#ff815b;
}

.book_add_button_off a:link{
background:#da1102;
}
.book_add_button_off a:hover{
background:#ff4500 !important;
text-decoration:none;
}
.book_add_button_off a:active{
background:#da1102;
}
.book_add_button_off a:visited{
background:#da1102;
}

/* photo */
#photo_file_select{
width:160px;background:none;
border-color: #bebebe;
}
#photo_select_area{
margin:6px 0 0 5px;float:left;
}
.photo_box_tl img{
cursor:pointer;cursor:hand;border:1px solid #dcdcdc;padding:2px;background:#ffffff;
}
#uploadImage{
width:140px;
}
#uploadImage img{
border:1px solid #dcdcdc;padding:3px;margin:5px 0 0 5px;
}
#photo_select_area_input{
display: none;
}
#photo_select_camera{
cursor:pointer;cursor:hand;margin-top:4px;
}

