@charset "utf-8";


/*----------------------------
for smile calendar yoyaku page
------------------------------*/
#calendar{
	float: left;
	width: 677px;
}
#calendar table.calendar{
	clear:both;
	border: 1px solid #ccccbf;
	border-collapse: collapse;
	width:677px;
	margin: 0 0 10px;
}
#calendar table.calendar th{
	border: 1px solid #ccccbf;
	border-collapse: collapse;
	background: #fdfce5;
}
#calendar table.calendar th.doyo{
	background: #e5f5fd;
	color: #06f;
}
#calendar table.calendar th.nichiyo{
	background: #fde5ea;
	color: #d63d47;
}
#calendar table.calendar .othermonth{
	background-color: #EEEEEE; color: #AAAAAA;
	height:18px;
}

#calendar table.calendar .today{
	background:#FFFF99;
	height:18px;
}
#calendar table.calendar .day{
	height:18px;
}

#calendar table.calendar .national_holiday{
	background:#FFDDF0;
	height:18px;
}
#calendar table.calendar td{
	border-left:1px solid #ccccbf;
	border-bottom:1px solid #ccccbf;
	text-align:center;
	vertical-align:top;
	width:95px;
	height:45px;
}
#calendar table.calendar td.month{
	border :none;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
	width:auto;
}
#calendar table.calendar td.cal_msg{
	font-size:9px;
}
#calendar table.calendar td.cal_msg3{
	font-size:10px;
	vertical-align:middle;
}
#calendar table.calendar td span.holiday_msg{
	font-size:10px;
	width:93px;
	color:#C96784;
}
#calendar table.calendar td div.cal_img{
	width:93px;
	padding:5px 0px 5px 0px;
	margin-top:0px;
}
#calendar table.calendar td div.cal_img img{
	height:60px;
	width:80px;
}
#calendar table.calendar td div.cal_msg2{
	font-size:10px;
	width:93px;
	padding:0px;
	vertical-align:top;
}
#calendar table.calendar td.left{
	border: none;
	text-align: left;
	vertical-align:middle;
	padding: 5px 10px;
}
#calendar table.calendar td.right{
	border: none;
	text-align: right;
	vertical-align:middle;
	padding: 5px 10px;
}
#calendar .button{
	clear:both;
	margin: 0;
	font-size:1pt;
}
#calendar .button input{
	margin: 0 15px;

}
#calendar .imagebutton{
	text-align:center;
}
#calendar .imagebutton img{
	margin:0 30px;
}
#calendar .subMenu{
	border-bottom: 3px solid #d1899d;
	padding:0;
	margin: 0 0 5px;
	font-size:1pt;
}
#calendar .subMenu img{
	margin: 0 10px 0 0;
	padding:0;
}
#calendar .description {
	padding:0;
	margin: 3px;
	font-size:8pt;
}
#calendar div.description_foot,#rightDiv div.description_foot,#mileTsucho div.description_foot{
	background:#FFF7DF url(/img/premium/bg_centerbottom.gif) repeat-x scroll 0pt bottom;
	margin:0pt 0pt 20px;
	padding:0pt 0pt 15px;
	width:auto;
}
#calendar p.description_foot,#rightDiv p.description_foot,#mileTsucho p.description_foot{
	background:#FFF7DF url(/img/premium/bg_centertop.gif) repeat-x scroll 0pt top;
	line-height:150%;
	padding:15px 15px 0pt;
}
/*----------------------------
for item page
------------------------------*/
#item{
	float:left;
	width: 677px;
}
#item .itemselect{
	background: url(/img/premium/bg_itemselect.gif) no-repeat;
	width: 621px;
	height: 30px;
	padding: 3px 0 0 20px;
	margin: 0 0 0 10px;
	color: #fff;
}
#item .itemselect select{
	float:left;
	width: 150px;
	margin: 1px 10px 0px;
}
#item .itemselect .text{
	float:left;
	background: url(/img/premium/ico_whitedeita.gif) no-repeat right 40%;
	padding: 0 10px 0 5px;
	margin: 3px 0 0;
}
#item .paging{
	float:left;
	width: 621px;
	margin: 10px 0 5px 10px;
}
#item .paging .kensu{
	float:left;
	background: url(/img/premium/ico_delta2.gif) no-repeat left 50%;
	padding: 0 0 0 15px;
}
#item .paging table{
	float:right;
}
#item .paging table td{
	background: #fff;
	padding: 0 2px;
	border: 1px solid #dbd9cf;
}
#item .paging table td.next{
	background: #fff7df url(/img/premium/ico_pink.gif) no-repeat 8px 50%;
	padding: 0 0 0 25px;
	border: none;
}
#item .paging table td.preview{
	background: #fff7df url(/img/premium/ico_pink.gif) no-repeat 8px 50%;
	padding: 0 25px 0 0;
	border: none;
}
#item table.itemList{
	clear:both;
	width:600px;
	margin: 0 0 0 5px;
}
#item table.itemList td{
	background: #ede3c7;
	width: 294px;
	padding: 3px;
}
#item table.itemList table{
	background: #fff;
	border:1px solid #dbd9cf;
	width: 296px;
	height: 150px;
}
#item table.itemList table td{
	background: #fff;
}
#item table.itemList table td.itemImg{
	vertical-align: top;
	width: 110px;
}
#item table.itemList table td.itemName{
	vertical-align: top;
}
#item table.itemList table td.itemName a{
	background: #fff url(/img/premium/ico_pink.gif) no-repeat 0 20%;
	padding: 0 0 0 20px;
	display:block;
}
#item table.auctionList{
	clear:both;
	width:600px;
	margin: 0 0 0 5px;
}
#item table.auctionList td{
	background: #ede3c7;
	padding: 3px;
}
#item table.auctionList table{
	background: #fff;
	border:1px solid #dbd9cf;
	width: 594px;
}
#item table.auctionList table td{
	background: #fff;
}
#item table.auctionList table td.itemImg{
	width: 110px;
	vertical-align: top;
}
#item table.auctionList table td.itemName{
	vertical-align: top;
}
#item table.auctionList table td.itemName a{
	background: #fff url(/img/premium/ico_pink.gif) no-repeat 0 40%;
	padding: 0 0 0 20px;
}
#item table.auctionList table td.itemName a.tosen{
	background: #fff url(/img/premium/ico_delta.gif) no-repeat 0 40%;
	padding: 0 0 0 15px;
}
#item table.auctionInput{
	background: #fff;
	border:1px solid #dbd9cf;
	margin: 10px auto 15px;
	width: 350px;
}
#item table.auctionInput th{
	font-weight:normal;
	text-align:left;
	padding: 5px 10px;
}
#item table.rireki{
	width:646px;
	padding: 5px 10px;
	border-collapse:collapse;
}
#item table.rireki th{
	border: 1px solid #dbd9cf;
	background: #f6e6ea;
	text-align:left;
	padding: 5px 10px;
}
#item table.rireki td{
	border: 1px solid #dbd9cf;
	vertical-align: top;
	padding: 5px 10px;
}
#item table.rireki tr.bg1{
	background: #fff;
}
#item table.rireki tr.bg2{
	background: #f1f0f0;
}
#item table.tosen{
	width: 300px;
	background: #fff;
	border: 1px solid #dbd9cf;
	margin: 5px auto 20px;
}
#item table.tosen td{
	padding: 5px 15px;
	font-weight: bold;
}
#item table.tosen td.pref{
	vertical-align: top;
	width:50px;
}
#item table.obo{
	width: 400px;
	background: #fff;
	border: 1px solid #dbd9cf;
	margin: 5px auto 20px;
}
#item table.obo td{
	padding: 5px 15px;
	text-align:center;
}
#item table.itemDetail{
	clear:both;
	width:600px;
	margin: 0 0 0 5px;
}
#item table.itemDetail td{
	background: #ede3c7;
	padding: 3px;
}
#item table.itemDetail table{
	background: #fff;
	border:1px solid #dbd9cf;
	width: 594px;
}
#item table.itemDetail table td{
	background: #fff;
}
#item table.itemDetail table td.itemImg{
	vertical-align: top;
	width: 220px;
}
#item table.itemDetail table td.itemImg img{
	margin: 0 0 10px;
}
#item table.itemDetail table td.itemImg p{
	margin: 0 0 10px 20px;
}
#item table.itemDetail table td.itemImg span{
	background: url(/img/premium/ico_delta.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	color: #cc7e8e;
	margin: 0 10px;
}
#item table.itemDetail table td.itemName{
	padding: 0 0 0 15px;
	line-height:150%;
	width: 359px;
	vertical-align: top;
}
#item table.itemDetail table td.itemName a{
	background: #fff url(/img/premium/ico_pink.gif) no-repeat 0 40%;
	padding: 0 0 0 20px;
}

