/*
Theme Name: tcmj-libexhibition
Description: tokyo-ondai-lib
*/

/* 基本 */
body  {font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin: 0;
  padding: 0;
}



a  {text-decoration: none;
  color: #333333}

a img  {border: none}

/* コンテナ */
div#container  {width: 900px;
  margin: auto}

/* ヘッダー */
div#header  {font-family: 'Trebuchet MS', sans-serif;
  width: 900px;
  margin: 0;
 }

div#header h1  {font-size: 1.25em;
  font-weight: bold;
  background-color: #287284;
  padding: 0;
  margin: 0;}

div#header h1 a  {color: #ffffff}

div#header h1 a:hover  {background-color: #D7F7FF}

div#header p#desc  {font-size: 1em;
  font-weight: bold;
  text-align: right;
  color: #ffffff;
  background-color: #57CBEA;
  margin: 0}

p#headimg {margin: 0;
}

p#headimg img {margin: 0;
}



/*メ新しいニュー*/

div.menubar ul#menu {
   margin: 0px 0px 15px 0px ; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 40px; /* メニューバーの高さ */
}
div.menubar ul#menu li {
   width: 180px; /* メニュー項目の横幅 */
   height: 40px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
  border: solid 1px #287284;   float: left;
   list-style-type: none;
   position: relative;
}
div.menubar ul#menu a {
   background-color: #ffffff; /* メニュー項目の背景色 */
   color: #287284; /* メニュー項目の文字色 */
  font-size: 0.8em;
   line-height: 40px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}
div.menubar ul#menu a:hover {
   background-color: #D7F7FF; /* メニュー項目にマウスが載ったときの背景色 */
   color: #287284; /* メニュー項目にマウスが載ったときの文字色 */
  border: solid 1px #287284;
}
/* メニューバー直後のClearfix */
div.menubar ul#menu { zoom:1; }
div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

div.menubar ul#menu ul.sub {
   background-color: #ffffff; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #287284; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
}
div.menubar ul#menu ul.sub li {
   width: 250px; /* サブメニュー1項目の横幅 */
   height: 35px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #287284; /* サブメニュー1項目の枠線の色 */
}
div.menubar ul#menu ul.sub li a {
   width: 250px; /* サブメニュー1項目の横幅 */
   line-height: 35px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#menu ul.sub li a:hover {
   background-color: #D7F7FF; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #287284; /* サブメニュー項目にマウスが載ったときの文字色 */
}



/*プルダウンダウンメニュー*/
div#navigation {
   margin: 0px 0px 15px 0px ; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 40px; /* メニューバーの高さ */
}

#menu-navigation {
  list-style-type: none;
  width: 880px;
  margin: 0 0 30px auto 500px;
  padding: 0;
}
#menu-navigation li {
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu-navigation li a {
  display: block;
  margin: 0;
  padding: 16px 0;
  background: #ffffff;
  border: solid 1px #287284;
  color: #287284;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu-navigation li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#menu-navigation li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #287284;
  transition: .2s;
}
#menu-navigation li ul li a {
  padding: 13px 15px;
  background: #D7F7FF;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#menu-navigation > li:hover > a {  background: #D7F7FF }
#menu-navigation > li:hover li:hover > a {  background: #57CBEA;
  color: #287284;
 }
#menu-navigation li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#menu-navigation li ul li ul {
  top: 0;
  left: 100%;
}
#menu-navigation li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#menu-navigation li ul li ul li a {  background: #57CBEA;
  color: #287284;
}
#menu-navigation li:hover ul li ul li:hover > a {  background: #FFDEF2;
  color: #287284;
 }
#menu-navigation li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #287284;
}
#menu-navigation li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #287284;
}



/*りんくなび*/
div#linkmenu {font-size: 12px;
  width: 900px;
  height: 30px;
  background-color: #ffffff;
  margin: 0 0 20px 0;
}

div#linkmenu ul {
}

div#linkmenu ul li.lmenu {list-style-type: none;
  display: block;
  text-align: center;
  float: right;
  padding: 3px;
  margin: 0;
  border: solid 1px #231106;
}

