@charset "utf-8";

/*--------------------------
ClearFix
---------------------------*/

.contents:after,
#scrollable:after,
.articles:after,
article:after,
article header:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
.contents,
#scrollable,
.articles,
article,
article header {min-height: 1px;}
* html .contents,
* html #scrollable,
* html .articles,
* html article,
* html article header {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}


/*--------------------------
全体
---------------------------*/
html{
  font-size: 62.5%;
  padding: 0;
  position: relative;
  height: 100%;
}
body{
  background-color: #fff;
  background-image: url("../img/bg-body-before.png");
  background-repeat: no-repeat;
  background-position: 0% 0%;
  text-align:center;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
  font-size:1.3em;
  padding: 0;
  position: relative;
  height: 100%;
  min-width:960px;
}
body:before{
  background-image: url("../img/bg-body-after.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  content:" ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width:100%;
}
.wrap{
  background-image: url("../img/bg.png");
  background-repeat: repeat-y;
  background-position: 50% 0%;
  margin: 0;
  padding:0;
  position: relative;
  top: 0;
  left: 0;
  text-align:left;
//  width:100%;
  min-width:960px;
//  min-height: 100%;
}

/*--------------------------
ヘッダー
---------------------------*/
#ceiling{
  background: url("../img/header.png") no-repeat 50% 0%;
  border-bottom: 3px double #998675;
  position: relative;
  height:100px;
}
.siteName{
  color: #4D4D3A;
  font-size: 1.8em;
  line-height: 1.20em;
  margin: 0 auto;
  padding: 1em 520px 0 40px;
  width: 400px;
  z-index: 300;
}
#ceiling .siteName a{
  display: block;
}
#ceiling .siteName img{
  width: 180px;
}



/*--------------------------
コンテンツ
---------------------------*/
.contents{
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  z-index: 40;
  min-width:960px;
}

.articles{
  margin: 0 auto;
  padding: 0 0 3em 0;
  width: 960px;
  background: #fff;
}
.articles header{
}
.articles h1{
  border-bottom: 3px double #998675;
  color: #0c517a;
  margin: 0 auto 1em auto;
  padding: 1em 36px;
  background: #fff;
}

.articles h1.books{
  background-repeat: no-repeat;
  height: 340px;
  padding: 0;
  text-indent: -99999px;
  width: 960px;
}

.articles .part1{background-image: url(../img/h1-books01.jpg);}
.articles .part2{background-image: url(../img/h1-books02.jpg);}
.articles .part3{background-image: url(../img/h1-books03.jpg);}
.articles .part4{background-image: url(../img/h1-books04.jpg);}
.articles .part5{background-image: url(../img/h1-books05.jpg);}
.articles .part6{background-image: url(../img/h1-books06.jpg);}

.paging{
  text-align: center;
}


/* ナビゲーション
---------------------------*/
.nav{
}

.nav .global{
  background-position:80% 0;
  background-image: url("../img/bg-nav.png");
  border-bottom:#071F47 1px solid;
  height:45px;
}
.nav .local{
  background-position:20% 0;
  background-image: url("../img/bg-contents.png");
  border-bottom: 3px double #998675;
  height:55px;
}

.nav .global,
.nav .local{
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  position: relative;
}

