body{
background-color:#f0f0f;
line-height:120%;
}

h1{
width:854px;
margin:3px 0 1px 3px;
padding:20px;
background-color:#acf;
background: -o-linear-gradient(top, #8bf, #acf);
background: -moz-linear-gradient(top, #8bf, #acf);
background: -webkit-gradient(linear, left top, left bottom, from(#8bf), to(#acf));
color:#c33;
font-size:40px;
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 2px #555;
-moz-box-shadow: 2px 2px 2px #555;
box-shadow: 2px 2px 2px #555;
text-shadow: 1px 1px 1px #fff;
}

div.frame{
width:900px;
}

div#menubar{
margin:2.5px;
padding:20px;
width:120px;
background-color:#def;
line-height:200%;
float:left;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 1px 1px 1px #555;
-moz-box-shadow: 1px 1px 1px #555;
box-shadow: 1px 1px 1px #555;
}

div#menubar li{
list-style-type: disc;
font-weight:bold;
font-size:12pt;
margin-left:0px;
}

div#menubar a{
color:#15c;
-moz-transition-property: color, text-shadow;
-webkit-transition-property: color, text-shadow;
-o-transition-property: color, text-shadow;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

div#menubar a:hover{
color:#f55;
text-shadow:1px 1px 1px #aaa;
}


div#context{
margin:2.5px;
padding:20px;
width:690px;
background-color:#f0f0ff;
float:left;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 1px 1px 1px #555;
-moz-box-shadow: 1px 1px 1px #555;
box-shadow: 1px 1px 1px #555;
}

ul.submenu{
margin-bottom:30px;
}

ul.submenu li{
margin-top:10px;
}

div.caution{
font-size:12pt;
color:red;
}