div#linkmenu ul li.lmenu a{
}

div#linkmenu ul li.lmenu a:hover  {background-color: #D7F7FF;
}

/* コンテンツ */
div#content  {width: 550px;
  float: left}

h1.title  {font-weight: bold;
  color: #ffffff;
  width: 300px;
  margin: 0 0 10px;
  padding: 0 30px 0 10px;
  background-color: #231106;}

p.pagenation  {font-size: 0.75em;
  overflow: hidden}

span.oldpage  {float: left}

span.newpage  {float: right}


/* 記事 */
div.post  {margin-bottom: 30px;
  overflow: hidden}

div.post h2  {border-left: solid 10px #287284;
  border-bottom: solid 1px #287284;
  font-size: 0.875em;
  padding: 10px 18px;
  color: #000000;
  margin: 0}

div.post h2 a  {color: #000000}


div.post h2 a:hover  {background-color: #D7F7FF}

div.post p  {font-size: 0.875em;
  line-height: 1.6}

div.post p.postcat  {text-align: right;
  margin: 0px 20px 10px 0}

div.post p.postcat a  {font-size: smaller;
  background-color: #231106;
  border-radius: 2px;
  color: #ffffff;
  padding: 1px 5px}

div.post p.postinfo  {color: #231106;
  text-align: right;
  margin: 0}

div.post p#commentno  {font-size: 0.5em;
  color: #287284;
  text-align: right;
  margin: 0}

div.post ul  {margin: 0 25px 0;
  padding: 0;
  list-style-type: none}

div.post li  {font-size: 1em;
  line-height: 1.6;
  color: #287284;
}

div.post li a {
  color: #287284;
}

div.post li a:hover {background-color: #D7F7FF;
}


div.post a  {color: #287284;
    font-weight: bold;
}


div.post a:hover  {background-color: #D7F7FF}

/*五感注意*/
div.cau {background-color: #FFDEF2;
  padding: 5px;
  margin: 0 0 10px 0;
  font-size: 0.8em;
}

div.cau a  {color: #6B2451;
    font-weight: bold;
}


div.cau a:hover  {background-color: #EF7DBE}


/*クリックリンク*/
a.click {background-color: #FCCECA;
  font-size: 1.2em;
  line-height: 1.6;
  color: #AA3F3A;
}

a.click:hover  {background-color: #FF7D73}

/* 記事内の画像 */
.aligncenter  {display: block;
  margin-left: auto;
  margin-right: auto}

.alignleft  {float: left;
  margin-right: 10px;
  margin-bottom: 10px}

.alignright  {float: right;
  margin-left: 10px;
  margin-bottom: 10px}

.wp-caption  {border: solid 1px #231106;
  text-align: center;
  padding-top: 5px}

/* サイドバー */
div#sidebar  {width: 300px;
  float: right}

div#sidebar ul  {margin: 0;
  padding: 0;
  list-style-type: none}

div#sidebar .widget  {margin-bottom: 20px}

div#sidebar h2  {font-size: 0.75em;
  color: #ffffff;
  background-color: #231106;
  border-radius: 3px;
  padding: 2px 10px;
  margin: 0}

div#sidebar li li  {font-size: 0.75em;
  border-bottom: dotted 1px #231106;
  margin: 0}

div#sidebar li li a  {color: #000000;
  display: block;
  padding: 5px 10px}

div#sidebar li li a:hover  {background-color: #D7F7FF}

/* フッター */
div#footer  {border-top: solid 1px #287284;
  padding: 6px 0;
  clear: both}

div#footer p  {font-size: 0.75em;
  font-style: normal;
  font-family: Verdana, sans-serif;
  margin: 0}