#item table.itemDetail table td p.description{
	margin: 0px 10px 15px 0;
	
}
#item div.keyword{
	width:220px;
	background:url(/img/premium/bg_line.gif) 0 top repeat-x;
	padding: 10px 0;
	margin:0;
}
#item div.keyword input{
	width:185px;
	padding:0;
	margin:0 15px;
}
#item ul.tyui{
	margin-top:0;
}
#item ul.tyui li{
	margin: 0 0 0 10px;
}
#item .new{
	background: #ff4d3b;
	color:#fff;
	padding:2px;
}
#item .special{
	background:url(/img/premium/ico_delta.gif) 0 50% no-repeat;
	padding: 0 0 0 13px;
}
#item table.item{
	width: 600px;
	border: 1px solid #ede3c7;
	background: #ede3c7;
	margin: 0 0 20px 20px;
}
#item table.item td{
	border:1px solid #dbd9cf;
	background: #fff;
	padding: 5px;
	line-height: 150%;
}
#item table.item td .itemName{
	font-size: 12pt;
}
#item table.torokuaddress{
	border: 1px solid #dbd9cf;
	background: #fff;
	padding: 5px;
	width:600px;
	margin: 0 0 20px 20px;
}
#item table.torokuaddress td{
	padding: 5px;
}
#item table.torokuigai{
	margin:0 0 0 20px;
	border-collapse: collapse;
	width:600px;
}
#item table.torokuigai th{
	font-weight: normal;
	text-align:left;
	width:120px;
	padding:13px 10px;
	vertical-align: top;
	background:url(/img/premium/bg_form.gif) repeat-x bottom;
}
#item table.torokuigai td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	background:url(/img/premium/bg_form.gif) repeat-x bottom;
}
#item table.torokuigai .noborder{
	background:none;
}
#item table.torokuigai td.element{
	padding:10px 0 0;
	vertical-align: top;
	text-align:right;
	white-space: nowrap;
	font-size:7pt;
}
#item table.torokuigai td.henko{
	text-align: right;
}
#item table.torokuigai .notice{
	float:left;
	margin: 3px 0 0px;
}
#item input.button{
	width:100px;
	margin:0;
}
#item .guide{
	width:590px;
	background: #fff;
	border:1px solid #dbd9cf;
	margin: 0 0 20px 20px;
	padding:5px;
}
#item ul.delitime{
	margin: 0 0 0 30px;
	padding:0;
	list-style:none;
}
#item table.kakunin{
	margin:0 0 40px 20px;
	border-collapse: collapse;
	width:600px;
}
#item table.kakunin th{
	font-weight: normal;
	text-align:left;
	width:110px;
	padding:13px 16px;
	background:url(/img/premium/bg_form.gif) repeat-x bottom;
}
#item table.kakunin td{
	text-align: left;
	padding: 10px 16px;
	background:url(/img/premium/bg_form.gif) repeat-x bottom;
}
#item table.kakunin .noborder{
	background:none;
}
#item table.kakunin td.element{
	padding:10px 0 0;
	vertical-align: top;
	text-align:right;
	white-space: nowrap;
	font-size:7pt;
}
#item table.kakunin td.henko{
	text-align: right;
}
/*-----------------------
for salonInfo
-----------------------*/
#salonInfo{
	float:left;
	width: 677px;
	color:#424242;
}
#salonInfo  #salondata{
	float:left;
	width: 440px;
	margin:0;
	line-height:150%;
}
#salonInfo  #mapArea {
	float: left;
	width: 200px;
	margin: 0px 0 0 10px;
}
#salonInfo  #mapArea img.map{
	border: 1px solid #CCCCCC;
	margin: 0 0 7px 0;
}
#salonInfo  #salondata table{
	border:none;
	margin: 0;
	border-collapse: collapse;
	width:100%;
}
#salonInfo  #salondata th{
	border:1px solid #CCCCCC;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	padding: 5px 0 5px 10px;
	background:#F7E7EF;
}
#salonInfo  #salondata td{
	border:1px solid #CCCCCC;
	text-align:left;
	padding: 5px 0 5px 5px;
}
#salonInfo  #salondata td.noborder{
	background:none;
}
/*****************************
* サロン情報   変更 Y.nagata 2009/03/04
*****************************/
/*#salonInfo div.salonInfoTop{
	background:transparent url(/img/salon/basic/bg_top.gif) no-repeat scroll 0%;
	font-size:1pt;
	height:9px;
	width:678px;
	float:left;
}*/
#salonInfo div.salonInfoBody {
	/*background:transparent url(/img/salon/basic/bg_middle.gif) repeat-y scroll 0%;*/
	width:678px;
	float:left;
}
/*#salonInfo div.salonBottom {
	background:transparent url(/img/salon/basic/bg_bottom.gif) no-repeat scroll 0%;
	float:left;
	clear:both;
	font-size:1pt;
	height:8px;
	width:678px;
}*/
#salonInfo div.salonInfoBody .salonInnerHead{
	/*padding:0 0 10px 0;*/
	margin:0;
	position:relative;
	height:50px;
}
#salonInfo div.salonInfoBody .salonInnerBody{
	/*padding:10px 9px;*/
	padding:20px 0;
	margin:0;
	float:left;
}
#salonInfo h3.sub_title {
	border-bottom:1px solid #CCCCCC;
	border-left:4px solid #D08194;
	clear:both;
	font-size:12pt;
	margin:0pt 0pt 10px;
	padding:0pt 0pt 3px 5px;
	font-weight:bold;
}
#salonInfo div.salonInfoBody .salonInnerMenu{
	padding:0;
	margin:0;
	background:#D08194 url(/img/premium/bg_saloninfo_menu.gif) repeat-x top left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	height:26px;
	display:block;
	clear:both;
}

