@charset "shift_jis";

/***********************************************
 file name:staff.css
 auth level:
 last updated:07/07/20
************************************************/

/* title_d */
.ttl_d{
border-left:4px solid #707907;
border-bottom:1px solid #707907;
text-align:left;
}
.ttl_d h6{
margin-left:5px;
height:16px;
text-indent:-9999px;
overflow:hidden;
}

.ttl_d h6.st01{background:url(../staff/img/ind_ttl01.gif) no-repeat;}
.ttl_d h6.st02{background:url(../staff/img/ind_ttl02.gif) no-repeat;}
.ttl_d h6.st03{background:url(../staff/img/ttl03.gif) no-repeat;}
.ttl_d h6.st04{background:url(../staff/img/ind_ttl04.gif) no-repeat;}

/* index
--------------------------------------------*/
.index{
width:521px;
}


/* staff navi */
.sf_navi{
margin-top:8px;
padding-bottom:20px;
background:url(../staff/img/ind_sf_bg01.jpg) 0 100% repeat-x;
}

.sf_navi li{float:left; width:252px; padding-top:10px;}

.sf_navi .in_dv{
width:234px;
margin-left:17px;
padding-bottom:2px;
background:url(../staff/img/ind_nv_bg01.gif) 0 100% no-repeat;
}

.sf_navi dt.ttl{float:right; width:150px; height:62px;}
.sf_navi .ttl img{width:150px; height:62px;}
.sf_navi dd.photo{float:left; width:84px; height:93px;}
.sf_navi .photo img{width:84px; height:93px;}
.sf_navi dd.list{float:right; width:150px; padding-top:10px; text-align:right;}
.sf_navi dd.list a{margin-right:5px; padding-left:17px; background:url(../common/arrow01.gif) no-repeat;}


/* subu contents */
.sb_cnt{
background:url(../staff/img/ind_sf_bg02.gif) repeat-y;
}

.sb_cnt .ctB{
padding:15px 25px 30px 15px;
}

.sb_cnt dl{margin:10px 10px 0;}
.sb_cnt dt{float:left; clear:left; width:130px; height:64px;}
.sb_cnt dt img{width:130px; height:45px;}
.sb_cnt dd{margin:10px 0 0 145px;}


.sb_cnt .st01 th,
.sb_cnt .st02 th{padding:16px 10px 0 10px; vertical-align:top;}
.sb_cnt .st01 td,
.sb_cnt .st02 td{padding:16px 0 0 0;}
.sb_cnt table img{width:130px; height:45px;}



/* staff
--------------------------------------------*/
.staff{width:521px;}


