* {
	margin:0px;
	padding:0px;
}

body{
	margin:0px;
	padding:0px;
	background:url(img/contents_bg.jpg) repeat-x #EEE3D9;
	text-align:center;
	color:#82582F;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
}


a:link {
	color:#82582F;
	text-decoration:none;
} 
a:visited {
	color:#82582F; 
	text-decoration:none;
} 
a:hover {
	color:#FF9900;
	text-decoration:underline;
}
a:active{
	color:#82582F; 
	text-decoration:none;
}

a { outline: none; }

strong{
font-weight:normal;
}


.clearfix { display: inline-block; } 
.clearfix:after { 
	clear: both; 
	content: " "; 
	display: block; 
	font-size: 0; 
	height: 0; 
	visibility: hidden; 
} 
/* start commented backslash hack \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* close commented backslash hack */

.clear{
	clear:both;
}


/*------------------------------*/
/* ヘッダ */
#header {
	width:100%;
	height:23px;
	background:url(img/header_bg.jpg) repeat-x;
}

.headline{
	width:900px;
	height:15px;
	color:#DBC6B0;
	font-size:10px;
	font-weight:normal;
	margin:0px auto 0px;
	text-align:left;
}


/* ナビゲーションBOX上部 */
#navigationbox{
	width:900px;
	height:89px;
	text-align:left;
	margin:0px auto 0px;
	line-height:0px;
}

.logo {
	margin:5px 0px 0px 0px;
	float:left;
}

#navigationtext{
	width:382px;
	margin:50px 19px 0px 178px; 
	float:left;
	line-height:0px;
	overflow:hidden;
	display:inline;
}


.navi-txt{
	float:left;
	margin:0px 12px 5px 0px;
}

.navi-txt3{
	margin:0px 7px 0px 0px;
}

.tel{
	float:right;
	margin:5px 0px 0px 0px;
}
	


/* ナビゲーションBOX下部(リスト) */
#navigationbox2{
	width:900px;
	height:56px;
	text-align:right;
	margin:0px auto 0px;
	line-height:0px;
}

/* リスト全体 */

#topnavi{
	float:right;
    width:800px;
	margin:3px 6px 0px 0px;
	line-height:0px;
	_margin-right:3px;		/* IE6のみ3px */
}

#topnavi ul {
    width:800px;             /* リスト全体の幅 */
    height:53px;             /* リスト全体の高さ */
   }
   
/* リストテキスト非表示 */
.list-txt {
display:none;
}   

/* 各項目 */
#topnavi li {
    width:100px;             /* 項目の幅 */
    height:53px;             /* 項目の高さ */
    float:left;            /* 各項目を左側から回り込み */  
	list-style:none;		/* リストマークを無しにする */ 
}

/* リンク部分 */

li.navi01 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi01 a:hover{
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}

li.navi02 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-100px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi02 a:hover {
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-100px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}
   
li.navi03 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-200px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi03 a:hover {
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-200px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}
   
li.navi04 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-300px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi04 a:hover {
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-300px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}

li.navi05 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-400px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi05 a:hover {
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-400px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}
   
li.navi06 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-500px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi06 a:hover {
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-500px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}
   
li.navi07 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-600px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi07 a:hover {
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-600px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}

li.navi08 a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/navi.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-700px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
}
li.navi08 a:hover {
    background-image:url(img/navi.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-700px -54px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
}


/*------------------------------*/
/* バナー設定*/
#banner{
	width:800px;
	height:222px;
	margin:0px auto 0px;
	line-height:0px;
}
#faq_banner{
	width:780px;
	height:192px;
	background:url(img/faq_bn.jpg) no-repeat;
	margin:0px auto 0px;
	padding:30px 0px 0px 20px;
	line-height:0px;
	text-align:left;
}

/* バナー上リスト設定 */
.bn_list {
	width:350px;
	line-height:180%;
	font-size:12px;
	text-align:left;
}

li.bn_list{
	list-style:none outside;
	font-weight:bold;
}
li.bn_list a {
	text-decoration:none;
	display:block;
	padding-left:10px;
	background:url(img/bn_listmark01.gif) no-repeat left center;
}
li.bn_list a:link {
	text-decoration:none;
}
li.bn_list a:hover {
    text-decoration:underline;
	background: url(img/bn_listmark02.gif) no-repeat left center;
}



