@charset "UTF-8";
/* CSS Document */
/* Reset */
* {
zoom: 1;
color: #333333;
}
html, body, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form {
margin: 0; padding: 0; border: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; list-style-type: none;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr { display: none; }
table{  border-collapse:collapse; border-spacing:0;  }

/* hover */

/* Common */
html, body {
height: 100%;
}
body {
font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 11px;
line-height: 16px;
background: url(/user/images/sub/bg_body.gif) top;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix + * { clear: both; }
#popup {
font-size: 12px;
color: #FFFFFF;
background-color: #323232;
padding: 10px;
width: 560px;
border: 1px solid #111111;
z-index: 2;
position:absolute;
top:50px;
left:400px;
filter: Alpha(opacity=80); /* IE系 */
    opacity:0.8; /* Mozzila系 */
}
#popup a { color:#FFFFFF;}

.left{ float:left;}
.right{ float:right;}
.mb10 {margin-bottom: 10px;}
.ml20 {margin-left: 20px;}
#wrap {
background: url(/user/images/sub/bg_wrap.gif) repeat-y center top;
width: 950px;
margin: 0px auto;
padding-right: 10px;
padding-left: 10px;
}
#serchBox {
text-align: right;
padding-right: 40px;
margin-bottom: 8px;
}
#serchBox form{
text-align: right;
}

p.pagetop {
text-align: right;
padding-bottom: 10px;
}
#footer {
background: #323232 url(/user/images/sub/footer_bg.gif) repeat-x top;
padding-right: 40px;
padding-left: 40px;
height: 52px;
padding-top: 18px;
}
#footer div {
color: #FFFFFF;
}
#footer a {
color: #FFFFFF;
text-decoration: none;
}