/* イラスト風スクロールバー */
BODY {
color:#8b4513;
background:#8fbc8f;
font-size:small;
margin:0;;scrollbar-face-color:#ffffff;scrollbar-3dlight-color:#cccccc;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#ffffff;scrollbar-darkshadow-color:#cccccc;scrollbar-arrow-color:#cccccc;scrollbar-track-color:#ffffff
}
/* 上下三段シート */

.top	{
background-color:#8fbc8f;
border-bottom-color:#696969;
border-bottom-style:ridge;
border-bottom-width:2px;
width:740px;
position:relative;
top:0px;
left:0px
}
.middle	{
background-color:lightyellow;
width:740px;
height:100%;
display:block;
position:static
}
.bottom	{
background-color:#8fbc8f;
border-top-color:#a9a9a9;
border-top-style:inset;
border-top-width:2px;
width:740px;
display:block;
position:static;
left:0px;
bottom:0px;
right:0px
}


/* 押すとへこむボタン */
/*注：color属性はすべて同じにしておいたほうが無難*/
/* 例<A href="#" class="btn">BACK</A> */
A.btn {
color:#ffffff;
background-color:#e9967a;
font-size:12px;
line-height:16px;
text-align:center;
text-decoration:none;
margin:0px;
padding:3px 1px 1px 0px;
border:outset 2px #ffa07a;
width:120px;
display:block
}
A.btn:hover {
color:#eeeeee;
background-color:#d2691e;
margin:0px;
padding:4px 0px 0px 1px;
border:inset 2px #ffa07a
}
A.btn:active { color: #ffffff; } /* フォントカラー */
A.btn:visited { color: #ffffff; } /* フォントカラー */

/* 立体的なテーブル */
.TH {
  color: #ffffff; /* 文字の色 */
  background-color: #666699; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #9999cc #333366 #333366 #9999cc; /* 枠の色 */
  border-width: 0px; /* 枠の幅 */
}
.TD {
color:#ffffff;
background-color:#666699;
border-color:#9999cc #333366 #333366 #9999cc;
border-style:solid;
border-width:1px;
}
/* ブロック要素用スクロールあり */
.P500_300 {
background-color:#f0fff0;
text-align:left;
padding-top:1em;
padding-left:1em;
padding-bottom:1em;
width:500px;
height:300px;
overflow:auto
}
.P300_300 {
background-color:#f0fff0;
text-align:left;
padding-top:1em;
padding-left:1em;
padding-bottom:1em;
width:320px;
height:300px;
overflow:auto
}
.P250_250 {
background-color:#f0fff0;
text-align:left;
padding-top:1em;
padding-left:1em;
padding-bottom:1em;
width:280px;
height:250px;
overflow:auto
}
.P200_200 {
background-color:#f0fff0;
text-align:left;
padding-top:1em;
padding-left:1em;
padding-bottom:1em;
width:200px;
height:200px;
overflow:auto
}
/* ブロック要素スクロールなし */
.H1_1 {
background-color:#00cc00;
width:500px;
overflow:hidden
}

/* カラー設定 */

.cl_1 {background-color:#eee8aa}
}