#salonInfo div.salonInfoBody .salonInnerMenu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt 0pt 0pt 10px;
}
#salonInfo div.salonInfoBody .salonInnerMenu li {
	background:url(/img/premium/bg_saloninfo_menu_li.gif) no-repeat top left;
	float:left;
	margin:0pt;
	padding:0pt 10px 0pt 23px;
	height:26px;
}
#salonInfo div.salonInfoBody .salonInnerMenu ul a{
	line-height:26px;
	height:26px;
	color:white;
	text-decoration:none;
	font-weight:bold;
}
#salonInfo div.salonInfoBody .salonInnerHead table,
#salonInfo div.salonInfoBody .salonInnerHead td{
	border-collapse:collapse;
	padding:0;
	margin:0;
}
#salonInfo .salonBlock{
	float:left;
	clear:both;
	margin-bottom:5px;
	padding:10px;
	width:657px;
	background:url(/img/premium/bg_line.gif) repeat-x bottom;
}
#salonInfo .salonBlock .linkArea{
	float:left;
	margin:3px 0;
}
#salonInfo .salonBlock .iconArea{
	float:right;
	margin:3px 0;
}
#salonInfo .salonInnerHead .linkArea{
	position:absolute;
	right:0px;
	top:0px;
	margin:0;
}
#salonInfo .iconArea ul {
	list-style:none;
	margin:0pt;
	padding:0;
}
#salonInfo .iconArea li {
	float:left;
	margin:0pt;
	padding:0pt 5px 0pt 0pt;
}

#salonInfo .linkArea a{
	background:#FFFFFF url(/img/premium/reservation/btn_saloninfo_reserve_view.gif) no-repeat left top;
	width:100px;
	height:30px;
	padding:0;
	display:block;
	border:1px solid #CCCCCC;
}
#salonInfo .salonBlock .linkArea a{
	float:left;
	clear:right;
}
#salonInfo .salonBlock .linkArea a.detailBtn{
	background-position:left top;
	margin-right:2px;
}
#salonInfo .salonBlock .linkArea a.detailBtn:hover{
	background:#FFFFFF url(/img/premium/reservation/btn_saloninfo_reserve_view_over.gif) no-repeat left top;
}
#salonInfo .salonBlock .linkArea a.reserveBtn,
#salonInfo .salonInnerHead .linkArea a.reserveBtn{
	background-position:right top;
}
#salonInfo .salonBlock .linkArea a.reserveBtn:hover,
#salonInfo .salonInnerHead .linkArea a.reserveBtn:hover{
	background:#FFFFFF url(/img/premium/reservation/btn_saloninfo_reserve_view_over.gif) no-repeat right top;
}
#salonInfo .salonImg{
	float:left;
	width:206px;
	margin: 0 15px 0 0;
}
#salonInfo .salonImg img{
	border:3px solid #CCC;
}
#salonInfo .salonText{
	float:left;
	width:414px;
	height:194px;
	margin:0;
	line-height:150%;
	position:relative;
}
#salonInfo .salonText h2.salonName{
	float:left;
	width:410px;
	margin:0;
	line-height:150%;
	font-size:13pt;
}
#salonInfo .salonText .salonAdd{
	position:absolute;
	bottom:0px;
	left:0px;
}
#salonInfo .salonText .salonAdd table{
	border-collapse:collapse;
}
#salonInfo img.logo{
	margin-right:10px;
}
#salonInfo h2.shopname{
	margin:0;
}

