@charset "UTF-8";

@import "./convert.css";

/* =========================================================
   Pieces style
========================================================= */

/* common header
----------------------------------------------- */
#commonHeader {
  border-top: 3px solid #DC9100;
}
#accessibilityTool {
  background: #DC9100;
}
#commonHeader .pieceContainer {
  width: 1000px;
  margin: 0 auto;
}
#commonHeader .logo {
  float: left;
}
#commonHeader .logo h1 {
  margin: 0;
}
#commonHeader h1 a {
  display: block;
}
#commonHeader .menu {
  float: right;
  max-width: 670px;
  margin: 0;
  font-size: 90%;
  text-align: right;
}
#commonHeader .lowerMenu {
  padding: 8px 0px 5px;
}
#commonHeader .lowerMenu > * {
  float: right;
}
#commonHeader .lowerMenu .ayagawa {
  display: block;
  margin-left: 15px;
  padding: 4px 10px 4px 26px;
  border-radius: 4px;
  background: url(../images/ayagawa.png) 4px center no-repeat #7AB3ED;
  color: #000;
  text-decoration: none;
}
#commonHeader .lowerMenu .access {
  margin-left: 12px;
  padding: 5px 0 5px 10px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #000;
}
table.gsc-search-box {
  width: 250px !important;
  max-width: 250px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  width: 135px !important\9;
  /width: 135px !important;
}
.menu .lowerMenu{
  margin: 5px 0;
}
.accessMenu {
  display: inline-block;
  margin: 0;
  padding: 2px 10px 3px;
  border-radius: 0 0 6px 6px;
  background-color: #eee;
  font-size: 90%;
  text-align: right;
}
.accessMenu span{
  display: inline-block;
}
.naviRuby, .naviTalk {
  display: inline-block;
    padding: 2px 3px 3px;
    background: transparent none repeat scroll 0% 0%;
    font-size: 110%;
    line-height: 1;
}
.naviTalk {
  border-left: 1px solid #000;
}

.fzBox {
  display: inline-block;
  zoom: 1;
  padding: 3px 3px 2px;
  background-color: #fff;
  line-height: 1;
  color: #000;
  font-size: 110%;
  cursor: pointer;
}

.blue {
 background-color: #00B;
 color: #fff;
}

.black {
  background-color: #000;
  color: #fff;
}
.talk,.ruby {
  cursor: pointer;
}

/* common banner
----------------------------------------------- */
#commonBanner .pieceContainer {
  width: 1000px;
  margin: 0 auto;
}
#commonBanner .logo {
  float: left;  
}
#commonBanner .menu {
  float: right;
}
#commonBanner .lowerMenu {
  padding: 8px 0px 5px;
}
#commonBanner .lowerMenu > * {
  float: right;
}
#commonBanner .lowerMenu .hanyu {
  display: block;
  margin-left: 15px;
  padding: 5px 10px 5px 26px;
  border-radius: 4px;
  background: url(../../ayakami/images/ic-hanyu.png) 4px center no-repeat #7AB3ED;
  color: #000;
  text-decoration: none;
}
#commonBanner .lowerMenu .access {
  margin-left: 12px;
  padding: 5px 0 1px 10px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #000;
}

/* global navi
----------------------------------------------- */
#globalNavi {
  margin-bottom: 15px;
}
#globalNavi .pieceContainer {
  width: 1000px;
  margin: 0 auto;
}
#globalNavi .smartTitle {
  display: none;
}
#globalNavi .pieceBody li {
  float: left;
  width: 20%;
}
#globalNavi .pieceBody li a {
  display: block;
  padding: 12px 0;
  border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
  color: #000;
  font-size: 119%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#globalNavi .pieceBody li:last-child a {
  border-right: 1px solid #ccc;
}

/* common-footer
----------------------------------------------- */
#commonFooter {
  background: #E6E6E6;
}
#commonFooter .pieceContainer {
  width: 1000px;
  margin: 0 auto;
}
#commonFooter .pieceBody {
  padding: 15px 20px 0;
}

/* copyright
----------------------------------------------- */
#copyright {
  background: #E6E6E6;
}
#copyright .pieceContainer {
  width: 1000px;
  margin: 0 auto;
}
#copyright .pieceBody {
  padding: 0 15px 10px 0;
  text-align: right;
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  clear: both;
  width: 1000px;
  margin: 0 auto 15px;
}

/* page title
----------------------------------------------- */
#pageTitle .contentArticleDoc .header {
  clear: both;
  width: 1000px;
  margin: 15px auto 20px;
}
#pageTitle .pieceBody h1,.contentArticleDoc .header h1 {
  padding-bottom: 5px;
  font-size: 200%;
  font-weight: normal;
}
.contentArticleDoc .header h1 {
  text-align: center;
}
.contentArticleDoc .header .publishedAt{
  margin: -10px 0px 18px;
  text-align: right;
}

/* keyvisual
----------------------------------------------- */
#keyvisual {
  width: 1000px;
  margin: 0 auto 15px;
}

