@charset "utf-8";

#home_inner_left{
	width:650px;
	padding:0 0 25px 0px;
	float:left;
}
#home_inner_right{
	width:172px;
	height:320px;
	float:right;
}
.banner4nailists{
	width:190px;
	height:60px;
	margin:0 0 15px 0px;
	padding:49px 10px 0 120px;
	background-image:url(/static/img/front/banner_reg4nailists.jpg);
	float:left;
}
.banner4nailsalons{
	width:190px;
	height:60px;
	margin:0 0 15px 8px;
	padding:49px 10px 0 120px;
	background-image:url(/static/img/front/banner_reg4nailsalons.jpg);
	float:left;
}
/**
 * hotjobs
 */
h2.hotjobs{
	width:648px;
	height:32px;
	background-image:url(/static/img/front/hotjobposting.jpg);
	text-indent:-3333em;
	margin:0px;
	padding:0px;
}
#hotJobs .hotjobs_list{
	float: left;
	width:213px;
	height:66px;
	margin:10px 0 0 0px;
	padding:0px;
	overflow:auto;
}
#hotJobs div.hotjobs_list .hotjobs_pic{
	float:left;
	padding:0 5px 0 0px;
}
#hotJobs div.hotjobs_list .storename{
	width:100px;
	float:left;
	background-image:url(/static/img/front/hotjobposting_store_li.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding:3px 0 8px 20px;
	margin:0 0 0 0px;
}
#hotJobs .hotjobs_list .storename a{
	color:#cc0000;
}
#map_contents{
	width:830px;
	height:524px;
	background-image:url(/static/img/front/pic_map.jpg);
	margin:0 0 25px 0px;
}
#map_header{
	width:530px;
	height:33px;
	background-image:url(/static/img/front/map_header.jpg);
	padding:7px 0 0 300px;
}
#map_header form {
	display: inline;
}
.pref{
	padding:3px;
	color:#777;
	vertical-align:middle;
	margin:0;
}
.search_input{
	font-size:12px;
	padding:3px;
	color:#777;
	width:240px;
	vertical-align:middle;
	margin:0;
}

.search_button{
	border:none;
	width:95px;
	height:24px;
	background:url(/static/img/front/map/area_seach_bn.jpg) top right no-repeat; 
	cursor: pointer;
	outline:none;
	vertical-align:middle;
	margin:0;
}

/** whatnew **/

#whatsnew_outer{
	width:580px;
	float:left;
}
div#whatsnew_outer h2.whatsnew_nailsalons{
	width:580px;
	height:81px;
	text-indent:-3000em;
	background-image:url(/static/img/front/whatsnew_nailsalons.jpg);
	margin:0px;
	padding:0px;
}
div#whatsnew_outer h2.whatsnew_nalists{
	width:580px;
	height:81px;
	text-indent:-3000em;
	background-image:url(/static/img/front/whatsnew_nailists.jpg);
	margin:0px;
	padding:0px;
}

/** listItem **/

div.listItem {
	margin: 5px 0 0;
}
.listItem .listItemImage {
	float: left;
	margin-bottom: 5px;
	padding: 2px;
	width: 110px;
	height: 66px;
	border: 1px solid #999;
}
div.listItemContent {
	margin-left: 125px;
	padding: 1px;
	border: 1px solid #ccc;
}
div.listItemContent p {
	margin: 0;
	padding: 2px 5px;
}
.listItem .listItemName {
	margin-bottom: 2px;
	padding: 1px 5px;
	font-size: 12px;
}
div.pickupSalon .listItemName,
div.newSalon .listItemName {
	background: transparent url(/static/img/front/new_nailsalon_name_bk.gif) left center;
	border: 1px solid #FC6769;
}
div.newNailist .listItemName {
	background: transparent url(/static/img/front/new_nailist_name_bk.gif) left center;
	border: 1px solid #999;
}

.listItem .listItemName a {
	padding-left: 18px !important;
	background: transparent url(/static/img/icon/bullet_white.gif) left center no-repeat;
	color: #fff;
}
p.listItemPlace {
	padding-left: 28px !important;
	background: transparent url(/static/img/icon/building.gif) left center no-repeat;
}
p.listItemType {
	padding-left: 28px !important;
	background: transparent url(/static/img/icon/flag_red.gif) left center no-repeat;
}
p.listItemType,
p.listItemDescription {
	border-top: 1px solid #ccc;
}
p.listItemType .listItemLabel {
	margin-right: 10px;
}
p.listItemDescription {
	padding-left: 28px !important;
	background: transparent url(/static/img/icon/heart.gif) left center no-repeat;
}
p.listItemSkill {
	padding-left: 28px !important;
	background: transparent url(/static/img/icon/rosette.gif) left center no-repeat;
}
	p.listItemSkill span.skillItem {
		padding-left: 18px;
		background: transparent url(/static/img/icon/bullet_red.gif) left center no-repeat;
	}


