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

/* change menu */
ul#nav li.menu3 a,ul#nav li.menu3 a:hover { background-position: -600px -80px; }


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


/* style of categoly index -----------------------------------------------
----------------------------------------------------------------------- */

/* page title */
#contents-pack #pack-left h3{
background-image: url(../images/title_page.gif);
height:45px;
}
#contents-pack #pack-left #box-member{
margin:20px 0 0 0;
}
#box-member #member-text{
float: left;
height: auto;
width: 300px;
}
#box-member #member-text h3{
height: 70px;
width: 278px;
clear:both;
}
#box-member #member-text h3.hl-wm{
background-image: url(../images/hl_wm.gif);
}
#box-member #member-text h3.hl-staff{
background-image: url(../images/hl_staff.gif);
margin:20px 0 0 0;
}
#box-member #member-text h4{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
overflow: hidden;
clear:both;
}
#box-member #member-text h4.body-wm1{
background-image: url(../images/body_wm1.gif);
height: 26px;
width: 235px;
}
#box-member #member-text h4.body-wm2{
background-image: url(../images/body_wm2.gif);
height: 45px;
width: 294px;
margin:20px 0 0 0;
}
/* buttons */
#box-member #member-text ul{
display: block;
margin: 10px 0 20px 0;
height: auto;
width: 300px;
}
#box-member #member-text li{
display: block;
float: left;
height: 21px;
width: 145px;
}
#box-member #member-text li.btn-wm2,#box-member #member-text li.btn-staff2{
margin:0 0 0 10px;
}
#box-member #member-text li a{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 21px;
width: 145px;
overflow: hidden;
}
#box-member #member-text li a:hover{
background-position: left bottom;
}
#box-member #member-text li.btn-wm1 a{
background-image: url(../images/btn_about_wm.gif);
}
#box-member #member-text li.btn-wm2 a{
background-image: url(../images/btn_merit_wm.gif);
}
#box-member #member-text li.btn-staff1 a{
background-image: url(../images/btn_about_staff.gif);
}
#box-member #member-text li.btn-staff2 a{
background-image: url(../images/btn_merit_staff.gif);
}
#box-member #member-text .btn-entry-wm,#box-member #member-text .btn-entry-staff{
height: 35px;
width: 140px;
margin:0 0 0 10px;
float:left;
}
#box-member #member-text .txt-wm,#box-member #member-text .txt-staff{
width:150px;
height:auto;
display:block;
float:left;
}


#box-member #member-text .btn-entry-wm a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_wm_entry.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 35px;
width: 140px;
overflow: hidden;
}
#box-member #member-text .btn-entry-wm a:hover{
background-position: left bottom;
}
#box-member #member-text .btn-entry-staff a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_staff_entry.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 35px;
width: 140px;
overflow: hidden;
}
#box-member #member-text .btn-entry-staff a:hover{
background-position: left bottom;
}


#box-member #member-illust{
float: left;
height: auto;
width: 180px;
margin:0 0 0 30px;
}