@charset "shift_jis";

/* ------------------------------
構成について。
#container以下、#sidebar（float:left左メニューエリア）#main（float:right右メインエリア）→#footer（clear:bothフッター）
body→#container→#mainにheight,min-height:100%を指定にて、
#containerのコンテンツ量が少ない時でも#footerが画面下に表示されるようにしています。

#footer margin-left:238pxにて#mainと見た目を揃えています。

#main以下、#head（paddingなしトップ画像エリア）、#tx（左右padding設定テキストエリア）
#his（更新履歴エリア）はheight指定、overflow-y: scrollにて見た目だけインラインフレーム風。
------------------------------ */



body,html{
height: 100%;
}

html{
  scrollbar-face-color: #ffb9b2;       /* 表面の色 */
  scrollbar-3dlight-color: #ffb9b2;    /* 左端と上端の色 */
  scrollbar-darkshadow-color: #ffb9b2; /* 右端と下端 */
  scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
  scrollbar-shadow-color: #ffb9b2;     /* 影の色 */
  scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
  scrollbar-track-color: #ffffff;      /* バーの背景の色 */
}

body{

background-image: url(ha-toitimatu.gif);
background-repeat: repeat;

background-attachment: fixed;


font-size: 14px;
line-height: 120%;
color: #444444;
text-align: center;

margin: 0 20px;
padding: 0;

}


a:link { color: #fa3e6d;text-decoration: none; } 

a:visited { color: #b38a7d;text-decoration: none; } 

a:hover {
color: #ff4c4c;
text-decoration: underline;
position: relative;
top: 1px;
left: 1px;
 } 






.big{ font-size: 16px; }

.center{ text-align: center;margin: 10px auto; }

.migi { text-align: right; }

.sidetop{
font-size: 17px;

margin: 25px 0 5px 0;
}

h1{
font-size: 16px;

text-align: right;
margin: 10px 0 5px 0;
padding: 0;

}

h2{
text-align: right;
}

h3{
font-size: 14px;
color: #444444;

border-width: 0 0 1px 0;
border-color: #222222;
border-style: dotted;

margin: 25px 0 15px 0;

}

table.memb{ border: 0; }

th,td.memb{ border: 1px solid #000000;padding: 3px; }

td.memb{ background-color: #eeeeee; }
th.memb{ background-color: #333333;color: #eeeeee;font-weight: 400; }

img{ border: 0; }


hr{ 
border: 1px solid ;
padding: 0;
margin: 35px -30px 35px 30px;
 }

ul.menu{ padding: 0;margin: 0; }

li.menu,.menu2{ list-style-type: none; }

li.menu a{



display: block;
width: 180px;
line-height: 17px;
text-decoration: none;

padding-left: 18px;

}

li.menu2{ list-style-type: none;margin: 0; }

li.menu2 a{
background-color: #ffb9b2;

display: block;
width: 180px;
line-height: 18px;
text-decoration: none;
padding-top: 1px;
padding-left: 8px;
margin-bottom: 1px;
}




#container{
width: 850px;
height: 100%;
min-height: 100%;

margin: 0;
padding: 0;

text-align: left;


}




#main{
width: 610px;

background-color: #ffffff;

border-width: 1px 1px 0 1px;
border-color: #777777;
border-style: solid;

float: right;
padding: 0;
margin: 0;





}


#tx{
padding: 0 15px;
margin: 0;

background-color: #ffffff;

}


#sidebar{
width: 220px;
font-size: 11px;

margin: 0 ;
margin-right: 18px;

padding: 0;

float: left;

height: 100%;
min-height: 100%;
}

.sidetitle{

color: #000000;
line-height: 20px;
padding: 3px 0 0 15px;
margin: 0;
}

.sidetx{
font-size: 11.5px;
background-color: #ffffff;
padding: 11px 9px 10px 8px;
margin: 0;

border-width:  1px;
border-color: #777777;
border-style: solid;
}

.sidetx3{
font-size: 11.5px;
background-color: #ffffff;
padding: 11px 9px 10px 8px;
margin: 0;
text-align: center;
border-width:  1px;
border-color: #777777;
border-style: solid;
}


#footer{
clear: both;
font-size: 10px;
text-align: center;
padding-top: 30px;

margin: 0;
margin-left: 238px;
height: 25px;

background-color: #ffffff;

border-width: 0 1px 1px 1px;
border-color: #777777;
border-style: solid;

}

#his{


height: 30px;
width: 190px;
overflow-y: scroll;
  scrollbar-face-color: #000000;       /* 表面の色 */
  scrollbar-3dlight-color: #365fb3;    /* 左端と上端の色 */
  scrollbar-darkshadow-color: #365fb3; /* 右端と下端 */
  scrollbar-highlight-color: #000000;  /* ハイライトの色 */
  scrollbar-shadow-color: #365fb3;     /* 影の色 */
  scrollbar-arrow-color: #365fb3;      /* 矢印の色 */
  scrollbar-track-color: #000000;      /* バーの背景の色 */
  
margin: 0;
padding: 5px;
}