@charset "utf-8";
@import url(basic.css);
@import url(sub.css);


.text-left   {text-align: left}
.text-right  {text-align: right}
.text-center {text-align: center}
.bold        {font-weight: bold;color:#444444}
.font-big    {font-size:16px;}
.orange      {color:#FF4100}
.img-left    {float:left;padding-right:10px}
.img-right   {float:right;padding-left:10px;}
.img-bottom  {vertical-align:bottom;}
.img-top     {vertical-align:top;}
.clear       {clear:both}
.mr-bottom20 {margin-bottom:20px}
.mr-top5     {margin-top:5px;}
.blak_text   {color:#222222;}
.red         {color:#FF0000}
.green       {color:#00CC00}
a:link    {color: #0a50a1;text-decoration:none}
a:visited {color: #0a50a1;text-decoration:none}
a:hover   {color: #FF4100;text-decoration:none}
a img     {border:0pt none;}
.current {color: #FF4100;text-decoration:none}
* html .png{
behavior: expression(IEPNGFIX.fix(this));
fix('.example1, .example2, img');
} 



body {margin: 0px;text-align: center;background:#fff;}
#navSkip    {position: absolute;top: 0;left: 0;}

#header-top {background:url(img/head_top.jpg) repeat-x top center;}
#header-top-in{width:800px; height:30px; text-align:right; margin:0px auto;color:#ffffff;}


div#header{
margin: 0px auto;
text-align:left;
height:235px;
width:800px;
background:#ffffff url(img/head_bg.jpg) no-repeat 0px 0px;
position:relative; 
}
#header h1{ position:absolute; top:-30px ;left:-10px;}

#header-menu {position:absolute; top:102px ;left:400px}


#page{
background:url(img/body_bg.jpg) repeat-y top center;
margin: 0px auto;
width:840px;
text-align: center;
}

div#footer{
clear:both;
margin: 0px auto;
text-align:cnter;
height:30px;
background: url(img/head_top.jpg)  repeat-x top center;
}
div#footer-in{
width:800px;
margin: 0px auto;
text-align:right;
color:#ffffff;
}


#content  {margin: 0px auto; width:800px; background:url(img/left.jpg) repeat-y top left; padding-top:10px; font-size:108%;}
#left-box {float:left;width:200px; margin: 0px auto; height:800px;padding-top:20px;}
#left-box dd{margin-bottom:20px;}
.menu1 li{margin-bottom:8px;}
.menu2 li{margin-bottom:5px;}

#right-box    {float:right;width:600px;padding-top:20px;}
#right-box-in {width:550px ;margin:0px auto;text-align:left; padding-bottom:150px;}

.osusume {background: url(img/osusume.jpg) repeat; width:550px;height:300px; border:solid 1px #d7d6bf;margin-bottom:20px;clear:both;}

.info-left {width550px; position:relative; }
.kaikata {position:absolute; top:25px ;right:0px;}



#info {
background: url(img/top/info-body.jpg) no-repeat left top;
text-align:left;
width:400px;
clear:both;
float:left;
}

#info dl{
background: url(img/top/info-bottom.jpg) no-repeat left bottom;
margin-top:10px; padding-left:10px;padding-right:20px; padding-bottom:20px;}
#info {font-size:80%;}
#info dt {clear:left;float:left;width:70px;padding: 5px 0.5em;}
#info dd {margin-left:0;padding: 5px 0.5em 5px 70px;}
#info a  {color:#555555; text-decoration:underline;}
#info a:hover {color:#75A315; text-decoration:underline;}



.payment {width:550px; border:solid 1px #d7d6bf;clear:both;padding-top:20px;}

.pay-left {float:left;width:270px;}
.pay-right{float:right;width:270px;}
.pay-left dl{text-align:center;background:#ffffff}
.pay-right dl{text-align:center;background:#ffffff}

.pay-left dt,
.pay-right dt{text-align:left;margin:10px;width:250px;background:#333333;color:#FFFFFF;padding:3px 10px;}

.pay-left dd,
.pay-right dd {text-align:left;margin:10px;width:250px;background:#ffffff;padding:5px}