/*    
Theme Name: ESTHE SEARCH for web.
エステ用にいじくったファイル①
Author: odwrasm
Author URI: http://esthe.labo86.com/index.html
Tags: esthe, salon, esthesalon, labo86, beauty, facial, romiromi
Licence: GPL
Version: 2.0 


*/ 
/* commented backslash hack to hide from ie5 mac \*/ 

html, body	{
height:100%;
color:#696969;
letter-spacing:normal;
} 
/* end hack */
html,body {
margin:0;
padding:0;
}
* {
padding:0;
margin:0;
}
body {
text-align:center;
margin:0px;
padding:0px;
min-width:810px;/* stop mozilla sliding off the edge */
font-family:Arial, Verdana, sans-serif;
font-size:12px;
background-color:#c3ced0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.container {
width:810px;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
text-align:left;
margin:auto;
min-height:100%;
position:relative;
margin-bottom:-42px;
height:auto;
background-color:#FFFFFF;
background-repeat:repeat-x;
}
* html .container {height:100%;} /* for ie to resize */
#header {
background-image:url(img/header.gif);
background-repeat:repeat-x;
height:25px;
width:800px;
}
#title {
background-image:url(img/title.gif);
background-repeat:no-repeat;
width:315px;
height:149px;
}
#title h1{
font-size:28px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#505050;
width:600px;
padding-top:70px;
padding-left:50px;
}
#title a{
text-decoration:none;
color:#505050;
}
#title h3{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#632808;
padding-top:2px;
padding-left:220px;
width:400px;
}
#mesh {
background-image:url(img/mesh.gif);
width:201px;
height:84px;
position:absolute;
top:25px;
right:0px;
}
.break {
width:100%;
height:150px;
!height:20px;
}
#content {
width:810px;
margin:0;
padding:0;
}
#content h1 {
font-size:20px;
color:#000000;
border-bottom:1px dotted #d0d0d0;
line-height:30px;
}
#content h1 a {
color:#F50F2A;
text-decoration:none;
}
#content h1 a:hover {
color:#000000;
text-decoration:none;
}
#content p {
font-size:12px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
line-height:22px;
text-align:justify;
padding-top: 20px;
}
#content li {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#505050;
list-style:none;
margin-left:30px;
margin-bottom:12px;
}
#content a {
color:#F50F2A;
text-decoration:underline;
}
#content a:hover {
color:#000000;
text-decoration:underline;
}
#contentleft {
width:596px;
float:left;
clear:right;
padding-left:6px;
}
.post {
margin-bottom:50px;
}
.entry {
border-bottom:2px solid #D2D2D2;
padding-bottom:10px;
}
.navigation {
padding-top:12px;
padding-bottom:12px;
}
#contentright {
width:200px;
float:right;
border-left:1px dotted #d0d0d0;
padding-right:0px;
}
#contentright h1 {
font-family: "ＭＳ Ｐゴシック", "Osaka","Hiragino Maru Gothic Pro", 'ヒラギノ丸ゴ Pro W4', "sans-serif";
background-image:url(http://esthe.labo86.com/img/bar.gif);
background-repeat:repeat-x;
width:170px;
height:2opx;
font-size:12px;
padding:0px 2px 3px 27px;
color:#505050;
font-weight:bold;
text-align:left;
border:none;
line-height:25px;
}
#contentright p {
line-height:22px;
font-size:12px;
color:#000000;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
padding-left:20px;
padding-right:20px;
text-align:justify;
padding-top:0px;
}
#contentright ul {
margin-bottom:2px;
}
.widget {
margin-left:0px;
}
#linkcat-2 h2 {

}
#calendar_wrap {
margin-left:-28px;
margin-top:-20px;
}
#wp-calendar {
width:100%;
margin-left:10px;
margin-right:10px;
}
caption {
color:#d0d0d0;
margin-bottom:10px;
text-align:left;
margin-left:10px;
font-size:14px;
font-weight:bold;
}
INPUT {
border:1px solid #d0d0d0;
	margin: 1px;
    padding: 2px;	
}
#contentright INPUT {
margin-left:5px;
margin-bottom:5px;
}
.widgettitle {
background-image:url(img/sidebarheaderbg.gif);
background-repeat:repeat-x;
width:244px;
height:30px;
font-size:13px;
color:#505050;
font-weight:bold;
text-align:left;
border:none;
line-height:30px;
margin-left:-30px;
padding-top:10px;
padding-left:10px;
}
h2.widgettitle {
!margin-left:-50px;
}
.widgettitle a {
margin-left:-20px;
}
.sidebartitlepos {
padding-top:5px;
padding-left:10px;
}
.clearfooter {
clear:both;
height:42px;
}
.footer {
position:relative;
bottom:0px;
height:20px;
clear:both;
width:800px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
color:#696969;
background-color:#FFFFFF;
text-align:center;
}
.footer p {
width:800px;
font-size:11px;
padding-top:2px;
color:#696969;
}
.footer a {
color:#FFFFFF;
text-decoration:underline;
}
.footer a:hover {
color:#800000;
text-decoration:underline;
}
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #d0d0d0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	color:#632808;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}











