@charset "Shift_JIS";

/*
Theme Name: Complicated
Theme URI: http://www.eretzvaju.org/complicated
Description: Maybe the most inadapted theme name I've ever seen
Version: 1.5
Author: Frederic de Villamil
Author URI: http://www.eretzvaju.org

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
  
  The alignleft and alignright classes are used to display floating 
  images on your posts with text nicely displayed around them

  Have fun, and don't be afraid to contact me if you have questions.
*/

/*
  * Redefinition des tags HTML
  */

/* global links */

@import "./calendar/cal.css";
@import "../../../../css/init.css";
@import "../../../../css/tips.css";

a {
  color: #1C1971;
}
a:hover {
  color: #4C49B1;
  text-decoration: none;
}
a:hover img{
  background-color:#FFFFFF;
  filter:alpha(opacity=60); /*IE*/
  -moz-opacity:0.60; /*FF*/
  opacity:0.60;
}

/* Global theme setting */
body {
  margin:0 auto;
  padding:0;
  color: #333;
}

/*** ヘッダ ***/
h1{
  width:403px;
  height:35px;
  float:left;
}
#Header{
  border-bottom:#1A1A6B solid 2px;
  margin-bottom:8px;
}
#HeaderInner{
  width:800px;
  height:35px;
  margin:0 auto;
}
#Totop{
  padding-top:11px;
  padding-left:15px;
  font-size:small;
  float:left;
}
#Totop a{
  color:#F60;
}
#Totop a:hover{
  color:#F90;
}
#Index #Totop{
  display:none;
}
#HeaderRight{
  float:right;
}
#HeaderRight td#Search{
  padding-top:8px;
}
#HeaderRight td#Search form{
  margin:0;
}
#HeaderRight td#English{
  padding-top:8px;
  padding-left:31px;
  vertical-align:top;
}


#Main{
  padding-bottom:20px;
  width: 817px;
  margin:auto;
}

#Left {
  width: 206px;
  float:left;
  padding-bottom:1px;
}
#Left .grayarea{
  background-color:#E6E6E6;
  padding-top:7px;
  padding-bottom:2px;
}
#Left p.img{
  text-align:center;
}
#Left table { 
  text-align: center;
  margin: 0px auto;
  border: 0px;
}

#Left #LeftInfo h3{
  color:#FFF;
  background-color:#1A1A6B;
  font-size:14px;
  font-family:"A-OTF リュウミン Pro M-KL", serif;
  padding:3px;
  text-align:center;
  font-weight:normal;
}
#Left #LeftInfo p.Body{
  padding:8px;
  margin:1px 0;
  border-top:#FF8100 solid 2px;
  border-bottom:#FF8100 solid 2px;
  font-size:small;
}
#Left #LeftInfo p.Footer{
  color:#FFF;
  background-color:#1A1A6B;
  font-size:14px;
  font-family:"A-OTF リュウミン Pro M-KL", serif;
  padding:3px;
  text-align:center;
}
/*
#Left li.closed li,
#Left li.page_item li {
  display: none;
}
#Left li.open {
  border-bottom: #c0c0c0 1px solid;
}
#Left li.closed {
  padding: 0 0 0 0;
  margin: 0 0 2px 0;
  border-bottom: #c0c0c0 1px solid;
}
#Left li li a,
#Left ul li ul li a {
  font: normal 120% Georgia, 'Times New Roman', Times, serif;
}
#Left ul li ul li ul li a {
  font: normal 140% Georgia, 'Times New Roman', Times, serif;
}
*/
#Navi{
  list-style-type: none;
  list-style-position:outside;
  margin-bottom:4px;
  padding:0 4px 0 5px;
}
#Navi li a:hover{
  background-color:#FFFFFF;
  filter:alpha(opacity=60); /*IE*/
  -moz-opacity:0.60; /*FF*/
  opacity:0.60;
}

#Right {
  width:576px;
  float:right;
}
#Loop table{
  border-collapse:collapse;
  border:#CCC solid 1px;
  margin-bottom:18px;
  width:100%;
  font-family:"ＭＳ Ｐゴシック", "小塚ゴシック", sans-serif;
}
#Information h3,
#Whatsnew h3{
  margin-bottom:12px;
}
#Information tr td{
  padding:10px 5px;
  color:#595959;
  border-collapse:collapse;
  border:#CCC solid 1px;
  font-size:small;
}
#Whatsnew tr td{
  padding:10px 5px;
  color:#595959;
  border-collapse:collapse;
  border:#CCC solid 1px;
  font-size:small;
}
#Information td.list_t_1,
#Whatsnew td.list_t_1{
  background-color:#F3F3F3;
}
#Information td.list_t_2,
#Whatsnew td.list_t_2{
}

