/*<% Response.ContentType = "text/css"%>*/

div#oz1-3rdContentsArea{
	width: 750px;
}
/*-------------------------------
base
-------------------------------*/
.pre_ClearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;   
}
  
.pre_ClearFix{
	zoom:1;   
	position: relative;/*for preview*/
}

h2,h3,h4,h5,p,ul,li,dl,dt,dd,div,form{
	margin:0;
	padding:0;
}
img {
	border: none;
	margin: 0;
	padding:0;
}
.clear {
	clear:both;
}
/*-------------------------------
来店日検索・条件検索
-------------------------------*/
div#oz1-3rdContentsArea #search_table {
	border-bottom: 10px solid #704F43;
	font-size:12px;
	color:#7e6b5a;
}
div#oz1-3rdContentsArea #search_table .search_red{
	color:#cc0000;
	font-size:14px;
	font-weight:bold;
}
div#oz1-3rdContentsArea #search_table .attention2{
	color:#cc0000;
	font-size:11px;
	font-weight:bold;
}
div#oz1-3rdContentsArea #search_table .arealist li{
	float: left;
	list-style: none;
	list-style-position:inside;
	margin:0;
	padding:0 15px 0 0;
	line-height: 1.4;
	width:140px;
}
div#oz1-3rdContentsArea #search_table .plan{
	margin:0;
	padding:5px 0 0 0;
}
div#oz1-3rdContentsArea #search_table .plan_name{
	margin:0;
	padding:2px 0 7px 0;
}
div#oz1-3rdContentsArea #search_table .areaname{
	vertical-align:top;
	margin:0;
	padding:3px 0 0 0;
}
div#oz1-3rdContentsArea #calendarsearch {
	width:750px;
	font-size:12px;
	color: #695e44;
}
div#oz1-3rdContentsArea #calendarsearch .error{
	font-size: 12px;
	text-align: center;
}
div#oz1-3rdContentsArea #calendarsearch .bt{
	text-align: center;
	padding: 30px;
}
div#oz1-3rdContentsArea #calendarsearch .calendar {
	padding: 0;
}

div#oz1-3rdContentsArea #calendarsearch .calendar table {
	border-collapse: separate;
	border-right: 1px solid #80755f;
	border-bottom: 1px solid #80755f;
	border-spacing: 0;
	background: #fff;
	width: 750px;
}
div#oz1-3rdContentsArea #calendarsearch .calendar table .time {
	background: #EEDEC5;
	line-height: 1.6;
}
div#oz1-3rdContentsArea #calendarsearch .calendar table td {
	border-top: 1px solid #80755f;
	border-left: 1px solid #80755f;
	text-align: center;
}
div#oz1-3rdContentsArea #calendarsearch .calendar .reserve td {
	width: 20px;
	text-align: center;
}
div#oz1-3rdContentsArea #calendarsearch .calendar .reserve td.name {
	text-align: left;
	width: 185px;
	padding: 5px;
	line-height: 1.2;
}
div#oz1-3rdContentsArea #calendarsearch .calendar a {
	color: #777777;
	text-decoration: underline;
	font-weight: bold;
}
div#oz1-3rdContentsArea #calendarsearch .calendar a:hover {
	color: #e17D51;
	text-decoration: underline;
}
div#oz1-3rdContentsArea #calendarsearch .calendar .hour {
	font-size: 14px;
	width: 45px;
}
div#oz1-3rdContentsArea #calendarsearch .calendar .next {
	width: 15px;
	text-align: center;
}
div#oz1-3rdContentsArea #calendarsearch .calendar .next a {
	color: #e17D51;
	text-decoration: underline;
	font-weight: normal;
}
div#oz1-3rdContentsArea #calendarsearch .calendar .next a:hover {
	color: #cc0000;
	text-decoration: underline;
}

div#oz1-3rdContentsArea #calendarsearch .calendar table .name a {
	color: #695e44;
	text-decoration: underline;
	font-weight: normal;
}
div#oz1-3rdContentsArea #calendarsearch .calendar table .name a:hover {
	color: #e17D51;
	text-decoration: underline;
}

div#oz1-3rdContentsArea #calendarsearch .calendar table td.time30 {
	border-left: 1px dotted #80755f;
	background-color: #ede5d9;
}

div#oz1-3rdContentsArea #calendarsearch .calendar .attention02{
	font-weight: normal;
	padding-top: 10px;
}

div#oz1-3rdContentsArea #calendarsearch .z0 {

	background-color: #ffffff;
}
div#oz1-3rdContentsArea #calendarsearch .z100 {

	background-color:#ffffff;
}
div#oz1-3rdContentsArea #calendarsearch .search {

}

