html, body{margin:0 auto;padding:0;width:100%;min-height:100%;background:#fff;}
body, table, h3, h4{font-size:16px;}
body{background:#fff;
font:100% 'ＭＳ Ｐゴシック', sans-serif;line-height:100%;}

div,dt,dd {word-wrap: break-word;}

h1 {margin:0;padding:0;line-height:1;}
div {text-align:left;margin:0 auto;}
form, p {padding:0;margin:0;}
img {border:none;vertical-align:bottom;}
a {text-decoration:underline;color:#03b;}
a:hover {text-decoration:none;}
table a:visited {color:#925;}

ul, li {
list-style:none;
padding:0;
margin:0;
}

#topbody {
background:#fff url(images/mbg.jpg);
}
#wrap {
margin:0 auto;
width:770px;
}
.topwrap {
background:url(images/wrbg.jpg) center repeat-y;
}

#header {
line-height:20px;
padding:5px 0 5px 10px;
font-size:14px;
background:#fff url(images/headerbg.png) bottom repeat-x;
border-bottom:3px solid #999;
}
#header .bookcount{
color:#e00;
}

h1.library {
margin:0 auto;
padding:35px 0 20px 0;
text-align:center;
}
div.library {
width:770px;
margin:10px auto 5px auto;
text-align:left;
}

#footerinfo {
clear:both;
padding:0 0 0 5px;
margin:0 auto;
font-size:14px;
}
#footerinfo p{
margin:0 auto;
font-size:12px;
width:560px;
color:#000;
}
#footerinfo p.fnavi{
padding:5px 0 0 0;
font-size:14px;
text-align:center;
}
#footer {
clear:both;
padding:10px 0 5px 0;
font-size:14px;
text-align:center;
}

/**/

div.navi {
clear: both;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
padding:6px 0;
background:#fbfaf7;
}
div.navi p.insnavi {
width:770px;
margin:0 auto;
font-size:14px;
}
.pjnavi {
margin:0px auto;
padding:5px 0;
font-size:14px;
text-align:center;
}
p.plmsg{
margin:0px auto;
padding:10px 0 200px 0;
text-align:center;
font-size:14px;
}


h2.dtinfo {
clear:both;
}

p.atbookinfo {
padding:0 0 5px 5px;
}


#wrap h2.resulth, #wrap h1.resulth {
font-size:18px;
margin:0 0 20px 0;
border-top:1px solid #aaa;
border-right:2px solid #666;
border-bottom:2px solid #666;
border-left:1px solid #aaa;
background:#eeebda url(images/head2bg.png) top repeat-x;
}
#wrap h1.resulth {
margin:10px 0 10px 0;
}

#wrap h2 a, #wrap h1.resulth a{
display:block;
padding:8px 0;
text-indent:18px;
text-decoration:none;
color:#000;
background:url(images/head2abg.png) 6px center no-repeat;
}

#syllabary {
margin:0 auto;
padding:0;
width:720px;
}

p.intnavi {
font-size:14px;
text-align:center;
padding:0 0 5px 0;
}

table.book {
margin:0 auto 10px auto;
border-collapse: collapse;
width:720px;
}

#syllabary table {
margin:0 auto 20px auto;
border-collapse: collapse;
width:340px;
border:none;
}
#syllabary table.syllabary-o {
margin:0 0 20px 0;
float:left;
clear:both;
}
#syllabary table.syllabary-e {
margin:0 0 20px 0;
float:right;
}
table.book, table.book tr, #syllabary table, #syllabary table tr{
padding:0;
}
table.book th, table.book td, #syllabary table th, #syllabary table td {
padding:8px 0;
border:1px solid #aaa;
}
table.book th, #syllabary table th {
background:#fff url(images/thbg.png) bottom repeat-x;
text-align:center;
}
table.book th.btitle {
width:360px;
}
table.book th.itime {
width:82px;
}
table.book th.status {
width:80px;
}
table.book td.jtf {
width:360px;
}
table.book td {
font-size:12px;
color:#666;
padding:8px 10px;
}
#syllabary table td {
text-align:center;
}
table.book td a{
font-size:16px;
}
table.book td span.op {
color:#f55;
}
table.book td span.nop {
color:#55f;
}
table.book td span.op, table.book td span.nop {
padding-right:10px;
display:block;
text-align:center;
}

/* ## FOR VIEWER PAGE ## */