.Story{
  padding-top:8px;
}
.Story h2{
  font-size:medium;
}

/* Citations */
cite {
  font-size: 90%;
  font-style: normal;
}

/* Globally post titles goes here */
h3 {
  font: bold 100% Verdana, serif;
  margin-top: 0;
}

h3#comments {
  font: bold 100% Verdana, serif;
  color: #387c93;
  margin: 15px 0 5px 0;
  padding: 0 0 1px 2px;
}

/* 
  * Use those classes so you can display floating pictures in your posts
  */
img.alignright {
  float: right;
  margin: 0 0 3px 7px;
  display: inline;
}

img.alignleft {
  float: left;
  margin: 2px 7px 0 0;
  display: inline;
}

/* Comment form subtitles */
h4,
h4.english,
h4#comments,
h4#comments a,
h4#postcomment,
h4#trackbacks,
h4.storycontent {
  border: 0px;
  font: 700 normal 100% Verdana, Helvetica, serif;
  color: #387c93;
  margin-top15px
  margin-bottom:5px;
  padding: 0 0 1px 2px;
  text-decoration: none;
}

/* Comments details */
h5.comments {
  font: normal 11px Verdana, Helvetica, serif;
  color: #333;
  margin: 0;
  padding-bottom: 0;
}

h5.comments a,
h5.comments a:visited  { 
  font-weight: normal;
  color: #cc2206;
  text-decoration: none;
}
#commentlist cite { 
  font: normal 9px Verdana, Helvetica, serif;
}

cite a {
  text-decoration: none;
}

ol#comments li p {
  font-size: 100%;
}

/* quoting something? */
blockquote {
  border-left: 3px solid #04455b;
  margin-left: 1.5em;
  padding-left: 5px;
}

/*
  * Classes de styles.
  */

.alignright {
  text-align :right;
}

.centered {
  text-align: center;
}
.comfooter{
  text-align: right;
}

.comfooter a,
.comfooter a:visited {
  font: normal 75% "Times New Roman", Times, serif;
  color: #387c93;
  text-decoration: underline;
}

.credit {
  color: #fff;
  font-size: 11px;
  padding: 3px;
  text-align: center;
}

.credit a:link,
.credit a:hover {
  color: #fff;
}

.edit {
  border-left: 3px solid #04455b;
  margin-left: 1.5em;
  padding-left: 5px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.english {
  padding: 5px;
  margin: 5px 0 10px 0;
  border-left: #387c93 3px solid;
  border-right: #387c93 1px solid;
  border-top: #387c93 1px solid;
  border-bottom: #387c93 1px solid;
}

/* The comments link */
.feedback {
  font: normal 11px Verdana, Helvetica, serif;
  color: #333;
  text-align: right;
  margin-bottom: 15px;
  text-decoration: none;
  margin-left: 2px;
}

.feedback a,
.feedback a:hover,
.feedback a:visited {
  color: #666;
  text-align: right;
  margin-bottom: 15px;
  text-decoration: none;
  margin-right: 2px;
}

.legende {
  text-align: center;
}

.storytitle {
  color: #387c93;
}
.storycontent p {
  font-size: 13px;
  color: #333;
  line-height: 1.5em;
}
.storycontent img{
  margin:5px 0;
}
/* posts unordered lists */
.storycontent ul li {
  list-style: none;
  margin-left: 30px;
  list-style-image: url(bullets2.png);
}

.storycontent ul ul li { 
  margin-left: 13px;
  list-style-image: url(bullets.png);
}

/* posts ordered lists */
.storycontent ol li { 
  list-style-type: decimal-leading-zero;
  margin-left: 30px;
}

.storycontent ol ol li { 
  margin-left: 15px;
}

/*
.storycontent a {
  color: #444;
  text-decoration: underline;
}

.storycontent a img {
  border: 1px solid #04455b;
  text-decoration: none;
}
.storycontent a[hreflang]:after {
  content: "\0000a0[" attr(hreflang) "]";
  color:#999;
}

.storycontent a:visited {
  text-decoration: underline;
}

.storycontent a:hover{
  text-decoration: none;
  color: #387c93;
}

.storycontent a:visited:hover {
  text-decoration: none;
}
*/

input[type="text"], textarea {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  border:#CCC solid 1px;
/*  background: #d1f4ff; */
/*  padding:3px;*/
  color: #666;
}

input[type="text"]:focus, textarea:focus {
/*  background: #beeefd; */
  background: #C0C3FF;
  color: #444;
  border-color: #666;
}

#commentform input[type="text"] {
  width: 170px;
/*  margin: 5px 5px 1px 0;*/
}

