@charset "utf-8";

/* ===========================================
 * RITE
 * -------------------------------------------
 * Base Style
 * -------------------------------------------
 * 2012.03.30
=========================================== */


/* General
=========================================== */

body {color: #555555;}
strong {font-weight: bold;}
sub{font-size:77%; vertical-align:baseline;}
sup{font-size:77%;}

a:link{color:#4697e7; text-decoration:underline;}
a:visited{color:#4697e7; text-decoration:underline;}
a:hover{color:#4697e7; text-decoration:none;}
a:active{color:#4697e7; text-decoration:none;}


/* Clear
=========================================== */

.clear {
display: block;
clear: both;
visibility: hidden;
height: 0;
font-size: 1px;
line-height: 1px;
}

.addclear {
display: block;
clear: both;
}

/* clearfix */
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}

.cf:after {
clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}


/* Layout
=========================================== */

#wrapper{
width:auto;
font-size:100%;
line-height:1.5;
background:url(/common/img/hd_bg01.gif) repeat-x;
}

#header,
#global_navi,
#top_area,
#contents,
#bottom_area,
#footer{
clear:both;
width:930px;
margin:0 auto;
}

#header{
position:relative;
height:100px;
}

#global_navi{
height:70px;
}

#bottom_area{
clear:both;
width:auto;
background:#f4f4f4;
border-top:solid 1px #e5e5e5;
border-bottom:solid 1px #e5e5e5;
}

#footer{
clear:both;
width:auto;
}