html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{
color: #666666;
margin: 0px;
padding: 0px;
background-color:#FFFFFF;
background-repeat: repeat-y;
background-position:top;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Osaka", verdana,arial, sans-serif;
font-size: 10pt;
text-align:center;
}
hr {
border-style: dashed;
border-color: #999999;
height: 0.8;
width: 98%
}
h1
{
/*background-color:#FFFFFF;*/
width:100%;
padding:2px 0px;
color:#000000;
}
div#cont
{
width:910px;
margin:0px auto;
padding:0px 30px;
background-color:#FFFFFF;
background:url(../img/main_back.jpg) repeat-y;
text-align:left;
}
div#header
{
/*background-color:#FFFFFF;*/
width:900px;
}
div#header p
{
text-align:right;
color:#000000;
}
#logo {
float:left;
width:280px;
}
p#head
{
float:none;
text-align:left;
color:#000000;
width:910px;
/*background-color:#FFFFFF;*/
}
div#main_ph
{
text-align:center;
width:100%;
}
#main_menu
{
/*background-color:#FFFFFF;*/
width:910px;
height:25px;
text-align:center;
clear:both;
line-height:2.0;
margin:0 auto;
/padding-top:10px;
padding-bottom:10px;
margin-left:-5px;
}
#wrapper {
text-align:center;
margin:0 auto;
clear:both;
}
div#side
{
width:160px;
float:left;
/*background-color:#FFFFFF;*/
}
p.title
{
width:100%;
/*background-color:#FFFFFF;*/
color:#000000;
text-align:left;
padding-top:3px;
margin-bottom:0px;
height:20px;
}
div#side div.button
{
margin-left:5px;
margin-right:5px;
width:150px;
text-align:center;
margin-bottom:10px;
}
div#side div.button img
{
margin-top:5px;
}
#mag {
background:#171c60;
width:145px;
margin-left:2px;
margin-top:5px;
}
#mag td {
text-align:center;
padding-bottom:5px;
color:#FFFFFF;
}
div#main
{
width:740px;
float:left;
/*background-color:#FFFFFF;*/
}
div#main p.title
{
margin-bottom:0px;
}
h2
{
font-size:120%;
font-weight:bold;
background-image: url(../img/black/h2.gif);
background-repeat: no-repeat;
background-position:left;
line-height: 2.0em;
padding-left: 10px;
padding-top: 5px;
padding-bottom:6px;
margin-top:0px;
color: #FFFFFF;
text-align:left;
}
h3
{
font-size:120%;
font-weight:bold;
background-image: url(../img/black/h2.gif);
background-repeat: no-repeat;
background-position:left;
line-height: 2.0em;
padding-left: 10px;
padding-top: 5px;
padding-bottom:8px;
margin-top:0px;
color: #FFFFFF;
text-align:left;
}
div#main p
{
margin-top:3px;
margin-bottom:3px;
font-size:110%;
text-align:left;
padding:0px 10px 0px 10px;
color:#666666;
}
#n_class {
width:720px;
margin-left:5px;
}
#n_class td {
padding-bottom:10px;
}
#picup {
width:720px;
margin-left:5px;
}
#picup td {
width:360px;
padding-left:5px;
padding-top:10px;
text-align:left;
}
div#main p.bg
{
background-image: url(../img/hane11.gif);
}
#main table td {
text-align:left;
}
#main #equip {
width:95%;
border:0px;
}
#equip td h3 {
width:720px;
border-right:#FFFFFF;
}
.komidashi {
background-color:#333333;
color:#FFFFFF;
width:700px;
height:20px;
padding:5px 15px;
text-align:left;
}
#system {
width:100%;
border:0;
}
#toiawase {
vertical-align:top;
background:#999999;
color:#FFFFFF;
padding-left:5px;
text-align:left;
}
#about {
width:95%;
border:solid 1px #CCCCCD;
}
#about td {
border:solid 1px #CCCCCD;
color:#FFFFFF;
}
#about td.midashi {
width:30%;
height:30px;
background:#333333;
}
#about td.naiyou {
background:#666666;
}
#scroll {
margin: 15px 0;
color: #000000;
width: 650px;
height: 350px;
padding: 10px;
line-height: 150%;
overflow: scroll;
background: #ffffff;
text-align:left;
}
div:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
div {
zoom: 100%;
}
#green {
background-color:#BED85C;
color:#000000;
padding:10px;
width:700px;
/width:720px;
}
#white {
/*background-color:#FFFFFF;*/
color:#000000;
padding:10px;
width:330px;
}
#white a:link {
color:#009900;
}
#white a:hover {
color:#BED85C;
}
/*reserve box
----------------------------------------------*/
#reserve_box {
width: 700px;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
float:both;
text-align: left;
margin: 10px 10px 20px 10px;
}
#reserve_box th {
width:250px;
font-size:110%;
border-right: solid 1px #333333;
border-bottom: solid 1px #3D3D3D;
text-align: left;
padding: 5px 5px 5px 5px;
background-color:#2D2D2D;
color: #FFFFFF;
font-weight:normal;
}
#reserve_box td {
width:450px;
font-size:110%;
border-bottom: solid 1px #333333;
text-align: left;
padding: 5px 5px 5px 5px;
background-color:#999999;
color: #000000;
}
.menber {
margin-top: -50px;
}
.menber td img {
margin-top: 5px;
margin-right: 5px;
}
#footer {
padding:10px 0px 20px;
width:910px;
text-align:center;
clear:both;
}