#salonInfo h3.catch{
	color:#D08194;
	font-size:12pt;
}

#salonInfo div.salonInfoBody #imageArea {
	float:left;
	font-size:1pt;
	margin:0pt 0pt 20px;
	width:365px;
}
#salonInfo div.salonInfoBody #imageArea #salonImg {
	border:1px solid #CCCCCC;
	height:261px;
	width:349px;
}
#salonInfo div.salonInfoBody #imageArea #salonSumb img {
	border:1px solid #CCCCCC;
	margin:5px 4px 0pt 0pt;
}
#salonInfo div.salonInfoBody #textArea {
	float:right;
	line-height:150%;
	margin:0pt 0pt 10px;
	width:295px;
}

#salonInfo div.salonInfoBody .salonInformation{
	padding:5px 10px;
	margin-bottom:20px;
	float:left;
}
#salonInfo div.salonInfoBody .salonInformation .infoListBlock{
	background:#FFFFFF url(/img/premium/bg_line.gif) repeat-x bottom;
	padding-bottom:5px;
	float:left;
}

#salonInfo div.salonInfoBody .infoListThumb{
	float:left;
	margin: 0 15px 0 0;
}
#salonInfo div.salonInfoBody .infoListThumb img{
	border:4px solid #CCC;
}
#salonInfo div.salonInfoBody .infoListText{
	float:left;
	width:490px;
	margin:0;
	line-height:150%;
}

#salonInfo div.salonInfoBody .salonInformation p.infoTitle{
	padding:3px 0;
}
#salonInfo div.salonInfoBody .salonInformation  span.date{
	color: #ab8328;
	font-size:10pt;
	margin-right:10px;
}


/***************** スタッフ情報 *****************/
#salonInfo  div#staffData{
	float:left;
	width:657px;
	border:1px solid #cfc1a1;
	background: #fdfce5;
	padding: 10px;
	line-height:150%;
	margin: 0 0 10px;
}
#salonInfo  div#staffData .staffimg{
	float:left;
}
#salonInfo  div#staffData .description{
	float:left;
	margin:12px 0 0 15px;
	width:440px;
	color: #322323;
}
#salonInfo  div#staffData .name{
	font-weight:bold;
	background: url(/img/salon/ico_circle.gif) no-repeat;
	padding:0 0 0 20px;
}
#salonInfo  div#staffData ul{
	float:left;
	margin: 10px 0 10px 15px;
	width:400px;
	padding: 0 0 0 15px;
	list-style: square;
}
#salonInfo  div#staffData .staffButton{
	float: right;
}
#salonInfo #staffList td{
	width:175px;
	padding:5px 20px;
	text-align:center;
	vertical-align:top;
}
#salonInfo #staffList td.td1 ,#salonInfo #staffList td.td2{
	border-right:1px solid #DDDDDD;
}

#salonInfo #staffList .staff_name{
	text-align:left;
	padding:3px 0 0 14px;
}
#salonInfo #staffDetail,
#salonInfo #staffDetail .staffName,
#salonInfo #staffDetail .staffSchedule
{
	float:left;
	width:100%;
}

#salonInfo #staffDetail h2{
	border-bottom:1px solid #CC7E8E;
	padding-bottom:5px;
}
#salonInfo #staffDetail .staffImg{
	float:left;
	width:200px;
	height:200px;
	display:block;
	text-align:center;
	vertical-align:top;
}
#salonInfo #staffDetail .staffPr{
	float:right;
	width:440px;
	line-height:150%;
	margin:0pt 0pt 10px;
}

#salonInfo #staffDetail .staffInfo{
	float:right;
	width:440px;
}

#salonInfo  #staffDetail .staffInfo table{
	border:none;
	margin: 0;
	border-collapse: collapse;
	width:100%;
}
#salonInfo  #staffDetail .staffInfo th{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width: 100px;
	padding: 5px 0 10px 5px;
	background:#f7e7ef url(/img/premium/bg_line.gif) repeat-x bottom;
}
#salonInfo  #staffDetail .staffInfo td{
	text-align:left;
	padding: 5px 0 5px 5px;
	background:url(/img/premium/bg_line.gif) repeat-x bottom;
}
#salonInfo  #staffDetail .staffInfo th.noborder{
	background:#f7e7ef;
}
#salonInfo  #staffDetail .staffInfo td.noborder{
	background:none;
}

/***************** ヘアカタログ *****************/
#salonInfo  #styleExample{
	clear:both;
	width:677px;
	margin: 0 0 20px;
	padding: 0;
}
#salonInfo  #styleExample td{
	width:150px;
	line-height: 150%;
	font-size: 8pt;
	color:#434343;
	padding:0 5px;
}
#salonInfo  #styleExample td img{
	margin:0 0 6px 0;
}
#salonInfo  #styleExample .style{
	color: #8aa9c4;
	font-weight:bold;
}
#salonInfo  #styleExample td p{
	margin:0 0 6px 0;
	width:150px;
}
#salonInfo #styleExample .stylist{
	background: url(/img/ico_delta.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
}
#salonInfo #styleDetail ul {
	height:100px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
