@charset "shift_jis";

@page "top.html"
body { width: 100%; background-color:burlywood; }

div#container { width: 1000px; height: 2800px; border-style: solid; border-width: px; border-color: yellow;   
margin: 0 auto; text-align: left;  
background-repeat: repeat-y;    
background-position: left top; }

div#top { float: left; width: 1000px; height: 150px; background-color:; }
div#front { float: left; width: 1000px; height: 120px; background-color:lemonchiffon; }
div#header { float: left; width: 1000px; height: 20px; background-color:yellow; border-style: margin-bottom: 0px; }

div#bar { float: left; width: 1000px; height: 20px; background-color:burlywood ; margin-top: 1px ; 
margin-bottom: 1px;  margin-left: 0px; }
div#navi ul{
 width: 1000px;
 height: 30px;
 margin-left: -40px; margin-right: 50px;  margin-top: 0; margin-bottom: 0; 
}
div#navi ul li{
 float: left;
 width: 100px;
 height: 30px;
 margin: 0;
 padding: 0;
list-style-type: none;
}
div#navi ul li a{
 display: block;
 width: 100px;
 height: 30px;
 margin: 0;
 background-image: url("bar.png");
 background-repeat: no-repeat;
text-indent: -9999px;
}
div#navi ul li span.active{
display: block;
width: 100px;
height: 30px;
margin: 0;
background-image: url("bar.png");
background-repeat: no-repeat;
text-indent: -9999px;
}
div#navi ul li a: focus{
outline: none;
}
div#navi li.navi01 a { background-position: 0px 0; }
div#navi li.navi01 a:hover { background-position: 0px -30px; }
div#navi li.navi02 a { background-position: -100px 0; }
div#navi li.navi02 a:hover { background-position: -100px -30px; }
div#navi li.navi03 a { background-position: -200px 0; }
div#navi li.navi03 a:hover { background-position: -200px -30px; }
div#navi li.navi04 a { background-position: -300px 0; }
div#navi li.navi04 a:hover { background-position: -300px -30px; }
div#navi li.navi05 a { background-position: -400px 0; }
div#navi li.navi05 a:hover { background-position: -400px -30px; }
div#navi li.navi06 a { background-position: -500px 0; }
div#navi li.navi06 a:hover { background-position: -500px -30px; }
div#navi li.navi07 a { background-position: -600px 0; }
div#navi li.navi07 a:hover { background-position: -600px -30px; }
div#navi li.navi08 a { background-position: -700px 0; }
div#navi li.navi08 a:hover { background-position: -700px -30px; }
div#navi li.navi09 a { background-position: -800px 0; }
div#navi li.navi09 a:hover { background-position: -800px -30px; }
div#navi li.navi10 a { background-position: -900px 0; }
div#navi li.navi10 a:hover { background-position: -900px -30px; }


 
div#center { float: left; width: 800px; height: 1200px;  background-color: white; margin-top: px; } 


 p.sample1 { line-height: 2ex; }
 p.sample2 { line-height: 1.5ex; }
 h1 { font-size: 15pt; color: navy; }
 p { font-size: 12pt; color: blue; }
 h2 { font-size: 15pt; color: navy; }
 h3 { font-size: 15pt; color: orangered; }
 
div#right { float: right; width: 200px; height: 2400px; background-color: yellow; margin-top: 0px; }
 
div#footer { float: left; width: 1000px;  height: 100px; margin-top: 0px; margin-bottom: 0px; background-color:#ffffbb; }

@page "rinen.html"
p.sample1 { line-height: 1ex; }
h4 { font-size: 15pt; color: blue; }
h5 { font-size: 14pt; color: orangered; }
h6 { font-size: 14pt; color: blue; }

@page "ryoukin.html"
div.box_b{ width: 45%; height: 1200px; float: left ; background-color : white ; 
margin-top: 0pt;}

@page "komon.html"
p1 { font-size: 15pt; color: blue; }

@page "jimusho.html"
div.box_b{ width: 45%; height: 1300px; float: left ; background-color : white ; 
margin-top: 0pt;}
y1 { font-size: 15pt; color: blue; }
p.sample1 { line-height:4ex; }


@page "otoi.html"
div.box_b{ width: 45%; height: 1300px; float: left ; background-color : white ; 
margin-top: 0pt;}
q1 { font-size: 20pt; color: chocolate; }
q2 { font-size: 12pt; color: blue; }
p.sample1 { line-height:4ex; }