@charset "shift_jis";

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

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

div#header { float: left; width: 1200px; height: 250px;  margin-top: -10px; margin-bottom: 0px; background-color: ; }

div#bar { float: left; width: 0px; height: 0px; background-color: ; margin-top: 0px ; 
margin-bottom: 0px;  margin-left: 0px; }
div#navi ul{
 width: 1200px;
 height: 50px;
 margin-left: -40px; margin-right: 50px;  margin-top: 0; margin-bottom: 0; 
}
div#navi ul li{
 float: left;
 width: 200px;
 height: 50px;
 margin: 0;
 padding: 0;
list-style-type: none;
}
div#navi ul li a{
 display: block;
 width: 400px;
 height: 50px;
 margin: 0;
 background-image: url("adrbar.png");
 background-repeat: no-repeat;
text-indent: -9999px;
}
div#navi ul li span.active{
display: block;
width: 600px;
height: 50px;
margin: 0;
background-image: url("adrbar.png");
background-repeat: no-repeat;
text-indent: -9999px;
}
div#navi ul li span.active{
display: block;
width: 800px;
height: 50px;
margin: 0;
background-image: url("adrbarbar.png");
background-repeat: no-repeat;
text-indent: -9999px;
}
div#navi ul li span.active{
display: block;
width: 1000px;
height: 50px;
margin: 0;
background-image: url("adrbarbar.png");
background-repeat: no-repeat;
text-indent: -9999px;
}
div#navi ul li span.active{
display: block;
width: 1200px;
height: 50px;
margin: 0;
background-image: url("adrbarbar.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 -50px; }
div#navi li.navi02 a { background-position: -200px 0; }
div#navi li.navi02 a:hover { background-position: -200px -50px; }
div#navi li.navi03 a { background-position: -400px 0; }
div#navi li.navi03 a:hover { background-position: -400px -50px; }
div#navi li.navi04 a { background-position: -600px 0; }
div#navi li.navi04 a:hover { background-position: -600px -50px; }
div#navi li.navi05 a { background-position: -800px 0; }
div#navi li.navi05 a:hover { background-position: -800px -50px; }
div#navi li.navi06 a { background-position: -1000px 0; }
div#navi li.navi06 a:hover { background-position: -1000px -50px; }

div#left { float: left; width: 200px; height: 1900px; background-color: skyblue; margin-top: 0px; margin-bottom: -100px; }

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

p.sample1 { line-height: 2ex; }
p.sample2 { line-height: 1ex; }
 
div#right { float: right; width: 200px; height: 1900px; background-color: skyblue; margin-top: 0px; margin-bottom: -100px; }
 
div#footer { float: left; width: 1200px; height: 150px;  background-color: skyblue; margin-top: 0px; }





@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; }