@charset "utf-8";

body {
	background: #f7f2df url(../img/bk2.gif) repeat-x;
}

body.bk_home #contents_bk{
	background: url(../img/con_bk.jpg) no-repeat center top transparent;
}

#contents{
	clear: both;
	background: #f9f9f9 url(../img/con_bk2.jpg) no-repeat center top;
	width: 870px;
	margin: 0px auto;
	padding: 30px 15px;
}

.con_bk{
	background: url(../img/con_bk2.gif) repeat-y;
	width: 870px;
}

.con{
	background: url(../img/con_bk.gif) no-repeat bottom;
}

.con_l{
	float: left;
	background: url(../img/conl_bk.jpg) no-repeat center 260px;
	width: 200px;
	height: 500px;
	padding-top: 30px;
}

.con_r{
	float: right;
	border-top: #d6cfcd 1px solid;
	border-right: #d6cfcd 1px solid;
	/*background: #f9f9f9 url(../privacy/img/con_bk.gif) no-repeat right bottom;*/
	width: 669px;
	padding-bottom: 50px;
}

.box{
	padding: 30px 35px;
}

.con_l p{
	text-align: center;
}

.pan{
	font-size: 11px;
	padding-bottom: 15px;
}

.act{
	background: #f5ecdf;
	margin: 0px 0px 25px 0px;
	padding: 15px 25px;
}

h3{
	background: #c5863e url(../img/h3_bk.gif) repeat-y;
	padding: 10px 25px;
}

.box1{
	padding: 20px 35px 30px 35px;
}
.box3{
	padding: 20px 35px 30px 25px;
}
.box4{
	padding: 0px 35px 30px 35px;
}
.box4 p.privacy{
	text-align: right;
}
/* ホームへ戻るとページトップのボタン */
.con_navi{
	float:right;
}

.con_navi li{
	list-style : none;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	display: block;
	padding-left: 10px;
	height: 15px;
}

.con_navi a{
	display: block;
}
/* 送信ボタン */
.con_send{
	float:left;
	margin: 20px 0 50px 10px;
}

.con_send li{
	list-style : none;
	float: left;
	margin-left: 40px;
}
.con_send a{
	display: block;
}

/* ホーム */
.con_navi li.home_t{
	width: 90px;
}

.con_navi li.home_t a{
	background: url(../img/home_t.jpg) no-repeat 0px 0px;
}

.con_navi li.home_t a:hover{
	background: url(../img/home_t.jpg) no-repeat 0px -15px;
}

/* ページトップ */
.con_navi li.top{
	width: 125px;
}

.con_navi li.top a{
	background: url(../img/top.jpg) no-repeat 0px 0px;
}

.con_navi li.top a:hover{
	background: url(../img/top.jpg) no-repeat 0px -15px;
}

/* テーブル */
table{
	width: 100%;
}

th, td{
	padding: 15px 25px;
	vertical-align: top;
}

th.no, td.no{
	border-bottom: none;
}

td.pn{
	padding-bottom: 0px;
}

th{
	text-align: center;
	border-bottom: #be9c70 1px solid;
	background: #e8c391 url(../company/img/table1_bk.gif) repeat-y;
	width: 100%;
}

td{
	border-bottom: #c1b2a3 1px solid;
	background: #f6f0e7;
	width: 100%;
}

th.bk2{
	color: #FFFFFF;
	background: #734a24 url(../company/img/table2_bk.gif) repeat-y;
}
td img{
	vertical-align: middle;

}
th.bk3{
	color: #FFFFFF;
	background: #dc9f4b url(../sitemap/img/table3_bk.gif) repeat-y;
	width: 30%;
}


td.bk2{
	background: #ede8e2;
}

td.prn{
	padding-right: 0px;
}

/* 登録手順のご紹介 */
.box2{
	clear: both;
	width: 529px;
	margin: 0px 35px 0px 35px;
}

