#contents img{
vertical-align:middle;
}
#primary p.notfound{
margin:6px 20px;
}
#primary p.link_btn{
text-align:center;
margin:24px 0px;
}
#secondary #display{
margin:6px;
}
#secondary #display input.attention{
font-size:0.8em;
}
#secondary .put_html{
margin:6px;
}
#secondary .put_html dl dd{
margin:4px 0px;
}
#secondary .put_html dl dd.link_btn{
text-align:center;
margin:12px 0px;
}
/* login form etc... */
#default #primary h2{
margin:6px 0px 10px 40px;
}
#default #primary div.content{
width:320px;
margin:0px auto;
}
#default #primary div.content dl.inform{
padding:10px;
border:1px #999 solid;
}
#default #primary div.content dl.inform dd{
margin:4px 0px;
}
#default #primary div.content dl.inform dd.submit_btn{
margin:12px 0px;
}
#default #primary div.content p.desc_msg{
margin:10px 0px;
}
#default #primary #contact_form dt{
margin:10px 0px 20px 0px;
}
#default #primary #contact_form textarea{
width:280px;
height:100px;
}
#default #primary #show_window{
width:556px;
margin:10px 0px 0px 40px;
padding:1px;
}
#default #primary #show_window div#follow-me {
height:2em;
text-align:right;
}
#default #primary #show_window div#follow-me a{
}
#default #primary #toppage_banner{
width:556px;
height:268px;
position:relative;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
background:url("./images/top_w560b.gif") no-repeat;
overflow:hidden;
}
/* secondary effect */
.secondary0{
border:1px solid #ccc;
-moz-border-radius:10px;
-moz-box-shadow:0px 0px 4px #ccc;
-webkit-border-radius:10px;
-webkit-box-shadow:0px 0px 4px #ccc;
border-radius:10px;
}
.secondary_orange{
border:1px solid #ccc;
-moz-border-radius:10px;
-moz-box-shadow:0px 0px 4px #c96;
-webkit-border-radius:10px;
-webkit-box-shadow:0px 0px 4px #c96;
border-radius:10px;
}
.secondary_highlight{
background:#fafafa;
border:1px solid #eeee33;
-moz-border-radius:10px;
-moz-box-shadow:0px 0px 8px #ffff66;
-webkit-border-radius:10px;
-webkit-box-shadow:0px 0px 8px #fff66;
border-radius:10px;
}
/* pager */
.pager{
margin:6px;
}
.pager a{
float:left;
height:2em;
width:2em;
margin:1px;
border:1px #ccaa99 solid;
text-align:center;
line-height:1.8em;
}
.pager span{
float:left;
height:2em;
width:2em;
margin:1px;
border:1px #ccaa99 solid;
text-align:center;
line-height:1.8em;
background:#ddd;
}
.pager a.nextpage{
padding:0px 2px;
}
.pager a.page{
}
.pager a.disp_page{
float:left;
height:2em;
width:9em;
border:1px #ddd solid;
text-align:center;
line-height:1.8em;
}
/* bookshelf */
#bookshelf{
margin:6px 6px 0px 6px;
padding-top:6px;
border-top:1px dotted #986;
}
#bookshelf ul{
margin-bottom:6px;
padding-bottom:6px;
border-bottom:1px dotted #986;
}
#bookshelf ul li{
float:left;
margin-right:4px;
}
#bookshelf ul li.ymd{
}
#bookshelf ul li.star{
}
#bookshelf ul li.title{
width:26em;
}
#bookshelf ul li.authors{
width:16em;
}
#bookshelf ul li.readed{
float:right;
}
h2.bookshelf_label{
margin:6px 4px;
padding:4px;
text-align:center;
border:1px solid #996633;
background:#ffffee;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
/* bookshelf_panel */
#bookshelf_panel{
margin:6px;
}
#bookshelf_panel ul{
margin:2px;
background:#f9f9f0;
border:1px solid #999;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#bookshelf_panel ul li{
margin:8px 0px;
}
#bookshelf_panel ul li.one{
clear:both;
text-align:center;
}
#bookshelf_panel ul li.two{
float:left;
width:50%;
}
#bookshelf_panel ul li.underline{
border-bottom:1px solid #999;
}
#bookshelf_panel ul li.odd{
clear:both;
}
#bookshelf_panel ul li.even{
float:right;
}
#bookshelf_panel ul li.head{
text-align:center;
padding:8px 0px;
}
#bookshelf_panel ul li.head a{
display:block;
}
#bookshelf_panel ol{
margin-left:0px; /* ie */
padding-left:0px; padding-top:0px;/* firefox */
list-style:none;
margin:6px;
}
#bookshelf_panel ol li{
margin:0px;
text-align:left;
}
#bookshelf_panel ol li a{
display:block;
}
#bookshelf_panel dl dt{
margin:2px 0px;
}
#bookshelf_panel dl dd{
margin:2px 0px;
}
#bookshelf_panel ul li.desc{
}
#bookshelf_panel ul li.desc p{
margin:4px;
text-align:left;
}
#bookshelf_desc dt{
clear:both;
margin:6px 6px 6px 0px;
font-weight:bold;
}
#bookshelf_desc dd{
margin:8px 4px;
padding-bottom:2px;
border-bottom:1px dotted #663300;
}
/* bookinfo */
#bookinfo{
margin:4px 4px 8px 4px;
padding-bottom:4px;
border-bottom:1px dotted #996633;
}
#bookinfo ul li.image{
float:left;
width:60px;
height:102px;
margin:2px;
text-align:center;
overflow:hidden;
}
#bookinfo ul li.image img{
margin-top:2px;
}
#bookinfo ul li.title{
float:right;
width:200px;
margin-bottom:8px;
}
#bookinfo ul li.author{
float:right;
width:200px;
}
#bookinfo ul.bookinfo_panel{
}
#bookinfo ul.bookinfo_panel li{
float:left;
margin:2px;
}
#bookinfo ul.bookinfo_panel li.checkbox{
width:56px;
margin-left:4px;
line-height:1.8;
}
#bookinfo ul.bookinfo_panel li.checkbox input{
vertical-align:middle;
}
#bookinfo ul.bookinfo_panel li.selectbox{
line-height:1.8;
}
#bookinfo ul.bookinfo_panel li.selectbox select{
width:210px;
}
#bookinfo ul.bookinfo_panel li.submit_btn{
float:right;
}
#bookinfo ul.bookinfo_panel li.submit_btn.delete{
margin-top:4px;
}
#bookinfo ul.bookinfo_panel li.submit_btn.delete input.attention:hover{
color:#fff;
background:#dd3300;
}
/* bookmemo */
.bookmemo{
clear:both;
margin:4px 4px 8px 4px;
}
.bookmemo p{
margin:4px;
padding:4px;
background:#ffffee;
border:1px #996633 solid;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
.bookmemo textarea{
margin-bottom:4px;
}
.bookmemo_panel{
padding:0px 4px;
margin-bottom:6px;
}
.bookmemo_panel a{
float:right;
}
.bookmemo_panel a.close{
margin-left:10px;
}
.bookmemo_panel input.submit{
float:right;
margin-left:4px;
}
.bookmemo_panel input.attention{
margin:0px 16px;
}
.bookmemo_panel input.attention:hover{
color:#fff;
background:#dd3300;
}
#bookmemo0 a.add{
margin-left:4px;
padding:1px 0px 1px 20px;
background:url("./images/add.gif") left center no-repeat;
}
#closebookinfo{
}
#closebookinfo a.close{
margin-left:4px;
padding-left:20px;
background:url("./images/close.gif") center left no-repeat;
}
/* profile */
#profile{
margin:0px 4px 4px 4px;
}
#profile ul{
margin:2px;
background:#f9f9f0;
border:1px solid #999;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#profile ul li{
margin:8px 0px;
}
#profile ul li.one{
clear:both;
text-align:center;
}
#profile ul li.two{
float:left;
width:50%;
}
#profile ul li.underline{
border-bottom:1px solid #999;
}
#profile ul li.odd{
clear:both;
margin:2px 0px;
}
#profile ul li.even{
float:right;
margin:2px 0px;
}
#profile ul li.head{
text-align:center;
}
#profile ul li a.main_digi{
font-weight:bold;
font-size:2.2em;
}
#profile ul li a.sub_digi{
font-weight:bold;
font-size:2.2em;
}
#profile ol{
margin-left:0px; /* ie */
padding-left:0px; padding-top:0px;/* firefox */
list-style:none;
margin:6px;
}
#profile ol li{
margin:0px;
text-align:left;
}
#profile ol li a.sub_digi{
float:left;
width:50px;
margin-right:4px;
text-align:right;
font-weight:bold;
font-size:1.2em;
}
#profile ul li dl.prof{
text-align:left;
}
#profile ul li dl.prof dt.image{
width:120px;
height:120px;
float:left;
margin:0px 6px 6px 6px;
text-align:center;
overflow:hidden;
}
#profile ul li dl.prof dd{
width:480px;
float:right;
padding:2px 0px;
margin-right:4px;
border-bottom:1px dotted #ccc;
}
#profile_panel{
margin:6px;
}
#profile_panel ul{
margin:2px;
background:#f9f9f0;
border:1px solid #999;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#profile_panel ul li{
margin:8px 0px;
}
#profile_panel ul li.one{
clear:both;
}
#profile_panel ul li.two{
float:left;
width:50%;
}
#profile_panel ul li.one p{
margin:6px 12px;
}
#profile_panel ul li.underline{
padding-bottom:4px;
border-bottom:1px solid #999;
}
#profile_panel dl.set_profile{
margin-left:12px;
}
#profile_panel dl.set_profile dt{
clear:both;
float:left;
width:70px;
}
#profile_panel dl.set_profile dd{
float:left;
margin:2px;
}
#profile_panel dl.set_profile dd.submit_btn{
clear:both;
float:none;
margin-right:12px;
}
#profile_panel dl.set_profile dd textarea{
width:240px;
height:60px;
}
#profile_panel dl.upload_image{
margin-left:12px;
}
#profile_panel p.set_bookstar{
margin-left:12px;
}
#profile_panel dl.set_amazon{
margin-left:12px;
}
#profile_panel dl.set_bookstar{
clear:both;
}
#profile_panel dl.set_bookstar dt{
float:left;
}
#profile_panel dl.set_bookstar dd{
float:left;
}
#profile_panel dl.set_bookstar{
margin-left:12px;
}
#profile_panel dl.set_bookstar dt{
width:30px;
}
#profile_panel dl.set_bookstar dd{
margin:2px 0px 2px 4px;
}
#profile_panel dl.set_bookstar dd input.starname{
width:11em;
}
#profile_panel dl.set_bookstar dd input.starstr{
width:1em;
}
#profile_panel dl.set_bookstar dd input.starcolor{
width:4em;
}
#profile_panel .submit_btn{
clear:both;
float:none;
text-align:right;
margin-right:12px;
}
#profile_panel dl.upload_image dd.submit_btn input.attention{
margin-top:4px;
font-size:0.8em;
}
#profile_panel dl.upload_image dd.submit_btn input.attention:hover{
color:#fff;
background:#dd3300;
}
#profile_panel li.twitter a{
margin: 6px 6px 6px 12px;
}
#profile_panel dl.import_csv{
margin-left:12px;
}
#profile_panel dd.filename{
text-align:right;
margin-right:12px;
}
#profile_panel dl.google_chart{
margin:6px 6px 6px 12px;
}
#profile_panel dl.google_chart textarea{
width:240px;
height:20px;
}
/* footer */
#footer ul{
margin:6px 6px 6px 12px;
}
#footer ul li{
float:left;
margin-right:18px;
}
#footer ul li a{
color:#fff;
font-size:0.9em;
}
#footer ul li a:hover{
text-decoration:underline;
color:#cc0000;
}
/* seach bookshelfs */
#search_bookshelfs{
margin:0px 4px 4px 4px;
}
#search_bookshelfs ul{
margin:10px 2px;
background:#f9f9f0;
border:1px solid #999;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#search_bookshelfs ul li{
margin:4px 0px;
float:left;
}
#search_bookshelfs ul li.one{
float:none;
clear:both;
text-align:center;
padding:6px 0px;
margin:2px 0px;
}
#search_bookshelfs ul li.underline{
border-bottom:1px solid #999;
}
#search_bookshelfs ul li.listed{
text-align:left;
}
#search_bookshelfs ul li.listed p.results{
margin:12px;
}
#search_bookshelfs ul li.listed a{
margin-right:0.8em;
}
#search_bookshelfs ul li.one.inform{
}
#search_bookshelfs li.inform input[type="text"]{
width:160px;
height:1.2em;
margin-right:1em;
background:#f9f9f0;
border:1px solid #996633;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#search_bookshelfs li.inform button{
margin-left:1em;
}
/* about */
#default #primary div.aboutpage h2{
margin-left:0px;
}
.aboutpage{
margin:0px 40px;
}
.aboutpage p{
line-height:1.6;
}
.aboutpage ol{
margin-left:0px; /* ie */
padding-left:0px; padding-top:0px;/* firefox */
margin:8px;
}
.aboutpage ol li{
margin:4px 0px 4px 24px;
}
.aboutpage #request{
width:320px;
margin:0px auto;
}
/* static page */
#about_this p{
clear:both;
}
#about_this .catch{
margin-bottom:30px;
}
#about_this .catch p{
font-size:1.1em;
}
#about_this .desc{
margin-bottom:20px;
}
#about_this .desc strong{
font-weight:bold;
}
#about_this .desc img{
margin-bottom:4px;
}
#about_this .desc img.l{
float:left;
}
#about_this .desc img.r{
float:right;
}
#about_this p.has_line{
margin-top:20px;
padding-top:10px;
border-top:1px dotted #999;
}
#help_faq ul.page_navi{
}
#help_faq ul.page_navi li{
float:left;
width:120px;
margin-right:8px;
}
#help_faq div.desc p.head{
margin:10px 0px;
padding-top:5px;
border-top:1px solid #963;
font-size:1.1em;
}
#help_faq div.desc div.image{
margin:10px 0px;
text-align:center;
}
#help_faq div.desc div.image img{
border:1px solid #966;
padding:2px;
}
#help_faq div.desc div.page_top{
margin:10px 0px;
padding-right:6px;
text-align:right;
}
#help_faq p.line-top{
margin-top:10px;
padding-top:5px;
border-top:1px dotted #ccc;
}
#help_faq p.line-bottom{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
}