#wrap h1.bhead {
margin:10px auto;
padding:10px;
font-size:18px;
line-height:1;
border-top:1px solid #aaa;
border-right:2px solid #666;
border-bottom:2px solid #666;
border-left:1px solid #aaa;
background:#fbfaf7
}
#wrap h1.booktitle {
font-size:20px;
padding:10px 0 0 0;
}
p.titlekana {
padding:2px 0 10px 0;
}
div.viewer {
padding:10px 0 0 0;
background:#fbfaf7;
text-align:center;
border-top:1px solid #aaa;
border-right:2px solid #666;
border-bottom:2px solid #666;
border-left:1px solid #aaa;
}
div.viewer p.sharing {
padding:5px 0 2px 3px;
margin:5px 10px;
text-align:left;
border-top:1px solid #999;
}
div.viewer p.sharing a {
font-size:14px;
}
div.viewer p.sharing .i-twitter{
background:url(images/tweeticon.png) no-repeat;
padding:2px 10px 4px 23px;
}
div.viewer p.sharing .i-facebook{
background:url(images/facebookicon.png) no-repeat;
padding:2px 10px 4px 23px;
}
/* ## END VIEWER PAGE ## */

/* FOR SEARCH RESULT *******************/


div.librarylogo {
width:770px;
margin:10px auto 5px auto;
}
div.librarylogo div.headform {
margin:0;
padding:15px 0 0 0;
width:525px;
float:left;
}
div.librarylogo a{
display:block;
width:150px;
height:80px;
float:right;
}


p.setat {
padding:20px 0 200px 0;
}
dl.searchresult {
color:#666;
}
dl.searchresult dt{
margin:0;
padding:2px 0 3px 0;
font-size:16px;
}
dl.searchresult dd{
margin:0;
padding:6px 0 10px 20px;
font-size:14px;
}

.naviform {
width:770px;
padding:0;
margin:0 auto;
}
div.librarylogo div.naviform{
width:520px;
}
.naviform form {
padding:0;
margin:2px auto 8px auto;
}
.naviform form div{
margin:0;
padding:0;
line-height:1;
font-size:14px;
color:#666;
}
.naviform form div input {
font-size:16px;
}
.navi .naviform form div {
text-align:center;
}
.navi .naviform form div.bottomradio {
text-align:left;
width:490px;
margin:0 auto;
}

/* FOR SEARCH RESULT *******************/

p.pjtop {
margin:0 0 10px 30px;
padding:0;
width:710px;
text-align:right;
}

div#searchlistwrap{
width:566px;
background:#fff url(images/listbg_b.png) bottom repeat-x;
}

div#searchlistwrap:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
* html div#searchlistwrap{display:inline-block;}

ul#searchlist {
margin:0px auto;
width:566px;
height:30px;
}
ul#searchlist li#v-map a{
color:#000;
text-decoration:none;
}
ul#searchlist li {
background:#fff url(images/listbg_na.png) no-repeat;
padding:0;
margin:0 2px 0 0;
float:left;
width:140px;
height:30px;
line-height:30px;
font-size:14px;
overflow:hidden;
text-align:center;
text-decoration:underline;
cursor:pointer;
}
ul#searchlist li#v-jigyosyo {
margin-right:0;
}



/*///////////////////////////////////*/

#search {
clear:both;
margin:0 auto 10px auto;
padding:0;
width:565px;
}
#searchadd {
clear:both;
float:left;
margin:0 0 0 15px;
padding:0;
width:565px;
}
#search span {
color:#e00;
}
#topad {
float:right;
margin:0 15px 0 0;
width:160px;
height:600px;
}

#wrap p.topinfo{
margin:0 auto;
font-size:12px;
color:#000;
text-align:center;
}

#v-keywordsearch, #v-book, #v-author, #v-booklist {
margin:0px auto;
width:560px;
clear:both;
}
#v-booklist {
padding:10px 0 0 0;
}
#v-mybookdata {
float:left;
width:190px;
padding-bottom:9px;
}
#v-newlist {
float:left;
width:355px;
padding-bottom:9px;
}
#v-newlist ul {
margin:0;
padding:0;
}
#v-newlist ul li{
font-size:12px;
padding:0 0 5px 10px;
}
#v-newlist ul li a{
font-size:16px;
}
#v-newlist h2 a {
font-size:14px;
display:inline;
padding:0;
text-indent:0;
text-decoration:underline;
background:none;
font-weight:normal;
color:#03b;
}
#v-newlist h2 a:hover {
text-decoration:none;
}

