/* ROOT DOCUMENT */
* {margin: 0px; padding: 0px;  } 
#page{
      width: 768px;
      font-size:80%;
}

body{ font-family: Verdana,Chicago,sans-serif,'ＭＳ Ｐゴシック';  
color: #494949; 
line-height: 100%; ;
 }
p.navigation {margin:3px 0;}

h4{
  font-size: 11px;
  color: #660000;
  font-weight: bold;
  padding: 5px;
}
p{
  line-height: 150%; margin:0 5px;
}
a {
   color: #000000;
   text-decoration: none;
}
a:hover {
   color: #0000ff;
   text-decoration: underline;
}
ul {
padding-left: 25px;
list-style-image: url('ul_dot.gif');
}

li {margin-bottom: 10px; margin-top:5px;}

.shade {
height: 5px;
width: 768px;
background-image: url('y_shade.gif');
background-repeat: repeat-x;
}

.column{
margin: 5px;
padding: 5px;
border-right: 2px solid #cccc66;
border-bottom: 2px solid #cccc66;
background-color: #ffffcc;
}
.column h2,h3 
{font-size:100%;}

.date {
font-size: 85%;
color: #336600;
}

#rightbody p {
  line-height: 200%;
  text-indent: 1em;
  margin: 10px 0px;
}

/* 2段構成の場合 */
#leftindex {float:left; width:200px; height:370px;}
#rightbody {float:left; width:540px; margin-bottom: 30px; margin-right:20px;}

/* 1段構成の場合 */
#widebody {margin:10px;}
#widebody p {line-height:200%;}

#main table { margin: 10px; font-size:85%;}

#main th {
color: #aa7733;
font-weight: normal;
line-height: 150%;
background-color: #ffffcc;
}
#main td {
line-height: 200%;
padding: 5px;
border-bottom-width: 1px;
border-bottom-color: #aaaaaa;
border-bottom-style: dotted;
}
td.bgright { background-color: #294159; background-image: url('y_grad_grey.gif'); background-repeat: repeat-y; background-position: left center; }
td.bgleft { background-color: #294159; }
td.margin { background-color: #294159; height:10px; }
.titlebar {
vertical-align: middle;
height: 50px;
width: 768px;
background-image: url('y_black.gif');
background-repeat: repeat-x;
}
.titlebar  h1{font-size: 20px; color:#ffcc00; 
  font-weight: bold; font-variant: small-caps; padding: 10px; } 

p.navigation {padding: 0 5px; font-style:bold;}

#message {
    font-size: 10px;
    color: #cc9900;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-color: #990000;
    border-bottom-style: solid;
    background-color: #660033;
}

#rightbody h2, #leftindex h2 {
    font-size: 110%;
    font-weight: bold;
    padding: 15px 5px 15px 20px;
    border-left: 7px solid #660000;
    background-color: #ffffcc;
    margin-bottom: 10px;
}

#widebody h2 {
	color:#000000;
    font-size: 120%;
    font-weight: bold;
    padding: 20px 5px 20px 20px;
    border-left: 7px solid #660000;
    background-color: #ffffcc;
    margin-bottom: 10px;
    margin-top: 20px;
}


#rightbody h3, #leftindex h3, #widebody h3, .column h3{
    font-size: 90%;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    border-left: 5px solid #660000;
    margin-bottom: 5px;
    margin-top: 20px;
}
  /* Header section */
    .rightnavi{text-align: right; font-size: 80%;}
  ul.menu {
    font-size: 14px;
    line-height: 200%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    list-style: none;
    clear: both;
    height: 30px;
    width: 768px;
  }
  ul.menu li {
     float: left;
     height: 30px;
     width: 153px;
  }
  ul.menu a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    width: 153px;
    background-image: url('menu_black.gif');
    display: block;
    height: 30px;
  }
  ul.menu a:hover {
    color: #ffffff;
    text-decoration: none;
    background-image: url('menu_orange.gif');
  }
  li.current a {
    color: #ffff00;
 }
 
 
  #main {background-color: #ffffee; }
  #clienttop {
    padding: 3px;
    height:50px;
  }
  #logo {
    float:left;
    height:47px;
  }
  #title {
    float: left;
    height:47px;
    width: 400px;
    padding: 10px 10px;
  }
  h1{ font-size: 20px; color:#222222; font-weight: bold; font-variant: small-caps; padding: 5px; } 
  #topimage {
        clear:both;
        height: 300px;
        width: 500px;
        background-color: #222222;
        float:left;
        position:relative;
        overflow: hidden;
 }
 /* IE-win bug fix  */
 * html #topimage {margin-right: -3px}

      #imgnavi{
      visibility: hidden;
      font-size: 80%;
      font-style: bold;
      text-align: right;
      padding: 2px;
      position: absolute;
      right: 0px;
      bottom: 0px;
      background-color: #000066;
      }
        #imgnavi a {
        color: #99dddd;
        text-decoration: none;
        font-weight:bold;
         }
    #toptext {
    color: #ffffff;
    clear: right;
    height: 300px;
    width: 268px;
    background-color: #222222;
    background-image: url('y_black.gif');
    background-repeat: repeat-x;
    overflow: auto;
    }
    #toptext p {
        line-height: 200%;
    }
      #toptext h2 {
      font-size: 15px;
      color: #ffcc00;
      padding: 5px;
      background-image: url('grad_line.gif');
      background-repeat: repeat-x;
      }
    #leftbottomwindow {float: left; height: 240px; width: 500px; overflow: auto;scrollbar-base-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#0080ff;
scrollbar-shadow-color:#00aaff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#00aaff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
}
    #leftbottombox {height: 220px; width: 1400px; overflow: hidden; 
    
    }

      .thumbnail, .curthumbnail {
        width:200px;
        height: 170px;
        padding: 7px;
        margin: 8px;
        float: left;
        overflow: hidden;
       }
      .thumbnail h2, .curthumbnail h2 {
        font-size: 12px;
        vertical-align: baseline;
        height: 40px;
      }
      .curthumbnail {
        padding: 2px 15px;
        border-top-width: 5px;
        border-bottom-width: 5px;
        border-top-color: #ffcc00;
        border-bottom-color: #ffcc00;
        border-top-style: solid;
        border-bottom-style: solid;
        background-color: #aaaaaa;
      }
       
    #bottomright { padding:0px; width:268px; float:right;}
      .pagelink {
      font-weight: bold;
      margin: 5px 10px;
      padding: 5px 10px;
      height: 90px;
      width: 255px;
      background: url('button.jpg') no-repeat;
      }
      .pagelink h3 {font-size:130%;}
    /* main end */
  #footer{
  font-size: 8pt;
    color: #cc9900;
  text-align: center;
  padding: 5px 0;
  clear: both;
  width: 768px;
  background-color: #660033;
  }
    #footer a {
    font-size: 8pt;
    color: #6699ff;
}

.flow {margin-left:20px;}
.flow table th {height: 40px; width: 150px; background-image: url('/style/flow.jpg'); background-repeat: no-repeat;}
#main .flow th {color: #990000;font-weight: bold;}
.flow td {vertical-align: top; width:150px;}
.flow ul {margin-left;0px; padding-left:10px;}