#salonInfo #styleDetail ul li {
	background:transparent url(/img/premium/ico_delta.gif) no-repeat scroll 0pt 0.4em;
	padding:0pt 0pt 5px 10px;
}
#salonInfo #salonCatalog .catalog{
	background:#F7E7EF;
	padding:5px;
}
#salonInfo #salonCatalog #styleDetail img{
	border:1px solid #CCCCCC;
}
#salonInfo #salonCatalog h3.hairName{
	color:#CC7E8E;
}
/***************** お知らせ *****************/
#salonInfo table.information{
	width: 100%;;
}
#salonInfo table.information th{
	width: 60px;
	vetical-align:top;
}
#salonInfo table.information td.kakunin{
	width: 60px;
	vetical-align:top;
}
#salonInfo .infoBlock{
	float:left;
	clear:both;
	margin-bottom:5px;
	padding:10px;
	background:url(/img/premium/bg_line.gif) repeat-x bottom;
}
#salonInfo .infoImage{
	float:left;
	margin: 0 15px 0 0;
}
#salonInfo .infoImage img{
	border:3px solid #CCC;
}
#salonInfo .infoText{
	float:left;
	width:430px;
	margin:0;
	line-height:150%;
}
#salonInfo .infoText span.date{
	color: #ab8328;
}
#salonInfo table.group{
	float:left;
	width: 645px;
}
#salonInfo table.group td{
	padding: 0px 5px;
	vertical-align:top;
	line-height:150%;
}
#salonInfo table.group td.salonName{
	font-weight: bold;
}
#salonInfo table.group td.button{
	text-align: right;
}
#salonInfo table.group td.guidance{
	width: 420px;
}
#salonInfo table.group td.guidance p{
	margin: 10px 0;
}
/***************** メニュー *****************/
#salonInfo  #salonMenu h3{
	margin:0 10px 5px ;
	font-size:12pt;
}
#salonInfo  #salonMenu table.menulist{
	border:none;
	width:auto;
	margin:5px 0 10px 10px;
}
#salonInfo  #salonMenu table.menulist td{
	border-bottom:0px none;
	background:url(/img/premium/bg_line.gif) repeat-x bottom;
	text-align:left;
	width:auto;
}
#salonInfo  #salonMenu table.menulist td.name{
	width:400px;;
}
#salonInfo #salonMap iframe{
	border:1px solid #CC7E8E;
}
#salonInfo .staff_img img{
	border:1px solid #CCCCCC;
}
/*----------------------------
for miletsucho
------------------------------*/
#mileTsucho{
	float:left;
	width: 677px;
}
#mileTsucho table.list{
	width: 640px;
	margin: 10px 0 15px;
	border-collapse: collapse;
	border: 1px solid #ccccbf;
}
#mileTsucho table.list th{
	text-align: left;
	padding: 3px 5px;
	background: #f6e6ea;
	border-right:1px solid #ccccbf;
	border-bottom:1px solid #ccccbf;
}
#mileTsucho table.list td{
	padding: 2px 10px;
	border-right:1px solid #ccccbf;
	border-bottom:1px solid #ccccbf;
}
#mileTsucho table.list td.right{
	text-align: right;
}
#mileTsucho table.list tr.bg1{
	background: #fff;
}
#mileTsucho table.list tr.bg2{
	background: #f1f0f0;
}
#mileTsucho input.button{
	width:100px;
}
#mileTsucho table.exchange{
	margin: 0 0 0 25px;
}
#mileTsucho table.exchange td{
	vertical-align:top;
	padding:0 10px;
}
/*----------------------------
for yoyaku?
------------------------------*/
#yoyakuBlock{
	background: url(/img/bg_boldwidemiddle.gif) repeat-y;
	margin:0 0 10px 0;
	padding:0;
}
.yoyakubottom{
	background: url(/img/bg_boldwidebottom.gif) no-repeat;
	width:636px;
	height:8px;
	margin:0;
	padding:0;
	font-size:1pt;
}
.message{
	float:left;
	width:430px;
	padding:10px 0 0 18px;
}
.message p{
	line-height:150%;
	margin:5px 0 20px 0;
}

.calender{
	float:left;
	width:150px;
	margin: 10px 0 0 20px;
}
.calender table{
	border:1px solid #dbd9cf;
	width:148px;
	height:160px;
	background: #fff;
	border-collapse:collapse;
}
.calender table th{
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #dbd9cf;
	border-left:1px solid #dbd9cf;
}
.calender table td{
	width:20px;
	text-align:center;
	border-bottom:1px solid #dbd9cf;
	border-left:1px solid #dbd9cf;
}
.calender table td.next{
	text-align:right;
	border-left:none;
	padding:0;
	border-bottom:1px solid #dbd9cf;
}
.calender table td.prev{
	text-align:left;
	padding:0;
	border-bottom:1px solid #dbd9cf;
}
.calender table td.noborder{
	width:104px;
	text-align:center;
	border-left:none;
	border-bottom:1px solid #dbd9cf;
}

.calender .yasumi{
	color:#f00;
}
.calender .doyou{
	color:#06f;
}
#staffSelect{
	float:right;
	width: 584px;
	margin: 0 20px 20px;
	padding: 10px;
}
#staffSelect td{
	padding:5px;
	vertical-align:top;
}
#staffSelect th{
	padding:10px;
	vertical-align:top;
}
#staffSelect select{
	margin: 0 10px 3px 15px;
	width:200px;
}
.staff{
	float:left;
}
.memo{
	font-size: 7pt;
	margin: 0 0 0 15px;
}
#staffSelect td.stylist{
	background: url(/img/premium/ico_delta.gif) no-repeat 0 30%;
	padding:10px 0 0 15px;
}
#serviceSelect{
	float:right;
	width: 623px;
	margin: 10px 10px 10px;
	padding: 10px;
	border: 1px solid #dbd9cf;
	border-collapse: collapse;

}
#serviceSelect ul{
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
#serviceSelect td{
	font-size:9pt;
	width:210px;
	padding: 5px;
	border-left: 1px solid #dbd9cf;
	border-bottom: 1px solid #dbd9cf;
}

#serviceSelect td.bg{
	background: #f1f0da;
}
#serviceSelect td.bg2{
	background: #fff;
}
#serviceSelect ul ul{
	width:145px;
}
#serviceSelect ul li{
	margin:0;
	padding:0;
}
.service{
	float:left;
	width: 584px;
	margin:0 0 10px 0;
}




