/********** 全体共通 **********/
html {overflow-y: scroll}
body {font-family: 'メイリオ',
'Hiragino Kaku Gothic Pro',
sans-serif;
background-image: url(../images/background.svg);
background-position: center;
background-repeat: repeat-y;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%}
html,body {height: 100%;
margin: 0;
padding: 0}
* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
h1 {font-size: 22px;
letter-spacing: 0.01em;
max-height: 999999px/*100%*/}
h2,h3,h4,h5,h6 {max-height: 999999px/*100%*/}
p,li {font-size: 15px;
line-height: 1.8;
max-height: 999999px/*100%*/;
color: #333333;
word-break: loose;
hanging-punctuation: first last allow-end}
a {text-decoration: none;
max-height: 999999px/*100%*/}
ul {list-style-type: none}
img {border-style: none}
#below {clear: both}
#all-wrap {width: 900px;
margin-left: auto;
margin-right: auto}
/********** ヘッダー **********/
header {background-color: #FFFFF0;
border-top: solid 0px #D2B48C;
border-bottom: solid 5px #D2B48C;
border-left: solid 1px #D2B48C;
border-right: solid 1px #D2B48C;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
#header2 {width: 800px;
margin-left: auto;
margin-right: 10px}
#header2 h1 {font-size: 34px;
line-height: 1;
padding-top: 35px;
padding-left: 9px;
margin-top: 0px;
margin-bottom: 0px;
border-bottom: solid 3px #CD853F;
color: #8B4513}
header #logo {float: left;
background-image: url(../images/logo-header.svg);
background-repeat: no-repeat;
text-indent: -8000px;
margin-left: 17px;
margin-right: 7px;
margin-top: 19px;
width: 60px;
height: 85px}
header #logo:hover {background-image: url(../images/logo-header-open.svg)}
#noscript {float: right;
margin-top: -120px;
margin-right: 5px}
#noscript p {font-size: 10px;
color: #777777}
/********** ナビメニュー **********/
nav {float: right;
margin-top: -82px;
margin-right: 6px;
color: #444444}
nav a {color: #B8860B}
nav a:visited {color: #B8860B}
nav a:hover {color: #8B4513;
font-weight: bold}
nav .parent>li {float: left;
padding-left: 8px;
padding-right: 8px;
font-size: 15px}
nav .child li {height: 39px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid 1px #CD853F;
border-radius: 2px;
padding: 5px;
padding-top: 7px;
margin-top: 1px;
font-size: 13px}
nav .child li:first-child {margin-top: 3px}
nav .mother {padding-bottom: 4px;
color: #B8860B}
nav .child {position: absolute;
padding-left: 0;
padding-right: 0;
margin-left: 7px;
margin-top: 0px;
overflow: hidden;
height: 0;
opacity: 0;
-ms-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: #FFFFF0;
border-radius: 2px;
z-index: 5}
nav li #no2,
nav li #no1 {-ms-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s}
nav li #no1 {width: 80px}
nav li #no2 {width: 160px}
nav li #no3 {width: 64px}
nav li:hover #no1 {height: 162px;
opacity: 1}
nav li:hover #no2 {height: 202px;
opacity: 1}
nav li:hover #no3 {height: 82px;
opacity: 1}
nav li:hover .mother {text-decoration: none}
nav .child a:hover {text-decoration: none}
/********** パンくず **********/
#breadcrumbs ul {margin-top: 3px;
margin-bottom: 0;
padding-left: 15px;
padding-bottom: 10px;
border-top: solid 1px #CD853F}
#breadcrumbs li {display: inline;
font-size: 13px}
#breadcrumbs a {color: #696969}
#breadcrumbs a:visited {color: #696969}
#breadcrumbs a:hover {color: #333333;
font-weight: bold}
#breadcrumbs img {vertical-align: -1px;
margin-left: 6px;
margin-right: 7px;
margin-bottom: 2px;}
/********** サイトマップ **********/
#sitemap {width: 890px;
margin-left: auto;
margin-right: auto;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
padding-bottom: 25px;
background-color: #DCDCDC;
overflow: auto}
#sitemap>ul {margin-left: -25px}
#sitemap li {font-size: 13px;
color: #333333;
line-height: 2.4}
#sitemap a {color: #4D4D4D}
#sitemap a:visited {color: #4D4D4D}
#sitemap a:hover {color: #222222;
font-weight: bold}
#sitemap .sm-0 ul {margin-left: -38px}
#sitemap .sm-1 {float: left;
margin-right: 7px;
padding-top: 8px;
padding-left: 6px;
padding-right: 7px;
background-color: #F5F5F5;
border-radius: 2px}
#sitemap #sm-a,
#sitemap #sm-b,
#sitemap #sm-c {border-bottom: solid 10px #DCDCDC;
width: 854px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px}
#sitemap #sm-a li,
#sitemap #sm-c li {float: left;
margin-right: 28px;
margin-left: 20px;
margin-top: -30px;
border-left: solid 1px #B3B3B3;
padding-left: 5px}
#sitemap #sm-a li:first-child {margin-left: 110px}
#sitemap #sm-c {border-bottom: none}
#sitemap #sm-c li:first-child {margin-left: 110px}
#sitemap #sm-b .sm-2 ul {margin-right: 11px}
#sitemap .sm-2 {float: left;
margin-left: 0px;
margin-right: 23px;
border-left: solid 1px #B3B3B3;
padding-left: 6px}
#sitemap .sm-2:last-child {margin-right: -30px}
/********** サイトマップ-ブロック **********/
#sitemap-block {width: 900px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
margin-top: -40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
padding-top: 18px;
padding-bottom: 10px;
padding-left: 0x;
overflow: hidden;
border-top: solid 3px #CD853F;
border-bottom: solid 2px #CD853F;
border-left: solid 1px #C3C3C3;
border-right: solid 1px #C3C3C3;
background-color: #FFF9C0/*#FFFFF0*/;
border-radius: 2px}
.block,
.block-k,
.block-main,
.block-sub,
.block-blank {width: 171px;
height: 55px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
border: solid 1px #CD853F;
border-top: solid 3px #CD853F;
border-radius: 1px;
background-color: #FFFFF0/*#FFFACD*/;
padding-top: 6px;
margin-left: 7px;
margin-right: 0px;
margin-bottom: 8px;
-ms-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s}
#cinema_zine-block p {font-size: 16px;
line-height: 1.2}
.block-blank {background-color: #E8E8E8/*#FFFFDC/*#B5B5B5*/;
border: solid 1px #8C8C8C}
.block-main {background-color: #FFFFF0}
.block-sub {background-color: #FFFFF0}
.block-k {background-color: #FFFFF0}
.himself {background-color: #FFFFF0;
border-top: solid 3px #925B26;
border-bottom: solid 1px #925B26;
border-left: solid 2px #925B26;
border-right: solid 2px #925B26}
.block-k:hover {border-top: solid 1px #CD853F;
border-bottom: solid 3px #CD853F;
padding-top: 1px;
-ms-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
font-weight: bold}
.himself:hover {border-bottom: solid 3px #925B26}
.block-blank:hover {background-color: #D2D2D2/*#B5B5B5*/;
padding-top: 2px;
-ms-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s}
.block-blank:hover p {color: #5C5C5C/*#FFFFD9/*#777777*/}
.block p,
.block-k p,
.block-main p,
.block-sub p,
.block-blank p {text-align: center;
font-size: 14px}
.block-blank p {color: #777777/*#FFFFD9*/}
/********** フッター **********/
footer a {color: #CD853F}
footer a:visited {color: #CD853F}
footer {width: 890px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
margin-top: 0px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 5px;
text-align: right;
clear: both;
border-top: solid 1px #CD853F}
footer img {padding-right: 4px;
vertical-align: -3px}
/********** 二段組み **********/
section {width: 308px;
margin-left: 15px;
float: left;
border-top: solid 2px #8B4513;
border-right: solid 4px #8B4513;
border-radius: 0 2px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333333;
clear: both}
section a {color: #333333}
section a:visited {color: #333333}
section a:hover {font-weight: bold}
section ul {margin-left: -35px;
margin-right: 30px;
margin-top: 20px}
section li {border-left: solid 6px #8B4513;
border-bottom: solid 1px #CD853F;
margin-bottom: 13px;
padding-left: 7px;
font-size: 15px}
section li:last-child {margin-bottom: -10px}
section small {padding-left: 22px}
section h1 {margin-left: 8px;
margin-top: 20px;
margin-bottom: 3px;
line-height: 1.2;
padding-top: 8px;
padding-bottom: 8px}
section h2 {margin-left: 18px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 20px}
.main article {width: 550px;
margin-left: 12px;
margin-right: 15px;
margin-bottom: 70px;
padding: 40px;
padding-top: 15px;
padding-bottom: 12px;
background-color: #FFFFF0;
border-top: solid 2px #808080;
border-bottom: solid 1px #808080;
border-left: solid 4px #808080;
border-right: solid 1px #808080;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
/********** 四段組みコラム **********/
.column {width: 890px;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
font-size: 15px}
.column article,
.column .only-image {width: 217px;
height: 217px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 3px;
margin-right: 2px;
margin-bottom: 3px;
border: solid 1px #CD853F;
border-radius: 2px;
z-index: 1}
.column img {width: 215px;
height: 215px;
float: left;
opacity: 0.9}
.excuse {text-align: right;
padding-right: 15px;
margin-bottom: 70px;
color: #4D4D4D;
clear: both}
/********** アイキャッチ＆ワイドコラム **********/
#eyecatch,
.widecolumn {width: 900px;
height: 217px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: solid 1px #B3B3B3;
border-radius: 2px;
z-index: 1;
clear: both}
#eyecatch img,
.widecolumn img {width: 898px;
height: 215px;
opacity: 0.9}
/********** article共通 **********/
article,
.only-image {float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
/********** コラム飛び出しメニュー(浮き上り) **********/
.popup {width: 215px;
height: 215px}
/********** コラム飛び出しメニュー(上から下) **********/
.popup-updown {width: 215px;
height: 0px}
/********** コラム飛び出しメニュー(左から右) **********/
.popup-leftright {width: 0px;
height: 215px}
/********** コラム飛び出しメニュー(共通) **********/
.popup,
.popup-updown,
.popup-leftright {text-align: center;
line-height: 3;
margin-top: 160px;
overflow: hidden;
position: relative;
top: -215px;
opacity: 0;
-ms-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: #F9F9F9}
a:hover .popup,
a:hover .popup-updown,
a:hover .popup-leftright {color: #000000;
width: 215px;
height: 215px;
opacity: 0.8}
/********** 更新 **********/
.new,
.new-end {width: 870px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
margin-bottom: -8px;
clear: both;
box-shadow: 0 3px #FFAAAA}
.new-end {margin-top: -32px;
margin-bottom: 50px;
box-shadow: 0 -3px #FFAAAA}
.new p,
.new-end p {width: 200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px 14px 0px 0px;
background-color: #FFAAAA;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 1.4;
padding-top: 5px;
color: #666666}
.new-end p {border-radius: 0px 0px 2px 2px;
color: #FFAAAA;
font-size: 9px}
/********** ページトップへ **********/
/*.to-top {padding-top: 3px;
padding-right: 15px;
color: #333333;
background-color: #ECECEC;
text-align: right;
font-size: 12px}*/
/*.to-top1 {width: 892px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid 1px #DDDDDD;
border-left: none;
border-right: none;
border-radius: 2px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px}*/
.back-to-top {position: fixed;
bottom: 35px;
right: 15px}
.back-to-main {position: fixed;
bottom: 105px;
right: 15px}
.back-to-top a,
.back-to-main a {border: solid 2px #CCCCCC;
border-radius: 5px;
padding: 12px;
padding-left: 18px;
padding-right: 18px;
background-color: #EEEEEE;
opacity: 0.7;
color: #0B1015/*#213242*/;
font-weight: bold}
.back-to-top a:visited,
.back-to-main a:visited {color: #0B1015/*#213242*/}
.back-to-top a:hover,
.back-to-main a:hover {color: #213242/*#020304*/;
opacity: 1.0}
@media screen and (max-width: 940px)
{.back-to-top a {padding: 18px;
padding-left: 25px;
padding-right: 25px;
font-size: 20px}}
@media screen and (max-width: 940px)
{.back-to-main a {padding: 18px;
padding-left: 25px;
padding-right: 25px;
font-size: 20px}
.back-to-main {position: fixed;
bottom: 35px;
right: 250px}}
/********** ブラウザに関する別ウィンドウ **********/
#about-browser {width: 890px;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: solid 2px #808080;
text-align: right;
padding-right: 8px}
#about-browser a {color: #4D4D4D;
font-size: 13px}
#about-browser a:visited {color: #4D4D4D}
#open-window {color: #696969;
width: 890px;
margin-left: auto;
margin-right: auto;
height: 0;
overflow: hidden;
position: relative;
top: 0;
opacity: 0;
border-radius: 2px;
-ms-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
background-color: #E6E6E6;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
#open-window p {font-size: 12px}
#open-window:target {height: 100%;
opacity: 1}
#open-window a {color: #4169E1;
font-size: 12px}
#open-window a:visited {color: #4169E1}
#open-window a:hover {text-decoration: underline;
font-weight: bold}
#close a {color: #111111;
font-size: 12px}
#close a:visited {color: #111111}
#close a:hover {text-decoration: none}
/********** ものの本書閣バナー **********/
.mononohon_books {width: 870px;
height: 120px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
clear: both;
border-top: solid 2px #CD853F/*#808080*/;
border-bottom: solid 2px #CD853F/*#808080*/;
border-left: solid 1px #CD853F/*#808080*/;
border-right: solid 1px #CD853F/*#808080*/;
border-radius: 2px;
background-image: url(../images/books-banner.png);
background-size: contain;
opacity: 1;
-ms-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s}
.mononohon_books p {text-align: right;
margin-right: 115px;
margin-top: 22px}
.mononohon_books:hover {opacity: 0.9;
border-top: solid 2px #808080/*#CD853F*/;
border-bottom: solid 2px #808080/*#CD853F*/;
border-left: solid 1px #808080/*#CD853F*/;
border-right: solid 1px #808080/*#CD853F*/;
-ms-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s}
/********** ものの本書閣バナー **********/
/********** ここから個別ページ設定 **********/
/********** リンクページ **********/
.links {width: 870px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
clear: both;
border-top: solid 5px #CD853F;
border-bottom: solid 2px #CD853F;
border-left: solid 1px #C3C3C3;
border-right: solid 1px #C3C3C3;
border-radius: 2px;
background-color: #FFFFF0;
padding-bottom: 4px}
.links h2 {font-size: 18px;
margin-top: 2px;
margin-bottom: 25px;
border-top: solid 2px #CD853F;
border-bottom: solid 1px #F6DBB8;
line-height: 1.2;
padding-top: 15px/*10px*/;
padding-left: 12px;
padding-bottom: 12px/*8px*/;
background-color: #FFFACD;
color: #333333}
.links h3 {width: 350px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
font-size: 15px;
padding-left: 18px;
padding-right: 15px;
border-left: solid 6px #696969;
border-bottom: solid 1px #999999;
margin-left: 18px;
margin-top: -2px;
margin-bottom: 18px}
.links p {font-size: 14px;
padding-left: 24px;
padding-right: 15px;
margin-top: -10px;
margin-bottom: 20px;
margin-left: 28px}
.links a {color: #000080}
.links a:visited {color: #000080}
.links a:hover {font-weight: bold}
.links ul {margin-top: 0;
margin-bottom: 7px;
margin-left: 6px;
padding-left: 6px}
.links li {margin-bottom: 11px}
article a {color: #000080}
article a:visited {color: #000080}
article a:hover {text-decoration: underline}
/********** 著作権ページ **********/
.main ul {margin-left: 0;
padding-left: 0}
section p {padding-left: 10px}
footer {color: #CD853F}
/********** 組織ページ **********/
table,th,td {border: solid 1px #808080}
table {border-collapse: collapse;
font-size: 15px;
margin-left: 15px;
margin-bottom: 70px;
float: left;
color: #333333}
th,td {padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 10px}
th {padding-left: 15px;
padding-right: 5px}
td ul {padding-left: 0px;
margin-top: 4px;
margin-bottom: 4px}
td li {margin-bottom: 5px}
td {width: 540px;
background-color: #FFFFF0;
border-left: solid 2px #808080}
th {text-align: left;
font-weight: normal;
width: 100px;
background-color: #E7B07B;
border-left: solid 3px #CD853F}
#only-image {float: right;
width: 217px;
height: 217px;
margin-left: 3px;
margin-right: 15px;
margin-top: 40px;
border: solid 1px #CD853F;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
#only-image img {width: 215px;
height: 215px;
float: right;
opacity: 0.9}
caption {border-left: solid 3px #8B4513;
border-bottom: solid 1px #808080;
margin-bottom: 2px;
font-weight: bold;
font-size: 19px;
text-align: left;
padding-left: 24px;
padding-top: 5px;
padding-bottom: 3px}
#soshiki-table a {color: #333333}
#soshiki-table a:visited {color: #333333}
#soshiki-table a:hover {font-weight: bold}
/********** 求ムページ **********/
.motomu-column-l,
.motomu-column-r {width: 420px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFFFF0;
border: solid 1px #CD853F;
border-top: solid 5px #CD853F;
border-radius: 2px 2px 20px 20px;
margin-bottom: 50px}
.motomu-column-l h3,
.motomu-column-r h3 {font-size: 16px;
margin-top: 2px;
padding-top: 9px;
padding-bottom: 7px;
text-align: center;
border-top: solid 2px #CD853F;
border-bottom: solid 1px #F6DBB8;
line-height: 1.8;
background-color: #FFFACD}
.motomu-column-l {float: left;
clear: left;
margin-left: 15px}
.motomu-column-r {float: right;
clear: right;
margin-right: 15px}
.motomu-column-l p,
.motomu-column-r p {padding-left: 20px;
padding-right: 15px}
.motomu-column-l a,
.motomu-column-r a {color: #000080}
.motomu-column-l a:visited,
.motomu-column-r a:visited {color: #000080}
.motomu-column-l a:hover,
.motomu-column-r a:hover {text-decoration: underline}