.global li{  height:45px;  border-right: #4570A4 1px solid;}
.local li{  height:55px;  border-right: #ccc 1px solid;}


.global li,
.local li{
  border-left: transparent 1px solid;
  padding: 0 4px;
  width: 150px;
  position: absolute;
  top:10px;
  left: 50%;
}

.global a{  height:45px;}
.local a{  height:55px;}

.global a,
.local a{
  background-position: 0 0px;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  padding: 0;
  position: relative;
  text-indent: -99999px;
}

.global li,
.global a{  width: 230px;}
.local li,
.local a{  width: 150px;}

.global a:hover,
.local a:hover{
  background-color:#fff;
  background-position: 0 -55px;
}

.global .books {  margin-left: -475px;}
.global .author {  margin-left: -235px;}
.global .background {  margin-left: -155px;}
.global .search {  margin-left: 245px;}
.global .books a{  background-image:url("../img/nav-child-books.png");}
.global .author a{  background-image:url("../img/nav-child-author.png");}
.global .words a{  background-image:url("../img/nav-child-words.png");}

.local .books01 {  margin-left: -475px;}
.local .books02 {  margin-left: -315px;}
.local .books03 {  margin-left: -155px;}
.local .books04 {  margin-left: 5px;}
.local .books05 {  margin-left: 165px;}
.local .books06 {  margin-left: 325px;}
.local .books01 a{  background-image:url("../img/nav-child-books-01.png");}
.local .books02 a{  background-image:url("../img/nav-child-books-02.png");}
.local .books03 a{  background-image:url("../img/nav-child-books-03.png");}
.local .books04 a{  background-image:url("../img/nav-child-books-04.png");}
.local .books05 a{  background-image:url("../img/nav-child-books-05.png");}
.local .books06 a{  background-image:url("../img/nav-child-books-06.png");}


.nav .global .search a{
  background: url(../img/advanced-search.png) no-repeat 0 50%;
  display: block;
  height: 30px;
  margin: 0 0 0 auto;
  text-indent: -99999px;
  width: 80px;
}
.global .search,
.nav .books06{
  border-right: transparent 1px solid;
}
.search form {
  background: #fff;
  padding: 1px 5px;
}

.search input {
  background: #fff;
  border:none;
}

.search #PageKeyword{
  width: 185px;
  margin: 0 5px 0 0;
}
.search #PageKeyword:focus{
  outline: none;
  border-bottom: 1px dotted #ddd;
}

.search .submit input{
  background: url("../img/search-submit.png") no-repeat #fff;
  height: 25px;
  text-indent: -99999px;
  width: 25px;
}
.search .submit{
  display: inline;
  height: 25px;
  width: 25px;
}

.search a{
  text-indent: 0;
  height: inherit;
}

.global:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
.global {min-height: 1px;}
* html .global {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}



.global .current:before{
  content: "";
  display: block;
  border: 6px solid transparent;
  border-bottom: 6px solid #071F47;
  height: 0;
  margin: 0 -3px 0 0;
  position: absolute;
  bottom: -10px;
  right: 50%;
}
.global .current:after{
  content: "";
  display: block;
  border: 6px solid transparent;
  border-bottom: 6px solid #fafafa;
  height: 0;
  margin: 0 -3px 0 0;
  position: absolute;
  bottom: -11px;
  right: 50%;
}
.local .current a{
  background-position: 0 -110px;

}


/* パンくず
---------------------------*/
.crumb{
  background: #fff;
  margin: 0 auto;
  padding: 1em 20px; 
  width: 920px;
  border-bottom: 3px double #998675;
}
.crumb li{
  display: inline;
  position:relative;
  z-index: 10000;
}
.crumb li:before{
  color: #aaa;
  content: " > ";
}
.crumb li:first-child:before{
  display:none;
}
.crumb .current{
  font-weight:bold;
}
/* detail
---------------------------*/
#detail figure{
  padding: 1em 0 0 0;
  text-align: center;
  height: 480px;
}


/* scrollable
---------------------------*/
#scrollable{
  border-bottom: 3px double #ddd;
  margin: 2em 45px;
  padding: 0 0 2em 0;
  width: 860px;
}
#scrollable .scroller{
  cursor: pointer;
  display: block;
  float: left;
  height: 100px;
  margin: 0;
  position: relative;
  text-indent: -99999px;
  width: 45px;
}
#scrollable .scroller:before,
#scrollable .scroller:after{
  content: " ";
  border: 30px solid transparent;
  position: absolute;
  top: 20px;
}
#scrollable .scroller:hover:before{
  border-radius: 10px;
}
#scrollable .next{
}
#scrollable .prev:before{
  border-right: 30px solid #000;
  right: 10px;
}
#scrollable .prev:after{
  border-right: 30px solid #fff;
  right: 9px;
}
#scrollable .next:before{
  border-left: 30px solid #000;
  left: 10px;
}
#scrollable .next:after{
  border-left: 30px solid #fff;
  left: 9px;
}
#scrollable .prev:hover:before{  top: 16px;border: 34px solid transparent;border-right: 34px solid #c00;}
#scrollable .prev:hover:after{  right: 9px;}
#scrollable .next:hover:before{  top: 16px;border: 34px solid transparent;border-left: 34px solid #c00;}
#scrollable .next:hover:after{  left: 9px;}

#scrollable .bx-wrapper{
  float: left;
  height: 120px;
  margin: 0;
  overflow: hidden;
//  width: 770px;
}
#scrollable .items{
  float: left;
  height: 120px;
  margin: 0;
  overflow: hidden;
