div.menubar {
   background-color: #808080; /* バーの背景色 */
   border-top: 2px solid #ff8c00; /* バーの上端線 */
   border-bottom: 2px solid #ff8c00; /* バーの下端線 */
   opacity: 0.7;
   filter: Alpha(opacity=70);
   min-width: 100%; /* メインメニュー全部が収まる最低横幅 */

}
div.menubar ul#menu {
   margin: 0px 0px 0px 10px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 25px; /* メニューバーの高さ */

}
div.menubar ul#menu li {
   width: 120px; /* メニュー項目の横幅 */
   height: 25px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;

}
div.menubar ul#menu a {
   background-color: #808080; /* メニュー項目の背景色 */
   color: white; /* メニュー項目の文字色 */
   line-height: 25px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: left; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   font-size: 13px;
   display: block;
   width: 100%;
   height: 100%;
}
div.menubar ul#menu a:hover {
   background-color: #8fbc8f; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #005500; /* サブメニュー項目にマウスが載ったときの文字色 */
}

/* メニューバー直後のClearfix */
div.menubar ul#menu { zoom:1; }
div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.frame{
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px;
        display: inline-block;
	box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.8);
}


.box_srcollbar {
width:500;
height:280;
overflow-y:scroll;
scrollbar-base-color:#808080;
text-align:left;
position:absolute;
z-index:1;
}

p.srcoll2 {width:500px; height:180px;  overflow-y:scroll;position:fixed;z-index:1;}

.box_srcollbar2 {
width:500;
height:310;
overflow-y:scroll;
scrollbar-base-color:#808080;
text-align:left;
position:absolute;
z-index:1;
}

p.srcoll3 {width:500px; height:210px;  overflow-y:scroll;position:fixed;z-index:1;}


.box_srcollbar3 {
width:500;
height:340;
overflow-y:scroll;
scrollbar-base-color:#808080;
text-align:left;
position:absolute;
z-index:1;
}

p.srcoll4 {width:500px; height:250px;  overflow-y:scroll;position:fixed;z-index:1;}

.box_srcollbar4 {
width:345;
height:300;
overflow-y:auto;
scrollbar-base-color:#66ccFF;
text-align:left;
position:absolute;
z-index:1;
}

p.srcoll5 {width:345px; height:220px;  overflow-y:scroll;position:fixed;z-index:1;}

.box_srcollbar5 {
height:325;
overflow:hidden;
position:relative;
z-index:1;
}

p.srcoll6 {height:250px;position:fixed;z-index:1;}

.box_srcollbar6 {
height:350;
overflow-y:scroll;
scrollbar-base-color:#66ccFF;
position:relative;
z-index:1;
}

p.srcoll7 {height:250px;position:fixed;z-index:1;}