/* HV CSS Document */

body{
background:url(../images/bg.gif) left top repeat-x;
margin:0;
padding:0;
}
#main{
background:url(../images/dot.gif) right top repeat-y;
width:722px;
margin:0;
font-size:85%;
}

/*   header   */
#main #header{
background:url(../images/header.gif) left top no-repeat;
width:722px;
height:114px;
}
#main #header img.logo{
margin:32px 0 0 42px;
}

/*   menuArea   */
#main #menuArea{
background:url(../images/menu_bg.gif) left top no-repeat;
margin:2px 0 0 0;
position:relative;
}
#main #menuArea ul{
padding:0 0 0 8px;
height:31px;
}
#main #menuArea ul:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #main #menuArea ul {
height: 1em;
overflow: visible;
}
/**/
#main #menuArea ul li{
float:left;
padding:0;
font-size:0;
line-height:0;
}
#main #menuArea p{
position:absolute;
right:8px;
top:10px;
font-size:85%;
}

/*   titleArea   */
#main #titleArea{
background:#cfdcfb;
margin:0;
padding:10px;
}
#main #titleArea h1,
#main #titleArea p.title{
font-size:120%;
font-weight:bold;
color:#040c72;
padding-left:5px;
}

/*   contArea   */
#main #contArea{
padding:5px 15px 15px;
}
#main .first-child{
margin:0;
}
#main #contArea address{
margin:15px;
line-height:1.5;
background:#e6e6fa;
padding:10px;
}

#main #contArea strong{
color:#191970;
}
#main #contArea hr{
color:#191970;
margin:10px 0;
}
#main #contArea h2{
font-weight:bold;
color:#040c72;
padding:5px 8px;
margin:10px 0 5px 0;
border-left:3px solid #4682b4;
border-bottom:1px solid #4682b4;
font-size:100%;
background:#b0c4de;
clear:both;
}
#main #contArea h3{
color:#708090;
padding:5px;
margin:10px 0 5px 0;
border-left:3px solid #778899;
background:#CCCCCC;
}
#main #contArea h4{
color:#333333;
font-weight:bold;
padding:4px;
margin:10px 0 0 0;
}
#main #contArea p{
text-indent:1em;
}
#main #contArea p.noindent{
text-indent:0;
}
#main #contArea img.illust{
float:right;
vertical-align:text-bottom;
}
#main #contArea p,
#main #contArea ul,
#main #contArea ol{
margin:5px 0 0 0;
line-height:1.5;
}
#main #contArea ul li{
margin-left:10px;
}
#main #contArea ol li{
list-style-position:outside;
list-style-type:decimal;
margin-left:30px;
padding-left:0;
}

#main #contArea .profile{
float:left;
border:1px solid #cccccc;
}
#main #contArea #map{
width:685px;
height:370px;
margin:5px 0 0 0;
position:relative;
}
#main #contArea #map iframe{
border:1px solid #333333;
position:absolute;
right:0;
top:0;
}
#main #contArea #map address{
position:absolute;
bottom:20px;
left:2px;
line-height:1.5;
background:#DFDAC6;
padding:10px;
margin:0;
}
#main #contArea #map p.map{
position:absolute;
right:0;
bottom:0;
font-size:83%;
}

#main #contArea #signing{
margin:10px 0 0;
position:relative;
height:4em;
width:aout;
}
#main #contArea #signing p{
position:absolute;
right:10px;
text-indent:0;
}

/* *** table *** */
#main #contArea table{
margin:5px 0 0 0;
}
#main #contArea table th{
text-align:left;
font-weight:bold;
white-space:nowrap;
}
#main #contArea table th,
#main #contArea table td{
line-height:1.3;
}

#main #contArea table.reward{
float:left;
margin-right:15px;
}
#main #contArea table.reward th,
#main #contArea table.reward td{
border:1px solid #333333;
padding:5px 10px;
}
#main #contArea table.reward,
#main #contArea table.schedule{
border-collapse:collapse;
border:1px solid #333333;
}
#main #contArea table.schedule th,
#main #contArea table.schedule td{
border:1px solid #333333;
padding:5px;
}
#main #contArea table.reward th,
#main #contArea table.schedule th{
text-align:center;
background:#e6e6fa;
}

#main #contArea table.rewardSub td{
padding:0 5px;
}
/*   footer   */
#main #footer{
margin:0;
border-top:#666666 3px solid;
text-align:center;
}
#main #footer p{
color:#333333;
padding:8px 0 10px;
}