@charset "UTF-8";
/* CSS Document */

/* change categoly title */
#contents-pack #pack-head h2{
background-image: url(../images/title_categoly.gif);
width: 172px;
}

/* page title */
#contents-pack #pack-left h3{
background-image: url(../images/title_page.gif);
height:45px;
}
#contents-pack #pack-left h4{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
overflow: hidden;
}
#contents-pack #pack-left h4.body-forgot{
background-image: url(../images/body_forget.gif);
height: 25px;
width: 218px;
}
#contents-pack #pack-left h4.body-notyet{
background-image: url(../images/body_notyet.gif);
height: 26px;
width: 279px;
}


#contents-pack #pack-left .box-login{
margin:20px 0;
padding:0 0 10px 0;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #69F;
}
.box-login:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.box-login {
zoom: 100%;
}
.box-login { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .box-login { height: 1%;}
.box-login { display: block;}
/* End hide from IE-mac */

/* loginform style --------------------------------------------------
------------------------------------------------------------------------ */
.box-login table{
margin: 0px;
height: auto;
width: 420px;
float:left;
}
.box-login th{
text-align: left;
vertical-align: top;
padding: 5px 5px 5px 0;
}
.box-login .error th{
background-color: #FFE6E6;
}
.box-login td{
text-align: left;
vertical-align: top;
padding: 5px 0 5px 5px;
width:250px;
}
.box-login .error td{
background-color: #FFE6E6;
}
.box-login th span{
font-size: 10px;
line-height: normal;
font-weight: normal;
margin: 3px 0 0 0;
}
/* buttons */
.btn-login{
float: right;
height: auto;
width: 80px;
}
.btn-login input{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_login.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 80px;
width: 80px;
overflow: hidden;
}
.btn-login input:hover{
background-position: left bottom;
}
.btn-send{
float: right;
height: auto;
width: 80px;
}
.btn-send input{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_send.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 25px;
width: 80px;
overflow: hidden;
}
.btn-send input:hover{
background-position: left bottom;
}

/* link */
#contents-pack #pack-left .btn-link{
display: block;
margin: 20px 0 0 0;
}
.btn-link li{
float: left;
width: 140px;
height:19px;
margin:0 5px 0 0;
}
.btn-link li a{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 19px;
width: 140px;
overflow: hidden;
}
.btn-link li a:hover{
background-position: left bottom;
}
.btn-link li.toregist a{
background-image: url(../images/btn_toregist.gif);
}
.btn-link li.toabout a{
background-image: url(../images/btn_toabout.gif);
}

.box-link:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.box-link {
zoom: 100%;
}
.box-link { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .box-link { height: 1%;}
.box-link { display: block;}
/* End hide from IE-mac */