@charset "utf-8";

#salon_header_after_login{
	width:456px;
	height:53px;
	float:right;
	background-image:url(/static/img/front/salon/standard_login.gif);
	text-align:left;
	padding:0 0 0 130px;
}
#salonname{
	width:220px;
	padding:18px 0 0 0px;
	margin:0px;
	float:left;
}
#logout{
	width:116px;
	float:right;
	padding:13px 15px 0 0px;
}
#salon_header_menu{
	width:586px;
	float:right;
	height:52px;
	margin:2px 0 0 0px;
}
div#salon_header_menu img.span1{
	padding:0 0 0 1px;
	margin:0px;
}
div#salon_header_menu img.span2{
	padding:0 0 0 2px;
	margin:0px;
}
#saloninner{
	padding:0 0 0 20px;
	margin:0 0 0 0px;
	text-align:left;
	/*overflow:auto;*/
	background-image:url(/static/img/front/salon/page_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#salon_leftpane{
	width:213px;
	float:left;
	padding:0 0 0 0px;
}

div#salon_leftpane img{
	padding:0 0 3px 0px;
}

#salon_rightpane{
	width:587px;
	float:right;
	text-align:left;
	padding:0 3px 0 0px;
}
dl.backtosearch{
	width:190px;
	float:right;
	margin:0 0 10px 0px;
	padding:0px;
}
dl.backtosearch dd{
	margin:0px;
	padding:2px 0 0 20px;
	background-image:url(/static/img/front/salon/back_to_searched_list.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#list_of_portfolio{
	width:310px;
	float:left;
}
#list_of_skill{
	width:256px;
	float:right;
	padding:0 10px 0 0px;
}



table.table580{
	width:580px;
	border-collapse:collapse;
	margin:0 0 20px 0px;
}
table.table580 th{
	width:100px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:0px;
	border-right:0px;
	border-collapse:collapse;
	padding:10px;
	text-align:left;
	font-weight:normal;
	background-color:#efefef;
}
table.table580 td{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:0px;
	border-right:0px;
	border-collapse:collapse;
	padding:10px;
	text-align:left;
}


table.table256{
	width:256px;
	margin:0 0 10px 0px;
	border-collapse:collapse;
}
table.table256 th{
	border:1px solid #ccc;
	padding:7px;
	text-align:left;
	font-weight:normal;
}
table.table256 td{
	border:1px solid #ccc;
	padding:7px;
	text-align:left;
	background-color:#efefef;
}

/*--------------------------------------------------------------

				resourcecode add 
				
--------------------------------------------------------------*/

#saloninner_wborder{
	width:809px;
	border:1px solid #999;
	padding:12px;
	margin:0 0 0 7px;
	text-align:left;
	background-image:url(/static/img/front/salon/page_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#saloninner_woborder{
	width:809px;
	padding: 0 12px 12px 12px;
	margin:0 0 0 7px;
	text-align:left;
}


#saloninner_nobg{
	padding:0 0 0 20px;
	margin:0 0 0 0px;
	text-align:left;
}


#salon_leftpane_dummy{
	width:213px;
	height:500px;
	float:left;
	padding:0 0 0 0px;
	background:#e1e1e1;
	border:1px solid #CCCCCC;
}

.breadcrumb{list-style:none;
text-align:right;
		 margin:-10px 0 0 0;
		 padding:0;
		 }
.breadcrumb li{display:inline;
			margin-right:5px;
			padding-top:3px; padding-bottom:1px;
			}


.left{float:left}
.right{float:right}

/* spacer */
.mbottom80{margin-bottom:80px;}