#v-author {
clear:both;
}
#v-lastupdate {
text-align:right;
margin:0 auto;
padding:0 0 10px 0;
}
#v-keywordsearch {
padding:9px 0 10px 0;
border-top:1px solid #aaa;
}
#v-author, #v-book, #v-lastupdate {
padding:9px 0 15px 0;
border-top:1px solid #aaa;
}
#search input, #search select {
font-size:16px;
}
#search .sform {
padding:0;
margin:0;
}
#search .sform form {
padding:0;
margin:2px auto 8px auto;
height:45px;
}
#search .sform form div{
margin:0;
padding:0;
line-height:1;
}
#search .sform form p{
margin:0;
padding:0;
}

.searchbox{
width:400px;
border:1px solid #888;
margin:0 2px 0 0;
height:20px;
}

/*safari3*/
body:first-of-type .searchbox{
height:22px;
}
.submitbt{
width:80px;
height:27px;
background:url(images/submit.png);
font-size:16px;
color:#fff;
}
#wrap #search h2{
font-size:16px;
text-indent:2px;
padding:6px 0;
margin:0;
background:none;
border:none;
}

#search p{
text-indent:7px;
padding:2px 0 5px 0;
font-size:14px;
color:#555;
}

div.library-list, div.library-list li {
margin:0;
padding:0;
}
div.library-list ul {
margin:0 0 0 10px;
padding:0;
}
div.library-list ul li {
display:inline;
}

div.authordata {
padding:0 0 20px 0;  
width:300px;
float:left;
}
div.authordata h2, div.reviewpoint h2 {
font-size:20px;
margin:0;
padding:10px 0;
}
div.authordata table {
margin:0;
padding:0;
width:300px;
}
div.authordata table th {
margin:0;
padding:0;
width:90px;
text-indent:5px;
vertical-align:top;
}
div.authordata table td {
margin:0;
padding:0 0 10px 0;
text-align:left;
}
table.book th.knort {
width:52px;
}
div.reviewpoint {
padding:0 0 20px 0;
margin:0;
float:right;
width:440px;
}
div.authordata form {
padding:0;
margin:0;
}

div.reviewpoint .reviewptform {
width:180px;
float:left;
}
div.reviewpoint dl, div.reviewpoint dt, div.reviewpoint dd {
margin:0;
padding:0;
font-size:14px;
}
div.reviewpoint dt{
padding:3px 0 0 0;
width:80px;
float:left;
clear:both;
text-align:right;
}
div.reviewpoint dd{
padding:0 0 5px 0;
width:100px;
float:left;
}

div.reviewpoint .reviewptform p{
text-align:right;
}
div.reviewpoint .chartflash {
width:250px;
float:right;
}

div.reviewpoint form p{
padding:0 0 5px 0;
font-size:14px;
}
div.reviewpoint form .revitext {
width:100px;
font-size:14px;
}
div.reviewpoint form .revtarea {
width:100%;
height:60px;
font-size:14px;
}

div.adarea {
clear:both;
margin:0 auto 10px auto;
text-align:center;
padding:7px 0 0 0;
}
div.adarea .innerad{
margin:0 auto;
text-align:center;
padding:9px 0 6px 0;
background:#fff;
}
div.viewad {
clear:both;
margin:0 10px 5px 10px;
text-align:center;
padding-top:5px;
border-top:1px solid #999;
}


#wrap .siteinfo {
margin:0 auto;
width:500px;
}
#wrap .siteinfo dt {
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
}
#wrap .siteinfo dd {
margin:0;
padding:0 0 10px 20px;
font-size:14px;
}
#wrap .siteinfo h2{
margin:20px auto 10px auto;
padding:5px 10px;
background:#fff url(images/thbg.png) bottom repeat-x;
font-size:18px;
border-top:1px solid #aaa;
border-right:1px solid #666;
border-left:1px solid #aaa;
}
#wrap .siteinfo form {
margin:0;
padding:0;
width:500px;
}
#wrap .siteinfo form p {
padding:2px 0 0 0;
font-size:12px;
color:#d00;
}
#wrap .siteinfo table {
width:500px;
}
#wrap .siteinfo th {
width:140px;
vertical-align:top;
font-size:14px;
}
#wrap .siteinfo input.ctext , #wrap .siteinfo textarea.ctext {
width:100%;
font-size:14px;
}
#wrap .siteinfo textarea.ctext {
height:68px;
}
#wrap .siteinfo td.csubmit {
text-align:right;
}
h1.bhead a {
color:#000;
text-decoration:none;
}