@charset "UTF-8";
@import url(/_themes/hongaku/base/init.css);
@import url(/_themes/hongaku/base/style.css);
@import url(/_themes/hongaku/piece/style2.css);


/*******************************************************************************
#1	オーバーライド：レイアウト（2カラム）
*******************************************************************************/
#main {
  float: left;
  margin-bottom: 1em;
}

#side {
  float: right;
  margin-bottom: 1em;
}




/*******************************************************************************
#1	アイキャッチ
*******************************************************************************/
#topCatchPC {
  margin-bottom: 1em;
}
#topCatchSP {
  margin-bottom: 1em;
  display: none;
}

#topCatchPC .box-slide-pc,
#topCatchSP .box-slide-sp {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
}
#topCatchPC .box-slide-pc img,
#topCatchSP .box-slide-sp img {
  position: absolute;
  left: 0;
  top: 0;
}

/*******************************************************************************
#1	pickup
*******************************************************************************/

#toppickup {
  margin-bottom: 1em;
  width: 100%;
  max-width: 100%;
}
/* タイトル */
#toppickup h2 {
  background: url no-repeat left top;
  padding: 2px 0 5px 0px;
  margin : 0.7em 0 0 0.4em;
  font-size: 120%;
}

#toppickup .box-pickup {
  margin: 0;
  padding:0;
}

#toppickup .box-pickup-element {
  margin: 0;
  padding:1% 0.5%;
  width:33.33%;
  max-width: 100%;
  float:left;
}

#toppickup .box-pickup-element-inner {
  margin: 0;
  padding:0;
  border: solid 1px #333;
}

#toppickup .col-pickup-l {
  margin: 0;
  padding:2%;
  width: 40%;
  max-width: 100%;
  float: left;
}

#toppickup .col-pickup-r {
  margin: 0;
  padding:2%;
  width: 60%;
  max-width: 100%;
  float: right;
}
#toppickup .col-pickup-r h3 {
  margin: 0;
  padding:0.2em 0 0.5em;
}

#toppickup .col-pickup-r p.p-data {
  margin: 0;
  padding:0.2em 0 0.2em;
  font-size: 0.8em;
}
#toppickup .col-pickup-r p.p-txt {
  font-size: 0.9em;
}
#toppickup .col-pickup-r p.p-more {
  font-size: 0.9em;
  margin-top: 0.5em;
}


/*******************************************************************************
#1	pickup
*******************************************************************************/

#topemergency {
  margin-bottom: 1em;
  width: 100%;
  max-width: 100%;
}

#topemergency .box-emer {
  margin: 0;
  padding:0.5em 1.0em;
  border: solid 2px #ff0000;
  background: #FADCE2;
}

#topemergency .box-emer ul {
  margin: 0;
  padding:0;
}
#topemergency .box-emer li {
  list-style: none;
  /*! margin-bottom: 0.5em; */
}
#topemergency .box-emer li a:link,
#topemergency .box-emer li a:visited {
  color: #333;
  text-decoration: none;
}
#topemergency .box-emer li a:hover {
  color: #333;
  text-decoration: underline;
}

/*==========================================================
#2  スマートフォン対応
==========================================================*/
@media screen and (max-width: 640px) {
  #topCatchPC {
    display: none;
  }
  #topCatchSP {
    display: block;
  }

#toppickup .box-pickup-element {
  margin: 0;
  padding:1% 2%;
  width:100%;
  max-width: 100%;
  float:none;
}

}




/*******************************************************************************
#1	カラム
*******************************************************************************/
#main  .top-cols-sub {
  width: 24.6667%;
  float: left;
}

#main  .top-cols-main {
  width: 73.3333%;
  float: right;
}


/*==========================================================
#2  スマートフォン対応
==========================================================*/
@media screen and (max-width: 640px) {
  #main  .top-cols-sub {
    width: 100%;
    float: none;
  }
  #main  .top-cols-main {
    width: 100%;
    float: none;
    padding-left: 5px;
    padding-right: 5px;
  }
}




/*******************************************************************************
#1	メニュー
*******************************************************************************/
#topMenu {
  margin-bottom: 1em;
  line-height: 110%;
  font-size: 110%;
}

/* 対象者別 */
#topMenu .top-menu-target {
  margin-bottom: 1em;
}

#topMenu .top-menu-target h2 {
  margin: 1.7em 0 1.0em;
  border-bottom: solid 1px #333;
  font-size: 0.9em;
  font-weight: normal;
  padding-bottom: 0.5em;
}