h2{
margin-top:5px;
padding:10px;
background-color:#adf;
background: -o-linear-gradient(top, #cef, #adf);
background: -moz-linear-gradient(top, #cef, #adf);
background: -webkit-gradient(linear, left top, left bottom, from(#cef), to(#adf));
color:#218;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 1px #555;
-moz-box-shadow: 1px 1px 1px #555;
box-shadow: 1px 1px 1px #555;
text-shadow: 1px 1px 1px #aaa;
}

h2 a{
text-decoration:none;
color:#555;
}

h2.nobar{
border-top:solid thin red;
border-bottom:solid thin red;
}

h3{
padding:5px 5px 5px 10px;
background-color:#efa;
background: -o-linear-gradient(top, #fff, #ffc 30%, #efa);
background: -moz-linear-gradient(top, #fff, #ffc 30%, #efa);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.3, #ffc), to(#efa));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 1px #555;
-moz-box-shadow: 1px 1px 1px #555;
box-shadow: 1px 1px 1px #555;
}

h4{
margin-top:40px;
margin-bottom:10px;
font-size:13pt;
}

h4.add{
margin-top:50px;
font-weight:bold;
color:#55d;
}

h5{
margin:20px 0px 10px 0px;
font-size:13pt;
}

h6{
margin:20px 0px 5px 0px;
font-size:12pt;
text-decoration:underline;
}

.seal{
padding:5px 10px 5px 10px;
background-color:#def;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 1px #555;
-moz-box-shadow: 1px 1px 1px #555;
box-shadow: 1px 1px 1px #555;
}

.dirword{
width:400px;
margin-top:40px;
margin-bottom:5px;
padding:5px 10px 5px 10px;
background-color:#aaf;
background: -o-linear-gradient(left, #aaf, #f0f0ff);
background: -moz-linear-gradient(left, #aaf, #f0f0ff);
background: -webkit-linear-gradient(left, #aaf, #f0f0ff);
color:#115;
}

.dirword2{
width:400px;
margin-top:40px;
margin-bottom:5px;
padding:5px 10px 5px 10px;
background-color:#fbb;
background: -o-linear-gradient(left, #fbb, #f0f0ff);
background: -moz-linear-gradient(left, #fbb, #f0f0ff);
background: -webkit-linear-gradient(left, #fbb, #f0f0ff);
color:#522;
}

.dirword3{
width:400px;
margin-top:40px;
margin-bottom:5px;
padding:5px 10px 5px 10px;
background-color:#cec;
background: -o-linear-gradient(left, #cec, #f0f0ff);
background: -moz-linear-gradient(left, #cec, #f0f0ff);
background: -webkit-linear-gradient(left, #cec, #f0f0ff);
color:#252;
}


.bline{
padding:5px;
border:double 5px gray;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

p.introduction{
margin:0 0 50px 0;
}

h2.bottom_menu{
margin-top:50px;
padding:5px 5px 5px 10px;
width:405px;
background-color:transparent;
font-size:14pt;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 0px 0px #555;
-moz-box-shadow: 0px 0px 0px #555;
box-shadow: 0px 0px 0px #555;
}

h2.bottom_menu a{
-moz-transition-property: color;
-webkit-transition-property: color;
-o-transition-property: color;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}


h2.bottom_menu a:hover{
color:#218;
}

span.large{
font-size:24px;
font-weight:bold;
}

.b{
font-weight:bold;
}

.ss{
font-size:12px;
text-decoration:line-through;
}

div.command{
padding:8px;
border:groove 3px;
margin:5px 0px 15px 0px;
background-color:#fff;
}

div.return{
padding:8px;
background-color:#edf;
-webkit-box-shadow: -1px -1px 0px #555;
-moz-box-shadow: -1px -1px 0px #555;
box-shadow: -1px -1px 0px #555;
}

ul{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 10px;
}

li{
margin:3px 0px 3px 15px;
}

img{
margin:10px 0px 10px 0px;
}

img.in{
margin:0px;
}


div.box{
padding:5px;
background-color:#ffe;
border:ridge thick;
}

div.box h4{
margin-bottom:0px;
}

div.box h5{
margin-bottom:0px;
}

div.box p{
margin-top:5px;
}

h4.apt{
margin-top:50px;
text-decoration:underline;
}

div.local{
width:400px;
background-color:#eff;
border:groove thick;
padding:5px;
}

div.mona{
width:400px;
padding:5px;
margin:15px 0px 10px 0px;
background-color:#f5f5f5;
border:ridge 2px;
}

div.mozc_ico{
width:200px;
margin:0px 0px 10px 0px;
padding:5px;
border: 2px ridge white;
}

h4.office{
margin:50px 0px 5px 0px;
font-size:18pt;
color:#55f;
text-shadow: 1px 1px 1px #aaa;
text-decoration:underline;
}

div.office{
width:300px;
margin:20px 0px 10px 0px;
padding:5px;
border:2px ridge white;
}


div.timidity_gui{
clear:left;
margin:50px 0 50px 0;
height:220px;
}

div.timidity_gui h4{
margin:0px;
padding:5px;
background-color:#aaf;
}

div.timidity_gui a{
margin:5px;
padding:5px;
}

dt{
margin:40px 0 10px 0;
padding:3px 3px 3px 10px;
font-size:14pt;
background-color:#faf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

h3.linkbar{
margin-bottom:0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
background-color:#fdd;
background: -o-linear-gradient(top, #fdd, #fed);
background: -moz-linear-gradient(top, #fdd, #fed);
background: -webkit-gradient(linear, left top, left bottom, from(#fdd), to(#fed));
border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}

h4.link{
font-size:14pt;
margin:10px 0px -10px 0px;
}

div.link_frame{
margin:0px;
padding:10px;
background-color:#fed;
}

div.timain{
margin:-20px 50px 0px 0px;
float:left;
width:220px;
}

h3.subtitle{
background-color:#bfc;
background: -o-linear-gradient(top, #dfe, #dfe 30%, #bfc);
background: -moz-linear-gradient(top, #dfe, #dfe 30%, #bfc);
background: -webkit-gradient(linear, left top, left bottom, from(#dfe), color-stop(0.3, #dfe), to(#bfc));
}

div.midi_bottom{
margin:-20px 20px 0 0;
float:left;
width:200px;
}

div.midi_bottom h3{
background-color:transparent;
font-size:12pt;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 0px 0px #555;
-moz-box-shadow: 0px 0px 0px #555;
box-shadow: 0px 0px 0px #555;
}

h4.caution{
margin:50px 0px 5px 0px;
padding-bottom:3px;
font-size:14pt;
font-weight:bold;
color:#55a;
border-bottom:2px blue ridge;
text-shadow:1px 0px 0px #555;
}

h5.codec{
margin-top:10px;
}

h4.item{
margin:50px 0px 10px 0px;
}

em{
font-sytle:normal;
font-weight:bold;
}

strong{
font-style:normal;
font-weight:bold;
text-decoration:underline;
color:red;
}

figure{
margin:20px 20px 30px 30px;
}

.turn{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform:rotate(180deg);
display:inline-block;
font-size:12pt;
}