/*
文書構造：

+ wrapper          : 全体
    + header       : バナー上部（言語切替）
    + main         : メニューと本文部
        + menu     : 左メニュー
	+ contents : 右本文
    + footer       : フッタ（住所）*/

/* 各パーツのサイズ */

#wrapper  {
    width: 800px;
    margin: 15px auto;
}
#header   {
    width: 800px;
    height: 148px;
}
#lang     {
    width: 200px;
    height: 1px;
    margin-top: 147px;
    margin-right: 10px;
    float: right;
    position:relative;
    z-index:2;
}
#main     {
    width: 800px;
    float: left;
}
#menu     {
    width: 143px;
    float: left;
}
#contents {
    width: 627px;
    padding: 0px 15px 20px 15px;
    min-height: 550px;
    float: right;
    position:relative;
    z-index:1;
}
#footer   {
    width: 780px;
    padding: 10px; 
    clear: both;
}

/* 左メニュー内のパーツ */
#menu a{
    display:block;
}
         /* メニュー部：マウスhoverでサブメニューが開く */
#menu ul {
    margin:0px;
    padding:0px;
    list-style: none;
}
#menu li {
    display: block;
    height:27px;
    width: 130px;
    margin:0px;
    padding:0px 4px;
}
#menu ul li:hover {
    position:relative;
    z-index:2;
}
#menu ul ul {
    display:none;
}
#menu ul li:hover ul {
    display:block;
    position:absolute;
    width:138px;
    left:138px;
    top:-5px;
    opacity:0.9;
    z-index:2;
}
/* 言語切替 */
#lang div {
    float:right;
    margin:4px 6px 0px 0px;
    width:100px;
    text-align:right;
}
#lang div a{
    font-weight: normal;
}



/* パーツの配色、背景 */

body      {
    background-image: url("BG.gif");
    background-repeat: repeat;
    background-attachment: fixed;
    background-color:#000000;
}
#wrapper  {
    background-color: #330000;
}
#header   {
    background-image: url("header.png");
    background-size: 800px 148px;
}
#main     {
    background-color: #330000;
}
#contents {
    background-color: #c0e6cd;
}
#footer   {
    background-color: #330000;
}
#menu ul {
    border:#330000 solid 2px;
    background-color: #800000;
}
#menu li       {
    border-bottom:#e0ffff dotted 1px;
}
#menu li:hover{
    background-color:#FFDAB9;
}

         /* テキスト・フォント */

#menu a,
#menu li,
#menu span.boxtitle {
    font-size: 11px;
    line-height:26px;
    color:#e0ffff;
}
#menu a:hover,
#menu li:hover {
    color:#330000;
}
#menu span.boxtitle {
    padding-left:5px;
    text-decoration:underline;
}

#footer {
    font-size:12px;
    text-align:center;
    line-height: 17px;
    color:#e0ffff;
}
#footer .instname {
    font-weight: bold;
}
#footer .address {
    font-weight: normal;
}



/* 共通のタグとフォントの体裁の定義  */

body {
    font-size: 14px;
    font-family: Arial;
    line-height: 18px;
}


a:link   {
    color:#CC6600;
    text-decoration:none;
}
a:visited {
    color:#800000;
    text-decoration:none;
}
a:hover,a:visited:hover {
    color:#ff0000;
    text-decoration:underline;
}


img{
    border: none;
}

h1 {
    margin: 20px 0px 10px 0px;
    font-size: 22px;
    color: #330000;
}
h2 {
    clear:both;
    font-size: 20px;
    color: #330000;
    background-color: #FFDAB9;
    margin: 20px 2px 10px 2px;
    padding: 4px 5px;
    font-weight: bold;
    border-color:#330000;
    border-width: 1px 1px 3px 3px;
    border-style: solid;
}
h3 {
    font-size: 18px;
    color: #330000;
    padding-left: 10px;
    border-width: 0px 0px 1px 10px;
    border-style: solid;
    border-color: #800000;
    clear:both;
    margin: 25px 3px 10px 3px;
    padding: 2px 7px;
    font-weight: bold;
}
h4 {
  font-size: 16px;
  color: #330000;
  border-left-color: #330000;
  margin: 20px 5px 10px 5px;
  padding: 2px 9px;
  border-style: solid;
  border-width: 0px 0px 0px 10px;
}
p {
    margin: 2px 20px 4px 20px;
    text-indent: 1.5ex;
    line-height: 22px;
    font-size: 14px;
    text-align: justify;
    text-justify: inter-ideograph;
}

table {
    border-collapse:collapse;
    empty-cells:show;
    font-size: 12px;
    margin : 10px auto;
}
table caption {
    font-size: 12px;
    font-weight: bold;
    margin: 10px;
    line-height: 15px;
}
table td{
    color: #330000;
    background-color:#FFDAB9;
    border:solid 1px #330000;
    padding:0.5em 0.5em;
    line-height:15px;
}
table td.pe{
    color: #330000;
    background-color:#FFDAB9;
    border:solid 1px #330000;
    padding:0.5em 0.5em;
    line-height:15px;
    width:76px;
}
table td.pl{
    color: #330000;
    background-color:#FFDAB9;
    border:solid 1px #330000;
    padding:0.5em 0.5em;
    line-height:15px;
    width:130px;
}
table td.t{
    color: #330000;
    background-color:#FFDAB9;
    border:solid 1px #330000;
    padding:0.5em 0.5em;
    line-height:15px;
    width:45px;
}
table td.pu{
    color: #330000;
    background-color:#FFDAB9;
    border:solid 1px #330000;
    padding:0.5em 0.5em;
    line-height:15px;
    width:299px;
}
table th{
    border:solid 1px #330000;
    color:#e0ffff;
    padding:0.5em 0.5em;
    background-color:#800000;
    line-height:14px;
}
table td.bottom{
    font-size: 10px;
    border-top: none;
    background-color:#d6e0ea;
    padding: 5px 20px ;
}
table td.second{
    font-size: 10px;
    border-top: none;
    height:25px;
    background-color:#d6e0ea;
    padding: 5px 5px ;
}

table.twocolumn {
    border:solid 1px #90c0d0;
    border-collapse:collapse;
    empty-cells:show;
    font-size: 12px;
    margin : 10px auto;
}
table.twocolumn td.c1{
    padding: 5px 5px ;
    border:solid 1px #90c0d0;
    background-color:#d9e6ec;
}
table.twocolumn td.c2{
    padding: 5px 5px ;
    border:solid 1px #90c0d0;
    background-color:#eaf1f5;
}

}

table.figure    {
    background-color:#ffffff;
    margin-top : 5px;
    margin-bottom: 5px;
    border: none;
}
table.figure td {
    background-color:#ffffff;
    padding: 0px 10px;
    border: none;
}
table.figure caption {
    font-weight:normal;
    font-size: 12px;
    caption-side: bottom;
    margin: 0px 10px 5px 10px;
}

span.icon {
    border : none;
    border-color : #999999;
    background-color:#2299bb;
    color:#ffffff;
    padding :  0 1px 0 1.5px;
    margin :  0 2px 0 2px;
    font-size: 10px;
    font-weight: bold;
}

dl  {
    padding : 0px 20px;
    line-height: 20px;
    font-size: 14px;
}
dt {
    font-weight: bold;
    margin: 3px 0px 2px 0px;
}

ul  {
    padding : 0px 20px;
    line-height: 20px;
    font-size: 14px;
    color: #330000;
}
li {
    margin: 3px 0px 2px 0px;
    color: #330000;
}