@charset "UTF-8";
@import "base.css";
@import "piece.css";
@import "layout.css";
@import "top.css";


/* wrapper
----------------------------------------------- */
#wrapper {
  width: 770px;
  height: 100%;
  margin: 0;
  background-color: #f7f0fc;
}


/* main
----------------------------------------------- */
#main {
  height: 100%;
  margin: 5px 0 0 0;

}
/* content(中央カラム)
----------------------------------------------- */
#content {
  float: right;
  width: 600px;
  padding: 0 0 2em 0;
  background-color: #ffffff;
  line-height: 150%;
}
#contentContainer {
  width: 580px;
}
#contentBody {
  width: 580px;
  height: 100%;
  padding-left:15px;
}
.contentPage .body {
  height: 100%;
  margin: 10px auto;
  padding-bottom: 25px;
}
/* menu(左カラム)
----------------------------------------------- */
#menu {
  width: 160px;
  height: 100%;
  margin-right: 600px;
  padding: 7px 0 40px 0;
}
#menuContainer {
  width: 160px;
  margin: auto;
}
/* 見出し
--------------------------------------------------- */
#contentBody .contentPage .body h3 {
  background-image: url(./images/title02.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 5px;
  padding-left: 12px;
  line-height:35px;
}
#contentBody .contentPage .body h4 {
  background-image: url(./images/ic-midashi.gif);
  background-position: 12px 5px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  padding-left: 25px;
}
/* contentTitle
--------------------------------------------------- */
#contentTitle .pieceContainer {
  width: 580px;
  background-image: url(./images/title01.gif);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 35px;
}
#contentTitle .pieceContainer H2 {
  padding-left: 10px;
  line-height: 35px;
  font-size: 130%;
  color: #ffffff;
}
/* pageTitle
--------------------------------------------------- */
#pageTitle .pieceContainer {
  background-image: url(./images/title02.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 5px;
  padding-left: 12px;
  line-height:35px;
}
/* table
--------------------------------------------------- */
table {
  margin: 6px 0px 0px 12px;
}
td {
  border-color: #8e8e8e;
  padding: 6px;
}
.contentPage .body .tbBg {
  background-color: #eabaf1;
}
/* other
--------------------------------------------------- */
.contentPage ul {
  margin-bottom: 25px;
}
.contentPage p, ul {
  padding-left: 12px;
}
.contentPage li {
  background-image: url("./images/ic-list-shinchaku.gif");
  background-position: left 0.6em;
  background-repeat: no-repeat;
  padding: 0px 0px 5px 8px;
}

/* zokusei
----------------------------------------------- */
#page-gikai-zokusei-dayori-index #pageTitle,
#page-gikai-zokusei-dayori-more #pageTitle {
  display: none;
}
.docs-title h2,
.latest h2 {
  background-image: url(./images/title02.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 5px;
  padding-left: 12px;
  line-height:35px;
}
.contentArticleAttribute {
  margin: 0 0 20px 0;
}

.contentGpCategory ul li a,
.contentArticleAttribute .latest li a, .contentArticleRecentDocs .docs li {
    padding-left: 10px;
    background-image: url(./images/ic-list-shinchaku.gif);
    background-position: left 5px;
    background-repeat: no-repeat;
}
.units {
  display: none;
}
.more {
  padding-right: 10px;
  text-align: right;
}

.contentPage th p,
.contentPage td p {
  padding-left: 0;
}

/* chukei
----------------------------------------------- */
.contentPage .body .flex {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contentPage .body .flex > div .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.contentPage .body .flex > div .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}