/*------------------------------*/
/* パンくずリスト */
#breadcrumbs{
	width:808px;
	text-align:right;
	margin:10px auto 0px;
	padding-right:5px;
}

/*------------------------------*/
/* メインボディ背景設定 */
#container_top{
    width:808px;
	height:27px;
    margin:10px auto 0px;
	background:url(img/containerbg01.gif) no-repeat;
}
#container_body{
    width:758px;
    margin:0px auto 0px;
	background:url(img/containerbg02.gif) repeat-y;
	padding:0px 25px 0px;
	text-align:left;
}
#container_bottom{
	clear:both;
    width:808px;
	height:27px;
    margin:0px auto 0px;
	background:url(img/containerbg03.gif) no-repeat;
	text-align:right;
}


/*------------------------------*/
/* メインボディスタイル設定 */
.menutitle{
	clear:both;
	width:758px;
	margin:0px;
	text-align:left;
}

#menu-txt1{
	width:752px;
	padding:5px 0px 15px;
}
.menu-txt1{
	line-height:140%;
}
.menuMusttxt{
	margin-top:12px;
	text-align:left;
}

.menuMusttxt2{
	margin:10px 0px 20px;
	text-align:left;
	line-height:120%;
	font-size:12px;
	font-weight:normal;
}

.line_dotted03{
	clear:both;
	width:100%;
	height:1px;
	background:url(img/line.gif) repeat-x;
	margin:20px 0px 20px;
	_margin:10px 0px 10px;		/* IE6 */
}

/* メニューボックス段組み */
#menubox-left{
	float:left;
	width:365px;
	margin:0px;
	text-align:left;
}
#menubox-right{
	float:left;
	width:366px;
	margin-left:25px;
	text-align:left;
}

/* メニューボックス設定 */

.menu-img-title{
	margin-bottom:10px;
	text-align:left;
	line-height:120%;
}

/* スキンタイプリスト設定 */
#type1{
	clear:both;
	width:366px;
	height:20px;
}
.type1 li{
	float:left;
	list-style:none outside;
	margin:2px 5px 0px 0px;
	background:#FFB748;
	padding:2px 5px;
	white-space:nowrap;
	color:#663300;
}


/* トラブルタイプリスト設定 */
#type2{
	clear:both;
	width:366px;
}
.type2 li{
	float:left;
	list-style:none outside;
	margin-top:2px;
	margin-right:5px;
	background:#FACDCA;
	padding:2px 5px;
	white-space:nowrap;
	color:#663300;
}

.type2Title{
	clear:both;
	width:124px;
	height:15px;
	margin-top:10px; /* IE6のみ */
}

/* 施術時間 */
#hour{
	margin:10px 0px 5px;
}
.hour{
	clear:both;
	font-size:14px;
	text-align:right;
}

/* メニュー料金テーブル設定 */
table#menu{
	width:366px;
	font-size:12px;
	margin:0px;
}
table#menu td{
	height:23px;
	border-bottom:1px dotted #A88D6F;
	vertical-align:bottom;
	padding:8px 0px 2px;
}
.priceTitle{
	text-align:center;
	font-weight:bold;
}
.priceSubTitle{
	text-align:center;
	font-size:10px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.pricetxt{
	text-align:right;
	font-weight:bold;
	font-size:14px;
}
.priceMusttxt{
	font-size:14px;
	font-weight:bold;
	color:#DD0000;
	text-align:right;
}
.priceMustTitle{
	font-size:14px;
	font-weight:bold;
	color:#DD0000;
	text-align:center;
}
.priceMustTitle2{
	font-size:14px;
	font-weight:bold;
	color:#DD0000;
	text-align:left;
}

.priceMustItem{
	color:#DD0000;
	text-align:left;
}

/* メニュー料金テーブル設定(脱毛ページ用) */
.epi_tableItem{
	clear:both;
	margin-top:15px;	
}
table#menu_epi{
	width:364px;
	font-size:12px;
	margin:0px;
}
table#menu_epi td{
	height:30px;
	border-bottom:1px dotted #A88D6F;
	vertical-align:bottom;
	padding-top:2px;
}
#epi_coupon{
	width:364px;
	height:49px;
	margin-top:10px;
	text-align:right;
}