//  width: 770px;
}
#scrollable .thumbnail{
  border: 5px solid transparent;
  float: left;
  padding: 0px;
  width: 100px;
}
#scrollable .current{
  border: 5px solid #A41709;
}
#scrollable .thumbnail figcaption{
  cursor: e-resize;
  padding: 10px 10px 7px 10px;
  text-align: center;
}
#scrollable .current figcaption{
  background-color: #A41709;
  color: #fff;
  font-weight: bold;
}

/* search engine
---------------------------*/
.basic.search{
  margin: 0 auto;
  padding: 1em 0;
  width: 300px;
}
.basic.search .input.text{
  float: left;
  margin: 0;
  width: 200px;
}
.basic.search .input.text label{
  display: none;
}
.basic.search .input.text #PageKeyword{
  border: 1px solid #ccc;
  margin: 0;
  padding: 10px;
  width: 178px;
}
.basic.search .submit{
  border: 3px double #998675;
  float: right;
  height: auto;
  margin: 0;
  width: 89px;
}
.basic.search .submit input{
  background-image: url("../img/bg-nav.png");
  color: #fff;
  display: block;
  font-weight: bold;
  height: auto;
  padding: 8px 0; 
  text-align: center;
  text-indent: 0;
  width: 89px;
}
.options{
  clear: both;
  margin: 0 auto;
  padding: 1em 0;
  width: 300px;
}
.options .input.select{
  padding: 0 0 0.5em 0;
}
.options .input.select label{
  padding: 0 0.5em 0 0;
}
.options .input.select .inline label{
  padding: 0 0.5em 0 0;
}
.counter{
  margin: 0;
}
.result.list{
}
.result.list th,
.result.list td{
  background: #fff;
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 2em 0.5em 0.5em 0.5em;
  vertical-align: top;
}
.result.list .original,
.result.list .translated{
  padding: 0.5em;
}
.result.list .original{
  border-right: 1px dotted #ddd;
}
/*--------------------------
本文
---------------------------*/
article{
  float: left;
  line-break:strict;
  margin: 0 0 0 60px;
  font-size: 1.2em;
  width: 580px;

}
article h1,
article h2,
article h3,
article h4{
  color: #0c517a;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  z-index: 0;
}

article div+h1,
article p+h1,
article dl+h1,
article ol+h1,
article ul+h1,
article table+h1{
  margin: 2em 0 0.5em 0;
}
article h1+h2,
article h2+h3,
article h3+h4{
  margin: 1em 0 0.5em 0;
}
article h1{
  border-bottom: 3px double #ddd;
  font-size: 1.45em;
  padding: 0 0 0.25em 1.5em;
  text-indent: -1.5em;
}

article h2{
  border-bottom: 1px solid #ddd;
  font-size: 1.25em;
  padding: 0 0 0.25em 1em;
  text-indent: -1em;
}

article h3{
  border-bottom: 1px solid #aaa;
  font-size: 1.1em;
}
article h4{
  font-size: 1.0em;
}
article p{
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}
article table{
  width: 100%;
  margin: 0 0 1.5em 0;
}
article thead th{
  color: #666;
  font-size: 0.8em;
}
article th,
article td{
  border: 1px solid #888;
  padding: 0.25em;
  vertical-align: top;
}

article th{
  background: #f2f2f2;
}

article ol,
article ul{
  margin: 0 2em 1.5em 1.5em;
}
article ol{
  list-style-type: decimal;
}
article ul{
  list-style-type: disc;
}
article li{
  margin: 0.5em;
}
article blockquote{
  background: #f2f2f2;
  margin: 0 0 1.25em 0;
  padding: 0.5em 2em;
  
}
article blockquote:before{
  content: "❝";
  color: #ddd;
  display: block;
  font-size: 5em;
  line-height: 0.5em;
  padding: 0.4em 0 0 0;
  vertical-align: sub;
  
}
article blockquote:after{
  content: "❞";
  color: #ddd;
  display: block;
  font-size: 5em;
  line-height: 0.5em;
  padding: 0.4em 0 0 0;
  text-align: right;
  
}
figure figcaption{
  font-size: 0.8em;
}



article .align.right{float: right;margin: 0 0 0.5em 0.5em;}
article .align.left{float: left;margin: 0 0.5em 0.5em 0;}
article .align.center{display: block;text-align: center;margin:0.5em auto;}
article .clear{clear: both;}

