@charset "shift_jis";
a{
color:#cccccc;
}
a:hover{
color:#ffffff;
text-decoration:none;
}
html{
scrollbar-track-color:#000000;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#444444;
scrollbar-highlight-color:#333333;
scrollbar-3dlight-color:#444444;
scrollbar-arrow-color:#aaaaaa;
}
body{
font-size:9pt;
color:#cccccc;
background-color:#000000;
text-align:center;
margin:0px;
-webkit-text-size-adjust:none;
}

.top1{
text-align: right;
vertical-align: bottom;
}

.top2{
text-align: left;
vertical-align: bottom;
}



table,th,td{
margin:auto;
font-size:9pt;
color:#cccccc;
}


p{
text-align:left;
line-height:2em;
padding-left:20px;
padding-right:20px;
margin-top:0.5em;
margin-bottom:0.5em;
}
img{
border-style:none;
}
#body{
margin:auto;
width:850px;
background-color:#333333;
background-image:url(image/bg.gif);
background-position:top right;
background-repeat:repeat-y;
overflow:hidden;
}


#header{
width:100%;
height:50px;
text-align:left;
background-image:url(image/header.jpg);
background-repeat:no-repeat;
background-position:top left;
overflow:hidden;
}


#header1{
width:100%;
height:150px;
text-align:left;
background-color: black;
overflow:hidden;
}