/**
 * pickupSalon
 * newSalon
 * newNailist
 **/

.newSalon div.listItem,
.newNailist div.listItem {
	clear: both;
}
.pickupSalon div.listItem {
	float: left;
	width: 49%;
	margin-right: 5px;
}
.pickupSalon div.listItem.odd {
	clear: both;
}
div.pickupSalon .listItemName a {
	background: none;
	padding-left: 0 !important;
}
div.pickupSalon .listItemPlace {
	height: 41px;
	background: transparent url(/static/img/icon/building2.gif) left top no-repeat;
}


/** rankink **/

#ranking_outer{
	width:245px;
	float:right;
}
#ranking_salon{
	background-image:url(/static/img/front/ranking_nailsalons_bg.gif);
	background-repeat:repeat-y;
	padding:0 20px 0 30px;
}
dl.ranking_nailsalons{
	margin:0px;
	padding:10px 0 0 0px;
}
dl.ranking_nailsalons dt.rank1, dl.ranking_nailsalons dt.rank2, dl.ranking_nailsalons dt.rank3, dl.ranking_nailsalons dt.rank4, dl.ranking_nailsalons dt.rank5{
	background-repeat:no-repeat;
	padding:3px 0 0 30px;
	margin:0px;
}
dl.ranking_nailsalons dt.rank1{
	background-image:url(/static/img/front/ranking_nailsalons_1.gif);
}
dl.ranking_nailsalons dt.rank2{
	background-image:url(/static/img/front/ranking_nailsalons_2.gif);
}
dl.ranking_nailsalons dt.rank3{
	background-image:url(/static/img/front/ranking_nailsalons_3.gif);
}
dl.ranking_nailsalons dt.rank4{
	background-image:url(/static/img/front/ranking_nailsalons_4.gif);
}
dl.ranking_nailsalons dt.rank5{
	background-image:url(/static/img/front/ranking_nailsalons_5.gif);
}
dl.ranking_nailsalons dt a{
	color:#cc0000;
}
dl.ranking_nailsalons dd{
	margin:0px;
	padding:0 0 10px 0px;
	border-bottom: 1px dotted #ccc;
}
dl.ranking_nailsalons dd.last{
	margin:0px;
	padding:0 0 0 0px;
	border-bottom: none;
}


#ranking_nailists{
	background-image:url(/static/img/front/ranking_nailists_bg.gif);
	background-repeat:repeat-y;
	padding:0 20px 0 30px;
}
dl.ranking_nailists{
	margin:0px;
	padding:10px 0 0 0px;
}
dl.ranking_nailists dt.rank1, dl.ranking_nailists dt.rank2, dl.ranking_nailists dt.rank3, dl.ranking_nailists dt.rank4, dl.ranking_nailists dt.rank5{
	height:20px;
	background-repeat:no-repeat;
	padding:3px 0 0 30px;
	margin:0px;
}
dl.ranking_nailists dt.rank1{
	background-image:url(/static/img/front/ranking_nailists_1.gif);
}
dl.ranking_nailists dt.rank2{
	background-image:url(/static/img/front/ranking_nailists_2.gif);
}
dl.ranking_nailists dt.rank3{
	background-image:url(/static/img/front/ranking_nailists_3.gif);
}
dl.ranking_nailists dt.rank4{
	background-image:url(/static/img/front/ranking_nailists_4.gif);
}
dl.ranking_nailists dt.rank5{
	background-image:url(/static/img/front/ranking_nailists_5.gif);
}
dl.ranking_nailists dt a{
	color:#FF3366;
}
dl.ranking_nailists dd{
	margin:0px;
	padding:0 0 10px 0px;
	border-bottom: 1px dotted #ccc;
}
dl.ranking_nailists dd.last{
	margin:0px;
	padding:0 0 0 0px;
	border-bottom: none;
}

#nailists_links{
	width:295px;
	height:233px;
	background-image:url(/static/img/front/nailists_links.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:10px;
	margin:0 4px 0 0px;
}
#nailsalons_links{
	width:275px;
	height:233px;
	background-image:url(/static/img/front/nailsalons_links.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:10px;
	margin:0 4px 0 0px;
}
#mobile_links{
	width:192px;
	height:233px;
	background-image:url(/static/img/front/mobile_links.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:10px;
}