div#oz1-3rdContentsArea #calendarsearch .search_ani {

	background-color: #ffffff;
	padding: 10px;
	text-align: center;
	width: 730px;
}



/*-------------------------------
条件検索用
-------------------------------*/
div#oz1-3rdContentsArea #search_table .kodawarilist li{
	float: left;
	list-style: none;
	list-style-position:inside;
	margin:0;
	padding:0 15px 0 0;
	line-height: 1.4;
	width:175px;
}

/*-------------------------------
アートカタログ検索用
-------------------------------*/
div#oz1-3rdContentsArea #haircatalog {
	width:750px;
	font-size:12px;
	color: #685848;
}
div#oz1-3rdContentsArea #haircatalog .bt{
	line-height: normal;
	height: 30px;
	padding-top: 10px;
}
div#oz1-3rdContentsArea #haircatalog .bt li {
	float: left;
	list-style: none;
	padding: 0;
	line-height: normal;
	height: 30px;
	margin-right: 6px;
}
div#oz1-3rdContentsArea #haircatalog .bt img {
	vertical-align:middle;
}
div#oz1-3rdContentsArea #haircatalog .bt .last {
	margin-right: 0px;
}
div#oz1-3rdContentsArea #haircatalog .sort {
	margin: 5px 0 0 20px;
	width: 710px;
}div#oz1-3rdContentsArea #haircatalog .sort .fl {
	float: left;
	display: block;
	width: 500px;
}
div#oz1-3rdContentsArea #haircatalog .sort .fr {
	float: right;
	width: 210px;
	text-align: right;
}
div#oz1-3rdContentsArea #haircatalog .sort .fr a {
	color: #685848;
}
div#oz1-3rdContentsArea #haircatalog .catalog {
	width: 727px;
	margin: 10px 0 10px 23px;
}
div#oz1-3rdContentsArea #haircatalog .catalog li {
	background:url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/images/haircatalog_bg3.gif) bottom no-repeat;
	width: 135px;
	padding-bottom: 7px;
	margin: 0 8px 15px 0;
	list-style: none;
	float: left;
}
div#oz1-3rdContentsArea #haircatalog .catalog .art{
	background:url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/images/haircatalog_bg1.gif) top no-repeat;
	width: 132px;
	padding: 2px 1px 0 2px;
}
div#oz1-3rdContentsArea #haircatalog .catalog .art a {
	color: #cc6680 !important;
}
div#oz1-3rdContentsArea #haircatalog .catalog .name{
	text-align: center;
	color: #d5776d;
	font-size: 10px;
	display: block;
	width: 117px;
	padding: 2px 5px 5px 5px;
	height: 35px;
	overflow: hidden;
	line-height: 1.1;
}
div#oz1-3rdContentsArea #haircatalog .catalog .area{
	font-size: 10px;
	text-align: center;
	background-color: #efe8df;
	width: 125px;
	margin-left: 2px;
	height: 15px;
	padding-top: 5px;
}


/*-------------------------------
メーカー検索用
-------------------------------*/

div#oz1-3rdContentsArea #makersearch{
	color:#434343;
	width:750px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 2;
}
div#oz1-3rdContentsArea #makersearch img{
	margin:0;
	padding:0;
	border: none;
	vertical-align: top;

}
div#oz1-3rdContentsArea #makersearch li{
	list-style:none;
}

div#oz1-3rdContentsArea #makersearch .cl{
	clear:both;
}
div#oz1-3rdContentsArea #makersearch .sml{
	font-size: 10px;
}

div#oz1-3rdContentsArea #makersearch a:link,
div#oz1-3rdContentsArea #makersearch a:visited {
	color: #693835;
}
div#oz1-3rdContentsArea #makersearch a:hover {
	text-decoration:none;
}

div#oz1-3rdContentsArea #makersearch a.r_lnk:link,
div#oz1-3rdContentsArea #makersearch a.r_lnk:visited {
	color:#693835;
}

div#oz1-3rdContentsArea #makersearch .bold{
	font-weight: bold;
}
div#oz1-3rdContentsArea #makersearch .gotop{
	width: 750px;
	text-align: right;
	padding: 20px 0;
}

/*----- brandlineup -----*/
div#oz1-3rdContentsArea #makersearch #brandlineup{
	background-color: #f8f7ee;
	width: 750px;
} 

div#oz1-3rdContentsArea #makersearch #brandlineup h2{
	float: left;
	width: 500px;
}
div#oz1-3rdContentsArea #makersearch #brandlineup .txt{
	float: left;
	width: 500px;
	background: url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/search/images/maker_bg.gif) no-repeat top;
}
div#oz1-3rdContentsArea #makersearch #brandlineup .txt p{
	padding: 15px 0 0 30px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3";
	line-height: 1.6;
}
div#oz1-3rdContentsArea #makersearch #brandlineup .ph{
	float: right;
	width: 250px;
}
/*----- navibar -----*/