.meta {
  font-size: .77em;
}
.meta a {
  font-weight: normal;
  text-decoration: none;
  color: #cc2206;
}
.meta ul {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.meta li {
  display: inline;
}

hr.story{
  border-top:#CCCCCC solid 1px;
  border-right:none;
  border-bottom:none;
  border-left:none;
}

#credits {
  background: #387c93;
  font-size: 11px;
  color: #ccc;
  line-height: 16px;
  padding: 17px 2px 2px 2px;
  text-align: center;
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
}

#credits a{
  font-size: 11px;
  color: #444;
}

#trackbacks
{
  border: #387c93 1px solid;
  padding: 3px;
}

#trackbacks a {
  text-decoration: none;
}

.wp-smiley {
  border: 0px;
  background: #fff;
  padding: 0px;
}

#PlainLink{
  font-size:small;
  font-family:"ＭＳ Ｐゴシック", "小塚ゴシック", sans-serif;
  padding:40px 0 8px 0;
  text-align:right;
}

#Footer{
  background-color:#1A1A6B;
  clear:right;
}
#FooterInner{
  width:817px;
  margin:auto;
  padding-top:15px;
  padding-bottom:32px;
  font-size:x-small;
  color:#FFFFFF;
}
#FooterInner a{
  color:#FFFFFF;
}


/*** 共通 ***/

/* ナビ */
#SectionNavi{
  list-style:none;
  list-style-position:outside;
  height:42px;
}
#SectionNavi li{
  border-top:#CCC solid 1px;
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  float:left;
  height:41px;
  padding:1px 1px 0 1px;
  text-align:center;
  line-height:1;
  background:url(/library/wp-content/themes/default/img/section_navi_bg.jpg) repeat-x bottom;
}
#SectionNavi li.navi1{
  border-left:#CCC solid 1px;
  width:173px;
}
#SectionNavi li.navi2{
  width:235px;
}
#SectionNavi li.navi3{
  width:158px;
}
#SectionNavi li a{
  display:block;
  height:28px;
  padding-top:14px;
  border-top:#50B379 solid 3px;
  font-size:small;
}
#SectionNavi li a:hover,
.Beginners #SectionNavi li.navi1 a,
.Howtouse #SectionNavi li.navi2 a,
.Outofuniv #SectionNavi li.navi3 a,
.Books #SectionNavi li.navi1 a,
.Magazines #SectionNavi li.navi2 a,
.Newspapers #SectionNavi li.navi3 a
{
  border-top:#F60 solid 3px;
}




#Subpage{
  padding-top:22px;
}
#Subpage p{
  font-size:small;
  line-height:125%;
}
#Subpage p.midashi1{
  color:#272381;
  font-size:medium;
  font-family:"A-OTF 新ゴ Pro R", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}
#Subpage p.midashi2{
  color:#272381;
  text-align:center;
}
#Subpage h4{
  background-color:#272381;
  color:#FFF;
  margin-top:0;
  padding-left:8px;
}
#Subpage h4 div{
  padding:11px 0 11px 22px;
  border-left:#185D26 solid 14px;
  padding-left:8px;
}
#Subpage h5{
  border-left:#272381 solid 7px;
  border-bottom:#999 dotted 1px;
  color:#272381;
  font-size:medium;
  font-weight:normal;
  padding:2px 0 3px 7px;
  font-family:"A-OTF 新ゴ Pro R", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.red{
  color:#900;
}
.blue{
  color:#272381;
}
.orange a{
  color:#FF8100;
}
.orange a:hover{
  color:#FFB130;
}
.bordernone,
.bordernone th,
.bordernone td{
  border:none !important;
}
.underline{
  text-decoration:underline;
}

#Subpage input[type="text"],
#Subpage textarea {
  font: small Verdana, Arial, Helvetica, Sans-Serif;
  border:#CCC solid 1px;
/*  background: #d1f4ff; */
/*  padding:3px;*/
  color: #333;
}
#Subpage input[type="text"]:focus,
#Subpage textarea:focus {
/*  background: #beeefd; */
  background: #E0E3FF;
  color: #333;
  border-color: #333;
}

/*  初めて利用される方へ */
#Subpage.Beginners .Topimg{
  background:url(/library/wp-content/themes/default/img/beginnersimg.jpg) no-repeat right top;
}
#Subpage.Beginners .Topimg p.imgcontent{
  width:55%;
}
#Subpage.Beginners .Copyimg{
  background:url(/library/wp-content/themes/default/img/copyimg.jpg) no-repeat right top;
  height:154px;
}
#Subpage.Beginners .Copyimg p.imgcontent{
  width:60%;
  padding-top:24px;
}

