@charset "UTF-8";

.font_xs { font-size:8px; line-height:1.2em;}
.font_s { font-size:10px; line-height:1.2em;}
.font_m { font-size:12px; line-height:normal;}
.font_l { font-size:16px; line-height:normal;}

.font_bold { font-weight:bold; }

.font_white { color:#ffffff; }
.font_orange { color:#ff7e00; }
.font_red { color:#ff0000; }

.float_right { float:right; }
.float_left { float:left; }

.clear {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clear_right { clear:right; }
.clear_left { clear:left; }


/*----------------------------------------------------
wrapper
----------------------------------------------------*/
#wrapper {
position:relative;
margin:0 auto;
padding:0;
width:920px;
height:auto;
border-top:solid 6px #000;
}


/*----------------------------------------------------
header
----------------------------------------------------*/
#wrapper #header {
position:relative;
margin:0;
padding:0;
width:920px;
height:87px;
}

#wrapper #header h1 {
position:absolute;
top:18px;
left:0px;
margin:0;
padding:0;
width:313px;
height:53px;
font-size:10%;
text-indent:-9999px;
background-image:url(../images/common_logo.gif);
background-repeat:no-repeat;
}

#wrapper #header h1 a {
display:block;
width:313px;
height:53px;
}


/* ----------------------------------------------------------------
Global Navigation
----------------------------------------------------------------- */
#wrapper #header #global_navi {
position:absolute;
top:0px;
right:0px;
margin:0;
padding:0;
width:581px;
height:38px;
}

#wrapper #header #global_navi ul {
margin:0;
padding:0;
width:581px;
height:38px;
background:url(../images/global_navi.gif) no-repeat 0px -38px;
}

#wrapper #header #global_navi ul li {
float:left;
margin:0;
padding:0;
height:38px;
width:83px;
font-size:xx-small;
text-indent:-9999px;
vertical-align:top;
list-style:none;
}

#wrapper #header #global_navi ul li a {
display:block;
height:38px;
width:83px;
text-decoration:none;
}

#wrapper #header #global_navi ul li#global_navi1 a { background:url(../images/global_navi.gif) no-repeat 0px 0px; }
#wrapper #header #global_navi ul li#global_navi2 a { background:url(../images/global_navi.gif) no-repeat -83px 0px; }
#wrapper #header #global_navi ul li#global_navi3 a { background:url(../images/global_navi.gif) no-repeat -166px 0px; }
#wrapper #header #global_navi ul li#global_navi4 a { background:url(../images/global_navi.gif) no-repeat -249px 0px; }
#wrapper #header #global_navi ul li#global_navi5 a { background:url(../images/global_navi.gif) no-repeat -332px 0px; }
#wrapper #header #global_navi ul li#global_navi6 a { background:url(../images/global_navi.gif) no-repeat -415px 0px; }
#wrapper #header #global_navi ul li#global_navi7 a { background:url(../images/global_navi.gif) no-repeat -498px 0px; }

#wrapper #header #global_navi ul li#global_navi1 a:hover { background:url(../images/global_navi.gif) no-repeat 0px -38px; }
#wrapper #header #global_navi ul li#global_navi2 a:hover { background:url(../images/global_navi.gif) no-repeat -83px -38px; }
#wrapper #header #global_navi ul li#global_navi3 a:hover { background:url(../images/global_navi.gif) no-repeat -166px -38px; }
#wrapper #header #global_navi ul li#global_navi4 a:hover { background:url(../images/global_navi.gif) no-repeat -249px -38px; }
#wrapper #header #global_navi ul li#global_navi5 a:hover { background:url(../images/global_navi.gif) no-repeat -332px -38px; }
#wrapper #header #global_navi ul li#global_navi6 a:hover { background:url(../images/global_navi.gif) no-repeat -415px -38px; }
#wrapper #header #global_navi ul li#global_navi7 a:hover { background:url(../images/global_navi.gif) no-repeat -498px -38px; }

#wrapper #header #global_navi ul li#global_navi1_stay a { background:url(../images/global_navi.gif) no-repeat 0px -38px; }
#wrapper #header #global_navi ul li#global_navi2_stay a { background:url(../images/global_navi.gif) no-repeat -83px -38px; }
#wrapper #header #global_navi ul li#global_navi3_stay a { background:url(../images/global_navi.gif) no-repeat -166px -38px; }
#wrapper #header #global_navi ul li#global_navi4_stay a { background:url(../images/global_navi.gif) no-repeat -249px -38px; }
#wrapper #header #global_navi ul li#global_navi5_stay a { background:url(../images/global_navi.gif) no-repeat -332px -38px; }
#wrapper #header #global_navi ul li#global_navi6_stay a { background:url(../images/global_navi.gif) no-repeat -415px -38px; }
#wrapper #header #global_navi ul li#global_navi7_stay a { background:url(../images/global_navi.gif) no-repeat -498px -38px; }


/* ----------------------------------------------------------------
Global Navigation
----------------------------------------------------------------- */
#wrapper #header #remote_navi {
position:absolute;
top:64px;
right:0px;
margin:0;
padding:0;
width:400px;
height:25px;
}


#wrapper #header #remote_navi ul {
margin:0;
padding:0;
width:400px;
height:25px;
}

#wrapper #header #remote_navi ul li {
float:left;
margin:0;
padding:0;
height:25px;
font-size:xx-small;
text-indent:-9999px;
vertical-align:top;
list-style:none;
}

#wrapper #header #remote_navi ul li#remote_navi1 { width:85px; }
#wrapper #header #remote_navi ul li#remote_navi2 { width:80px; }
#wrapper #header #remote_navi ul li#remote_navi3 { width:70px; }
#wrapper #header #remote_navi ul li#remote_navi4 { width:100px; }
#wrapper #header #remote_navi ul li#remote_navi5 { width:65px; }

#wrapper #header #remote_navi ul li a {
display:block;
margin:0;
padding:0;
height:25px;
text-decoration:none;
}

#wrapper #header #remote_navi ul li#remote_navi1 a { width:85px; background:url(../images/remote_navi.gif) no-repeat 0px 0px; }
#wrapper #header #remote_navi ul li#remote_navi2 a { width:80px; background:url(../images/remote_navi.gif) no-repeat -85px 0px; }
#wrapper #header #remote_navi ul li#remote_navi3 a { width:70px; background:url(../images/remote_navi.gif) no-repeat -165px 0px; }
#wrapper #header #remote_navi ul li#remote_navi4 a { width:100px; background:url(../images/remote_navi.gif) no-repeat -235px 0px; }
#wrapper #header #remote_navi ul li#remote_navi5 a { width:65px; background:url(../images/remote_navi.gif) no-repeat -335px 0px; }



/*----------------------------------------------------
container
----------------------------------------------------*/
#wrapper #container {
position:relative;
margin:0;
padding:5px 0 20px 0;
width:920px;
height:auto;
}



/*----------------------------------------------------
footer
----------------------------------------------------*/
#wrapper #footer {
margin:0;
padding:10px 0;
width:920px;
height:auto;
border-top:solid 2px #000000;
}

#wrapper #footer address {
margin:0;
padding:0;
font-size:11px;
color:#000000;
}