/* コース流れの設定 */
#stepbox{
	clear:both;
	width:758px;
	padding:30px 0px 50px;
	text-align:left;
}

#step{
	width:96px;
	float:left;
	text-align:left;
	margin:0px;
}

.step-txt{
	margin:0px;
	line-height:140%;
	font-size:12px;
}
.step-yaji{
	float:left;
	margin:35px 3px;
}

/* コース流れの設定(ボディ用) */
#step-body01{
	width:365px;
	float:left;
	text-align:left;
	margin:0px;
}
#step-body02{
	width:368px;
	float:left;
	text-align:left;
	margin-left:25px;
}

/* コース流れの設定(ガイドページ用) */
.rightTitle{
	margin-top:5px;
}
.right-txt{
	width:364px;
	margin-left:2px;
	margin-top:10px;
	line-height:140%;
	text-align:left;
}
#guid_yaji{
	width:19px;
	height:21px;
	clear:both;
	margin-left:170px;
	padding:5px 0px;
}
.guid_tel{
	float:left;
	width:320px;
	height:105px;
	margin-left:20px;
}
.guid_form{
	float:left;
	width:357px;
	height:74px;
	margin-left:40px;
}

/* 体験談の設定 */
#triTitle{
	clear:both;
	width:748px;
	padding:25px 5px 0px;
	text-align:left;
}
.tri-txt01{
	float:left;
	width:350px;
	line-height:145%;
	text-align:left;
	margin:0px;
	color:#FFFFFF;

}
.tri-txt02{
	float:left;
	width:350px;
	line-height:145%;
	text-align:left;
	margin-left:38px;
	color:#FFFFFF;
}

#triBox{
	width:758px;
}
.tribg-top{
	width:758px;
	height:11px;
}
.tribg-main{
	width:738px;
	height:105px;
	background:url(img/trial_bg02.jpg) no-repeat;;
	text-align:left;
	padding:0px 10px;
}
.tribg-bottom{
	clear:both;
	width:758px;
	height:11px;
}

/* メインボディスタイル設定（FAQ用） */
#faqTitle{
	width:738px;
	height:19px;
	background:url(img/faq_titlebg.gif) no-repeat;
	text-align:left;
	margin:25px 0px 5px;
	padding-left:20px;
	padding-top:3px;
	font-size:14px;
	color:#663300;
	font-weight:bold;
}
.faq_txt{
	line-height:120%;
}

/* メインボディスタイル設定（ACCESS用） */
#map{
	width:758px;
	height:371px;
	background:url(img/access_map.gif) no-repeat;
	text-align:center;
	margin:25px auto 30px;
}
#access_txt{
	margin:0px auto 20px;
	text-align:left;
	width:365px;
}
.access_txt{
	line-height:140%;
	font-size:14px;
}

/* メインボディスタイル設定（STAFF紹介用） */

table.staffTable{ margin:20px 0 30px; }

td.staffImage{
	padding-bottom:20px;
	width:182px;
}

td.staffTxt{
	padding:0 5px 10px;
	width:182px;
	text-align:left;
	vertical-align:top;
	line-height:1.2em;
	font-size:10px;
}
td.staffTxt p{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;	
	line-height:1.2em;
}



/* メインボディスタイル設定（サロン案内用） */
#salon01{
	width:758px;
	height:230px;
	margin-top:25px;
	text-align:left;
	background:url(img/salon01.jpg) no-repeat;
}
.salon01_title{
	margin-left:395px;
}
.salon01_txt{
	margin-left:395px;
	margin-top:5px;
	line-height:140%;
}
#salon02{
	width:758px;
	height:230px;
	margin:25px 0px 50px;
	text-align:left;
	background:url(img/salon02.jpg) no-repeat right;
}
.salon02_txt{
	width:365px;
	margin-top:5px;
	line-height:140%;
}	

#salon03box{
	width:758px;
	height:153px;
	text-align:left;
	margin-bottom:15px;
}
#salon03_left{
	float:left;
	width:242px;
	text-align:left;
}
#salon03_center,#salon03_right{
	float:left;
	width:242px;
	text-align:left;
	margin-left:15px;
}

.salon03_txt{
	width:242px;
	line-height:140%;
	margin-top:5px;
	text-align:left;
}