/* submenu */
dl.leftmenu_sub{margin:0; padding:0}
dl.leftmenu_sub dd{margin:0; padding:15px 0 16px 35px; border-bottom:1px #cccccc solid; background-position:0 15px}
dl.leftmenu_sub dd.border_none{border-bottom:none;}
.icon_leftmenu_sub_a{
					background:url(/static/img/front/salon/mypage_salon_info_account_info_icon1.jpg) no-repeat;
					}
.icon_leftmenu_sub_b{
					background:url(/static/img/front/salon/mypage_salon_info_account_info_icon2.jpg) no-repeat;
					}
/* salon Mypage top */

#mysalon_top {
				width:795px; 
				margin:0 auto; 
				text-align:center; 
				padding-top:80px; 
				padding-bottom:15px; 
				border-bottom:1px #CCCCCC solid;
			 }

#mysalon_top dl{width:170px;}
#mysalon_top dt{padding-bottom:5px;}
#mysalon_top dd{display:block; margin:0; padding:0;}
#mysalon_top dd.up{height:65px;}
#mysalon_top dd.down{height:35px;}

.mysalon_top_l{width:240px;
				padding:0 15px 0 10px;
				text-align:left;
			   float:left;
			   }
			   
			   
.mysalon_top_m{width:235px;
			   padding:0 15px;
			   text-align:left;
			   float:left;
			   border-left:1px #CCCCCC solid;
			   border-right:1px #CCCCCC solid;
			   }
.mysalon_top_r{width:230px;
				padding:0 10px 0 13px;
				text-align:left;
			    float:left;
			   }
			   

/* job_infomation */

#job_information {border-top:1px #CCCCCC solid;}
#job_information th{margin:10px 0; padding:10px 0; background-color:#EFEFEF;}
#job_information td{border-bottom:1px #CCCCCC solid; padding:10px 0;}
#job_information td.spacer{border:0; height:10px; padding:0; margin:0; font-size:1px;}

#job_information th{text-align:center; font-weight:normal;}
#job_information td{text-align:center; font-weight:normal;}
#job_information .job_info_tit_0a{text-align:right;}
#job_information .job_info_tit_0b{width:140px; text-align:left; padding-left:15px}
#job_information .job_info_tit_0b a{color:#cc0000; text-decoration:none}

#job_information .job_info_tit_01{width:50px;}
#job_information .job_info_tit_02{width:100px;}
#job_information .job_info_tit_03{width:150px; text-align:left; padding-left:25px;}
#job_information th.job_info_tit_04{width:190px; text-align:left; padding-left:45px;}
#job_information td.job_info_tit_04{width:195px; text-align:left; padding-left:20px;}
#job_information td.job_info_tit_04 ul{margin:0; padding:0; list-style-type:none;}
#job_information td.job_info_tit_04 ul li{height:21px; margin:0; padding:3px 0 0 25px; display:block;}

#job_information .job_info_tit_05{width:120px; padding-left:25px; text-align:left;}


/* job_posted */

.red_arrow{margin:10px 0 30px 0; padding:0; list-style:none;}
.red_arrow li{display:block; height:14px; margin:0 0 5px 0; padding: 0 0 0 25px; background:url(/static/img/front/salon/red_arrow.gif) no-repeat;}

#modify_comdata div{height:30px; padding-right:10px; margin-top:20px; float:left;}
#modify_comdata div.modify_comdata_box_b{height:25px; padding-top:5px;}
/* list */

#salon_lists dl{margin:0; padding:0;}
#salon_lists dt{padding:0; margin:0; font-size:1px;}
#salon_lists dd{padding:0; margin:0;}
#salon_lists dd img{vertical-align:middle;}

/* list modify */
#salon_lists dl.modify_salon {margin-top:20px;}
#salon_lists dl.modify_salon dd{padding-top:20px; padding-bottom:15px; display:block; float:left;}
#salon_lists dd.modify_salon_item1{width:50px; padding-left:30px; padding-right:15px;}
#salon_lists dd.modify_salon_item2{width:260px; padding-right:40px;}
#salon_lists dd.modify_salon_item2 h2{font-size:14px; margin:0 0 5px 0;}
#salon_lists dd.modify_salon_item3{margin-top:10px; vertical-align:bottom;}