#header h1{
margin-top:20px;
padding-left:30px;
font-size:17pt;
font-family:"Impact";
}
#header h1 a{
text-decoration:none;
}
#menu{
width:100%;
height:30px;
background-image:url(image/menu_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#menu ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu li{
float:left;
width:120px;
height:30px;
line-height:30px;
overflow:hidden;
position:relative;
z-index:1;
}
#menu .on{
overflow:visible;
}
#menu .sbm{
left:-1px;
position:absolute;
}
.sbm li{
border-left:solid 1px #3d3d3d;
border-bottom:solid 1px #3d3d3d;
}
#menu a{
/* トップメニューの文字を左寄せにする場合 */
/* text-align:left; */
/* padding-left:10px; */
text-decoration:none;
white-space:nowrap;
border-right:solid 1px #3d3d3d;
display:block;
}
#menu a:hover{
background-image:url(image/menu.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#menu .sbm a{
background-color:#000000;
}
#menu .sbm a:hover{
background-image:url();
background-color:#404040;
}
#main{
margin:auto;
width:830px;
overflow:hidden;
}
#main ul,#main ol{
margin-left:0px;
padding-left:35px;
padding-right:20px;
}
#main li{
line-height:2em;
text-align:left;
}
.box1,.box2,.box3,.box4{
width:830px;
margin:auto;
margin-top:5px;
margin-bottom:5px;
background-color:#000000;
overflow:hidden;
}
.box2{
background-image:url(image/box2.gif);
background-position:top right;
background-repeat:repeat-y;
}
.box3{
background-image:url(image/box3.gif);
background-position:top right;
background-repeat:repeat-y;
}
.box4{
background-image:url(image/box4.gif);
background-position:top right;
background-repeat:repeat-y;
font-size:8pt;
}
.box1 h2,.box1 h3,.box2 h4,.box2 h5,.box3 h4,.box3 h5,.box4 h4,.box4 h5{
margin:auto;
margin-top:0px;
margin-bottom:0px;
font-size:9pt;
height:30px;
line-height:30px;
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
}
.box1 h3,.box2 h5,.box3 h5,.box4 h5{
text-indent:10px;
text-align:left;
}
.box1 h2{
width:830px;
background-image:url(image/h2.jpg);
}
.box1 h3{
width:830px;
background-image:url(image/h3.jpg);
}
.box2 h4{
width:410px;
background-image:url(image/h4.jpg);
}
.box2 h5{
width:410px;
background-image:url(image/h5.jpg);
}
.box3 h4{
width:270px;
background-image:url(image/h4a.jpg);
}
.box3 h5{
width:270px;
background-image:url(image/h5a.jpg);
}
.box4 h4{
font-size:8pt;
width:200px;
background-image:url(image/h4b.jpg);
}
.box4 h5{
font-size:8pt;
width:200px;
background-image:url(image/h5b.jpg);
}
.box4 table,.box4 th,.box4 td{
font-size:8pt;
}
.left1,.right1{
width:410px;
overflow:hidden;
}
.left2,.center1,.right2{
width:270px;
overflow:hidden;
}
.left3,.center2,.center3,.right3{
width:200px;
overflow:hidden;
}
.left1,.left2,.left3,.center1,.center2,.center3{
float:left;
}
.right1,.right2,.right3{
float:right;
}
.center1,.center2,.center3{
margin-left:10px;
}
#menu2{
width:100%;
height:20px;
background-image:url(image/menu_bg2.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#menu2 ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu2 li{
float:left;
width:120px;
height:20px;
line-height:20px;
overflow:hidden;
position:relative;
}
#menu2 .on{
overflow:visible;
}
#menu2 .sbm2{
left:-1px;
position:absolute;
}
.sbm2 li{
border-left:solid 1px #3d3d3d;
border-bottom:solid 1px #3d3d3d;
}
#menu2 a{
/* 下メニューの文字を左寄せにする場合 */
/* text-align:left; */
/* padding-left:10px; */
text-decoration:none;
white-space:nowrap;
border-right:solid 1px #3d3d3d;
display:block;
}
#menu2 a:hover{
background-image:url(image/menu2.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#menu2 .sbm2 a{
background-color:#000000;
}
#menu2 .sbm2 a:hover{
background-image:url();
background-color:#404040;
}
#footer{
clear:both;
width:100%;
height:100px;
background-image:url(image/footer.jpg);
background-repeat:no-repeat;
background-position:top left;
overflow:hidden;
}
.sbox{
height:150px;
overflow:auto;
border:solid 1px #444444;
background-color:#333333;
-webkit-overflow-scrolling:touch;
}
.cbox{
border:solid 1px #444444;
background-color:#333333;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.f_left{
float:left;
}
.f_right{
float:right;
}
.clear{
clear:both;
}
.up{
clear:both;
text-align:right;
padding-right:10px;
}
#copy{
font-size:8pt;
color:#555555;
width:100%;
height:20px;
background-color:#000000;
overflow:hidden;
}
#copy p{
float:right;
width:50px;
height:20px;
margin:0px;
padding:0px;
text-align:right;
overflow:hidden;
}
#copy a{
color:#555555;
text-decoration:none;
background-image:url(image/copy.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-left:80px;
display:block;
}
.darkblue{
color:#00008b;
}
.blue{
color:#0000ff;
}
.cyan{
color:#00ffff;
}
.skyblue{
color:#87ceeb;
}
.lime{
color:#00ff00;
}
.greenyellow{
color:#adff2f;
}
.green{
color:#008000;
}
.darkolivegreen{
color:#556b2f;
}
.olive{
color:#808000;
}
.darkkhaki{
color:#bdb76b;
}
.red{
color:#ff0000;
}
.tomato{
color:#ff6347;
}
.brown{
color:#a52a2a;
}
.maroon{
color:#800000;
}
.saddlebrown{
color:#8b4513;
}
.yellow{
color:#ffff00;
}
.gold{
color:#ffd700;
}
.orange{
color:#ffa500;
}
.darkgoldenrod{
color:#b8860b;
}
.magenta{
color:#ff00ff;
}
.purple{
color:#800080;
}
.blueviolet{
color:#8a2be2;
}
.violet{
color:#ee82ee;
}
.thistle{
color:#d8bfd8;
}
.pink{
color:#ffc0cb;
}
.mistyrose{
color:#ffe4e1;
}
.tan{
color:#d2b48c;
}
.wheat{
color:#f5deb3;
}
.silver{
color:#c0c0c0;
}
.gray{
color:#808080;
}
 .black{
color:#000000;
}
.white{
color:#ffffff;
}
.hp{
color:black;
text-decoration:none;
}