@charset "utf-8";

/* ----------------------------------------------------------------
    html
----------------------------------------------------------------- */
html,body{
height:100%;
}

body#top,body{
background:url("/special/hgss/shared/images/common/body_bg_02.jpg") repeat-x center top;
background-color:#012346;
}


/* ----------------------------------------------------------------
    header-Area
----------------------------------------------------------------- */
div.header-Area{
width:920px;
margin:0 auto;
}


/* ----------------------------------------------------------------
    bg imeage
----------------------------------------------------------------- */
div#page{
background:url("/special/hgss/shared/images/common/body_bg.jpg") no-repeat center top;
padding-bottom:40px;
overflow:hidden;
}

div#min-height{
min-height:1010px;
height: auto !important;  
height: 1010px;
}


/* ----------------------------------------------------------------
   ci
----------------------------------------------------------------- */
#ci{
position:absolute;
top:-200px;
}


/* ----------------------------------------------------------------
    contentsArea
----------------------------------------------------------------- */
div.contents-Area{
width:900px;
margin:0 auto;
background:url("/special/hgss/shared/images/common/bg_contents_wapper_middle.gif") repeat-y center top;
overflow:hidden;
}

/* ----------------------------------------------------------------
    centerArea contents-Wapper
----------------------------------------------------------------- */
div.contents-Wapper{
background:url("/special/hgss/shared/images/common/bg_contents_wapper_top.png") no-repeat center top;
padding-bottom:20px;
overflow:hidden;
zoom:1;
}

div.contents-Bottom{
width:875px;
margin:0 auto 25px auto;
background:url("/special/hgss/shared/images/common/bg_contents_wapper_bottom.png") no-repeat 0 0;
padding:0 25px 25px 0;
}

div.center-Area{
overflow:hidden;
width:660px;
float:right;
display:inline;
margin:20px 20px 0 14px;
}

div.right-Area{
overflow:hidden;
width:180px;
float:left;
display:inline;
margin:16px 10px 0 16px;
}

div.right-Area p.logo{
overflow:hidden;
}

div.right-Area ul.btn-top{
margin:10px 0 15px 0;
}

div.right-Area ul.btn-top li{
text-align:right;
}

div.right-Area p.logo img{
display:block;
overflow:hidden;
}


/* ----------------------------------------------------------------
    footer
----------------------------------------------------------------- */
div.footer-Area{
width:920px;
text-align:center;
overflow:hidden;
margin:0 auto;
}

div.footer-Area ul{
margin:20px auto;
width:828px;
}

div.footer-Area ul li{
float:left;
margin:0 4px;
display:inline;
}