@charset "UTF-8";

/* チェックボックス、ラジオボタンなどの選択エリア */
.select-area {
  padding-right: 1em;
}

/* ３カラムレイアウト（J-STAGEトップ）
-------------------------------------------------------------------------------
div.layout-col-three-jstage-top
  div.str-left  ― 左カラム
  div.str-main  ― 中央カラム
  div.str-right ― 右カラム
*/
.layout-col-three-jstage-top>.str-left,.layout-col-three-jstage-top>.str-right {
  width: 260px;
  display: table-cell;
  vertical-align: top;
}

.layout-col-three-jstage-top>.str-main {
  padding: 0 10px;
  width: 480px;
  display: table-cell;
  vertical-align: top;
}

/* 緊急のお知らせエリア
-------------------------------------------------------------------------------
div.emergency-area
  div.emergency-title
  div.emergency-info
    dl
      dt
      dd
    div.right-adjust
*/
.emergency-area {
  border: solid 1px #ff5e00;
  display: block;
  margin: 20px auto;
  width: 600px;
}

.emergency-area .emergency-title {
  background: #ff5e00;
  display: block;
  padding: 3px 10px;
  text-align: left;
}

.emergency-area .emergency-title:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.emergency-area .emergency-title .title {
  color: #ffffff;
  display: inline-block;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.emergency-area .emergency-title .icon {
  display: inline-block;
  float: right;
  margin: 0 0 2px 0;
  padding: 0;
}

.emergency-area .emergency-info {
  padding: 10px;
}

.emergency-area dl {
  padding-bottom: 10px;
}

.emergency-area dl dd {
  margin-left: 15px;
}

/* お知らせエリア
-------------------------------------------------------------------------------
div.item-area
  div.item-title
  div.internal-info-area
  div.item-info
*/
.item-area {
  border: solid 1px #AEAEAE;
  display: block;
  margin: 0 0 15px;
}

.item-area .item-title {
  background: #0C3195;
  display: block;
  padding: 3px 10px;
  text-align: left;
}

.item-area .item-title:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.item-area .item-title .title {
  color: #ffffff;
  display: inline-block;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.item-area .item-title .icon {
  display: inline-block;
  float: right;
  margin: 0 0 2px 0;
  padding: 0;
}

.item-area .internal-info-area {
  background: #cccccc;
  padding: 5px 10px;
}

.item-area .internal-info-area:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.item-area .item-info {
  padding: 10px;
  margin: 0;
}

.item-area .item-info-no-space {
  padding: 0;
  margin: 0;
}

.item-area dl {
  padding-bottom: 10px;
}

.item-area dl dd {
  margin-left: 15px;
}

.item-area ul {
  margin-left: 20px;
}

.item-area ul li {
  list-style-type: disc;
  margin-bottom: 5px;
}

.announcement-area {
	word-wrap: break-word;
	width: 257px;
}

/* 新着情報表示アイテム
-------------------------------------------------------------------------------
div.doc-show-area
  div.doc-show-left-area
  div.doc-show-right-area
*/
.doc-show-area {
  display: block;
  word-wrap: break-word;
  width: 431px;
  min-height: 55px;
}

.doc-show-area:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.doc-show-area .doc-show-left-area {
  display: inline-block;
  width: 36px;
  height: 47px;
  vertical-align: bottom;
  font-size: 1px;
  line-height: 1;
  float: left;
  margin: 5px 10px 0 0;
  padding: 0 0 5px 0;
}

.doc-show-area .doc-show-left-area img {
  display: inline;
  width: 36px;
  height: 47px;
  vertical-align: bottom;
  font-size: 1px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.doc-show-area .doc-show-right-area {
  display: inline-block;
  float: left;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  text-align: left;
}

.newinfo-materialkindIcon {
    padding-left: 10px;
}

/* 分野選択エリア
-------------------------------------------------------------------------------
*/
div#category-select-box {
  width: 600px;
  margin: 1em;
}

div.category-list {
  padding-bottom: 1em;
  line-height: 2;
}

div.category-list ul {
  margin-left: 0;
  padding-left: 0;
}

div.category-list ul li {
  padding-left: 1em;
  display: inline;
}

div.category-list ul li:first-child {
  padding-left: 0;
}

div.category-list label {
  padding-left: 0.3em;
}

div.right-button-area {
  text-align: right;
}

div.right-button-area input[type="button"] {
  padding-left: 1em;
  padding-right: 1em;
  margin-left: 1em;
}

.maintenance-area {
	word-wrap: break-word;
	width: 238px;
}

.newinfo-issue-area {
	word-wrap: break-word;
	overflow:auto; 
	height:617px;
	width: 440px;
}

.newinfo-all-area {
	word-wrap: break-word;
	overflow:auto; 
	height:645px;
	width: 440px;
}

.newinfo-archive-area {
    word-wrap: break-word;
	overflow: auto; 
    height: 13em; 
	width: 460px; 
}