/* メインボディスタイル設定（会社概要用） */
#company{
	width:758px;
	margin-top:25px;
	text-align:left;
	padding-bottom:50px;
}
.company td{
	border-bottom:1px #A88D6F dotted;
	line-height:130%;
}

/* メインボディスタイル設定（採用情報用） */
#recruit1{
	width:758px;
	height:259px;
	margin-top:15px;
	background:url(img/recruit_img.jpg) no-repeat;
}
#recruit2{
	width:758px;
	height:259px;
	margin-top:15px;
	background:url(img/recruit_img02.jpg) no-repeat;
}
.bosyu{
	margin-left:10px;
}
#recruit_info{
	width:758px;
	margin-top:5px;
}
.recruit td{
	border-bottom:1px #A88D6F dotted;
	line-height:130%;
	padding-top:10px
}

/* メインボディ最下部注意書き設定 */
.bottom-txt{
	clear:both;
	text-align:left;
	font-size:12px;
	line-height:130%;
	color:#DD0000;
}


/* ページトップに戻る */
#pagetop {
	float:right;
	margin-right:30px;
	_margin-right:15px;		/* IE6のみ*/
    width:72px;
    height:15px;
}
#pagetop p{
    width:72px;
    height:15px;
}
.pagetop a {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/pagetop.gif);		/* リンク範囲の背景画像設定 */
    background-position:0px 0px;	 /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat; 	 /* 背景画像繰り返し表示しない */
}
.pagetop a:hover{
    background-image:url(img/pagetop.gif);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -15px;				/* ★↑背景画像の（0px -16px）に移動★ */
}



/*------------------------------*/
/* フッター */
#footer{
	clear:both;
	width:808px;
	padding-top:20px;
	margin:0px auto 0px;
	text-align:right;

}

dd.footer{
	margin:0px 10px 15px;
}

.line_dotted02{
	width:100%;
	height:1px;
	background:url(img/line.gif) repeat-x;
	margin:10px 0px 10px;
	_margin:5px 0px 5px;		/* IE6 */
}

.address{
font-size:10px;
text-align:left;
margin:0px;
}

.copyright{
margin:0px 10px 5px;
}

#footer_end{
	width:100%;
	height:16px;
	background:url(img/footer_bg.jpg) repeat-x;
	text-align:center;
}


/*------------------------------*/
/* フォーム*/

.formbar{
	margin:0px 0px 2px;
	padding:0px;
	float:left;	
	width:63px;
	height:21px;
}



.form-txt1{
	font-size:10px;
	color:#666666;
	line-height:120%;
	margin:25px 20px 0px 0px;
}

.form-txt2{
	text-align:center;
	margin:20px 0px 15px;
	font-size:18px;
	color:#DD0000;
	line-height:120%;
}

.form-txt3{
	clear:both;
	font-size:10px;
	color:#666666;
	line-height:120%;
	margin:15px 20px 5px;
}



/* PHP用フォーム */
#php{
	width:758px;
	height:350px;
	text-align:left;
}
.formTable {
	margin:15px 0px 0px;
	width:758px;
	text-align:left;
}
.form {
	margin: 0px;
}  
.form td {
	padding:8px;
	border-bottom:dotted 1px #A88D6F;
}

.formMustItem{
	font-size:12px;
	color:#DD0000;
	margin:4px 2px;
}

.formTdTitle {
	width:220px;
	background:#A88D6F;
	text-align:left;
	vertical-align:middle;
	color:#FFFFFF;
}

.formTitle2 {
	font-size:11px;
	margin:3px 0px 0px;
	padding:0px;
}

.formTdItem{
	text-align:left;
}

.formcomment{
	font-size:11px;
	color:#DD0000;
}

#key{
	float:right;
	width:178px;
	height:88px;
	margin-bottom:10px;
}

/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/* PHP用 */
#formMsg{
	width:758px;
	font-size:14px;
	color: #0000FF;
	margin: 20px auto 10px;
	text-align:left;
	font-weight:bold;
}

#formErrorMsg{
	width:758px;
	font-size: 14px;
	color: #DD0000;
	margin: 20px auto 40px;
	text-align:left;
	line-height:140%;
}

#phpok{
	width:758px;
	margin:50px auto 0px;
	padding:0px;
	text-align:center;
}