﻿body {color: #3f0f0f;  margin-left: 3em; margin-right: 3em;}
h1 {color: #ffffff; background-color: #3939AD; border-color: #FF00FF; width: 100%;
    border-style: solid; border-top-width: 0.1em; border-bottom-width: 0.1em; border-right: none;
  border-left: none;   padding: 0.1em; font-weight: bold; font-size: 160%;text-align: center;
}
h2 {color: #00007f; background-color: #e7e7ff; border-color: #000094;
  width: 100%; border-style: solid;  border-left: none; border-right: none; border-top-width: 0.1em;
  border-bottom-width: 0.1em;  padding: 0.1em;  font-weight: bold;  font-size: 110%;
}
h3 { color: #00007f; padding: 0.2em; font-size: 110%;border-style: none;
     border-left: none; border-right: none; border-top-width: 0.0em;
     border-bottom-width: 0.0em; 
}
h4, h5 { color: #000000; padding: 0.2em; font-size: 100%;}
table { margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 0.4em; margin-right: 2em;}

caption { color: #7f0000;font-weight: bold;}
th {background: #e7e7ff;padding-left: 0.2em; padding-right: 0.2em;}
// td {background: #f3f7ff;padding-left: 0.2em; padding-right: 0.2em;}

pre { margin-top: 1px;}
code { margin-top: 1px; color: #0000df;}
kbd { color: #ffffbf;font-weight: bold;}
dt {margin-top: 0.2em;}
blockquote { MARGIN: 1px 1px 1px 10px;}


/*------------------------ drop_down_menu: 使用方法  ----------------------------------
  最初の <ul> タグの id を "drop_down_menu" とする。
  以下 <li> と <ul> でネストするだけ。
  タグ間に全角スペースがあると表示が乱れる。

[例]

<ul id="drop_down_menu">
  <li><a href="...">aaaaaaaa</a>
    <ul>
      <li><a href="...">a-111111</a></li>
      <li><a href="...">a-222222</a></li>
      <li><a href="...">a-333333</a></li>
    </ul>
  </li>
  <li><a href="...">bbbbbbbb</a>
    <ul>
      <li><a href="...">b-111111</a>
  	    <ul>
          <li>
             <a href="...">b-222222</a>
               <ul>
			    <li><a href="...">b-2-11111</a></li>
			    <li><a href="...">b-2-2222</a></li>
               </ul>
          </li>
          <li><a href="...">b-33333</a></li>
          <li><a href="...">b-44444</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
------------------------*/

ul#drop_down_menu {
     margin: 0;
     padding: 0;
	 padding-right: 15px;
     list-style: none;
     font-size: 12px;
	 letter-spacing: 0.1em;
	 position: absolute;

}

ul#drop_down_menu ul {
	margin: 0;
	padding: 0;
}

ul#drop_down_menu li {
	list-style:none;
	margin: 0;
	padding: 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

ul#drop_down_menu li {
     margin: 0;
     padding: 0;
     float: left;
	 position: relative;
	 white-space: nowrap;
}

ul#drop_down_menu li.first {
}

ul#drop_down_menu li a {
     display: block;
	 padding-top: 1px;
	 padding-bottom: 1px;
	 padding-left: 10px;
	 /*width: 176px;*/                   /* Length of each menu items */
     border-right: 1px solid #FFF;
     border-bottom: 1px solid #EEE;
     text-decoration: none;
	 background: #FFF;
     color: #0000FF;
}

ul#drop_down_menu a:hover,
ul#drop_down_menu li:hover a {
     background: #ECF4FD;
     color: #666;
}

ul#drop_down_menu li ul {
     display: none;
}

ul#drop_down_menu li ul li {
     float: none;
}

ul#drop_down_menu li ul li ul {
     position: absolute;
     top: 0;
     /* left: 186px; */                   /* ul#drop_down_menu li.width: + padding-left: */
}

ul#drop_down_menu li:hover > ul {
     display: block;
}

ul#drop_down_menu li:hover ul li a,
ul#drop_down_menu li:hover ul li:hover ul li a,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li a {
     background: #FAFAFA;
     color: #000;
}

ul#drop_down_menu li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover a,
ul#drop_down_menu li:hover ul li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover ul li:hover a,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li:hover a {
     background: #EEE;
     color: #666;
}


a#_menu {
     text-decoration: none;
}
a#_menu:hover {
     text-decoration: underline;
}