/* nailist search */
div.nailist_serch_box{width:556px; padding:12px 12px 12px 12px; margin-top:5px; margin-bottom:15px; border:1px solid #ccc;}
div.nailist_serch_box h2{margin:5px 5px 10px 5px; font-size:12px;}
div.nailist_serch_box table{border-top:1px solid #ccc; border-left:1px solid #ccc;}
div.nailist_serch_box th{border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
div.nailist_serch_box td{border-bottom:1px solid #ccc; border-right:1px solid #ccc;}


div.nailist_serch_box div.photos{width:300px; padding:5px; border:1px solid #ccc; float:left;}

div.photos div.photos_left{float:left;}
div.photos div.photos_left img{margin-bottom:5px;}

div.photos div.photos_right{float:right; margin-left:-4px;}
div.photos div.photos_right img{margin-bottom:3px; margin-left:4px;}

div.nailist_serch_box div.nailist_info{width:234px; float:right; margin-bottom:-10px;}
div.nailist_serch_box div.nailist_info p{padding:13px 10px 25px 9px; margin:0;}

div.nailist_info table.nailist_info_1{width:234px; margin-bottom:15px;}
div.nailist_info table.nailist_info_1 th{
										 padding:5px 12px;
										 text-align:left;
										 font-weight:normal;
										}
div.nailist_info table.nailist_info_1 td{
										 padding:5px 8px;
										 text-align:center;
										 vertical-align:middle;
										}

div.nailist_serch_box table.nailist_info_3{width:100%;}
div.nailist_serch_box table.nailist_info_3 th{width:98px;
										 height:28;
										 padding-left:12px;
										 text-align:left;
										 font-weight:normal;
										}
div.nailist_serch_box table.nailist_info_3 td{
										 padding:5px 8px;
										 text-align:center;
										 vertical-align:middle;
										}
										
/* titles */
h2.job_description{
	padding:0 0 0 0px;
	margin:20px 0 0 0px;
	background-image:url(/static/img/front/salon/job_posting_tit2.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
}
h2.comp_info{
	padding:0 0 0 0px;
	margin:20px 0 0 0px;
	background-image:url(/static/img/front/salon/job_posting_confirmation_tit3.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
}
h3.job_description_1{
	padding:0 0 0 0px;
	margin:30px 0 0 0px;
	height:17px;
	background-image:url(/static/img/front/salon/job_posting_confirmation_tit2.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
}
h3.job_description_2{
	padding:0 0 0 0px;
	margin:30px 0 0 0px;
	height:18px;
	background-image:url(/static/img/front/salon/job_posting_tit4.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
}
h3.job_description_3{
	padding:0 0 0 0px;
	margin:30px 0 0 0px;
	height:17px;
	background-image:url(/static/img/front/salon/job_posting_tit5.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
}


/* icons */

.icon_salon_info_top{background:url(/static/img/front/salon/mpage_saln_inf_act_inf_confirm_com_icon.gif) no-repeat;}
.icon_job_info_01{background:url(/static/img/front/salon/job_information_top_icon1.gif) no-repeat;}
.icon_job_info_02{background:url(/static/img/front/salon/job_information_top_icon2.gif) no-repeat;}
.icon_job_info_03{background:url(/static/img/front/salon/job_posting_completion_icon.gif) no-repeat;}
.icon_salon_mail_top{background:url(/static/img/front/salon/mpage_saln_inf_email.gif) no-repeat;}
.icon_salontop{
	padding-left:25px;
	background-image:url(/static/img/front/salon/home-icon.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}




dl.exp{margin:5px 0 10px 0; padding:0;}
dl.exp dd{  margin:0 0 0 0px;
			padding:0 0 0 25px;
			height:17px;
			background-image:url(/static/img/front/salon/example.jpg);
			background-repeat:no-repeat;
			background-position:0px 0px;
		}