article a[href^="http"]:after{
  background-image: url("../images/_blank.png");
  background-position: 0 0;
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
article a[href^="http://example.com"]:after{
  background: none;
  display: none;
}

article a[href$=".pdf"],
article a[href$=".doc"],
article a[href$=".xls"],
article a[href$=".zip"],
article a[href^="http"]{
  position: relative;
  margin: 0 0 0;
}
article a[href^="http://example.com"]{
  position: inherit;
  margin: 0;
}
article a[href$=".pdf"]:after,
article a[href$=".doc"]:after,
article a[href$=".xls"]:after,
article a[href$=".zip"]:after{
  background-image: url("../images/icon_files1.png");
  content: " ";
  display: inline-block;
  width: 18px;
  height: 16px;
  vertical-align: middle;
}
article a[href$=".pdf"]:after{background-position: 0 0;}
article a[href$=".doc"]:after{background-position: -20px -20px;}
article a[href$=".xls"]:after{background-position: -40px -40px;}
article a[href$=".zip"]:after{background-position: -60px -60px;}


article figure a[href$=".pdf"],
article figure a[href$=".doc"],
article figure a[href$=".xls"],
article figure a[href$=".zip"]{
  margin:inherit;
}
article figure a[href$=".pdf"]:after,
article figure a[href$=".doc"]:after,
article figure a[href$=".xls"]:after,
article figure a[href$=".zip"]:after{
  display: none;
}
/* article(oneColumn)
---------------------------*/
.oneColumn article{
  float: none;
  line-break:strict;
  margin: 0 3em;
  font-size: 1.2em;
  width: auto;

}
/* aside
---------------------------*/
aside {
  float: right;
  margin: 0 60px 0 0;
  width: 240px;
}
.notation{
  margin: 0 0 1em 0;
}
aside h2{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 1em 0;
  padding: 1em 0.25em 0.25em 0.25em;
}
.toggle{
  text-align: center;
}
.pertain {
  display: block;
  text-align: center;
}

.pertain li{
  display: inline;
  margin: 0;

}
.pertain li img{
  margin: 5px;

}
aside .pagelist {
  padding: 0 0 0 2em;
  list-style-type: disc;
}
aside .pagelist li{
  color: #E3E33E;
  margin: 0.5em 0;
}
/*smalltip
---------------------------*/
.smallipop-instance {
  background-color: rgba(7,31,71,.7);
  color: #fff;
  display: none;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 9999;
  max-width: 400px;
}
.smallipop-instance:after {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-top: 6px solid rgba(7,31,71,.7);
  height: 0;
  margin: 0 -3px 0 0;
  position: absolute;
  bottom: -12px;
  right: 50%;
}


/*--------------------------
フッター
---------------------------*/
.wrap>footer{
  background: url("../img/bg-footer.png") 50% 0;
  border-top: 3px double #998675;
  margin: 0 auto;
  padding: 1em 0 0 0;
  position: relative;
  width: 100%;
  min-width:960px;
  height: 3em;
  z-index: 100;
}
.climbingStick{
  display: none;
  margin: 0 -475px 0 0;
  position: fixed;
  bottom: 4.5em;
  right: 50%;

}
footer .copyright{
  display: block;
  margin: 1em auto;
  text-align: center;
  width: 960px;
}


/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.mainVisual {
}
  
  .slides {
    position: relative;
    height: 100%;
    
    /* Simple clear fix */
    
    /**  
     * Prevent blinking issue
     * Not tested. Experimental.
     */
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;

    /**
     * Here is CSS transitions 
     * responsible for slider animation in modern broswers
     */
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
       -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
         -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
            transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  }
  
    .slide {
      height: 100%;
      float: left;
      clear: none;
      position: relative;
      z-index: 1000;
    }


  .slider-arrows {}

    .slider-arrow {
      position: absolute;
      display: block;
      margin-bottom: -20px;
      padding: 20px;
    }

      .slider-arrow--right { bottom: 50%; right: 30px; }
      .slider-arrow--left { bottom: 50%; left: 30px; }


  .slider-nav {
    position: absolute;
    bottom: -30px;
    z-index:;
  }

    .slider-nav__item {
      width: 12px;
      height: 12px;
      float: left;
      clear: none;
      display: block;
      margin: 0 5px;
      background: #fff;
    }

        .slider-nav__item:hover { background: #ccc; }
        .slider-nav__item--current { background: #ccc; }