#Subpage.Beginners #KikanTable{
  border-collapse:collapse;
  border:#333 solid 1px;
}
#Subpage.Beginners #KikanTable th,
#Subpage.Beginners #KikanTable td{
  border-collapse:collapse;
  border:#333 solid 1px;
  font-size:small;
  text-align:left;
  font-weight:normal;
}
#Subpage.Beginners #KikanTable td{
  padding-left:2em;
}

#Subpage.Beginners #CopyTable{
  border-collapse:collapse;
  border:#333 solid 1px;
}
#Subpage.Beginners #CopyTable th,
#Subpage.Beginners #CopyTable td{
  border-collapse:collapse;
  border:#333 solid 1px;
  font-size:small;
  font-weight:normal;
}

/* 利用方法 */
#Subpage.Howtouse h5{
  border:none;
  padding:28px 0 0 0;
}
#Subpage.Books .Topimg1{
  background:url(/library/wp-content/themes/default/img/booksimg1.jpg) no-repeat right top;
  height:147px;
  padding-top:12px;
}
#Subpage.Books .Topimg2{
  background:url(/library/wp-content/themes/default/img/booksimg2.jpg) no-repeat right top;
  height:147px;
  padding-top:12px;
}
#Subpage.Books .Topimg1 .imgcontent,
#Subpage.Howtouse .Topimg2 .imgcontent{
  width:60%;
}

#Subpage.Magazines .Topimg{
  background:url(/library/wp-content/themes/default/img/booksimg1.jpg) no-repeat right top;
  height:171px;
  padding-top:24px;
}
#Subpage.Magazines .Topimg .imgcontent{
  width:60%;
}

#Subpage.Newspapers .Topimg{
  background:url(/library/wp-content/themes/default/img/newsimg.jpg) no-repeat right top;
  height:184px;
  padding-top:24px;
}
#Subpage.Newspapers .Topimg table td{
  font-size:small;
}

/*** 本のリクエスト ***/
#Subpage.Request h4{
/*  margin-bottom:0;*/
}
#Subpage.Request .Topimg{
  background:url(/library/wp-content/themes/default/img/requestimg.jpg) no-repeat right top;
}
#Subpage.Request .Topimg p{
  width:56%;
  padding:32px 0 0 3px;
}
#Subpage.Request dl{
  font-size:small;
}
#Subpage.Request dl dd{
  padding-left:9px;
  margin-left:0;
}
#Subpage.Request #RequestTable{
  border-collapse:collapse;
  border:#FAFAFA solid 1px;
}
#Subpage.Request #RequestTable th,
#Subpage.Request #RequestTable td{
  border-collapse:collapse;
  border:#FAFAFA solid 1px;
}

/* よくある質問 */
#Subpage.Qanda dl dt,
#Subpage.Qanda dl dd{
  font-size:small;
}
#Subpage.Qanda dl dd{
  margin-left:0;
}

/* お問い合わせ */
#Subpage.Inquiry #InquiryTable{
  border-collapse:collapse;
  border:#FAFAFA solid 1px;
}
#Subpage.Inquiry #InquiryTable th,
#Subpage.Inquiry #InquiryTable td{
  border-collapse:collapse;
  border:#FAFAFA solid 1px;
}
#Subpage.Inquiry #InquiryTable input,
#Subpage.Inquiry #InquiryTable textarea{
  background-color:#FFC;
}

/* リンクページ */
#Subpage.Link .mr{
  margin-right:24px;
}

#Subpage.Link ol.list1{
  list-style-position:inside;
  font-size:small;
}
#Subpage.Link h5 span{
  font-size:x-small;
}
#Subpage.Link h6{
  color:#FFF;
  background-color:#272381;
  padding:5px;
}

#Subpage.Link div.flt_left{
  width:282px;
  padding-right:12px;
  padding-bottom:24px;
  clear:left;
  height:4em;
}
#Subpage.Link div.flt_right{
  width:282px;
  padding-bottom:24px;
  clear:right;
  height:4em;
}
#Subpage.Link div.flt_left p.medium,
#Subpage.Link div.flt_right p.medium{
  font-size:medium;
  letter-spacing:-0.1em;
}


/*** 電子ジャーナル ***/
#Subpage.DenshiJournal{
  padding-top:0;
}
#Subpage.DenshiJournal div.frame h5{
  font-size:20px;
  font-family:"A-OTF 新ゴ Pro L", sans-serif;
  color:#272381;
  border:none;
  padding:0;
}

