body{
color: #EEEEEE;
background:#666;
font-family: verdana, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
font-size: 85%;
line-height:180%;
}
a:link {
color:#00DD77;
}
a:visited {
color:#00cc66;
}

a { 
text-decoration:underline; 
}


.clear_all{
clear: both;
}

H1
{
border-color: #009000;
background-color:#008000;
background-image:url(../obi2.gif)  background-repeat-x;
color:#FFFFFF;
font-size:17px;
margin-top:0px;
padding:5px;
width:780px;
}


H2{
border-color: #009000;
background-color:#008000;
background-image:url(../obi2.gif)  background-repeat-x;
color:#FFFFFF;
font-size:16px;
margin-top:0px;
padding:5px;
width:780px;
}


H3{color:#FFFFFF;
  border-width : 0px 0px 2px 25px;
  border-style : solid ;
  border-color : #FFF;
  padding-left : 10px;
  margin-right : 0%;
width:500px;

}

H4{
border-left: solid 0.5em #ccc;
border-bottom: solid 1px #ccc;
padding: 0.1em 0.1em 0.1em 0.5em;
width:420px;
}

H5{
border-left: solid 0.25em #ccc;
border-bottom: dotted 1px #ccc;
padding-left:0.5em;
margin-top:0px;
padding: 0.1em 0.1em 0.1em 0.5em;
line-height:100%;
width:400px;
font-size:100%;
}



img{
margin:0.2em;
}
b{color: #00FF00; } 
b.list{color:#FFFFFF;
} 

.exp{
color:#FFDD68;
font-size:small;
margin: 0em 0.5em 1.0em 1.0em;
line-height:90%;

}
.red-nedan{
text-decoration:overline underline;
font-weight:bold;
font-size:large;
color:#F33;
}

.show_name{
display: inline;
font-weight:bold;
border-bottom:1px solid #FFF;
}
.top-img{
	float: left;
	margin:0em 2em 1em 0em;
}

.column{
background-color:#EEE;
color:#333; 
padding:0.5em 
border:solid 1px #ddd;
width:50em;
}

.column h3{
color:#333; 
}


iframe{
width:15em;
margin:0em;
padding:0em;
}

.menu{
margin:0px;
width:791px;
background-color:#222;
}
.menu ul
{
list-style : none;
margin:0px;
padding:0px;
}

.menu li{
border:1px solid #AAA;
float:left;
font-size:12px;
padding:0.1em 0.2em;
margin:5px 3px 5px 0px;
background-color:#444;
width : 140px;
}

.demo
{
    float:left;
    margin:5px;
    border:1px solid #FFF;
    padding:0.5em;
    }

.demo ul
{
font-size:80%;
line-height:160%;
}


.footer{
border:solid 1px #888;
background-color:#151515;
background-image: url('h150b.png');
background-position: top;
background-repeat:repeat-x;
float:left;
margin:5px 0px 0px 5px;
padding:0.3em;
}

.button {
   border-top: 1px solid #96d1f8;
   background: #d66c65;
   background: -webkit-gradient(linear, left top, left bottom, from(#fca50f), to(#d66c65));
   background: -webkit-linear-gradient(top, #fca50f, #d66c65);
   background: -moz-linear-gradient(top, #fca50f, #d66c65);
   background: -ms-linear-gradient(top, #fca50f, #d66c65);
   background: -o-linear-gradient(top, #fca50f, #d66c65);
   padding: 5px 10px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28783a;
   background: #28783a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
.button a:link {
text-decoration:none;
color:#fff;
}
.button a:visited {
text-decoration:none;
color:#fff;
}
.button a:hover {
color:#fff;
text-decoration: none}
a:active {
text-decoration:none;
color:#fff;
}
   
.pdf
{
    background: url(pdf.png) no-repeat 0% 50%;
    padding-left:1em;
    }

.link
{
    background: url(link.png) no-repeat 0% 50%;
    padding-left:1.2em;
    }


#osusume
{
    width:150px;
    float:right;
    background-color:#555;
    font-size:80%;
    padding:0.5em;
    line-height:130%;
    
    }