@charset "utf-8";


/* leftColumn */
div#contentNavigation{
	margin-bottom:7px;
	border:1px solid #CFDBF1;
}
div#contentNavigation h2{
	background:url(/img/common/arrow03.gif) 126px 11px no-repeat #CFDBF1;
	font-size:13px;
	padding:9px 24px 9px 6px;
	color:#fff;
	line-height:1;
}
div#contentNavigation ul{

}
div#contentNavigation li{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
div#contentNavigation a{
	display:block;
	padding:6px;
	font-size:12px;
	color:#999999;
}
div#contentNavigation a:hover{
	background-color:#F0F0F0;
}






/* centerColumn */
div#centerColumn p{
	margin:18px 0;
}
div#centerColumn h2{
	background:url(/img/layout/bg_h2.jpg) left top no-repeat;
	height:36px;
	font-size:18px;
	padding:9px;
  clear:both;
}
div#centerColumn h3{
	border-left:6px solid #CFDBF1;
	padding-left:6px;
	font-size:18px;
	margin-top:36px;
}
div#centerColumn div.sitemap{
	border-bottom:1px solid #ccc;
	
}
div#centerColumn div.sitemap h3{
	color:#408080;
	float:left;
	font-size:15px;
	margin:18px 0;
	width:150px;
}
div#centerColumn div.sitemap ul{
	float:right;
	margin:24px 0;
	width:480px;
}
div#centerColumn div.sitemap li{
	background:url(/img/common/arrow01.gif) left center no-repeat;
	float:left;
	margin:0 18px 12px;
	padding-left:12px;
	white-space:nowrap;
}
p#scrollToTop{
	border-top:1px dotted #ccc;
	padding-top:9px;
	margin-top:30px;
	text-align:right;
	clear:both;
}
p#scrollToTop a{
	display:block;
	padding-right:12px;
	background:url(/img/common/arrow04.jpg) right top no-repeat;
}


/* よくあるご質問 */
div.faq_section{
}
div.faq_section p.question{
  background-color:#DDD4C5;
  color:#885500;
  font-weight:bold;
  padding:6px;
  margin:0 0 9px 0 !important;
}
div.faq_section p.answer{
  background-color:#fff;
  margin:0 !important;
  padding:12px;

}


/* News用 */
div.contextinfo{
	font-size:10px;
	padding:3px;
	border-bottom:1px dotted #ccc;
}
p.context{
	margin:0 0 18px !important;
}
div#centerColumn a{
	color:#0066AA;
}
div#centerColumn h2 a{
	color:#666;
}
div#centerColumn dl.archivelist{
	margin-top:36px;
}
div#centerColumn dl.archivelist dd{
	float:left;
	width:20%;
}
div#centerColumn dl.archivelist dd a{
	display:block;
	padding:6px;
	border:1px solid #eee;
}




/* メールフォーム */

div#contactForm{

}
div#contactForm table{
	width:600px;
	display:block;
	margin:18px auto;
}
div#contactForm table td,div#contactForm table th{
	padding:12px;
}
div#contactForm table td{
	width:70%;
	background-color:#efefef;
	border-left:1px solid #ccc;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #fff;
}
div#contactForm table th{
	width:30%;
	background:url(/img/company/icon.jpg) left 15px no-repeat;
	color:#666666;
	vertical-align:top;
}
div#contactForm ul.checklist li{
	margin:6px;
	width:auto;
	float:left;
}
div#contactForm input.submitButton{
	border:1px solid #A3B0B6;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width:100%;
	cursor:pointer;
}
div#contactForm span.attention{
	color:#ff0000;
	font-size:10px;
}


/*  エステ検索  */
div#estemap{
  position:relative;
  width:541px;
  height:420px;
  margin:auto; 
}
p#estemap_comment{
}
p#estemap_swf{
  position:absolute;
  left:0;
  top:0;
  z-index:1;
}
div#salon_list{

}
div#salon_list div.salon_data{
	position:relative;
	width:100%;
	height:60px;
	margin:36px auto 12px;
}
div#salon_list div.salon_data p{
	margin:0;
}
div#salon_list h4{
	font-size:15px;
	border:3px solid #ccc;
	background-color:#eee;
	text-align:center;
	margin:36px auto;
}
div#salon_list div.salon_data h5{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	font-size:18px;
	color:#666666;
}
div#salon_list div.salon_data p.salon_tel{
	position:absolute;
	right:0;
	top:0;
	font-size:small;
	background-color:#eee;
	padding:0 3px;

}
div#salon_list div.salon_data p.salon_address{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	font-size:18px;
	border-bottom:3px solid #eee
}


#content #centerColumn #salonSearch {

}

#content #centerColumn #salonSearch .salonSearchL {
	float: left;
	height: auto;
	width: 50%;
}
#content #centerColumn #salonSearch .salonSearchR {
	float: left;
	height: auto;
	width: 50%;
}



/* コメントフォーム */
div.commentform{
  display:none;
}
form div.commentform{
  display:block !important;
  background-color:#eee;
  border:1px solid #ccc;
  width:480px;
  margin:24px auto;
  padding:12px;
}
form div.commentform input,form div.commentform textarea{
  display:block;
  width:90%;
  margin:12px auto;
}
input#nucleus_cf_remember{
  display:inline;
  width:auto;
  margin-left:36px;
}


/* 検索結果 */
div#searchResult h3{
  border:none !important;
  line-height:1 !important;
  text-decoration:underline;
  margin-bottom:12px;
}
div#searchResult h3 a{
  color:#669900;
}
div.pageswitch{
  text-align:center;
  margin:36px;
}


/* FAQ検索 */
div#faq_search_keyword{
  margin:24px auto;
  width:98%;
}
div#faq_search_keyword input.formfield{
  width:90%;
}
ul#faq_search_category{
  margin:24px auto;
  overflow:hidden;
}
ul#faq_search_category li{
  float:left;
  width:47%;
  background-color:#e7e1d5;
  margin:1%;
}
ul#faq_search_category li a{
  display:block;
  color:#996600;
  border:1px solid #996600;
  padding:12px;
  text-align:center;
}




/* 無添加-メイクモデル */
ul#makeModels{
  background:url(/img/product/newtouki/make.jpg) left top no-repeat;
  width:600px;
  height:500px;
}
ul#makeModels li{
  width:300px;
  height:250px;
  float:left;
  margin:0px;
  padding:0px;
}
ul#makeModels li a{
  display:block;
  margin:0px;
  padding:0px;
  text-indent:-9999px;
  width:300px;
  height:250px;
}