/* recent-docs-tab
----------------------------------------------- */
#docTab {
  margin-bottom: 15px;
}
#docTab .pieceBody .tabs:before, #docTab .pieceBody .tabs:after {
  content: "";
  display: table;
}
#docTab .pieceBody .tabs:after {
  clear: both;
}
#docTab .pieceBody .tabs {
  position: relative;
  margin-bottom: -1px;
  padding: 0 10px;
  z-index: 2;
  zoom: 1;
}
#docTab .pieceBody .tabs li {
  display: inline-block;
  width: 150px;
  margin: 0 5px 0 0;
}
#docTab .pieceBody .tabs a {
  display: block;
  padding: 10px 0 8px;
  border: 1px solid #ccc;
  background: #E6E6E6;
  color: #000;
  font-size: 110%;
  text-align: center;
  text-decoration: none;
}
#docTab .pieceBody .tabs .current a {
  padding: 5px 0 8px;
  border-bottom: 1px solid #fff;
  background: #fff;
}
#docTab .pieceBody .wrapper {
  position: relative;
  padding: 15px 20px 15px 15px;
  border: 1px solid #ccc;
  z-index: 1;
}
#docTab .pieceBody .wrapper .content li {
  margin-bottom: 3px;
  padding: 1px 0 1px 10px;
  background-position: left center;
  background-repeat: no-repeat;
}
#docTab .pieceBody .wrapper .links { 
  position: relative;
  width: 100%;
  margin-top: 10px;
}
#docTab .pieceBody .wrapper .links .feed { 
  width: 110px;
  position: absolute;
  top: 0;
  left: 0;
}
#docTab .pieceBody .wrapper .links .feed { 
  position: absolute;
  top: 0;
  left: 0;
}
#docTab .more{
  text-align: right;
}
.latest h2{
  display: none;
}
.attributes .separator,
.attributes .unit {
  display: none;
}

/* school menu
----------------------------------------------- */
#schoolMenu ul li {
  float: left;
  width: 240px;
  margin: 0 13px 20px 0;
}/*
#schoolMenu ul li:nth-child(even) {
  margin-right: 0;
}*/

#schoolMenu ul li.secondMenu {
  margin-right: 14px;
}
#schoolMenu ul li.lastMenu {
  margin-right: 0;
}
#schoolMenu ul li a {
  display: block;
  border: 1px solid #ccc;
  text-decoration: none;
  position: relative;
  min-height:330px;
}
#schoolMenu ul li a > span {
  display: block;
}
#schoolMenu ul li a .title {
  padding: 10px 0 10px 15px;
  color: #000;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 23px;
}
#schoolMenu ul li a .about {
  margin-bottom: 12px;
  padding: 15px;
  color: #000;
}
#schoolMenu ul li a .detail {
display: block;
margin: 0;
padding: 10px;
text-align: center;
position: absolute;
width: 200px;
bottom: 10px;
left: 10px;
}
#schoolMenu ul li a .detail span {
  padding: 1px 0 1px 10px;
  background-position: left center;
  background-repeat: no-repeat;
}

/* topics
----------------------------------------------- */
#topics .pieceContainer {
  border: 6px solid #E6E6E6;
}
#topics .pieceHeader h2 {
  border-bottom: 1px solid #E6E6E6;
  background-position: 10px top;
  background-repeat: no-repeat;
}
#topics .pieceHeader h2 {
  padding: 8px 0 18px 33px;
  font-size: 120%;
  margin-bottom: 0;
}
#topics .pieceBody {
  padding: 15px;
}
#topics .pieceBody ul.docs li > span {
  display: block;
}
#topics .pieceBody ul.docs li > span.title,
#topics .pieceBody ul.docs li > span.title_link {
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}
#topics .pieceBody ul.docs li > span.image {
  margin-bottom: 10px;
  text-align: center;
}

/* side menu, category list
----------------------------------------------- */
#sideMenu ul,
#categoryList .pieceBody div {
  border: 6px solid #E6E6E6;
}
#sideMenu ul li a,
#categoryList .pieceBody section a {
  display: block;
  padding: 12px 10px 12px 25px;
  border-bottom: 1px solid #E6E6E6;
  background-color: #fff;
  background-position: 10px center;
  background-repeat: no-repeat;
  color: #000;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}
#sideMenu ul li:last-child a,
#categoryList .pieceBody section:last-child a {
  border-bottom: none;
}
/* bannermenu style
--------------------------------------------- */
#banner .banner {
  display: inline-block;
  width: 240px;
  float: left;
  position: relative;
  text-align: center;
  margin: 0 13px 10px 0;
}
#banner .banner:nth-child(4n) {
  margin: 0;
}
#banner .banner::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #5f5f5f;
}
#banner .banner:hover {
  opacity: 0.7;
}
#banner .banner a {
  display: block;
  color: #5f5f5f;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 0;
}

#banner .banner.last {
  margin: 0;
}