/* ================================================================
 *	トップページ(NN4含む)
 * ================================================================ */
/* 本文ヘッド */

/* このサイトについて */
.whatis {
  margin: 0 0 0 0;
  padding: 0.5em;
  color: #242;
  background: #efe;
  border: solid 1px;
}

@media all {

  div.main-head {
    position: relative;
    margin: 0;
    padding: 0;
    height: 190px;
    border: solid 1px #aaa;
    background-image: url(img/titleimg-top.jpg);
    background-position: center center;
  }

  h1.title {
    position: absolute;
    display: block;
    top: 40px;
    left: 20px;
    margin: 0;
    padding: 0;
    width: 240px;
    border: 0;
    background: url(img/titletext-top.png) no-repeat left top;
  }

  h1.title a {
    display: block;
    margin: 0;
    padding: 40px 0 0 0;
    width: 240px;
    height: 0 !important;
    height /* */ : 40px;
    overflow: hidden;
  }

  /* whatis (base-screen.css の上書き) */
  div.whatis {
    position: absolute;
    top : 10px;
    right: 10px;
    background: url(img/top-whatis-back.png);
 	width: 200px;
 	height: 170px;
 	padding: 0;
 	margin: 0;
 	border: 0;
  }
 
  div.whatis p {
    background: url(img/top-whatis-text.png) no-repeat;
    width: 200px;
    padding: 120px 0 0 0;
    height: 0 !important;
    height /* */: 120px;
    overflow: hidden;
  }
 
  div.whatis ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  div.whatis ul li a {
    display: block;
    width: 188px;
    margin: 2px 6px 2px 6px;
    padding: 20px 0 0 0;
    border: 0;
    height: 0 !important;
    height /* */: 20px;
    overflow: hidden;
  }

  a#whatis-link-wenarc,
  a#whatis-link-wenarc:hover,
  a#whatis-link-wenarc:active,
  a#whatis-link-wenarc:visited:hover,
  a#whatis-link-wenarc:visited:active {
    background: url(img/top-whatis-link-wenarc.png) no-repeat;
  }

  a#whatis-link-wdss,
  a#whatis-link-wdss:hover,
  a#whatis-link-wdss:active,
  a#whatis-link-wdss:visited:hover,
  a#whatis-link-wdss:visited:active {
    background: url(img/top-whatis-link-wdss.png) no-repeat;
  }


  /* クイック研究成果一覧 */
  div.plist {
    height: 7em;
    margin: 0 -1em 1em 0; /* 少し余裕をつける(そうしないとIEで次行に行くことがある) */
    padding: 0;
  }

  /* クイック研究成果一覧のアイテム */
  div.plist-item {
    width: 9.5em; /* 40 / 4 = 10 */
    float: left;
    margin: 0;
    padding: 0;
	border: 0;
  }

  /* plist の カテゴリ見出し */
  div.plist h3 {
    font-size: 1em;
    margin: 0;
    padding: 0.125em 0.25em 0.125em 0.25em;
    text-align: center;
    background: #afa;
    color: #000;
    border: solid 1px #aaa;
    border-left-color: #efe;
    border-top-color: #efe;
    border-right-color: #8d8;
    border-bottom-color: #8d8;
  }

  /* plist のカテゴリ内リスト */
  div.plist ul {
    height: 6em;
    margin: 0;
    padding: 0;
	color: #000;
    background: #efe;
    border: solid 1px #aaa;
    border-left-color: #fff;
    border-top-color: #fff;
    border-right-color: #cec;
    border-bottom-color: #cec;
  }

  div.plist ul li {
    list-style-type: none;
    margin: 0;
    padding: 0.25em 0.25em 0.25em 0.25em;
  }

  /* その他コンテンツのガワ */
  /* 左カラムのガワ */
  div.news {
    width: 40%;
    float: left;
  }

  /* 右カラムのガワ */
  div.research, div.products, div.inquiry, div.information {
    margin: 0 0 1em 40%;
  }

  /* 見出し */
  div.news h2, div.research h2, div.products h2, div.inquiry h2, div.information h2 {
    font-size: 1em;
    margin: 0 0.5em 0 0;
    padding: 0.125em 0.5em 0.125em 0.5em;
    border-style: solid;
    border-width: 1px 0 1px 0;
    color: #000;
    background: #ddd url(img/grad-back.gif) repeat-x top;
    border-color: #aaa;
  }

  /* 中身 */
  div.news dl, div.research ul, div.products ul, div.inquiry ul, div.information ul {
    margin: 0 0.5em 0 0.5em;
    padding: 0.5em;
  }

  /* more-* */
  p.more-news, p.more-products, p.more-research, p.more-misc, p.more-information {
    margin: 0 1em 1em 1em;
    padding: 0 0.5em 0 0.5em;
    text-align: right;
    font-style: italic;
  }

  /* 右側リストアイテム */
  div.research ul li, div.products ul li {
    list-style-position: inside;
  }

  /* 新着情報 */
  div.news dl dt {
    margin: 0.5em 0 0 0;
  }

  div.news dl dd {
    margin: 0 0 0.5em 1em;
  }

  /* 研究・開発 */
  div.research ul {
    margin: 1em 0.25em 1em 0.25em;
    padding: 0;
  }

  /* 研究成果 */
  div.products ul {
    margin: 1em 0.25em 1em 0.25em;
    padding: 0;
  }

  /* クイック研究成果一覧では見出しは表示しない */
  div.plist h2 {
    display: none;
  }

}