/* レイアウトの設定*/

#body{
    margin:0px;
    padding:0px;
  font-family:Arial,Times New Roman,"MS Pゴシック","平成角ゴシック",Osaka,san-serif;
  font-size:90%;
  color:#666666;
  position: absolute;
  top: 5px;
  left:50%;
  margin-left:-400px;
}
/* ヘッダーロゴブロックの設定*/
#headder-logo{
    float:left;
    height:150px;
    width:150px;
    background-color:#FFFFFF;
}
/* ヘッダーの設定*/
#headder{
//    float:left;
   height:150px;
    width:805px;
    background-color:#FFFFFF;
}
/* ラッパーの設定*/
#wrap{
    position:relative;
    width:800px;
    background-color:#FFFFFF;
}
/* 左側の設定*/
#left{
    float:left;
    width:140px;

}
/* 左側非選択の設定*/
#left1{
    float:left;
    width:140px;
    height:50px;
    background-color:#F9F9F9;
   font-size:80%;
    padding:6px;
}
/* 左側選択の設定  濃色太字*/
#left2{
    float:left;
    width:140px;
    height:50px;
    background-color:#EEEEEE;
   font-size:80%;
   font-weight:bold;
    padding:6px;
}
/* 左側白ボタンの設定*/
#left3{
    float:left;
    width:140px;
    height:50px;
    background-color:#FFFFFF;
  font-size:80%;
    padding:6px;
}

/* 左ボタンのリンク設定*/
a.button {

   color: #666666; /* 文字色 */
   text-decoration:none;
}
a.button:hover {

   color: #333333; /* 文字色 */
   font-weight:bold;
   background-color: #eeeeee; /* 背景色 */
   text-decoration:none;
}
a.button:active {

    height:40px; 
   color: #333333; /* 文字色 */
   font-weight:bold;
   background-color: #eeeeee; /* 背景色 */
   text-decoration:none;
}

/* 真ん中マージンの設定*/
#center-margin{
    float:left;
    width:20px;
    height:500px;
    background-color:#FFFFFF;
}


/* 真ん中マージン20の設定*/
#center-margin20{
    float:left;
    width:20px;
    height:20px;
    background-color:#FFFFFF;
}


/* 真ん中の設定*/
#center{
    float:left;
    width:480px;
    height:500px;
    background-color:#EEEEEE;
    padding:6px;
}
/* 真ん中タイトルブロックの設定*/
#center-title{
    float:left;
    width:630px;
    height:30px;
    background-color:#EEEEEE;
    padding:6px,6px,0px,12px;
　　
}

/* index真ん中上ブロックの設定*/
#center-top{
    float:left;
    width:800px;
    height:22px;
    background-color:#EEEEEE;
    padding:6px,6px,0px,12px;
　　
}


a:link{
  color:#999999;
  text-decoration:none;
}
a:visited{
  color:#999999;
  text-decoration:none;
}
a:active {
   color: #333333; /* 文字色 */
   font-weight:bold;
  text-decoration:none;
}
a:hover {
   color: #333333; /* 文字色 */
   font-weight:bold;
  text-decoration:none;
}





/* 右側の設定*/
#right{
    float:left;
    width:170px;
    height:500px;
    background-color:#EEEEEE;
}
/* 真ん中右の設定*/
#center-right{
    float:left;
    width:620px;
//    height:500px;
    background-color:#FFFFFF;
    padding:6px;
}

/* センターボックスの設定*/
#box-center{
    float:left;
    width:620px;
    height:500px;
    background-color:#F9F9F9;
   font-size:90%;
    padding:15px; 
}
/* スクロールボックスの設定*/
#box-scroll{
    float:left;
    width:620px;
    height:500px;
    background-color:#F9F9F9;
   font-size:90%;
    padding:15px;
    overflow:scroll; 
}
#box-scroll2{
    float:left;
    width:620px;
    height:500px;
    background-color:#FFFFFF;
   font-size:90%;
    padding:15px;
    overflow:scroll; 
}
/* サーヴィスサイトバナー欄の設定*/
#services{
    height:60px;
    width:800px;
    text-align:right;
    background-color:#FFFFFF;
    clear:both;
}

/* フッターマージン30の設定*/
#footer-margin30{
    float:left;
    width:800px;
    height:30px;
    background-color:#FFFFFF;
}

/* フッターの設定*/
#footer{
    height:60px;
    width:800px;
    background-color:#FFFFFF;
    text-align: center;
    clear:both;
}

#register{
    height:20px;
    width:760px;
    background-color:#FFFFFF;
   font-size:75%;
    padding-top:3px;
    clear:both;
}

/*  ******** COMMON FOOTER *******  */

colgroup.footer {
  width:730px;
  text-align: center;
  color:#aaaaaa;
}

TD.footer    {
  color:#aaaaaa;
  text-align:center;
}
TD.footlogo  {
  text-align:center;
  padding: 15px 5px 20px 5px;
}
TD.copyright  {
  background-color:#000066;
  color:#aaaaaa;
  text-align:center;
}

a:link.footer {
  color:#999999;
  text-decoration:none;
}
a:visited.footer  {
  color:#bbbbbb;
  text-decoration:none;
}
a:active.footer  {
  color:#ｃｃｃｃｃｃ;
  text-decoration:underline;
}
a:hover.footer  {
  color:#CCCCCC;
  text-decoration:underline;
}

HR.std {
color:#aaaaaa;
height:1px;
width:760px;
}

TD.item0  {
  width:420px;
  height:40px;
  font-size:80%;
  padding-left: 10px;
  vertical-align:"middle";
  background-color:#dddddd;
}

TD.content0  {
  width:120px;
  height:40px;
  font-size:80%;
  padding-left: 20px;
  vertical-align:"middle";
  background-color:#dddddd;
}

TD.item  {
  width:120px;
  height:40px;
  font-size:80%;
  padding-left: 10px;
  vertical-align:"middle";
  background-color:#eeeeee;
}

TD.content  {
  width:420px;
  height:40px;
  font-size:80%;
  padding-left: 20px;
  vertical-align:"middle";
  background-color:#f9f9f9;
}

TD.item2  {
  width:120px;
  height:30px;
  font-size:80%;
  padding-left: 10px;
  vertical-align:"middle";
  background-color:#eeeeee;
}

TD.content2  {
  width:420px;
  height:30px;
  font-size:80%;
  padding-left: 20px;
  vertical-align:"middle";
  background-color:#f9f9f9;
}

TD.item3  {
  width:380px;
  height:30px;
  font-size:80%;
  padding: 8px,5px,8px,10px;
  vertical-align:"middle";
  background-color:#eeeeee;
}

TD.content3  {
  width:160px;
  height:30px;
  font-size:80%;
  padding-left: 20px;
  vertical-align:"middle";
  background-color:#f9f9f9;
}

TD.notes  {
  width:540px;
  height:80px;
  font-size:70%;
  padding:8px,8px,8px,10px;
  vertical-align:"middle";
  background-color:#ffffff;
}

span.memo  {
  font-size:80%;
}