/* dla.css */
/* BODY全体 */

/* 上段を固定 */

BODY {
margin: 0;
padding: 100px 0px 0px 0px ;　
/* 上段の縦方向サイズを 100 ピクセルとします */
}

* html body{
overflow: auto ;
}

div#Header_area {
position: fixed !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px; 
/* BODY で設定した100ピクセルの値をセットします　*/
background-color : #8864ba ;　/*　背景色 */
}

* html div#Main_area{
height: 100%;
overflow: auto;
}



/* 本文 */

DIV {
  margin-left: 2.0em;
  padding-bottom: 0.4em;
}


/* 水平仕切り線 */
HR {
  background-color: #660099;
  width: 95%;
  height: 4px;
}

HR.toppage {
  background-color: #ffffff;
  width: 45%;
  height: 2px;
  text-align: left;
  margin-left: 60px;
}


/* 水平仕切り線 */
HR.orange {
  background-color: #FF7F50;
  width: 95%;
  height: 4px;
}


/* 見出し */
H1.midashi_dai {
  font-size: 3em;
  font-weight: bold;
  width: 100%;
  height: 2.0cm;
  padding: 20px 4px 4px 4px;
  border-width: 6px 0px 0px 12px;
  border-style: solid;
  border-color: #3399FF;
  background-color: #ffffff;
  margin-top: 60px;
  margin-left: 20px;
}

H1.top {
  text-align: center;
  margin-top: 20px;
}

H1.toppage {
  margin-top: 60px;
  margin-left: 2.0em;
  color: orange;
}


H2.top {
  margin-left: 2em;
}


H2.midasi_chu {
  margin-left: 40px;
  width: 100%;
  height: 1.0cm;
  padding: 16px 2px 12px 2px;
  border-width: 4px 0px 0px 6px;
  border-style: solid;
  border-color: #CCCC33;
  text-indent="0.5cm"
}


H3 {
  margin-left: 60px;
  width: 100%;
  height: 0.8cm;
  text-indent: 2ex;
}


H3.midasi_sho {
  margin-left: 60px;
  width: 100%;
  height: 0.7cm;
  padding: 10px 2px 2px 2px;
  border-width: 4px 0px 0px 6px;
  border-style: solid;
  border-color: #ffb6c1;
  text-indent: 0.2cm
}


H4.midasi {
  margin-left: 80px;
  width: 100%;
  height: 0.5cm;
  padding: 8px 2px 2px 2px;
  border-width: 4px 0px 0px 6px;
  border-style: solid;
  border-color: blue;
}



H2.toppage {
  margin-left: 4.0em;
  color: white;
}

H3.toppage {
  margin-left: 6.0em;
  color: white;
}

H4.toppage {
  margin-left: 8.0em;
  color: white;
  display:inline;
}


ul{
  line-height:20px;
  font-size="x-large";
  list-style-type="disc";
}

ol{
  line-height:20px;
  font-size="x-large";
}


li{
 margin-top:0.5em;
 margin-bottom:0.5em;
 margin-left: 60px;
}

li.mini{
 margin-top:0.5em;
 margin-bottom:0.5em;
 margin-left: 80px;
}


li.b{
 font-weight: bold;
 margin-top:0.5em;
 margin-bottom:0.5em;
 margin-left: 60px;
}

li.bb{
 font-weight: bold;
 margin-top:0.5em;
 margin-bottom:0.5em;
 margin-left: 60px;
}


table.top {
margin-left:80px;
}


th.hiroi {
width: 260px;
height: 35px;
border: 2px #2b2b2b solid;
}


td.hiroi {
width: 260px;
height: 35px;
border: 2px #2b2b2b solid;
}

td.pic {
width: 400px;
height: auto;
border: 2px #2b2b2b solid;
}

img.pic {
width:70%;
height:auto;
}

th.semai {
width: 180px;
height: 35px;
border: 2px #2b2b2b solid;
}

td.semai {
width: 180px;
height: 35px;
border: 2px #2b2b2b solid;
}


div.pic1 img {
float: left;
margin: 0px 2em 20px 30px;
}


p.list {
margin-left: 5.0em;
margin-bottom:2.0em;
}

p.list_pic {
margin-left: 5.0em;
margin-bottom:2.0em;
width: 80%;
}


p.rm {
margin-left: 1.5em;
}


body.top {
background-image: url(back_03_amami.JPG);
background-position: center center;
background-size: 100% 100%;
}


a.top:link { color: #f5f5f5; }
a.top:visited { color: #faebd7; }



div.chuuki
 {
 position : absolute;
 bottom : 10px;
}