#topMenu .top-menu-target ul {
  margin: 0;
  padding: 0;
}
#topMenu .top-menu-target li {
  margin: 0 0 5px 0;
  padding: 0;
  list-style-type: none;
}
#topMenu .top-menu-target li a {
  color: #333;
  background:  url(/_themes/hongaku/top/images/menu_target_bg.gif) no-repeat 10px 17px;
  text-decoration: none;
  padding: 12px 5px 15px 30px;
  line-height: 180%;
  font-size: 0.9em;
}
#topMenu .top-menu-target li a:hover,
#topMenu .top-menu-target li a:active {
  text-decoration: underline;
}

/* スマホ用戻るボタン */
#topMenu .top-menu-target-sp-back {
  display: none;
}

/* スマホ用メニュータイトル */
#topMenu .top-menu-target-sp-title {
  display: none;
}

/* スマホ用ボタン */
#topMenu .top-menu-target-sp {
  display: none;
}

/* スマホ用マスク */
#topMenu .top-menu-target-sp-mask {
  display: none;
}

/* 科別 */
#topMenu .top-menu-department {
  margin-bottom: 1em;
}
#topMenu .top-menu-department ul {
  margin: 0;
  padding: 0;
}
#topMenu .top-menu-department li {
  margin: 0 0 5px 0;
  padding: 0;
  list-style-type: none;
}
#topMenu .top-menu-department li a {
  display: block;
  color: #fff;
  background: #666;
  text-decoration: none;
  padding: 15px 5px 15px 10px;
}

#topMenu .top-menu-department li a {
  display: block;
  color: #fff;
  background: #001e4e;
  text-decoration: none;
  padding: 15px 5px 15px 10px;
}

#topMenu .top-menu-department li.top-menu-department-keizai a {
  background-color: #fff;
  border :1px solid #29ABE2;
  color:#29ABE2;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#topMenu .top-menu-department li.top-menu-department-keizai a:hover,
#topMenu .top-menu-department li.top-menu-department-keizai a:active {
  background-color: #29ABE2;
  color:#fff;
}
#topMenu .top-menu-department li.top-menu-department-bungaku a {
  background-color: #fff;
  border :1px solid #69e57A;
  color:#69e57A;
   -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#topMenu .top-menu-department li.top-menu-department-bungaku a:hover,
#topMenu .top-menu-department li.top-menu-department-bungaku a:active {
  background-color: #69e57A;
  color:#fff;
}
#topMenu .top-menu-department li.top-menu-department-bijutsu a {
  background-color: #fff;
  border :1px solid #F7931E;
  color:#F7931E;
   -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#topMenu .top-menu-department li.top-menu-department-bijutsu a:hover,
#topMenu .top-menu-department li.top-menu-department-bijutsu a:active {
  background-color: #F7931E;
  color:#fff;
}
#topMenu .top-menu-department li.top-menu-mou a {
  font-size: 80%;
  background-color: #fff;
  border :1px solid #8B2024;
  color:#8B2024;
   -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#topMenu .top-menu-department li.top-menu-mou a:hover,
#topMenu .top-menu-department li.top-menu-mou a:active {
  background-color: #8B2024;
  color:#fff;
}
#topMenu .top-menu-department li.top-menu-googlestreetview a {
  font-size: 80%; 
  background-color: #fff;
  border :1px solid #000000;
  color:#000000;
   -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#topMenu .top-menu-department li.top-menu-googlestreetview a:hover,
#topMenu .top-menu-department li.top-menu-googlestreetview a:active {
  background-color: #000000;
  color:#fff;
}


/*==========================================================
#2  スマートフォン対応
==========================================================*/
@media screen and (max-width: 640px) {

  /* スマホ用戻るボタン */
  #topMenu .top-menu-target-sp-back {
    display: block;
    margin: 15px 10px 15px 10px;
  }
  #topMenu .top-menu-target-sp-back a {
    display: block;
    background: url(/_themes/hongaku/piece/images/header_navi2_sp_back_bg.png) no-repeat 0 0.15em;
    padding: 0 0 0 25px;
  }

  /* スマホ用メニュータイトル */
  #topMenu .top-menu-target-sp-title {
    display: block;
    border-bottom: solid 1px #333;
    margin: 0 10px 15px 10px;
    padding: 5px 0 10px 35px;
    font-weight: normal;
    background: #EAEBEB url(images/menu_target_sp_bg.png) no-repeat 0 0;
  }

  /* スマホ用ボタン */
  #topMenu .top-menu-target-sp {
    display: block;
    margin: 0 0 10px 0;
  }
  #topMenu .top-menu-target-sp a {
    display: block;
    color: #333;
    background: #EAEBEB url(images/menu_target_sp_bg.png) no-repeat 10px 6px;
    padding: 10px 0 10px 45px;
    text-decoration: none;
  }

  /* スマホ用マスク */
  #topMenu .top-menu-target-sp-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  /* 科別 */
  #topMenu .top-menu-department {
    margin-left: 5px;
    margin-right: 5px;
  }
}