div#oz1-3rdContentsArea #makersearch .navibar{
	background: url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/search/images/navibar_bg.gif) repeat;
	width: 730px;
	padding: 10px;
}
div#oz1-3rdContentsArea #makersearch .navibar ul{
	width: 710px;
	background-color: #FFFFFF;
	padding: 5px 10px;
}
div#oz1-3rdContentsArea #makersearch .navibar li{
	padding-left:30px;
	list-style-type: none;
	background: url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/search/images/mark1.gif) no-repeat 10px 7px;
	list-style-position: outside;
	float: left;
	width: 206px;
	color: #693835;
}
div#oz1-3rdContentsArea #makersearch h5{
	width: 715px;
	color: #fff;
	font-size: 12px;
	margin: 10px 0 0 0;
	background: url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/search/images/mark4.gif) no-repeat 3px 5px;
	padding: 1px 0 0 35px;
}
div#oz1-3rdContentsArea #makersearch .bg5{
	background-color: #8a6440;
}
 　
/*----- brandtit -----*/


div#oz1-3rdContentsArea #makersearch #brandtitle {
	width: 750px;
}
div#oz1-3rdContentsArea #makersearch #brandtitle h3{
	width: 715px;
	color: #FFFFFF;
	margin-top: 10px;
	background: url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/search/images/mark2.gif) no-repeat 3px 11px;
	padding: 5px 0 5px 35px;
}
div#oz1-3rdContentsArea #makersearch #brandtitle .bg{
	background-color: #633000;
}
div#oz1-3rdContentsArea #makersearch #brandtitle p{
	padding: 20px;
	float: left;
	width: 348px;
}

div#oz1-3rdContentsArea #makersearch #brandtitle dl{
	float: left;
	width: 342px;
}
div#oz1-3rdContentsArea #makersearch #brandtitle dt{
	margin: 20px 0 0 0;
}

div#oz1-3rdContentsArea #makersearch #brandtitle dt p {
	padding: 0;
}

div#oz1-3rdContentsArea #makersearch #brandtitle dt p.finding {
	padding: 16px 0 20px 0;
}

div#oz1-3rdContentsArea #makersearch #brandtitle dd{
	width: 342px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3";
	line-height: 2.2;
	letter-spacing: 0.08em;
}

/*----- branditem -----*/

div#oz1-3rdContentsArea #makersearch #branditem{
	padding: 10px 10px 10px 20px;
	width: 680px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: solid 1px #b4987f;
}
div#oz1-3rdContentsArea #makersearch #branditem .item{
	padding: 0 0 10px 0;
	width: 500px;
	float: left;
} 
div#oz1-3rdContentsArea #makersearch #branditem .tit{
	color: #cc0066;
	width: 500px;
	float: left;
	padding-bottom: 10px;
} 
div#oz1-3rdContentsArea #makersearch #branditem .ph{
	float: right;
	width: 170px;
} 
div#oz1-3rdContentsArea #makersearch #branditem .txt{
	width: 500px;
	float: left;
	line-height: 1.6;
} 
div#oz1-3rdContentsArea #makersearch #branditem .maker{
	width: 493px;
	float: left;
	line-height: 1.6;
	text-align: right;
	font-size: 85%;
	color: #693835;
} 

/*----- shoplist -----*/

div#oz1-3rdContentsArea #makersearch #shoplist h4{
	width: 715px;
	color: #693835;
	margin: 10px 0 20px 0;
	background: url(//a248.e.akamai.net/f/248/9510/1h/www.ozmall.co.jp/relaxationweb/search/images/mark3.gif) no-repeat 3px 5px;
	padding: 1px 0 0 35px;
}
div#oz1-3rdContentsArea #makersearch #shoplist .bg{
	background-color: #d5c6b5;
}


div#oz1-3rdContentsArea #makersearch #shoplist li.box {
	width:335px;
	/*-----FF2hack（必ずdisplay:inline-block;の前に記述）-----*/
	display:-moz-inline-box;
	display:inline-block;
	/*----- IEhack -----*/
	/display:inline;
	/zoom:1;										
	vertical-align: top;
	border-top: 1px solid #b4987f;
	border-right: 1px dotted #9d7a5b;
	margin: 0 10px 25px 20px;
}

div#oz1-3rdContentsArea #makersearch #shoplist li.box > ul{
	width:335px;
	display:block;
}

div#oz1-3rdContentsArea #makersearch #shoplist li.box p{
	background-color: #dedede;
	line-height: 1.4;
	padding-left: 5px;
	width: 330px;
}