.box1_l{
	float: left;
	background;: #901C23;
	width: 120px;
	padding: 15px 5px 15px 45px;
}

.box1_r{
	float: right;
	background: #F5EAEB;
	width: 309px;
	padding: 15px;
}

.box1_l p{
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.con_r p.line{
	margin-bottom: 0;
	padding-left: 140px;
}

/* 番号 */
.box1_l1{
	background: url(../img/1.png) no-repeat 15px 12px;
}

.box1_l2{
	background: url(../img/2.png) no-repeat 15px 12px;
}

.box1_l3{
	background: url(../img/3.png) no-repeat 15px 12px;
}
.box1_l4{
	background: url(../img/4.png) no-repeat 15px 12px;
}

.box1_l5{
	background: url(../img/5.png) no-repeat 15px 12px;
}

.box1_l6{
	background: url(../img/6.png) no-repeat 15px 12px;
}
.box1_l7{
	background: url(../img/7.png) no-repeat 15px 12px;
}

.box1_l8{
	background: url(../img/8.png) no-repeat 15px 12px;
}

/* 面接会場 */
.space{
	width: 400px;
}

.space_l{
	float: left;
	width: 240px;
}

.space_r{
	float: right;
	width: 150px;
}

/*推奨環境・免責事項 */
/* uldisc（黄） */
ul.disc_y li{
	list-style: none;
	background: url(../img/disc_y.gif) no-repeat 0px 3px;
	padding: 0px 0px 5px 20px;
}

ul.disc_y li.no{
	padding-bottom: 0px;
}
/* 個人情報開示など　リスト */
dl.no dt{
	float:left;
	padding: 0 0 5px 15px;
}
dl.no dd{
	padding: 0 0 5px 40px;
}
dl.no_2 dt{
	float:left;
	padding: 0 0 5px 40px;
}
dl.no_2 dd{
	padding: 0 0 5px 60px;
}
dl.no_2 dd.next{
	padding: 0 0 25px 60px;
}
dl.al dt{
	float:left;
	padding: 0 0 7px 15px;
}
dl.al dd{
	padding: 0 0 7px 40px;
}
dl.al dd.next{
	padding: 0 0 25px 40px;
}


/*===============================================
スマホ用
===============================================*/
@media screen and (max-width:767px){
	#contents {
	    width: 100%;
	    padding: 0;
	}
	
	.pan {
	    font-size: 80%;
	}

	.con_l{
		display: none;
	}

	.con_r{
		float: none;
	    width: 100%;
	    background: none;
	    border: none;
	}

	.con_r img. .con_r img{
	    width: 100%;
	}
	
	.con_bk{
	    width: 100%;
	    background: none;
	}
	
	.con{
	    background: none;
	}
	
	.box{
		margin: 0;
		padding: 3%;
	}
	
	.box2{
		width: 100%;
		margin: 0;
	}
	
	.box1_r{
		width: 94%;
		padding: 3%;
	}
	
	.box1{
	    padding: 20px 0px 20px 0px;
	}
	
	.box1 ul.disc{
	    padding-left: 5px;
	}
	
	th, td, th.bk3{
		width: 94%;
	    padding: 3%;
	    display: block;
	}
	
	/*---------------------
	美容系のお仕事をお探しの「美容師の方」
	---------------------*/
	/* 送信ボタン */
	.con_send{
		float:left;
		margin-left: 0;
		width: 100%;
	}

	.con_send li{
		float: none;
		margin: 0 auto;
		width: 50%;
	}
	
	.con_send li:first-child{
		padding-bottom: 10px;
	}
	
	/*---------------------
	会社概要・アクセス
	---------------------*/
	.space, .space_l{
		width: 100%;
	}
	
	.space_r{
		display: none;
	}
	
	.ggmap{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	 
	.ggmap iframe, .ggmap object, .ggmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/*---------------------
	サイトマップ
	---------------------*/
	th.bk3{
	}




}