/* 天気と気温 */
p.tenki  {width: 50px;
  float: left;
  text-align: center;
  border: solid 1px #f3b62f;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px}


/* 関連記事 */
div.related  {border: solid 1px #231106;
  margin-top: 20px}

div.related p  {color: #ffffff;
  background-color: #a7d043;
  margin: 0;
  padding-left: 10px}

div.related ol  {font-size: 0.75em}


/* 記事の個別ページ */
.single div.post h2  {background-color:#ffffff;
  color: #000000;
}

.single div.post h2 a  {color: 231106}


/* 分割した記事へのリンク */
#postpage  {text-align: center;
  padding-top: 20px;
  clear: both}

#postpage a  {border: solid 1px #231106;
  padding: 5px 10px;
  margin: 0 10px}

#postpage a:hover  {background-color: #D7F7FF}

#postpage span  {padding: 5px 10px;
  color: #231106;
  background: #231106}

#postpage a span  {padding: 0;
  color: black;
  background: none}


/* 画像の個別ページ */
.attachment div#content  {width: 100%;
  float: none}

.attachment p.photo  {text-align: center}


/* タイトルの一覧 */
ul.post  {list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: dotted 1px #231106}

ul.post li  {border-left: solid 10px #287284;
  border-bottom: solid 1px #287284;
  padding: 15px 0 15px 20px}

ul.post li a  {color: #000000}

ul.post li a:hover  {background-color: #D7F7FF}

ul.post li span  {font-size: smaller;
  color: #D7F7FF}


/* 続きを読む */
div.post p.more  {margin: 0;
  font-size: 0.625em}

div.post p.more a  {border: solid 1px #231106;
  color: #231106;
  padding: 3px}

div.post p.more a:hover  {background-color: #D7F7FF}


/* サムネイル画像 */
div.post p.thumb  {float: left;
  margin: 0 10px 10px 0}


/* トップページのタイトルの一覧 */
ul.toplist  {list-style-type: none;
  margin: 0 0 30px;
  padding: 0;}

ul.toplist li  {font-size: 0.875em;
  font-weight: bold;
  border-left: solid 10px #287284;
  border-bottom: solid 1px #287284;
  padding: 5px 0 5px 20px}

ul.toplist li a  {color: #333333}

ul.toplist li a:hover  {background-color: #D7F7FF}

ul.toplist li span  {font-size: smaller;
  color: #287284}


/* おすすめ記事 */
div#pickup div.post  {border: dotted 2px #f3b62f;
  background-color: #ffeedd;
  padding: 15px}



/*tag*/
p.tagtag {}

p.tagtag a  {background-color: #287284;
  border-radius: 2px;
  color: #ffffff;
  padding: 1px 5px}

p.tagtag a:hover  {background-color: #D7F7FF}


/* パンくずリスト */
.single div#header, .archive div#header
  {margin-bottom: 5px}

div#breadcrumb  {margin-bottom: 5px}

div#breadcrumb div  {display: inline;
  font-size: 0.75em}


/* ページ番号リンク */
p.pagenum  {text-align: center}

p.pagenum a, p.pagenum span
  {padding: 3px 6px;
  color: #ffffff}

p.pagenum a  {background-color: #D7F7FF}

p.pagenum a:hover  {background-color: #D7F7FF}

p.pagenum span  {background-color: #287284}




/* 検索フォーム */
#searchform, #searchform div  {display: inline}

#searchform label  {display: none}

#s  {border: solid 1px #231106;
  border-radius: 5px;
  padding: 3px 8px}

#s:hover, #s:focus  {background-color: #ffebbd}

#searchsubmit  {background-color: #666666;
  border-radius: 5px;
  color: #ffffff;
  border: solid 1px #231106;
  padding: 2px 8px;
  margin-right: 10px}

#searchsubmit:hover  {background-color: #D7F7FF}

div#subinfo img  {vertical-align: bottom}


/* 検索結果 */
.search p.title  {width: auto;
  background: #231106;
  color: #ffffff;
  padding: 10px;
  font-size: 1.25em}

.search-no-results p.title  {text-align: left;
  margin-bottom: 50px}

.search-no-results #content  {text-align: center;
  line-height: 2;
  border: solid 1px #333333;
  padding-bottom: 40px}

/* コメント */
#comments  {border: solid 1px #287284;
  padding: 0 18px;
  margin: 20px 0}

#comments h3  {font-size: 0.875em;
  border-left: solid 10px #231106;
  border-bottom: solid 1px #231106;
  padding-bottom: 3px;
  margin-top: 20px}

#comments p  {font-size: 0.75em}

#comments p a  {color: #287284}

#comments input, #comments textarea
  {display: block}

#comments textarea  {width: 450px}

#comments .required  {color: #287284}

#comments code  {display: block;
  margin-top: 5px;
  font-size: smaller}

#comments ul  {margin: 0;
  padding: 0}

#comments li.compost  {list-style-type: none;
  border-bottom: dotted 1px #287284;
  margin-bottom: 20px;}

#comments p.cominfo  {text-align: right}

#comments #comfeed a  {background-image: url(feed-icon-12x12.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 17px;
  line-height: 1em;
  color: #ffffff;
  text-decoration: none}

#comments #comfeed  {background-color: #231106;
  padding: 8px;
  margin-top: 30px}

#comments #trurl  {background-color: #231106;
  padding: 8px;
  margin-bottom: 30px}




