@charset "Shift_JIS";

/*----------------------------------------
   reset Block
  ----------------------------------------*/
* {
    margin:          0;
    padding:         0;
    color:           #000000;
    font-style:      normal;
    font-size:       100%;
    font-weight:     normal;
    text-decoration: none;
    line-height:     1.5;
    vertical-align:  baseline;
}

/*----------------------------------------
   html Block
  ----------------------------------------*/
html {
    overflow:   hidden;
    overflow:   auto;
/*  width:      100%;*/
    height:     100%;
    background: #ffffff url("../image/html_syasen.gif") repeat;
}

/*----------------------------------------
   body Block
  ----------------------------------------*/
body {
    height:     100%;
    width:      1024px;/*100%;*/
    width:      1022px;
    font-family:"MS Gothic", "Meiryo", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", sans-serif, "MS P Gothic","ヒラギノ角ゴ Ｐｒｏ Ｗ６";
    margin:     0 auto;
    padding:    0;
/*  overflow:   auto;*/
    overflow:   hidden;
/*  background: #eafdff    url("../image/titlegazou1.jpg") no-repeat;*/
    border-right: 1px solid lightgray;
    border-left:  1px solid lightgray;
}

/*----------------------------------------
   universal Block
  ----------------------------------------*/
h1  {
    color:         black;
    font-family:   "ＤＦ平成明朝体W7";
    font-style:    normal;
    font-size:     24px;
    text-align:    center;
    padding-top:   0.25em;/*15px;*/
/*  padding-left:  30px;*/
}

h2  {
    margin:        0px;
    margin-left:   14px;
    margin-right:  auto;
    padding-left:  1.0em;
    color:         navy;
    font-family:   'ＤＦ平成明朝体W7';
    font-style:    normal;
    font-size:     16px;
    text-align:    left;
    border-top:    0px solid darkblue;
    border-bottom: 2px solid darkblue;
    line-height:   2.0em;
    background:     #fffff1;
    background:    white;
}

h3  {
    margin:        0px;
    margin-left:   6px;
    margin-right:  6px;
    color:         navy;
    font-family:   'ＤＦ平成明朝体W7';
    font-style:    normal;
    font-size:     16px;
    text-align:    left;
    border-top:    2px solid darkblue;
    border-bottom: 2px solid darkblue;
}

h4 {
  font-size:     16px;
  text-align:    left;
  line-height:   18px;
  margin:        0px;
  margin-bottom: 1px;
  padding:       2px;
  border-top:    0px solid darkgray;
  border-bottom: 0px solid darkgray;
  background:    white;
}

h5 {
  font-size:     14px;
  text-align:    left;
  line-height:   18px;
  margin:        0;
  margin-bottom: 1px;
  padding:       2px;
  padding-left:  14px;
  border-top:    0px solid darkgray;
  border-bottom: 0px solid darkgray;
  background:    #fffff1;
  background:    white;
}

hr {
  margin-left:   14px;
  margin-right:  14px;
  color:         gray;
}

p {
  font-size:     14px;
  text-align:    left;
  color:         black;
  line-height:   1.5em;
  margin:        0;
  padding-left:  14px;
  padding-right: 14px;
}

h6 {
  font-size:     14px;
  text-align:    left;
  line-height:   16px;
  margin:        0;
  margin-bottom: 1px;
  padding:       1px;
  border-top:    1px solid darkgray;
  border-bottom: 1px solid darkgray;
  background:    silver;
  background:    #f2f2f2;
}

pre {
     font-size:     14px;
     line-height:   1.5em;
     color:         black;
     margin:        0;
     padding-left:  1.0em;
}

input {
     font-size:     13px;
     line-height:   15px;
     padding-top:    2px;
}

/* floatclear */

.floatclear { clear: both; }

/* ----------------------------------------
   container Block
   ---------------------------------------- */
#container {
    height:    100%;
    width:     100%;
    margin:    0 auto;
    padding:   0;
    overflow:   auto;
    overflow:  hidden;
    background-color:    white;
    background-repeat:   repeat-x;
    background-position: 0% 0%;
}
/* ----------------------------------------
   header Block
   ----------------------------------------*/
#header {
    width:   100%;
    height:  8.5%;
    height:  48px;
    margin-left:   12px;
    margin-left:    0px;
    margin-right:  20px;
    margin:      0 auto;
    padding-top:   10px;
    background-image:    url("../image/titlegazou1.jpg");
}

/*----------------------------------------
   nav Block
  ----------------------------------------*/
#nav {
    display:       block;
    width:         99.8%;
    width:         1012px;
    width:         100%;
    height:        20px;
    background:    #77dcdf; /*url("../image/nav_back.gif") repeat;*/
    background:    #dfdfdf;
    background:    #77dcdf  url("../image/nav_back.gif") repeat;
    background:    #77dcdf  url("../image/nav_a.gif") repeat;
    margin:        0 auto;
    margin-left:   12px;
    margin-left:    0px;
    margin-right:  00px;
    padding:       0;
    border-top:    1px solid gray;
    border-bottom: 1px solid gray;
}

#nav ul {
    width:         1012px;
    width:         100%;
    height:        20px;
    margin:        0;
    margin-right:  0px;
    padding:       0;
    font-size:     14px;
    list-style:    none;
    list-style-position: outside;
    border:        0px solid gray;;
}

#nav li {
    width:         158px;
    height:        20px;
    margin-top:    0px;
    padding-top:   0px;
    float:         left;
    text-align:    center;
    border-right:  1px solid #bfbfbf;/*gray;*/
}

#nav li.current {
    height:        20px;
    margin-top:    0px;
    padding-top:   0px;
    color:         black;
    font-weight:   bold;
    background:    #95dfff url("../image/nav_current.gif") repeat;
}

#nav a {
    display:         block;
    height:          18px;
    margin-top:      0px;
    margin-bottom:   1px;
    padding-top:     1px;
    padding-bottom:  1px;
    text-decoration: none;
    background:      #77dcdf  url("../image/nav_a.gif") repeat;
    border-bottom:   1px solid gray;
}

#nav a:hover {
    height:          18px;
    margin-top:      0px;
    margin-bottom:   1px;
    padding-top:     1px;
    padding-bottom:  1px;
    color:           navy;
    background:      white;
    background:      #eef3f3;
    text-decoration: none;
    border-bottom:   1px solid gray;
}

/* ----------------------------------------
   mokuji Block
   ---------------------------------------- */
#mokuji {
/*  display:       block;*/
    clear:         left;
    width:         160px;
/*  height:        81%; */
    height:        100%;
    overflow:      auto;
    float:         left;
    margin:        0;
    padding:       0; 
    background:    #efefef;
    scrollbar-track-color:#f8f8f8;/*ごく淡い灰色*/
}

#mokuji ul {
    display:        block;
    margin-left:    6px;
    margin-right:   6px;
    margin-top:     5px;
    margin-bottom:  2px;
    padding:        0;
    font-size:      14px;
    border-top:     1px solid #bfbfbf;
    border-right:   1px solid #bfbfbf;
    border-left:    1px solid #bfbfbf;
    list-style:     none;
    list-style-position: outside;
}

#mokuji li {
    line-height:    18px;
    padding:        0.0em;
    padding:        0px;
    padding-left:   2px;
    border-bottom:  1px solid #bfbfbf;
    border-right:   0px solid #bfbfbf;
    border-left:    0px solid #bfbfbf;
    font-size:      13px;
    background:     white;
}

#mokuji a {
    display:         block;
    color:           navy;
    text-decoration: none;
}

#mokuji a:hover {
    background:      #005599;
    color:           white;
    text-decoration: none;
}