table#staffList{
	width: 600px;
	margin: 0px auto;
	line-height:150%;
}

table#staffList td{
	text-align: center;
	padding:0 0 10px 0;
}
table#staffList td img{
	margin: 0 0 5px 0;
}
table#staffList .name{
	margin: 0 0 5px 0;
}
table.menulist{
	width: 600px;
	margin: 5px auto 10px;
	border-collapse:collapse;
}

table.menulist td{
	text-align:right;
	padding:5px 20px;
	border-bottom: 4px solid #fff;
}

table.menulist td.name{
	width: 400px;
	text-align:left
}

table.timeSelect{
	/* width: 398px;*/
	margin:0 15px 10px;
}
table.border{
	background:url(/img/salon/bg_line.gif) bottom repeat-x;
	padding:0 0 10px;
	margin:0 15px 0px;
}
table.timeSelect th{
	width:120px;
	text-align: left;
	padding:10px;
}
table.timeSelect td{
	padding:10px;
	vertical-align:middle;
}
table.timeSelect th.top{
	vertical-align:top;
}
table.timeSelect td.henkou{
	text-align:right;
	vertical-align:top;
}
div#selectDateCalendarS{
	float:right;
	width:200px;
	height:100%;
	display:block;
}
/*-----------------------
for 友達招征E設定変更
-----------------------*/
#invite{
	float:left;
	width: 677px;
}
#invite table.invite{
	margin:0 20px 0px;
	border-collapse: collapse;
	width:600px;
}
#invite table.invite th{
	text-align:left;
	width:150px;
	padding:13px 5px;
	vertical-align: top;
}
#invite table.invite td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
#invite table.invite td.element{
	padding:10px 0 0;
	vertical-align: top;
	text-align:center;
	white-space: nowrap;
	font-size:7pt;
}
#invite table.invite td.henko{
	text-align: right;
	padding:0px;
}
#invite table.invite .notice{
	float:left;
	margin: 3px 0 0px;
}
#invite input.button{
	width:100px;
}

#invite .date{
	clear:both;
	color: #ab8328;
}

table.review{
	
}
table.review th{
	vertical-align:top;
	padding:10px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
table.review td{
	padding:10px;
}
table.toroku{
	margin:0 20px 20px;
	border-collapse: collapse;
	width:606px;
}
table.toroku th{
	text-align:left;
	width:140px;
	padding:13px 5px;
	vertical-align: top;
	background:url(/img/premium/bg_form.gif) repeat-x bottom;
}
table.toroku td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	background:url(/img/premium/bg_form.gif) repeat-x bottom;
}
table.toroku .noborder{
	background:none;
}
table.toroku td.element{
	padding:10px 0 0;
	vertical-align: top;
	text-align:right;
	white-space: nowrap;
	font-size:7pt;
}
table.toroku td.henko{
	text-align: right;
}
table.toroku .notice{
	float:left;
	margin: 3px 0 0px;
}
.enquete_question_title {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width: 66px;
	padding: 5px 0 10px 5px;
	background:#f7e7ef url(/img/premium/bg_tableline.gif) repeat-x bottom;
	float:left;
	display:block;
}
.enquete_question_title2 {
	text-align:left;
	padding: 5px 0 10px 5px;
	background:#f7e7ef url(/img/premium/bg_tableline.gif) repeat-x bottom;
	display:block;
}
.enquete_answer {
	margin:5px 0px 20px 20px;
}
.enquete_button {
	text-align:center;
}
.confirm{
	color:#d63d47;
	font-size:9pt;
	line-height:150%;
	margin: 0 0 0 25px;
	font-weight:bold;
}

/*============ サロン予約ページのカレンダー小 ======================*/
#selectDateCalendarS div#side_cal{
	width: 177px;
	margin: 0px;
	border-left :1px solid #ccccbf;
/*    border-right :1px solid #ccccbf;*/
}
#selectDateCalendarS table.calendar{
	clear:both;
	border-collapse:collapse;
	width:177px;
	padding:0px;
	margin:0px;
}

#selectDateCalendarS table.calendar th{
	width:40px;
	font-weight: normal;
	padding:0 5px;
	text-align:center;
	background: #ffdfce5;
	border-right: 1px solid #ccccbf;
	border-bottom: 1px solid #ccccbf;
}
#selectDateCalendarS table.calendar td{
	text-align:left;
	vertical-align:middle;
	background: #fff;
	padding: 4px;
	height:36px;
	border-bottom: 1px solid #ccccbf;
}
#selectDateCalendarS table.calendar td img{
	margin: 0 5px 2px 0;
}

#selectDateCalendarS table.calendar .othermonth{
	background-color: #EEEEEE; color: #AAAAAA;
}

#selectDateCalendarS table.calendar .today{
	background:#FFFF99;
}

#selectDateCalendarS table.calendar .national_holiday{
	background:#FFDDF0;
}

#selectDateCalendarS table.calendar .doyo{
	background: #e5f5fd;
}
#selectDateCalendarS table.calendar .nichiyo{
	background: #fde5ea;
}
#selectDateCalendarS table.calendar td.button{
	border:none;
	padding:0;
	margin:0;
}
#selectDateCalendarS table.calendar a{
	color: #000;
	text-decoration: none;
}
#selectDateCalendarS img.calendarTop{
	clear:both;
	margin: 10px 0 0 4px;
}
#selectDateCalendarS img.calendarBottom{
	clear:both;
	margin: 0 0 0 4px;
}
#selectDateCalendarS .block {
float:right;
margin:0pt 0pt 5px;
width:187px;
}
#selectDateCalendarS img.title {
margin:5px 0px;
padding:0px;
}
#selectDateCalendarS span.cal_foot_msg{
	display:block;
	background:url(/img/premium/ico_bonus.gif) no-repeat center left;
	float:left;
	margin-left:20px;
	padding-left:20px;
	font-weight:bold;
}
#selectDateCalendarS span.cal_foot_explain{
	color:#CC7E8E;
}
/*============ サロン予約ページのWEEKカレンダー ======================*/
#selectDateCalendarW table.calendar{
	clear:both;
	border-collapse:collapse;
	width:640px;
	padding:0px;
	margin:0px;
}

