/*---------------COMMON--------------*/
body {
  background-color: #CCCCCC;
  margin: 30px;
  padding: 0px;
  font-family: sans-serif;
  color: rgb(0,0,0);
}
.stage {
  position: relative;
  border-style: none;
  width: 750px;
  margin: 0px auto;
  padding: 15px 0px 0px 0px;
  background: url("img/stage-corner-top.gif") no-repeat top left;
  background-color: #FFFFFF;
}
/* LINK */
a{  
  text-decoration:none;
  color: rgb(0,0,0)
}
a:link{ 
  color: rgb(0,0,0)
}
a:visited{
  color: rgb(140,140,140)
}
a:hover{
  color: rgb(240,0,0)
}
a:active{
  color: rgb(240,0,0)
}
a.url{
  color: blue;
}
a.url:link{
  color: blue;
}
a.url:visited{
  color: purple;
}
a.url:hover{
  color: red;
}
a.url:active{
  color: red;
}
a.purpletxt{
  font-weight:normal;
  color: rgb(166,65,220)
}
a.purpletxt:link{
  color: rgb(166,65,220)
}
a.purpletxt:visited{
  color: rgb(140,140,140)
}
a.purpletxt:hover{
  color: rgb(240,0,0)
}
a.purpletxt:active{
  color: rgb(240,0,0)
}
/* FONT */
.text {
  font-size:0.875em;
  line-height:1.5em;
}
.text-middle{
  font-size:0.75em;
  line-height:1.5em;
}
.text-middle-list{
  font-size:0.75em;
  line-height:1.2em;
}
.text-small{
  font-size:0.625em;
  line-height:1.5em;
}
.text-h2 {
  font-size:1.625em;
  line-height:1.154em;
  font-weight: bold;
}
h1 {
  font-size:2em;
  line-height:1.125em;
  font-weight:bold;
}
h2 {
  font-size:1.625em;
  line-height:1.154em;
  font-weight: bold;
}
h3 {
  font-size:1.25em;
  line-height:1.25em;
  font-weight: bold;
}
.emphasis-txt {
  font-size:1.25em;
  line-height:1.5em;
  font-weight: bold;
  color: rgb(240,0,0);
}

/* FONT -FOR TOPPAGE */
.text2 {
  font-size:1em;
  line-height:1.5em;
}
.text3 {
  font-size:1.2em;
  line-height:1.3em;
}

.text4 {
  font-size:1.4em;
  line-height:1em;
}

.text-middle-list2{
  font-size:1em;
  line-height:1.3em;
}

/* FONT COLOR */
.emphasis-blue {
  color: rgb(0,60,255);
}
.emphasis-red {
  color: rgb(240,0,0);
}
.emphasis-lightblue {
  color: rgb(50,140,255);
}

.emphasis-gray {
  color: #666;
}

/* STRONG */
strong {
  font-weight: bold;
}
strong.red {
  font-weight: bold;
  color: rgb(240,0,0)
}
/* IMAGE */
img {
  border-style: none 
}
/* HIDE */
.echooff{
  display:none;
}
/* CLEAR */
.clear{
  margin:  0px;
  padding:  0px;
  clear:both;
}
/* LAYOUT */
.wrap {
  padding: 0px;
  margin: 20px 30px 0px 30px;
}
.wrap2 {
  padding: 0px;
  margin: 0px 30px 0px 0px;
}
.wrap3 {
  padding: 0px;
  margin: 0px 0px 0px 30px;
}
.wrap4 {
  padding: 0px;
  margin: 0px 30px 0px 30px;
}
/* DETAIL MARK */
.detail {
  background: url("img/button-detail.gif") no-repeat 0px 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width:55px;
  height:15px;
  display:block;
}
  .detail:hover {
      background: url("img/button-detail-over.gif") no-repeat 0px 0px;
  }
/*HEADER*/
.logoarea {
  padding: 0px;
  margin: 0px;
  width: 750px;
}
  .update {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 270px;
  }
    .update div  {
      margin:  0px 0px 0px 30px;
    }
  .logo {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 330px;
  }
  .logo2 {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 600px;
  }
  .logo2 a{
    padding: 0px;
    margin: 0px 125px 0px 270px;
  }