dl.links4nailists{
	width:295px;
	height:110px;
	margin:15px 0 0 0px;
	padding:0px;
	overflow: visible;
}
dl.links4nailists dt.title{
	width:155px;
	float:right;
	padding:0 0 0 0px;
	margin:0 0 0 10px;
	background-image:url(/static/img/front/tit_fornailists.gif);
	background-repeat:no-repeat;
	text-indent:-3000em;
}
dl.links4nailists dd{
	width:100px;
	float:left;
	margin:0 0 10px 0px;
	padding:0px;
}
dl.links4nailists dd.desc{
	width:165px;
	float:right;
	margin:15px 0 0 10px;
	padding:0 5px 0 0px;
}
dl.links4nailists_container{
	width:290px;
	margin:5px 0 0 5px;
	padding:0px;
	overflow:auto;
}
dl.links4nailists_container dd{
	margin:0px;
	padding:3px 0 3px 14px;
	background-image:url(/static/img/front/ic_fornailists.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
}
dl.links4nailists_container dd.left{
	width:170px;
	margin:0px;
	float:left;
}
dl.links4nailists_container dd.right{
	width:90px;
	margin:0px;
	float:left;
}
dl.links4nailists_container dd a{
	color:#ff6600;
}

dl.links4nailsalons{
	width:275px;
	height:110px;
	margin:15px 0 0 0px;
	padding:0px;
	overflow: visible;
}
dl.links4nailsalons dt.title{
	width:145px;
	float:right;
	padding:0 0 0 0px;
	margin:0 0 0 10px;
	background-image:url(/static/img/front/tit_fornailsalons.gif);
	background-repeat:no-repeat;
	text-indent:-3000em;
}
dl.links4nailsalons dd{
	width:100px;
	float:left;
	margin:0 0 10px 0px;
	padding:0px;
}
dl.links4nailsalons dd.desc{
	width:135px;
	float:right;
	margin:15px 0 0 10px;
	padding:0 10px 0 0px;
}
dl.links4nailsalons_container{
	width:270px;
	margin:5px 0 0 5px;
	padding:0px;
	overflow:auto;
}
dl.links4nailsalons_container dd{
	margin:0px;
	padding:3px 0 3px 14px;
	background-image:url(/static/img/front/ic_fornailsalons.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
}
dl.links4nailsalons_container dd.left{
	margin:0 0 0 0px;
	padding:3px 10px 0 14px;
	float:left;
}
dl.links4nailsalons_container dd a{
	color:#cc0000;
}

#links4mobile{
	width:190px;
	height:80px;
	margin:15px 0 3px 0px;
	padding:0px;
	overflow:auto;
}
div#links4mobile #title{
	width:100px;
	float:right;
	padding:0 0 0 0px;
	margin:7px 0 0 10px;
	background-image:url(/static/img/front/tit_mobileinfo.gif);
	background-repeat:no-repeat;
	text-indent:-3000em;
	background-position:11px 0px;
}
div#links4mobile #qrcode{
	width:77px;
	float:left;
	margin:0 0 0 0px;
	padding:0px;
}
div#links4mobile #logos{
	width:90px;
	float:right;
	margin:0 0 0 10px;
	padding:10px 10px 0 0px;
}
div#links4mobile p.desc{
	margin:0 0 20px 0px;
}




h2.reg_process{
	width:820px;
	height:32px;
	background-image:url(/static/img/front/home_reg_process_tit.jpg);
	text-indent:-3333em;
	margin:0 0 0 5px;
	padding:0px;
}
#reg_process_container{
	width:760px;
	margin:0 0 20px 5px;
	padding:30px;
	background-color:#f3f3f3;
	overflow:auto;
}
#reg_process_inner_left{
	width:465px;
	padding:10px 30px 30px 0px;
	margin:0 35px 0 0px;
	border-right:1px solid #ccc;
	float:left;
}

h2.nq_flow{
	width:820px;
	height:32px;
	background-image:url(/static/img/front/home_flow_tit.jpg);
	text-indent:-3333em;
	margin:0 0 0 5px;
	padding:0px;
}
#nq_flow_container{
	width:825px;
	margin:0 0 20px 5px;
	padding:0px;
}
div#nq_flow_container p{
	padding:0px;
	margin:30px 30px 10px 30px;
}