@charset "utf-8";
@import "../../css/common.css";
@import "../../css/init.css";

/*-------------------------------------------------------------------------
Setting
-------------------------------------------------------------------------*/

h1{background-image:url(../../img/common/h1/staff.gif);}


#staff-list{

}

#staff-list .item{
margin:0 0 60px 0;
}

#staff-list .item .name{
height:50px;
margin:0 0 10px 0;
}
#staff-list .item .name i{
width:50px;
height:50px;
margin:0 20px 0 0;
display:block;
float:left;
background-repeat:no-repeat;
background-position:50% 50%;
}
#staff-list .item .name h2,#staff-list .item .name h3{
width:400px;
height:20px;
margin:0;
padding:0;
float:left;
font-size:10px;
text-indent:-9999px;
border:0;
background-image:none;
background-repeat:no-repeat;
background-position:0 0;
background-color:transparent;
}
#staff-list .item .name h2{
margin:5px 0 10px 0;
}

#staff-list #suwa i{background-image:url(../img/staff/image/suwa.gif);}
#staff-list #suwa h2{background-image:url(../img/staff/name/suwa.gif);}
#staff-list #suwa h3{background-image:url(../img/staff/post/suwa.gif);}

#staff-list #koizumi i{background-image:url(../img/staff/image/koizumi.gif);}
#staff-list #koizumi h2{background-image:url(../img/staff/name/koizumi.gif);}
#staff-list #koizumi h3{background-image:url(../img/staff/post/koizumi.gif);}

#staff-list #imaki i{background-image:url(../img/staff/image/imaki.gif);}
#staff-list #imaki h2{background-image:url(../img/staff/name/imaki.gif);}
#staff-list #imaki h3{background-image:url(../img/staff/post/imaki.gif);}

#staff-list #sato i{background-image:url(../img/staff/image/sato.gif);}
#staff-list #sato h2{background-image:url(../img/staff/name/sato.gif);}
#staff-list #sato h3{background-image:url(../img/staff/post/sato.gif);}

#staff-list #saito i{background-image:url(../img/staff/image/saito.gif);}
#staff-list #saito h2{background-image:url(../img/staff/name/saito.gif);}
#staff-list #saito h3{background-image:url(../img/staff/post/saito.gif);}

#staff-list #tanaka i{background-image:url(../img/staff/image/tanaka.gif);}
#staff-list #tanaka h2{background-image:url(../img/staff/name/tanaka.gif);}
#staff-list #tanaka h3{background-image:url(../img/staff/post/tanaka.gif);}

#staff-list #kitahara i{background-image:url(../img/staff/image/kitahara.gif);}
#staff-list #kitahara h2{background-image:url(../img/staff/name/kitahara.gif);}
#staff-list #kitahara h3{background-image:url(../img/staff/post/kitahara.gif);}

#staff-list #lee i{background-image:url(../img/staff/image/lee.gif);}
#staff-list #lee h2{background-image:url(../img/staff/name/lee.gif);}
#staff-list #lee h3{background-image:url(../img/staff/post/lee.gif);}

#staff-list #kwak i{background-image:url(../img/staff/image/kwak.gif);}
#staff-list #kwak h2{background-image:url(../img/staff/name/kwak.gif);}
#staff-list #kwak h3{background-image:url(../img/staff/post/kwak.gif);}


#staff-list .item .status div{
padding-left:75px;
float:left;
font-size:10px;
font-family:Verdana;
color:#666;
line-height:130%;
background-repeat:no-repeat;
background-position:0 0;
}
#staff-list .item .status .birth,#staff-list .item .status .blood{
width:60px;
}
#staff-list .item .status .birth{
background-image:url(../img/staff/icon_birth.gif);
}
#staff-list .item .status .blood{
background-image:url(../img/staff/icon_blood.gif);
}
#staff-list .item .status .favorite{
width:200px;
background-image:url(../img/staff/icon_favorite.gif);
}

#staff-list .item p{
margin:15px 0 0 0;
padding:0;
font-size:12px;
color:#444;
line-height:130%;
}



.staff{
background-image:url(../img/company/staff_bar.gif);
background-position:0 100%;
background-repeat:repeat-x;
margin:0 0 10px 0;
}
.staff th{
text-align:left;
vertical-align:top;
width:70px;
}
.staff th.favorite{
width:80px;
}

.staff td{
vertical-align:top;
font-size:12px;
color:#666;
padding:0 10px 10px 0;
}
.staff td.name{
font-size:14px;
color:#333;
font-weight:bold;
}
.staff td.comment{
font-size:10px;
}
.staff td.photo{
padding:10px;
}



/*-------------------------------------------------------------------------
Clear FIX
-------------------------------------------------------------------------*/

#staff-list .item .name:after,
#staff-list .item .status:after
{content:".";display:block;clear:both;height:0;visibility:hidden;}
#staff-list .item .name,
#staff-list .item .status
{display:inline-block;}
/* exlude MacIE5 \*/
* html #staff-list .item .name,
* html #staff-list .item .status
{height:1%}
#staff-list .item .name,
#staff-list .item .status
{display:block;}
/* end MacIE5 */