/* ESTHE SEARCH */

/*------------------------------- 
エステ
 ---------------------------------*/ 

/* 基本 */

* { margin : 0 ; padding : 0 ; }

ol{ margin:0px;
	padding:2px 0px 1px 28px;
	list-style-type:decimal;
	line-height:140%;}

dl{ margin:0px; width:555px;}
	
dt {
	margin:0px 0px 5px 0px;
	height:17px;
	line-height:17px;
	padding:4px;
	background-color:#FFFCF4;
	color:#F8BC04;
	border-bottom:dotted 1px #EFD352;
	}

	
dd {
	font-size:12px;}

ul {
	margin:0px 1px;
	padding-left:1px;}

.html{
	margin:0;
	padding:0;
	border:none;
	text-align: left;
	float: center;
	clear:both;
	background-color:#ffffff;	
	font-size: 11px;
	position : relative ;
}

/* Search Box */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #606060;
        background: #fafafa;
	border: 1px solid #C8C8C8;
        margin: 1px;
        padding: 1px;
}


/* コンテンツエリア */

.contents_area{
	margin:5px;}

H2 { /* 見出し1 */
	DISPLAY: none;
	FONT-SIZE: 9pt;
	MARGIN: 0;
	PADDING: 0;
	COLOR: #e1e1e1;
	WIDTH: 100%;
	BORDER-BOTTOM: #F84B5F 1px dotted;
}


h3 {
	background-image:url(../img/bar.gif);
	padding: 4px 0px 4px 28px;
	line-height: 1.0em;
	font-weight:bold;
	font-size:16px;
	margin:2px;
	vertical-align:middle;
	font-size-adjust:inherit;	
	background-repeat:no-repeat;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;}	


h4{ color:#696969;
	font-size:12px;
	background-color:#F0FBFD;
	border-bottom:1px solid #E1F6FA;
	font-weight:bold;
	margin: 6px 0px 2px 1px;
	padding:2px 0px 2px 6px;
	}


h5 {
	font-size:1px;
	text-indent:-9999px;
	width:110px;
	height:18px;
	background-image:url(../img/other_area.gif);
	display:block;
	overflow:hidden;
	margin-bottom:4px;
}


h6{ 
	font-size:17px;
	font-size-adjust:inherit;
	border-bottom:1px dashed #696969;
	padding-bottom:3px;
	font-weight:bold;
	margin:10px;
	color:#FFA422;
	line-height: 1.2em;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
	vertical-align:middle;
}

	
body{

	font-size: 10px;
	line-height:1.3em;
	margin:0px auto 0px auto;
	background-color:#ffffff;
	font-family: "ＭＳ Ｐゴシック", "Osaka","Hiragino Maru Gothic Pro", 'ヒラギノ丸ゴ Pro W4', "sans-serif";
}
		

/* ヘッダー */

#head {
	height: 64px;
	width: 810px;
	margin-top: 0px;
	margin-left: 2px;
	display:block;
	overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    text-align:center; /* for IE */
	background-color:#ffffff;
	color:#696969;
	border-top:#d0d0d0 1px solid;	
}

#head h1 {
	float: left;
	margin-top: 0px;
}

#head h1 a {
	font-size:1px;
	text-indent:-9999px;
	width:400px;
	height:60px;
	background-image:url(http://esthe.labo86.com/img/top_logo.gif);
	display:block;
	overflow:hidden;
}

#head ul{	
	float: right;
	list-style:none;
	position:relative;top:0px;	
}

#head li{
	float: left;
} 

#head li a{ 
	text-indent:-9999px;
	text-decoration:none; 
	background:url(http://esthe.labo86.com/img/head_con.gif);
	display:block;
	overflow:hidden;
	margin-left: 2px;
	list-style:none;
	padding-top:4px;
} 

#head .head-menu1 a{background-position:0px 0px; width:55px; height:23px;}
#head .head-menu2 a{background-position:-60px 0px; width:85px; height:23px;}
#head .head-menu4 a{background-position:-145px 0px; width:65px; height:23px;}
#head .head-menu5 a{background-position:-210px 0px; width:85px; height:23px;}



	/* ヘッド下、トップ */

.top{ 
	margin-left:auto;
    margin-right:auto;
    text-align:center; /* for IE */	
	width:810px;
	height:100%;
	background-color:#ffffff;
	color:696969;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;
}