/*==========================================================
#2  スマートフォン対応
==========================================================*/
@media screen and (max-width: 640px) {

}




/*******************************************************************************
#1	新着情報、お知らせ、トピックス、イベント
*******************************************************************************/
#docTab {
}

/* タブ */
#docTab .tabs ul {
  margin: 0 0 0.5em;
}
#docTab .tabs ul:before,
#docTab .tabs ul:after {
  content: " ";
  display: table;
}
#docTab .tabs ul:after {
  clear: both;
}
#docTab .tabs ul {
  *zoom: 1; /* for IE 6/7 only */
}
#docTab .tabs li {
  width: 25%;
  float: left;
}
#docTab .tabs a {
  display: block;
  text-align: center;
  color: #333;
  background: #EAEBEB;
  text-decoration: none;
  padding: 10px 0;
  border-right: solid 1px #fff;
}
#docTab .tabs .current a,
#docTab .tabs a:hover,
#docTab .tabs a:active {
  color: #fff;
  background: #b3b3b3;
}

/* コンテンツ */
#docTab .content {
  margin-bottom: 0.5em;
  font-size: 90%;
}
#docTab .content ul {
  margin: 0;
  padding: 0;
}
#docTab .content li {
  margin: 0;
  padding: 3px 5px;
  list-style-type: none;
  border-bottom: solid 1px #E6E6E6;
}

/* フィード */
#docTab .feed {
  float: right;
  margin: 0;
  list-style-type: none;
}
#docTab .feed li {
  display: inline-block;
}
#docTab .feed a {
  background: url(/_themes/hongaku/base/images/link_rss.png) no-repeat left 0.2em;
  padding: 0 0 0 15px;
  margin-left: 15px;
}

/* 一覧リンク */
#docTab .more a {
  background: url(/_themes/hongaku/base/images/link_arrow2.png) no-repeat left 0.4em;
  padding: 0 0 0 15px;
}




/*******************************************************************************
#1	バナー
*******************************************************************************/
#topBnr {
  margin-bottom: 1em;
}

/* バナー1 */
#topBnr .top-bnr1 {
  margin-bottom: 1em;
  padding: 0;
}
#topBnr .top-bnr1 ul {
  margin: 0;
  padding: 0;
}
#topBnr .top-bnr1 li {
  margin: 0 0 10px 0;
  padding: 1.0em 0 1.0em 0.5em ;
  border: solid 1px #333;
}

#topBnr .top-bnr1 li a:link,
#topBnr .top-bnr1 li a:visited {
  margin: 0;
  padding: 0 0 0 15px ;
  list-style-type: none;
  font-size: 0.9em;
  background: url("/_themes/hongaku/base/images/icon_allow.jpg") no-repeat left;
  display: block;
  line-height: 120%;
  color: #333;
}

/* バナー2 */
#topBnr table {
  margin: 1em 0;
  width: 100%;
}
#topBnr table td {
  margin: 0;
  padding: 0.5em 0 ; 
  width: 33.3333%;
  text-align: center;
}

/* バナー2 */
#topBnr .top-bnr2 {
  margin-bottom: 1em;
  border-top: solid 1px #333;
  padding-top:1.0em;
}
#topBnr .top-bnr2 ul {
  margin: 0;
  padding: 0;
}
#topBnr .top-bnr2 li {
  margin: 0 0 5px 5px;
  padding: 0;
  list-style-type: none;
}

#topBnr .top-bnr2 li a:link,
#topBnr .top-bnr2 li a:visited {
  margin: 0;
  padding: 0 0 0 20px ;
  list-style-type: none;
  font-size: 0.9em;
  background: url("/_themes/hongaku/base/images/icon_allow02.jpg") no-repeat left;
  line-height: 1.8em;
  color: #333;
}


/*==========================================================
#2  スマートフォン対応
==========================================================*/
@media screen and (max-width: 640px) {
  #topBnr {
    margin-left: 5px;
    margin-right: 5px;
  }
  #topBnr .top-bnr1 {
    background: none;
  }
  #topBnr .top-bnr1 li {
    width: 48%;
    margin-right: 2%;
    float: left;
  }
  #topBnr .top-bnr2 li {
    width: 48%;
    margin-right: 2%;
    float: left;
  }
}


/*==========================================================
# Top 新着記事ラベル
==========================================================*/
li span.new_mark {
  font-weight: bold;
  margin-right: 5px;
  color: rgb(255,38,38);
}