@charset "utf-8";

/***********************************
  weboss.co.jp
  www/staff/style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Main Layout
==================================*/
div#main h2 {padding-bottom:20px;}
div#staff-link {padding-bottom:20px;}
div#staff-link h3 {width:150px; float:left;}
div#staff-link ol {list-style:none; width:480px; float:right; padding-bottom:10px;}
div#staff-link ol li {width:60px; float:left;}
div#staff-link ol li dt {width:42px; height:42px; margin:0 0 3px 9px;}
div#staff-link ol li dt img {width:38px; height:38px;}
div#staff-link ol li dt a {display:block; background:url(/common/images/back_staff.gif); padding:2px;}
div#staff-link ol li dt a:hover {background:url(/common/images/back_works_ov.gif);}
div#staff-link ol li dd {text-align:center; font-size:10px;}
div.staff-box {padding-bottom:20px;}
div.staff-box h3 {padding-bottom:15px;}
div.staff-box dl.photo-box {width:158px; float:left;}
div.staff-box dl.photo-box dt {border:1px solid #ccc; padding:2px;}
div.staff-box dl.photo-box dd {margin:8px 0 0 5px; width:147px; height:20px; overflow:hidden; background:url(./images/btn_ov.png);}
div.staff-box dl.photo-box dd a {display:block;}
div.staff-box dl.photo-box dd a:hover {background-color:transparent;}
div.staff-box dl.photo-box dd a:hover img {visibility:hidden;}
div.staff-box dl.text-box {width:460px; float:right;}
div.staff-box dl.text-box dt {padding-bottom:10px;}
div.staff-box dl.text-box dd {padding:0 0 15px 5px; line-height:1.6;}
div.staff-box dl.text-box dd ul {list-style:none;}
div.staff-box dl.text-box dd ul li {background:#936; color:#fff; font-weight:bold; padding:1px 7px; float:left; margin-right:5px;}
div.staff-box dl.text-box dd p {text-align:right; font-size:10px; padding:10px 5px 0 0;}