.top2{ 
	margin-left:auto;
    margin-right:auto;
    text-align:center; /* for IE */	
	width:810px;
	background-color:#ffffff;
	color:696969;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;
}

.top3{ 
	margin-left:auto;
    margin-right:auto;
    text-align:center; /* for IE */	
	width:810px;
	background-color:#ffffff;
	color:696969;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;
}

.top3_left{
	width:500px;}
	
.top3_right{
	width:310px;}	

	/* メインコンテンツ */	

.list2{
	display:none;
}	
	
.main_left{
	width:555px;
	margin-top:2px;	
	font-size:12px;
	padding:3px 0px 3px 0px;	
	text-align: left;
	float:left;
	margin-top:0px;
	background-color:#ffffff;
	color:#696969;	
	clear:both;
	}
.main_right{
	float:right;
	width:255px;
	padding:3px 0px 3px 0px;
	font-size:12px;
	text-align:left;
	margin-top:0px;
	background-color:#ffffff;
	color:#696969;
	}
	
.main_right_senden{
	height:160px;
	padding:8px 3px 5px 3px;
	background-image:url(../img/bg.gif);
	text-align:center;
	margin-bottom:5px;
	}
	
.main_right_menu{
	height:165px;
	padding:2px 3px 3px 3px;
	background-image:url(../img/right_menu.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
	}	
	
.main_center {
	margin-left:auto;
    margin-right:auto;
    text-align:center; /* for IE */	
	width:100%;
	height:100%;
	background-color:#FFFCF4;
	color:#696969;
	border-top:1px #d0d0d0 solid;
	border-bottom:1px #d0d0d0 solid;			
    background-image:url(http://esthe.labo86.com/img/t_bg2.gif);	
	}	
	
.main_footer {
	margin-left:auto;
    margin-right:auto;
    text-align:left; /* for IE */	
	width:806px;
	padding:2px;
	height:100%;
	color:#696969;		
	}		

.main_center_l {
	width:200px;
	padding:2px;
	float:left;
	background-color:#F8F8F8;
	text-align:left;}

.main_center_r {
	width:592px;
	padding:2px;
	float:right;
	text-align:left;}

/* 下部の施術別一覧 */


.underlist ul{
	width:265px;
	font-size:10px;
	height:45px;	
    list-style:none;
	margin:1px 2px 2px 2px;
	padding:2px 0px 2px 0px;
	color: #696969;
    float:left;
	text-align:left;
}
.underlist li{
    height:16px;
}	

.underlist_txt{
	margin-left:50px;}

/* 広告枠一覧のリスト */

.koukokulist ul{
	width:264px;
	height:45px;	
    list-style:none;
	margin:1px 2px 2px 2px;
	padding:2px 0px 2px 0px;
	color: #696969;
    float:left;
	text-align:left;
}
.koukokulist li{
    height:16px;
}	

.koukokulist_txt{
	margin-left:50px;}	
	

	/* メイン下 */

.under {
	clear: both; 
	width:100%;
	color:#ffffff;
	background-color:#57BBCF;
	background:url(img/under_top.gif) repeat-x left top;}

a.underlink:link { color: #f5f5f5; text-decoration:underline;}
a.underlink:visited { color: #A5E3EF; text-decoration:underline;}
a.underlink:hover { color: #ffffff; background-color:#57BBCF; text-decoration:none;}
a.underlink:active { color: #ffffff; background-color:#909090; text-decoration:none;} 

.under_main {
	width:802px;
	color:#ffffff;
	padding:4px;
	margin-left:auto;
    margin-right:auto;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;			
	}
	
.foot {
	width:810px;
	margin-left:auto;
    margin-right:auto;
	text-align:center;
	background-color:#ffffff;
	color:#696969;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;	
	clear:both;
	padding-top:5px;
}

	/* インフォメーション */

.info ul{
    font-size:11px;
    list-style:none;
	margin:1px 0px 1px 0px;
	padding:2px 1px 1px 10px;
	line-height:110%;	
	overflow-y: scroll; 
	height:40px;
}
.info li{
    height:15px;
	padding-left:4px;
}
	
	/* パンくず */

.bread{ padding:2px 8px;
		background-color:#FFFCF4; 
		font-size:11px; 
		margin-bottom:4px;}


	/* タイトルピンク */

.list_img{ background-image:url(../img/area_bg.gif);}

.main_title{ 
	width:97%;
	padding:3px 0px 0px 5px;
	font-weight:bold;
	background-color:#FFFCF4;
	color:#F8BC04;
	border-bottom:dotted 1px #EFD352;
	margin-bottom:2px;
	}

.list {
	float:left;
	font-size:11px;}

.list ul{
	width:540px;
	height:60px;
    list-style:none;
	margin:1px 0px 2px 0px;
	padding:2px 0px 2px 15px;
	color: #696969;
    float:left;	
	background-color: #ffffff;
	list-style-image: url(../img/list.gif);
	background-color:#FFF7E0;
}
.list li{
    height:16px;
}

.list3 ul{
	width:540px;
	height:12px;	
    font-size:11px;
    list-style:none;
	margin:1px 0px 2px 0px;
	padding:2px 0px 2px 15px;
	color: #696969;
    float:left;	
	background-color: #ffffff;
	list-style-image: url(../img/list.gif);	
}
.list3 li{
    height:14px;
}




	/* （右カラム） */

.r_bar{
    font-size:12px;
    list-style:none;
	font-weight: bold;
	padding:4px 0px 0px 4px;
	color: #696969;
	height:16px;
	margin: 2px 4px 6px 5px;
	background-color: #ffffff;
	border-left: 3px solid #EFD352;
	border-bottom: 1px dotted #EFD352;
}

.menu_back {
	background-image:url(../img/area_bg.gif);}
	

/*Link*/ 

A:link     { COLOR: #b00000; TEXT-DECORATION: underline; }
A:visited  { COLOR: #000000; TEXT-DECORATION: underline; }
A:active   { COLOR: #0057A8; TEXT-DECORATION: none; }
A:hover    { COLOR: #FF2F56; TEXT-DECORATION: underline; }

 /*font*/
.font10 { font-size: 10px; }
.font10c { font-size: 10px; color:#367DA6; }
.font11 { font-size: 11px; }
.font10bold { font-size: 10px; font-weight: bold;}
.font12 { font-size: 12px; font-weight: bold;}
.font_sitei{ font-family: Arial, Helvetica, sans-serif}

.red{
	font-size:11px;
	color: #ffffff;
	background-color:#FC3717;
	padding:2px;}	
	
.blue_waku{
	font-size:11px;
	margin:2px 5px 2px 5px;
	padding:2px 5px 2px 5px;
	color: #ffffff;
	background-color:#2E65AA;}

.gray_waku{
	font-size:11px;
	margin:0px 5px 0px 5px;
	padding:4px 2px 5px 3px;
	border:solid #eeeeee 1px;
	color: #888888;
	background-color:#fbfbfb;
	text-align:left;
	font-family: "ＭＳ Ｐゴシック", "Osaka","Hiragino Maru Gothic Pro","sans-serif";
	}
	

STRONG { font-family:"ＭＳ Ｐゴシック", "Osaka"; font-weight: bold; font-size: 12px} 

/* 背景装飾 */

.bg_pink{ badkground-color:#fff0f0; padding:2px;}

/* Base*/

TD { font-family:"ＭＳ Ｐゴシック", "Osaka";color:#555555;font-size: 12px;line-height: 130%; } 
.intro {  font-weight: bold; color: #FF6666}
.pink {  font-weight: normal; color: #FF6666;}
.blue {  font-weight: bold; color: #3399CC;}
.white { font-size:11px; color: #ffffff;}

.rank1 {  font-weight: bold; color: #DA1500; font-size: 12px; background-color:#ffbfbf;}
.rank2 {  font-weight: bold; color: #4D99D3; font-size: 12px; background-color:#C8E7FF;}
.rank3 {  font-weight: bold; color: #479042; font-size: 12px; background-color:#B5D5B3;}
.special { font-weight: bold; color:#FF6633; font-size: 16px; background-color:#FFF9F7;
			font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka; padding:5px; margin-top:3px;}


.waku {
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	padding:4px;
	font-size:11px;
}

.waku_salon {
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	padding:1px;
	font-size:11px;
}


.note {
	border-bottom-style:dotted;
	border-color:#696969;
	border-width:1px;
	margin-top:2px;
	font-weight:bold;
	}

.dot {
	border-bottom: dotted 1px #696969;
	margin-bottom:4px;
	}	

.top_bar{
	font-weight: bold;
	font-size:12px;
	margin:0px 0px 2px 0px;
	padding:5px 0px 3px 7px;
	color: #B60009;
	background-color: #FDF2F3;
	border-bottom: 2px solid #B60009;	
	}


.title {
background-color:#ffffff;
color:#000000;
border-width: 1px;
border-bottom-style: solid; 
}


/* ナナメ背景 */

.naname{
	padding:6px;
	text-align: left;
    background-image:url(../img/t_bg.gif);	
	width:270px;
	height:100%;
	margin-left:2px;
	overflow:auto;
	}


.list_free ul{
	width:254px;
    font-size:12px;
    list-style:none;
	margin:5px 2px 2px 4px;
	padding:4px;
	color: #696969;
    float:left;	
	background-color:#DFDFDF;
}
.list_free li{
	width:252px;
	padding:1px;
	background-color: #ffffff;	
}

.top_index {
	float:left;
	width:555px;}