@charset "utf-8";
@import url("base.css");
@import url("header.css");
@import url("footer.css");
/*---------------------------------------------*/
/* system.css                                  */
/*   -- salon'dR                               */
/*---------------------------------------------*/

#caption-system {
	background:url(../img/sprite_caption.png) no-repeat 0 -30px;
}

.system-section {
	margin:0 0 30px;
}

.system-rower {
	margin:15px 0 0;
}

/* ご予約の流れ項 ---------------------------- */
.track-number {
	margin-left:30px;
	text-indent:-30px;
}

img.number {
	margin:0 9px 0 0;
}

.track-note {
	width:470px;
	margin:10px 0 0 30px;
}

.track-note p {
	margin:0 0 0 1em;
	text-indent:-1em;
}

/* 予約1項 ---------------------------- */
.img-reserve {
	width:480px;
	height:100px;
	margin:10px 0 0 30px;
	padding:0;
	list-style:none;
}

.img-reserve li {
	width:150px;
	height:100px;
	margin:0 10px 0 0;
	float:left;
}

.img-reserve li p {
	padding:45px 0 0;
	text-align:center;
}

.img-reserve li.system-tel {
	background:url(../img/back_system_reserve.png) no-repeat 0 0;
}

.img-reserve li.system-net {
	background:url(../img/back_system_reserve.png) no-repeat -150px 0;
}

.img-reserve li.system-mail {
	background:url(../img/back_system_reserve.png) no-repeat -300px 0;
}

/* 予約5項 ---------------------------- */
.track05-tit {
	margin:15px 0 0 2.3em;
}

/* ご利用規約項 ---------------------------- */
.system-section h3 {
	width:150px;
	margin:0 0 5px;
	padding:3px 0;
	color:#423023;
	text-align:center;
	border:1px dotted #423023;
}

.system-section ol {
	margin:15px 0 0 30px;
}

.system-section ol li {
	padding:2px 0;
}


