@charset='utf-8';

/* all
----------------------------------------------- */
*{
margin:0;
padding:0;
}

/* body
----------------------------------------------- */
body{
background:url("../images/common/header-bg.gif") repeat-x;
font-family:"MS ゴシック","Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W4", 
                 "Hiragino Kaku Gothic Pro", sans-serif;

font-size:13px;
}

#page{
width:950px;
margin:0 auto;
}

/* body
----------------------------------------------- */
#header{
height:70px;
margin:0 auto;
color:#666666;
clear:both;
}

.logo{
width:225px;
height:65px;
margin:0;
padding:0;
float:right;
}

#menu-area{
width:480px;
height:40px;
margin:20px 0 10px 5px;
float:left;
}

.top-menu{
width:455px;
margin:0;
padding:0;
list-style:none;
font-size:11px;
clear:both;
font-size:9px\9;
}

.top-menu li{
float:left;
border-right:1px solid #BBBBBB;
padding:0 5px 0 0;
margin:0 0 0 5px;
}

.top-menu li a, .top-menu li a:hover{
text-decoration:none;
color:#666666;
}

.top-menu li.noborder{
border:0px;
}

/* signature
----------------------------------------------- */
.sign-button{
width:100px;
height:20px;
margin:30px auto;
padding:0;
}

.sign-button a{
display:block;
background:url(../images/common/btn-signature.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
height:20px;
padding:0;
}

.sign-button a:hover{
background:url(../images/common/btn-signature.png) no-repeat 0 -20px;
padding:0;
}

/* footer
----------------------------------------------- */
#footer{
margin:0;
padding:0;
width:950px;
clear:both;
}

.bottom-menu{
width:920px;
height:20px;
color:#666666;
font-size:10px;
_font-size:9px;
padding:5px 0 5px 30px;
_padding:5px 0 5px 20px;
border-top:2px solid #BBBBBB;
border-bottom:2px solid #BBBBBB;
}

.bottom-menu li{
list-style:none;
float:left;
margin:0 0 0 8px;
_margin:0 0 0 7px;
padding:3px 8px 0 0;
_padding:3px 7px 0 0;
border-right:1px solid #BBBBBB;
}

.bottom-menu li.noborder{
border:0px;
}

.bottom-menu li a, .bottom-menu li a:hover{
text-decoration:none;
color:#666666;
}

.copyright{
margin:10px 0;
padding:0 5px 0 0;
color:#666666;
font-size:10px;
text-align:right;
}


/* line
----------------------------------------------- */
.bottom-line{
background:url("../images/common/line-w.gif") repeat-x bottom;
}

.bottom-line:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* position or else
----------------------------------------------- */
.txt-center{
text-align:center;
}

.txt-bold{
font-weight:bold;
}

.txt-14px{
font-size:14px;
}

/* size
----------------------------------------------- */
.w30{
width:30px;
}

.w50{
width:50px;
}

.w60{
width:60px;
}

.w80{
width:80px;
}

.w100{
width:100px;
}

.w120{
width:120px;
}

.w150{
width:150px;
}

.w90per{
width:90%;
}