.logo-titlearea {
  float: left;
  padding: 0px;
  margin: 0px;
  width: 600px;
}
  .logo-titlearea h1  {
    float: left;
    padding: 40px 0px 0px 30px;
    margin: 0px;
  }
  .header-right {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 150px;
  }
    .guidemenu {
      background: url("img/marklist-v.gif") no-repeat 0px 3px;
      width:120px;
      padding:  0px 0px 0px 10px;
      font-size:0.9em;
      line-height:1.5em;
      color: rgb(0,0,0);
    }
      .guidemenu:link,
      .guidemenu:visited 
      {
        background: url("img/marklist-v.gif") no-repeat 0px 3px;
        color: rgb(0,0,0);
      }
      .guidemenu:hover,
      .guidemenu:active
      {
        background: url("img/marklist-v-over.gif") no-repeat 0px 3px;
        font-weight: bold;
        color: rgb(0,0,0);
      }
       a #markmail {
        background: url("img/markmail.gif") no-repeat 100% 0px;
        padding: 0px 40px 4px 0px;
        margin: 0px 0px 0px 0px;
      }
        a:hover #markmail
        {
          background: url("img/markmail-over.gif") no-repeat 100% 0px;
          padding: 0px 40px 4px 0px;
          margin: 0px 0px 0px 0px;
        }
  
    .to-toppage {
      float: left;
      background: url("img/button-top.gif") no-repeat 0px 0px;
      padding: 0px;
      margin: 5px 0px 0px 0px;
      width:150px;
      height:27px;
    }
      .to-toppage:link,
      .to-toppage:visited 
      {
        background: url("img/button-top.gif") no-repeat 0px 0px;
        padding: 0px;
        margin: 5px 0px 0px 0px;
        width:150px;
        height:27px;
      }
      .to-toppage:hover,
      .to-toppage:active 
      {
        background: url("img/button-top-over.gif") no-repeat 0px 0px;
        padding: 0px;
        margin: 5px 0px 0px 0px;
        width:150px;
        height:27px;
      }
    .pre-page {
      float: left;
      background: url("img/button-pre.gif") no-repeat 0px 0px;
      padding: 0px;
      margin: 5px 0px 5px 0px;
      width:150px;
      height:27px;
    }
      .pre-page:link,
      .pre-page:visited
      {
        background: url("img/button-pre.gif") no-repeat 0px 0px;
        padding: 0px;
        margin: 5px 0px 5px 0px;
        width:150px;
        height:27px;
      }
      .pre-page:hover,
      .pre-page:active
      {
        background: url("img/button-pre-over.gif") no-repeat 0px 0px;
        padding: 0px;
        margin: 5px 0px 5px 0px;
        width:150px;
        height:27px;
      }
/*FOOTER MENU*/
.footer {
  background: url("img/stage-corner-bottom.gif") no-repeat bottom left;
  padding: 30px 0px 15px 30px;
  margin: 0px;
  background-color: #FFFFFF;
}
  .footer .rightarea {
    float:right;
    padding: 10px 0px 0px 0px;
    width:150px;
  }
  .bottom-menu {
    background: url("img/marklist-r.gif") no-repeat 0px 3px;
    margin:  0px;
    padding: 0px 0px 0px 10px;
    font-size:0.9em;
    line-height:2em;
    color: rgb(0,0,0)
  }
    .bottom-menu:link,
    .bottom-menu:visited {
      background: url("img/marklist-r.gif") no-repeat 0px 3px;
      color: rgb(0,0,0)
    }
    .bottom-menu:hover,
    .bottom-menu:active {
      background: url("img/marklist-r-over.gif") no-repeat 0px 3px;
      font-weight: bold;
      color: rgb(0,0,0)
    }
.copyright {
  padding: 0px;
  margin: 0px;
  text-align:center;
}
/*---------------END-------------------*/
/*(1)MEDIA PRINT-------------------------------------------------*/
@media print{
  body {
    margin: 0px;
    padding: 0px;
    font-family: serif;
  }
}