@charset "utf-8";

body{
margin:0;
padding:0;
color:#444444;
background:#ececec;
font-size:10px;
line-height:120%;
font-family: sans-serif;
}

#outline{
margin:0 auto;
padding:0;
width:100%;
height:100%;
overflow:hidden;
}

.none{display:none;}
.clear{clear:both;}


/* -- HEADER -- */

#header_outline{
margin:0px;
padding:0px;
width:100%;
height:70px;
background:#ECECEC;
}

#header{
margin:0px auto;
padding:0;
width:950px;
height:70px;
background:url("../img/common_img/bg_header.gif") 0 0 repeat-x;
}

#h_navi_block{
margin:10px 0 0 0px;
padding:0px 30px 0px 0px;
width:563px;
height:25px;
vertical-align:middle;
float:right;
line-height:100%;
}

#h_navi_block h1{
margin:0px;
padding:0px;
font-size:10px;
font-weight:normal;
color:#888888;
float:left;
}

#h_navi_block ul{
margin:0px;
padding:0px;
float:right;
list-style:none;
}

#h_navi_block li{
margin:2px 0 0 10px;
padding:0px 0 0 8px;
font-size:9px;
color:#888888;
line-height:100%;
background:url(../img/common_img/arrow01.gif) left center no-repeat;
float:left;
}

#h_navi_block li a{text-decoration:none; color:#888888;}
#h_navi_block li a:hover{text-decoration:underline; color:#888888;}

/* -- NAVIGATION -- */

#navi_block{
margin:0px;
padding:0px 30px 0px 0px;
width:550px;
height:35px;
float:right;
display:block;
list-style:none;
overflow:hidden;
}

#navi_block a{
display:block;
}


/* -- FOOTER -- */

.pagetop{
margin:10px 0px 10px 0px;
padding:0px;
width:890px;
height:100%;
text-align:center;
float:left;
}

#footer_outline{
margin:0px;
padding:0px;
width:100%;
height:100%;
background:#ECECEC;
float:left;
}

#footer{
margin:0px auto;
padding:0px;
width:950px;
}

#footer_contents{
margin:0px;
padding:15px 0px 0px 30px;
width:920px;
float:left;
}

#footer_block{
margin:0px;
padding:0px 0px 10px 0px;
width:890px;
background:#FFFFFF;
float:left;
border-top:solid 1px #CCCCCC;
list-style:none;
color:#888888;
}

#footer_block ul{
margin:10px 0px 0px 0px;
padding:0;
float:left;
list-style:none;
}

#footer_block li{
margin:0px 0 0 10px;
padding:0px 0 0 8px;
height:12px;
font-size:9px;
color:#888888;
line-height:12px;
background:url(../img/common_img/arrow02.jpg) left 3px no-repeat;
float:left;
}
#footer_block li img{ vertical-align:middle;}
*html #footer_block li{font-family:"ＭＳ ゴシック";}


#footer_block a{text-decoration:none; color:#888888;}
#footer_block a:hover{text-decoration:underline; color:#888888;}

.footer_right{
margin:10px 0px 0 0px;
padding:0;
font-size:9px;
color:#888888;
float:right;
}

#footer a{color:#888888; text-decoration:none;}
#footer a:link{color:#888888; text-decoration:none;}
#footer a:hover{color:#cccccc; text-decoration:underline;}