/* person */
.staff .person{margin-top:2px; background:url(../staff/img/bg01.gif); border-top:1px solid #b4ab9d;}
.staff .person .ct01{padding:10px 11px 16px; background:url(../staff/img/bdr01.gif) 0 100% repeat-x;}

/* profil */
.staff .person .pfl{float:right; width:307px; padding-top:9px; background:url(../staff/img/bg02.gif) no-repeat;}
.staff  .pfl .ctM{
min-height:230px;
background:url(../staff/img/bg03.gif) repeat-y;
padding:0 14px;
}
* html .staff .pfl .ctM{height:230px;} /* html用 */

.staff .pfl .ctB{background:url(../staff/img/bg04.gif) 0 100% no-repeat; padding-bottom:9px;}

.staff .pfl .ctM h6{
width:279px;
height:14px;
text-indent:-9999px;
overflow:hidden;
}

.staff .pfl .ctM h6.st01{background:url(../staff/stylist/img/s01_ttl.gif) no-repeat;}/* 山田英司 */
.staff .pfl .ctM h6.st02{background:url(../staff/stylist/img/s02_ttl.gif) no-repeat;}/* 須江あやか */
.staff .pfl .ctM h6.st03{background:url(../staff/stylist/img/s03_ttl.gif) no-repeat;}/* 林政樹 */
.staff .pfl .ctM h6.st04{background:url(../staff/stylist/img/s04_ttl.gif) no-repeat;}/* 太田麻美 */
.staff .pfl .ctM h6.st05{background:url(../staff/stylist/img/s05_ttl.gif) no-repeat;}/* 鈴木　真吾 */
.staff .pfl .ctM h6.st06{background:url(../staff/assistant/img/a02_ttl.gif) no-repeat;}/* 藤平　映 */
.staff .pfl .ctM h6.st07{background:url(../staff/assistant/img/a03_ttl.gif) no-repeat;}/* 東　 */
.staff .pfl .ctM h6.st08{background:url(../staff/assistant/img/a04_ttl.gif) no-repeat;}/* 木嶋 */
.staff .pfl .ctM h6.st09{background:url(../staff/assistant/img/a05_ttl.gif) no-repeat;}/* 土屋 */

.staff .pfl .ctM h6.st50{background:url(../staff/img/ttl01.gif) no-repeat;}/* 趣味 */

.staff .pfl ul{padding:10px;}
.staff .pfl dt{padding:10px 10px 0;}
.staff .pfl dd{padding:0 10px;}

/* staff photo */
.staff .person .photo{float:left; width:187px;}
.staff .person .photo img{width:187px; height:250px;}

/* comment */
.staff .person .comment h6{
width:499px;
height:43px;
text-indent:-9999px;
overflow:hidden;
}
.staff .person .comment h6.st60{background:url(../staff/img/ttl02.gif) 0 100% no-repeat;}/* 自己紹介 */

.staff .person .comment .ctM{background:url(../staff/img/bg05.gif) repeat-y; padding:5px 0;}
.staff .person .comment .ctB{background:url(../staff/img/bg06.gif) 0 100% no-repeat; padding-bottom:9px;}
.staff .person .comment .ctM p{padding:0 13px;}


/* like */
.like{
	padding:20px 15px;
	background:url(../staff/img/bg07.gif) center;
}
.like .ct01{padding:5px 10px 0;}

.like .l_t{float:left; width:155px; margin:15px 1em 5px 0;} /* 写真：左・縦長 */
.like .l_y{float:left; width:210px; margin:15px 1em 5px 0;} /* 写真：左・横長 */
.like .l_o{float:left; width:177px; margin:15px 1em 5px 0;} /* 写真：左・その他 */

.like .r_t{float:right; width:155px; margin:15px 0 5px 1em;} /* 写真：右・縦長 */
.like .r_y{float:right; width:210px; margin:15px 0 5px 1em;} /* 写真：右・横長 */
.like .r_o{float:right; width:177px; margin:15px 0 5px 1em;} /* 写真：右・その他 */

.like .l_t .photo img,
.like .r_t .photo img{width:155px; height:198px;} /* 写真サイズ：縦長 */
.like .l_y .photo img,
.like .r_y .photo img{width:210px; height:139px;} /* 写真サイズ：横長 */
.like .l_o .photo img,
.like .r_o .photo img{width:177px; height:147px;} /* 写真サイズ：その他 */

.like .txt{padding:5px 5px 0; color:#777777;}

.like .ttl{color:#ba6d01; margin:20px 0 -12px; font-weight:bold;}
.like dl{margin-top:15px;}

.like p.st01{text-align:right;}
.like p.st01 a{padding-left:17px; background:url(../common/arrow02.gif) no-repeat; color:#666600;}
.like p.st01 a:hover{color:#9b2f16;}


/* schedule
--------------------------------------------*/
.schedule{width:521px; background:url(../staff/img/bg01.gif);}

/* coment */
.schedule .coment{
margin-top:2px;
background:url(../common/dot_ln03.gif) 0 100% repeat-x;
background-color:#ffffff;
border-top:1px solid #b4ab9d;
}
.schedule .coment .in_dv{
margin:10px 15px;
border-left:5px solid #e0e2c0;
}

.schedule .coment .staff{float:left; width:245px; margin:10px 10px 10px 0;}
.schedule .coment .staff dl{margin:3px 0 3px 15px;}
.schedule .coment .staff dt{margin-bottom:3px;}

.schedule .coment .info{
float:right;
width:220px;
margin:5px 0 5px 0;
padding-bottom:10px;
background:url(../staff/schedule/img/bg02.jpg) 0 100% no-repeat;
}
.schedule .coment .info ul{
padding:10px 15px 0;
background:url(../staff/schedule/img/bg01.jpg) no-repeat;
}

.schedule .calendar{width:521px;}
.schedule .calendar iframe{width:521px; height:560px;}

/* diary
--------------------------------------------*/
.diary{background:url(../faq/img/bg01.gif); padding:5px 18px 10px 18px;}
.diary .sttl{margin-top:17px; border-bottom:solid 1px #c19b5c;}
.diary h4{
float:left;
padding:4px 5px 1px 15px;
background:url(../staff/diary/img/ttl00.gif);
font-size:0.9em;
color:#ffffff;
}
.diary .sttl .in_div{background-color:#fcfbf9;}
.diary .sttl .in_div img{position:relative; left:-5px;}
.diary .sttl span{ margin-left:3px; color:#EAEAEA; font-size:0.75em;}

.diary_date{padding:4px 0 0 0;border-bottom-width: 1px;text-align:right;}
.diary ul{float:right; clear:right;} 
.diary li{float:left; font-size:0.7em; color:#b4b3b1;}
.green2{color:#c7a53a;}

.diary_textTop{margin:16px 0 15px 0; clear:both;}
.diary_textTop p{margin-bottom:0.9em;}
.diary_IMG{float:left; margin:0 10px 10px 0;}
.diary_text{ padding-top:15px; margin-top:15px; border-top:dotted 1px; border-color:#B7B7B7;}
.diary_text p{margin-bottom:0.9em;}

.diary .st00{text-align:right;}
.diary p.st00 a{padding-left:17px; background:url(../common/arrow02.gif) no-repeat; color:#666600;}
.diary p.st00 a:hover{color:#9b2f16;}

.diary .st01{text-align:right;}
.diary p.st01 a{padding-left:17px; background:url(../common/arrow03.gif) no-repeat; color:#666600;}
.diary p.st01 a:hover{color:#9b2f16;}


/* 管理画面
--------------------------------------------*/
.kanri_hd{
width:750px;
height:66px;
margin-top:19px;
background:url(../staff/schedule/img/title.jpg) no-repeat;
}
.kanri_hd p{width:680px; padding-top:35px;}
.kanri_hd a{text-decoration:none;}

.kanri{background:url(../staff/schedule/img/kanri_bg.jpg) repeat-y; text-align:center;}
.kanri iframe{width:700px; height:665px;}

.schedule .st01{ margin:0 15px 20px 0; text-align:right;}
.schedule p.st01 a{padding-left:17px; background:url(../common/arrow02.gif) no-repeat; color:#666600;}
.schedule p.st01 a:hover{color:#9b2f16;}