@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: salon.css
	data:2008/09/05 kinoshita

■目次 ==========================================
■[01]:menu
**************************************************** */



/*-----------------------------------------------------------
■[01]:salon
------------------------------------------------------------*/
div.MenuTable {
	width: 338px;
}

div.MenuTable table{
}

div.MenuTable table caption{
	padding-bottom: 3px;
}


div.MenuTable table th{
	width: 70px;
	color: #7c3514;
	text-align: center;
	letter-spacing: 1px;
	background: url(/common/dot.gif) repeat-x bottom ;

}

div.MenuTable table th.kome{
	font-size: 10px;
	background-image:none ;
	line-height: 14px;
	padding: 4px 0px 4px 10px;
}

div.MenuTable table tr.Color1,div.MenuTable table tr.Color1 th { background-color: #f0d9cb; }
div.MenuTable table tr.Color1 th{ background-color: #e2bca9; }
div.MenuTable table tr.Color2 th{ background-color: #ebd0c1; }


div.MenuTable table td{
	line-height: 22px;
}

div.MenuTable table td.info{
	color: #3d0000;
	width: 258px;
	text-align: left;
	border-bottom: 1px solid #faf2ed;
	padding-left: 10px;
}

div.MenuTable table td.hashi{ width: 10px; }
div.MenuTable table td.map{
	padding: 6px 0px;
	text-align: center;
}


/* 写真切り替え */
div.SalonBox{
	float:right;
	width: 398px;
	height: 333px;
	padding: 14px 15px;
	background: url(/salon/img/bg_photo.gif) no-repeat ;
}

div.SalonBox p.BigPhoto{
	padding-bottom: 6px;
	padding-right: 6px;
	float: left;
	width: 328px;
}

div.SalonBox div.Tate{
	float: right;
}

div.SalonBox div.Tate p{
	padding-bottom: 4px;
}

div.SalonBox div.Yoko p{
	padding-right: 4px;
	width: 64px;
	float: left;
}

div.SalonBox div.Yoko p.text{
	float: left;
	text-align: center;
	width: 120px;
	font-size: 12px;
	line-height: 18px;
	padding-left: 2px;
	color: #fff;
	padding-top: 2px;
}

/* スタッフ紹介 */
div.NoteBox{
	width: 764px;
	height: 243px;
	background: url(/salon/img/bg_staff.jpg) no-repeat ;
	padding: 20px 16px 0px 0px;
	margin-top : 8px;
}

div.NoteBox02{
	width: 764px;
	height: 243px;
	background: url(/salon/img/bg_staff02.jpg) no-repeat ;
	padding: 20px 16px 0px 0px;
	margin-top : 8px;
}

div.NoteBox, div.Staff p img{
	padding-bottom: 6px;
}


div.NoteBox div.Staff{
	width: 364px;
	padding-left : 16px;
}

div.NoteBox div.Staff p.image{
	float: left;
	width: 92px;
}


div.NoteBox div.Staff div.info{
	float: right;
	width: 264px;
}

div.NoteBox div.Staff div.info dl{
	clear: both;
}

div.NoteBox div.Staff div.info dl dt{
	float: left;
	padding-bottom: 8px;
	width: 68px;
}

div.NoteBox div.Staff div.info dl dd{
	float: right;
	width: 186px;
}

div.NoteBox div.Staff div.info p{
	width: 264px;
	text-align: left;
}


/* これ以降Mac IE 5のみに適用される \*//*/
div.NoteBox div.Staff div.info{ width: 258px; }
div.NoteBox div.Staff div.info dl{ width: 258px; clear: none;}
div.NoteBox div.Staff div.info dl dt{ width: 68px; }
div.NoteBox div.Staff div.info dl dd{ width: 156px; float:right; }
div.NoteBox div.Staff div.info p{ width: 258px; }
/* これ以降Mac IE 5以外にも適用される */

div.NoteBox02 div.Staff p img{
	padding-bottom: 6px;
}


div.NoteBox02 div.Staff{
	width: 364px;
	padding-left : 16px;
}

div.NoteBox02 div.Staff p.image{
	float: left;
	width: 92px;
}


div.NoteBox02 div.Staff div.info{
	float: right;
	width: 264px;
}

div.NoteBox02 div.Staff div.info dl{
	clear: both;
}

div.NoteBox02 div.Staff div.info dl dt{
	float: left;
	padding-bottom: 8px;
	width: 68px;
}

div.NoteBox02 div.Staff div.info dl dd{
	float: right;
	width: 186px;
}

div.NoteBox02 div.Staff div.info p{
	width: 264px;
	text-align: left;
}

/* スタッフスケジュール */

/* div.SkeBox{
	width: 380px;
	height: 210px;
	background: url(/salon/img/bg_ske.gif) no-repeat ;
	padding-top: 36px;
	margin-top : 6px;
} */

div.SkeBox{
	width: 380px;
	background: url(/salon/img/bg_ske2.gif) no-repeat ;
	padding-top: 36px;
	margin-top : 6px;
}

div.SkeBox table caption{
	color: #330000;
	font-weight: bold;
	padding-bottom: 24px;
	width: 365px;
}

div.SkeBox table th{
	width: 52px;
	text-align: center;
	line-height: 24px;
}

div.SkeBox table th.red{ color: #cc0000; }
div.SkeBox table th.blue{ color: #003366; }

div.SkeBox table td{
	text-align: center;
	width: 52px;
	line-height:12px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	padding:3px 0px;
	/* height: 16px; */
	background: url(/salon/img/bg_beige.gif)  repeat-y center ;
}

div.SkeBox table td.red	{ color: #cc0000; }
div.SkeBox table td.blue{ color: #003366; }

div.SkeBox table td.BGred	{ color: #fff; background: url(/salon/img/bg_red.gif) repeat-y center; }
div.SkeBox table td.BGblue	{ color: #fff; background: url(/salon/img/bg_blue.gif) repeat-y center ; }
div.SkeBox table td.BGgreen	{ color: #fff; background: url(/salon/img/bg_green.gif) repeat-y center ; }
div.SkeBox table td.BGosean	{ color: #fff; background: url(/salon/img/bg_osean.gif) repeat-y center ; }
div.SkeBox table td.BGorange	{ color: #fff; background: url(/salon/img/bg_orange.gif) repeat-y center ; }



/* 求人情報 */
div.BgBox{
	background: url(/special/img/bg_middle_big.gif) repeat-y ;
	width: 740px;
	padding: 5px 20px 0px 20px;
}

p.BgBox_top{ background: url(/special/img/bg_top_big.gif) no-repeat bottom ; width: 780px; height: 8px; }
p.BgBox_bottom{ background: url(/special/img/bg_bottom_big.gif) no-repeat ; width: 780px; height: 8px; }

div.Tama{ padding-bottom: 8px; }
div.Tama img{ padding-bottom: 2px; }

/* 求人情報 */
div.MenuBox_F { float: left; width: 348px; }
div.MenuBox_R { float: right; width: 380px; }

div.MenuBox_F table th,div.MenuBox_R table th{
	width: 110px;
	color: #7c3514;
	text-align: center;
	letter-spacing: 1px;
	background: url(/common/dot.gif) repeat-x bottom ;

}

div.MenuBox_F table th.kome,div.MenuBox_R table th.kome{
	font-size: 10px;
	background-image:none ;
	line-height: 14px;
	padding: 4px 0px 4px 10px;
}

div.MenuBox_F table tr.Color1,div.MenuBox_F table tr.Color1 th { background-color: #f0d9cb; }
div.MenuBox_F table tr.Color1 th{ background-color: #e2bca9; }
div.MenuBox_F table tr.Color2 th{ background-color: #ebd0c1; }

div.MenuBox_R table tr.Color1,div.MenuBox_R table tr.Color1 th { background-color: #f0d9cb; }
div.MenuBox_R table tr.Color1 th{ background-color: #e2bca9; }
div.MenuBox_R table tr.Color2 th{ background-color: #ebd0c1; }


div.MenuBox_F table td,div.MenuBox_R table td{
	line-height: 22px;
}

div.MenuBox_F table td.info,div.MenuBox_R table td.info{
	color: #3d0000;
	text-align: left;
	border-bottom: 1px solid #faf2ed;
	padding-left: 10px;
}

div.MenuBox_F table td.info { width: 218px; }
div.MenuBox_R table td.info { width: 250px; }

div.MenuBox_F table td.hashi,div.MenuBox_R table td.hashi{ width: 10px; }

div.MenuBox_F p,div.MenuBox_R p { padding-top: 12px; }
div.MenuBox_F p span.kome,div.MenuBox_R p span.kome { margin-top: 5px; font-size: 10px; color: #666666; }