#selectDateCalendarW table.calendar th{
	width:40px;
	font-weight: normal;
	padding:0 5px;
	text-align:center;
	background: #ffdfce5;
	border-right: 1px solid #ccccbf;
	border-bottom: 1px solid #ccccbf;
}
#selectDateCalendarW table.calendar td{
	text-align:left;
	vertical-align:middle;
	background: #fff;
	padding: 4px;
	height:20px;text-align:center;
	border-bottom: 1px solid #ccccbf;
}
#selectDateCalendarW table.calendar td.mile_td{
	background-color:#EDEDED;
}
#selectDateCalendarW table.calendar td.time_td{
	font-weight:bold;
}
#selectDateCalendarW table.calendar th.day_th{
	background-color:#FFF;
	font-weight:bold;
}
#selectDateCalendarW table.calendar td.disable_td{
	background-color:#DDD;
	font-weight:bold;
}
#selectDateCalendarW table.calendar td img{
	margin: 0 5px 2px 0;
}

#selectDateCalendarW table.calendar .othermonth{
	background-color: #EEEEEE; color: #AAAAAA;
}

#selectDateCalendarW table.calendar .today{
	background:#FFFF99;
}

#selectDateCalendarW table.calendar .national_holiday{
	background:#FFDDF0;
}

#selectDateCalendarW table.calendar .doyo{
	background: #e5f5fd;
}
#selectDateCalendarW table.calendar .nichiyo{
	background: #fde5ea;
}
#selectDateCalendarW table.calendar td.button{
	border:none;
	padding:0;
	margin:0;
}
#selectDateCalendarW table.calendar a{
	color: #000;
	text-decoration: none;
}
#selectDateCalendarW img.calendarTop{
	clear:both;
	margin: 10px 0 0 4px;
}
#selectDateCalendarW img.calendarBottom{
	clear:both;
	margin: 0 0 0 4px;
}
#selectDateCalendarW .block {
float:right;
margin:0pt 0pt 5px;
width:187px;
}
#selectDateCalendarW img.title {
margin:5px 0px;
padding:0px;
}
#selectDateCalendarW span.cal_foot_msg{
	background:url(/img/premium/ico_h3.gif) no-repeat center left;
	margin:20px 0px;
	padding-left:15px;
	font-weight:bold;
}
#selectDateCalendarW span.cal_foot_explain{
	padding:0px 0px 10px;
	display:block;
	color:#CC7E8E;
}
/*-----------------------
for つかう
-----------------------*/
#tsukau{
	float:left;
	width: 678px;
}
#tsukau .leftBlock{
	float: left;
	width: 342px;
}
#tsukau .rightBlock{
	float: left;
	width: 332px;
}
#tsukau .bordertop{
	background: url(../../img/premium/bg_boldshorttop.gif) no-repeat;
	width:336px;
	height:8px;
	margin:0;
	padding:0;
	font-size:1pt;
}
#tsukau .bordermiddle{
	background: url(../../img/premium/bg_boldshortmiddle.gif) repeat-y;
	width:336px;
	margin:0;
	padding:0;
}
#tsukau .borderbottom{
	background: url(../../img/premium/bg_boldshortbottom.gif) no-repeat;
	width:336px;
	height:8px;
	margin:0 0 20px;
	padding:0;
	font-size:1pt;
}
#tsukau .bordermiddle img{
	margin:0 3px;
}
#tsukau .bordermiddle h3.title{
	padding: 5px 15px;
	font-size:11pt;
}
#tsukau .amm_01{
	background: url(../../img/premium/mile/ph_amm_01.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .amm_02{
	background: url(../../img/premium/mile/ph_amm_02.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .amm_03{
	background: url(../../img/premium/mile/ph_amm_03.gif) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .amm_04{
	background: url(../../img/premium/mile/ph_amm_04.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .amm_05{
	background: url(../../img/premium/mile/ph_amm_05.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .amm_06{
	background: url(../../img/premium/mile/ph_amm_06.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .amm_07{
	background: url(../../img/premium/mile/ph_amm_07.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .amm_08{
	background: url(../../img/premium/mile/ph_amm_08.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tsukau .links{
	
	padding: 160px 0 0 175px;
}
#tsukau .links a{
	background: url(../../img/premium/ico_pink.gif) no-repeat 0 0.3em;
	padding: 0 0 0 20px;
	line-height: 170%;
}
#tsukau .message{
	line-height:150%;
	margin: 0 0 20px;
	padding:0;
}
#tsukau .introduction{
	float:left;
	width: 330px;
	line-height:150%;
	margin: 0 0 20px;
	padding:0;
}
#tsukau ol{
	padding-top:0;
	margin-top:0;
	margin-bottom: 20px;
	line-height:150%;
}
#tsukau ol li{
	line-height:150%;
}
#tsukau h3.pink{
	font-size: 11pt;
	line-height: 150%;
	color: #d4808d;
}
#tsukau h4.icon{
	font-size: 11pt;
	background: url(../../img/premium/ico_submenu.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
	line-height: 150%;
	color: #d4808d;
}
/*-----------------------
for ためる
-----------------------*/
#tameru{
	float:left;
	width: 678px;
}
#tameru .leftBlock{
	float: left;
	width: 342px;
}
#tameru .rightBlock{
	float: left;
	width: 332px;
}
#tameru .bordertop{
	background: url(../../img/premium/bg_boldshorttop.gif) no-repeat;
	width:336px;
	height:8px;
	margin:0;
	padding:0;
	font-size:1pt;
}
#tameru .bordermiddle{
	background: url(../../img/premium/bg_boldshortmiddle.gif) repeat-y;
	width:336px;
	margin:0;
	padding:0;
}
#tameru .borderbottom{
	background: url(../../img/premium/bg_boldshortbottom.gif) no-repeat;
	width:336px;
	height:8px;
	margin:0 0 20px;
	padding:0;
	font-size:1pt;
}
#tameru .bordermiddle img{
	margin:0 3px;
}
#tameru .bordermiddle h3.title{
	padding: 5px 15px;
	font-size:11pt;
}

