@charset "utf-8";

/******************************************************************************/
/*      GLOBAL SETTING                                                        */
/******************************************************************************/

body{
  color:            black;
  background:       #ede9de;
  font-family:      "MS PGothic",sans-serif;
/*  font-family:      "ヒラギノ角ゴ Pro W3","ＭＳＰゴシック",sans-serif;*/
}

img{
  border:           none;
}

a:hover{
  color:            red;
}

em{
  font-weight:      bold;
  font-style:       normal;
  color:            navy;
  background:       white;
  text-decoration:  underline;
}

strong{
  font-weight:      bold;
  font-style:       normal;
  color:            red;
  background:       white;
  text-decoration:  underline;
}

#content pre code{
  display:          block;
  width:            450px;
  overflow:         scroll;
  margin:           20px;
  padding:          10px;
  border:           1px solid black;
  background:       #eeeeee;
}

h1{
}

h2{
  font-size:        120%;
  letter-spacing:   0.2em;
  text-indent:      1em;
  margin-bottom:    0.5em;
  margin-top:       1em;
  padding:          6px 0 0 20px;
  border-bottom:    1px dotted #000000;
  background:       #FFFFFF url('././img/header2.gif') no-repeat 10px 45%;
}

h3{
  font-size:        90%;
  letter-spacing:   0.1em;
  text-indent:      1em;
  margin-bottom:    0.5em;
  margin-top:       1em;
  color:            #333333;
  padding:          6px 0 0 30px;
  border-bottom:    0px dotted #000000;
  background:       #FFFFFF url('././img/header3.gif') no-repeat 15px 45%;
}

h4{}

h5{}

h6{}

table{
  border-collapse:  collapse;
  background:       white;
}

table td, table th{
  border:           1px solid black;
  padding:          5px;
  vertical-align:   top;
}

table th{
  color:            black;
  background:       #eeeeee;
}


/******************************************************************************/
/*      LAYOUT TABLE                                                          */
/******************************************************************************/

table#layout{
  width:            780px;
  margin:           0px auto 0px auto;
  border:           0px none black;
  border-collapse:  collapse;
}

table#layout td.layout, table#layout th.layout{
  border:           1px solid black;
  padding:          10px;
  vertical-align:   top;
}

table#layout td#header{
  padding:          20px 10px 15px 20px;
 
}

table#layout td#header a{
  color:            black;
  text-decoration:  none;
  font-weight:      bold;
  font-size:        180%;
  letter-spacing:   0.1em;
}

table#layout td#topic_path{
  font-size:        80%;
}

table#layout td#left_menu{
  width:            30%;
  font-size:        80%;
  padding:          0px 15px 0px 15px;
}

table#layout td#left_menu ul{
  margin:           0;
  padding:          0;
}

table#layout td#left_menu li{
  list-style-type:  none;
  padding:          2px  2px  2px  22px;
  line-height:      2em;
}

table#layout td#left_menu div.put_menu_header{
  margin:           15px 0px 0px 0px;
  padding:          4px 0px;
  border:           1px solid black;
  text-align:       center;
  line-height:      2em;
}

table#layout td#content{
  width:            70%;
  font-size:        95%;
  line-height:      1.5em;
}

table#layout td#footer{
  font-size:        80%;
  text-align:       center;
}