@charset "Shift_JIS";

/*---------------------------------------------

Top Page CSS

for "/index.html"
linked to "/index.html"

---------------------------------------------*/

@import url(default.css);
@import url(layout.css);


/*---------------------------------------------

Contents Layout

div#contents
  div#main
    p.main-image
    div#topics
      h2
      dl
    div#message
      h2
      p
  div#aside
    div#stuff
      h2
      p
      p.guide-nav
    div#access
      h2
      p
      p.guide-nav
    p.banner
    div#operation
      h2
      dl

---------------------------------------------*/


/* Contents Box */

div#contents {
  width: 750px;
  overflow: hidden;
  background: url(../img/top/bg-contents.gif) repeat-y;
}

  
/* Main Box */

div#main {
  float: right;
  margin-top: 10px;
  padding: 0 10px;
  width: 550px;
  display: inline; /* for IE */
}

* html div#main { /* for IE6 */
  margin-bottom: -4px;
}

*:first-child+html div#main { /*for IE7 */
  margin-bottom: -4px;
}

div#main p.main-image {
  margin-top: 0;
  margin-bottom: 5px;
}

div#main div.section {
  border: solid 1px;
  border-color: #D8D8D8 #ACACAC #ACACAC #D8D8D8;
  padding: 0 8px;
}  

div#main div.section h2 {
  margin: -1px -9px 0;
  line-height: 1;
}

div#main div#topics {
  float: left;
  width: 212px;
}

div#main div#topics dl dt {
  clear: left;
  float: left;
  width: 5em; /* 日付の形式に合わせて調整 */
  display: inline; /* for IE */
}

div#main div#topics dl dd {
  margin-left: 5em; /* 日付の形式に合わせて調整 */
}

* html div#main div#topics dl dd { /* for IE6 */
  text-indent: -3px;
}

div#main div#message {
  float: right;
  width: 292px;
}

div#main div#message img.photo {
  float: right;
  margin: 0 0 5px 8px;
  display: inline; /* for IE */
}


/* Aside Box */

div#aside {
  float: left;
  padding: 10px 0 10px 10px;
  width: 170px;
  line-height: 1.2;
  font-size: 92%;
  color: #333;
  display: inline; /* for IE */
}

div#aside div#stuff,
div#aside div#access {
  margin-bottom: 10px;
  padding: 0 8px 3px 5px;
  width: 150px;
  background: url(../img/top/bg-aside-section.gif) no-repeat left bottom;
}

div#aside div#stuff h2,
div#aside div#access h2 {
  margin: 0 -8px 0 -5px;
}

div#aside div#stuff p img.photo {
  margin-top: -10px;
  margin-bottom: 5px;
}

div#aside div#access p img { /* この画像限りの位置調整 */
  margin-left: -2px;
}

div#aside p.guide-nav {
  text-align: right;
  margin-bottom: 5px;
}

div#aside p.banner {
  margin-top: 0;
  margin-bottom: 10px;
}

div#aside div#operation {
  margin-left: 20px;
}

div#aside div#operation h2 {
  margin-bottom: 0.3em;
  font-size: 100%;
  font-weight: normal;
}

div#aside div#operation dl {
  margin: 0.5em 0;
}

div#aside div#operation dl dt {
  background: url(../img/common/mk-disk11.gif) no-repeat left center;
  padding-left: 14px;
}

div#aside div#operation dl dd {
  margin-left: 14px;
}