#tameru .mm_01{
	background: url(../../img/premium/mile/ph_mm_01.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tameru .mm_02{
	background: url(../../img/premium/mile/ph_mm_02.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tameru .mm_03{
	background: url(../../img/premium/mile/ph_mm_03.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tameru .mm_04{
	background: url(../../img/premium/mile/ph_mm_04.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tameru .mm_05{
	background: url(../../img/premium/mile/ph_mm_05.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}
#tameru .mm_06{
	background: url(../../img/premium/mile/ph_mm_06.jpg) no-repeat;
	width:326px;
	height:201px;
	margin: 0 5px;
}

#tameru .links{
	
	padding: 160px 0 0 175px;
}
#tameru .links a{
	background: url(../../img/premium/ico_pink.gif) no-repeat 0 0.3em;
	padding: 0 0 0 20px;
	line-height: 170%;
}
#tameru .message{
	line-height:150%;
	margin: 0 0 20px;
	padding:0;
}
#tameru .introduction{
	float:left;
	width: 330px;
	line-height:150%;
	margin: 0 0 20px;
	padding:0;
}
#tameru ol{
	padding-top:0;
	margin-top:0;
	margin-bottom: 20px;
	line-height:150%;
}
#tameru ol li{
	line-height:150%;
}
#tameru h3.pink{
	font-size: 11pt;
	line-height: 150%;
	color: #d4808d;
}
#tameru h4.icon{
	font-size: 11pt;
	background: url(../../img/premium/ico_submenu.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
	line-height: 150%;
	color: #d4808d;
}
/**=====================================================
キャンペーンページ
=====================================================**/
div#campaign{
	float:left;
	width: 678px;
}
div#campaign table.darts_item{
	margin-left:20px;
}
div#campaign table.no_border{
	border:none 0px;
}
div#campaign table.no_border th{
	border:none 0px;
}
div#campaign table.no_border td{
	border:none 0px;
}
div#campaign td{
	vertical-align:top;
	height:130px;
	padding:5px 3px ;
}
div#campaign td img{
	border:1px solid #CCCCCC;
}
div#campaign .bigText{
	font-size:15pt;
}
div#campaign .boldText{
	font-weight:bold;
}

div#campaign .centerText{
	text-align:center;
}
div#campaign .leftText{
	text-align:left;
}
div#campaign .rightText{
	text-align:right;
}
/*
div#campaign h3{
	margin:3px 0 3px 20px;
	padding:0;
}
*/
/*
div#campaign p{
	margin:5px 0 5px 40px;
	padding:5px;
}
*/
div#campaign center.big{
	font-size:13pt;
}
div#item h2.bigText{
	font-size:15pt;
	color:#CC7E8E;
}
div#item p.tousen_message{
	margin:5px 0 5px 20px;
}
/*----------------------------
事務局アンケートページ
------------------------------*/
div#enquete{
	float:left;
	width: 677px;
}
div#enquete h2.title{
	margin:0 0 5px 0;
}
div#enquete div.enquete_box{
	border:3px solid #CC7E8E;
	background:#FFF7DF;
	padding:20px;
}
div#enquete h3{
	background:#F7E7EF;
	border-bottom:1px dotted #CCCCCC;
	padding: 5px 0 5px 8px;
	margin: 10px 0 5px;
	font-weight:normal;
	font-size:12px;
}
div#enquete div.question_box{
	padding:3px 0 3px 20px;
	margin-bottom:20px;
}
div#enquete div.enqueteList{
	clear:both;
	width:90%;
	margin: 0 0 10px 0;
	background: #F6E6EA;
	border:1px solid #CC7E8E;
	border-collapse:collapse;
	padding:15px;
}
div#enquete table{
	width:100%;
	margin: 0;
	border:0px none;
	border-collapse:collapse;
}
div#enquete div.enqueteList th{
	font-weight:normal;
	padding-left:10px;
	text-align:left;
	width:80px;
}
div#enquete div.enqueteList td span.name{
	background: url(/img/premium/ico_pink.gif) no-repeat 0 48%;
	width: 100%;
	padding:3px 0pt 3px 15px;
	font-weight:bold;
	font-size:12pt;
	color:#CC7E8E;
}
div#enquete div.enqueteList td.button_area{
	width:200px;
	vertical-align:middle;
	text-align:center;
}

div#enquete #pager {
	margin-top:5px;
	font-size:10pt;
	padding:0px;
	height:18px;
}

div#enquete #pager p.total_count{
	float:left;
}

div#enquete #pager p.total_count span.count{
	color:#CC7E8E;
	font-size:11pt;
	font-weight:bold;
}
div#enquete #pager p.page_navi{
	float:right;
}

div#enquete #pager p.page_navi a{
	width:30px;
	height:18px;
}

div#enquete #pager p.page_navi a.first{
	padding:0 5px 0 10px;
	background: url(../images/icon/bg_page_first.gif) left center no-repeat;
}
div#enquete #pager p.page_navi a.back{
	padding:0 5px;
	background: url(../images/icon/bg_page_back.gif) left center no-repeat;
}

div#enquete #pager p.page_navi a.next{
	padding:0 5px;
	background: url(../images/icon/bg_page_next.gif) right center no-repeat;
}

div#enquete #pager p.page_navi a.last{
	padding:0 8px 0 5px;
	background: url(../images/icon/bg_page_last.gif) right center no-repeat;
}
.error_msg{
	color:red;
}