#Subpage.DenshiJournal div.frame{
  margin-bottom:32px;
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.DenshiJournal div.frame:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#Subpage.DenshiJournal div.frame .flt_left{
  width:245px;
}
#Subpage.DenshiJournal div.frame .flt_left img{
  margin-bottom:18px;
}
#Subpage.DenshiJournal div.frame .flt_right{
  width:308px;
}


/* 蔵書検索 */
#Subpage.Opac h3{
  background:url(./img/opac-headimg.jpg) no-repeat left top;
  height:76px;
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.Opac h3:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#Subpage.Opac h3 br{
  display:none;
}

#Subpage.Opac form{
  margin:0;
  padding:0;
}

#Subpage.Opac h3 div{
  padding-top:20px;
  margin-left:380px;
  margin-bottom:0;
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.Opac h3 div:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#Subpage.Opac h3 div a{
  display:block;
  float:left;
  font-size:small;
  margin-left:12px;
  color:#333;
  background:url(./img/right-orange-arrow.gif) no-repeat left 2px;
  padding-left:16px;
}


#Subpage.Opac h4{
  margin-bottom:0;
  position:relative;
  z-index:1;
}

#Subpage.Opac div#book-and-magnifier-wrapper{
  height:290px;
  overflow:hidden;
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.Opac div#book-and-magnifier-wrapper:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}

#Subpage.Opac p#book-and-magnifier{
  background:url(./img/opac-headimg.jpg) no-repeat left top;
  float:right;
  width:272px;
  height:269px;
  position:relative;
  top:-33px;
  z-index:2;
}

#Subpage.Opac h5{
  margin-top:24px;
}

#Subpage.Opac h4.new-books{
  background:none;
  padding:0;
  margin-bottom:18px;
}

#Subpage.Opac div#SearchTarget{
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.Opac div#SearchTarget:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}

#Subpage.Opac div#SearchTarget div{
  float:left;
  width:96px;
  line-height:1.75em;
}
#Subpage.Opac div#SearchTarget div.and{
  width:86px;
}

#Subpage.Opac div#SearchTarget div img{
  margin-top:32px;
}

#Subpage.Opac div.SearchParams{
  margin-bottom:6px;
}
#Subpage.Opac div.SearchParams.last{
  margin-bottom:30px;
}

#Subpage.Opac input{
  font-family:monospace;
  font-size:small;
}

#Subpage.Opac h6{
  background:url(./img/exclamate.gif) no-repeat left 2px;
  border-bottom:#CCC dotted 1px;
  color:#272381;
  padding-bottom:4px;
  padding-left:14px;
  font-size:small;
  font-weight:normal;
  margin-bottom:18px;
}

#Subpage.Opac div#Hints dl{
  margin-bottom:6px;
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.Opac div#Hints dl:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#Subpage.Opac div#Hints dl.last{
  margin-bottom:30px;
}

#Subpage.Opac div#Hints dl dt{
  float:left;
  width:100px;
}
#Subpage.Opac div#Hints dl dd{
  float:right;
  width:476px;
}

#Subpage.Opac div#SubmitBotton{
  padding-left:154px;
  padding-right:24px;
  margin-bottom:30px;
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.Opac div#SubmitBotton:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}

#Subpage.Opac .btn-large{
  background:url(./img/btn_orange.gif) no-repeat left top;
  float:left;
  margin-left:24px;
}
#Subpage.Opac .btn-large a{
  display:block;
  width:152px; /* 163px */
  height:22px; /* 33px */
  line-height:1;
  padding-top:11px;
  padding-left:11px;
  color:#FFF;
  font-size:14px;
}

#Subpage.Opac p.page_link{
  margin-bottom:18px;
  text-align:right;
}
#Subpage.Opac p.page_back_link{
  margin-bottom:12px;
}

#Subpage.Opac ol{
  padding-left:42px;
}
#Subpage.Opac ol li{
  margin-bottom:18px;
}

#Subpage.Opac table{
  margin-bottom:24px;
}
#Subpage.Opac hr{
  margin-bottom:24px;
}

#Subpage.Opac .show-more{
  background:url(./img/disp-more.gif) no-repeat right top;
  zoom:1;/*for IE 5.5-7*/
}
#Subpage.Opac .show-more:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}

#Subpage.Opac .show-more a{
  display:block;
  float:right;
  width:144px;
  height:18px;
  color:#FFF;
  padding-top:7px;
  padding-left:20px;
  line-height:1;
}

#Subpage.Opac .not_found{
  padding-top:24px;
  padding-bottom:24px;
}