/*h3*/
h3.title {font-size: 0.875em;
  border-left: solid 5px #287284;
  border-right: solid 3px #287284;
  border-bottom: solid 1px #287284;
  border-top: solid 1px #287284;
  padding: 3px;
  margin: 0}


h3 {font-size: 0.875em;
  border-left: solid 5px #287284;
  border-bottom: solid 1px #287284;
  padding: 3px;
  margin: 0}

/*コラム*/
div.ycolum {background-color: #FFFDEE;
  margin: 0 15px;
  color: #493C30;
  font-size: 0.875em;
  padding: 5px 15px 15px;
}

div.ycolum p.ctitle{  font-size: 1em;
    font-weight: bold;
    color: #231106;
}

div.bcolum {background-color: #D7F7FF;
  margin: 0 15px;
  color: #493C30;
  font-size: 0.875em;
  padding: 5px 15px 15px;
}

div.bcolum p.ctitle{  font-size: 1em;
    font-weight: bold;
    color: #231106;
}

/*年表*/
div#content900  {width: 850px;
  float: left}


table.syn {
}

table.syn td.st {
  font-size: 1.25em;
  font-weight: bold;
  color: #ffffff;
  background-color: #005273;
  text-align: center;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.syn td.yt {
  font-size: 1.25em;
  font-weight: bold;
  color: #ffffff;
  background-color: #0E522C;
  text-align: center;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.syn td.nt {
  font-size: 1.25em;
  font-weight: bold;
  color: #ffffff;
  background-color: #4E1C0F;
  text-align: center;
  vertical-align: top;
  padding: 0;
  margin: 0;
}


table.syn td.ss {
  font-size: 0.8em;
  color: #005273;
  background-color: #84CFF2;
  text-align: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.syn td.yy {
  font-size: 0.8em;
  color: #0E522C;
  background-color: #96CE9E;
  text-align: center;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.syn td.nn {
  font-size: 0.8em;
  color: #4E1C0F;
  background-color: #F5B395;
  text-align: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.syn td.sss {
  font-size: 0.8em;
  color: #005273;
  background-color: #DAEFF9;
  text-align: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.syn td.yyy {
  font-size: 0.8em;
  color: #0E522C;
  background-color: #D2FFDE;
  text-align: center;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.syn td.nnn {
  font-size: 0.8em;
  color: #4E1C0F;
  background-color: #F8E6E0;
  text-align: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

p.synt {
  font-size: 0.8em;
}

p.synt a.slink {
  color: #005273;
  font-size: 1.2em;
  text-decoration: none;
}

p.synt a.slink:hover {
  color: #ffffff;
  background-color: #005273;
}

p.synt a.nlink {
  color: #4E1C0F;
  font-size: 1.2em;
  text-decoration: none;
}

p.synt a.nlink:hover {
  color: #ffffff;
  background-color: #4E1C0F;
}

.smf {
 font-size: 0.75em;
}

b.sn {
    font-weight: bold;
  font-size: 1.2em;
}