div#oz1-3rdContentsArea #makersearch #shoplist li.box .name{
	background-color: #ece7ca;
	line-height: 1.4;
	width: 325px;
	margin-bottom: 8px;
	padding: 2px 5px;
	color: #693835;
}
div#oz1-3rdContentsArea #makersearch #shoplist li.box .photo{
	margin:0;
	float: left;
	padding: 0 10px;
	width: 50px;
}

div#oz1-3rdContentsArea #makersearch #shoplist li.box .icon{
	width: 260px;
	float: right;
}
div#oz1-3rdContentsArea #makersearch #shoplist li.box .icon img{
	vertical-align: top;
	margin: 0;
	padding: 0 5px 0 0;
}
div#oz1-3rdContentsArea #makersearch #shoplist li.box .btn{
	margin:5px 0 0 0;
	text-align: right;
	width: 265px;
	float: right;
}
div#oz1-3rdContentsArea #makersearch #shoplist li.box .btn img{
	margin:0 10px 0 0;
}


/*-------------------------------
条件検索検索用
-------------------------------*/
div#oz1-3rdContentsArea #salonsearch{ 
	font-size:12px;
	color: #484942;;
}
div#oz1-3rdContentsArea #search_table .off{
	padding-bottom: 5px;
}
div#oz1-3rdContentsArea #salonsearch a {
	text-decoration: underline;
}
div#oz1-3rdContentsArea #salonsearch a:hover {
	color: #484942;
	text-decoration: none;
}

div#oz1-3rdContentsArea #salonsearch #sort{
	padding: 10px 0 0 0;
	text-align: right;
	border-bottom: 1px dotted #999;
}
div#oz1-3rdContentsArea #salonsearch #sort p{
	padding: 5px;
}
div#oz1-3rdContentsArea #salonsearch #sort span{
	color: #cc0000;
}
div#oz1-3rdContentsArea #salonsearch .salonlist{
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .bold{ 
	font-weight: bold;
}
div#oz1-3rdContentsArea #salonsearch .salonlist dl{ 
	padding: 0px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist dt{
	padding: 10px 0;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .ph{
	float: left;
	width: 270px;
	text-align: center;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .ph img{
	border: 1px solid #BCAEA9;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .box{
	float: right;
	width: 465px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .fee,
div#oz1-3rdContentsArea #salonsearch .salonlist a.shopname:link,
div#oz1-3rdContentsArea #salonsearch .salonlist a.shopname:visited {
	color:#A8423D;
	font-size: 14px;
	font-weight: bold;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .planname a:link,
div#oz1-3rdContentsArea #salonsearch .salonlist .planname a:visited {
	font-size: 14px;
	font-weight: bold;
}

div#oz1-3rdContentsArea #salonsearch .salonlist .box img{
	float: left;
	margin: 0;
	padding: 0 7px 0 0;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .box li p{
	float: right;
	width :380px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .box li p.planname{
	margin-bottom: 7px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .box .sml{
	font-size: 11px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist ul{
	padding: 0px;
	margin: 0px;
	width: 465px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist li{
	list-style-position:outside;
	list-style-type: none;
	margin-bottom: 5px;
	width: 465px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .off ul{
	margin: 0px;
	width: 380px;
	padding: 2px 0;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .off ul li{
	float: left;
	width: 100px;
	margin-bottom: 0px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .off ul li p{
	float: left;
	width: 50px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .off ul li img{
	margin: 0px;
	width: 39px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .option{
	margin: 0px;
}
div#oz1-3rdContentsArea #salonsearch .plan_toku {
	background-color:#F6E5CB;
	color:#332000;
	font-size:11px;
	line-height:1.2;
	margin:10px 0 15px;
	padding:1px;
}
div#oz1-3rdContentsArea #salonsearch .icon{
	float:left;
	width:60px;
}
div#oz1-3rdContentsArea #salonsearch .plan_toku_border {
	background-color:#F6E5CB;
	border:1px solid #FFFFFF;
	padding:7px;
}
div#oz1-3rdContentsArea #salonsearch .salonlist .tokuten p{
	padding-top:5px;
}

div#oz1-3rdContentsArea #salonsearch .salonlist .caution{
	color: #A8423D;
}

div#oz1-3rdContentsArea #salonsearch .salonlist .btn img{
	float: right;
	margin: 0px;
	padding: 0px;
}
div#oz1-3rdContentsArea #salonsearch .page {
	font-size: 12px;
	width: 750px;
	text-align: center;
	padding: 30px 0;
}
div#oz1-3rdContentsArea #salonsearch .page span {
	color:#FF0000;
}


