/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ヘッダ
	[05]:ナビゲーション
	[06]:タイトル ヘッドライン
	[07]:メインコンテンツ
	[08]:フッタ
	[09]:ボタン
	[10]:テーブル・フォーム
	[11]:サイドナビゲーション
	[12]:インデックス
	
======================================================== */

/*  border:1px solid #f00; */


/* -------------------------[01]:各要素リセット・基本設定 */

html,body,p,ul,li,h1,h2,h3,h4,h5,h6,form { margin:0px; padding:0px; }

img { border:none; }

body { font-family:'ＭＳ Ｐゴシック',Osaka, 'MS UI Gothic', sans-serif; color:#333; background:url(/img/background.jpg) 0% 0% ; }

address { width:800px; font-style:normal; margin:0px auto; color:#fff;}

.f_small  { font-size:10px; line-height:150%; }
.f_med    { font-size:12px; line-height:150%; }
.f_large  { font-size:14px; line-height:150%; }
.f_xlarge { font-size:16px; line-height:150%; }

.f_brown { color:#630; }
.f_brownlite { color:#c93; }


/* -------------------------[02]:レイアウト */

.left  { float:left; }
.right { float:right; }
.cle { clear:both; }
.center  {text-align:center;}

.margin_T5 { margin-top:5px; }
.margin_T10{ margin-top:10px;}
.margin_T15{ margin-top:15px;}
.margin_T20{ margin-top:20px;}
.margin_T25{ margin-top:25px;}

.margin_B5 { margin-bottom:5px; }
.margin_B10{ margin-bottom:10px;}
.margin_B15{ margin-bottom:15px;}
.margin_B20{ margin-bottom:20px;}
.margin_B25{ margin-bottom:25px;}

.padding_T5 { padding-top:5px; }
.padding_T10{ padding-top:10px;}
.padding_T15{ padding-top:15px;}
.padding_T20{ padding-top:20px;}
.padding_T25{ padding-top:25px;}

.padding_B5 { padding-bottom:5px; }
.padding_B10{ padding-bottom:10px;}
.padding_B15{ padding-bottom:15px;}
.padding_B20{ padding-bottom:20px;}
.padding_B25{ padding-bottom:25px;}

.containerA        { width:505px; background:url(/img/container_a_top.gif) 0% 0% no-repeat ; margin:0px auto; }
.containerA_bottom { width:505px; background:url(/img/container_a_bottom.gif) 0% 100% no-repeat ;}
.containerA_body   { padding:20px 10px 10px; }

.containerB        { width:505px; background:url(/img/container_b_top.gif) 0% 0% no-repeat ; margin:0px auto; }
.containerB_bottom { width:505px; background:url(/img/container_b_bottom.gif) 0% 100% no-repeat ;}
.containerB_body   { padding:20px 10px 10px; }


.point_a { padding-left:13px; background:url(/img/point_a.gif) 0px 1px no-repeat ; }

.dot_b { border-bottom:1px dotted #ccc; }



/* -------------------------[03]:リンク */

a:link    { color:#7e0002; text-decoration:none; }
a:visited { color:#990000; text-decoration:none; }
a:hover   { color:#990000; text-decoration:underline; }
a:active  { color:#990000; text-decoration:none; }

/* -------------------------[04]:ベース ヘッダ */

.prime { width:800px; height:15px; margin:0px auto; padding:0px; display:block; color:#fff; font-weight:normal; text-indent:0;  }

.base { width:800px; background:url(/img/base_body.gif) 0% 0% repeat-y ; margin:0px auto; }
.base_top { width:800px; background:url(/img/base_top.gif) 0% 0% no-repeat ; margin:0px; padding:8px 0px 0px; }
.base_bottom { width:800px; background:url(/img/base_bottom.gif) 0% 100% no-repeat ; margin:0px; padding:0px 0px 0px; }

.header { width:780px; height:65px; position:relative; margin:0px auto 0px; }
.header div.logo { width:73px; height:55px; position:absolute; top:0px; left:5px;}
.header div.logo a { width:73px; height:55px; background:url(/img/head_logo.gif) 0% 0% no-repeat; display:block; text-indent:-8874px;  }

.header div.tel { width:330px; height:39px;position:absolute; top:0px; left:445px; background:url(/img/head_tel.gif) 0% 0% no-repeat; text-indent:-8844px; }
.header div.link { width:500px;position:absolute; top:45px; right:5px; text-align:right; }
.header div.link a { padding-right:10px; }

/* -------------------------[05]:ナビゲーション */

.navi_box { width:780px; height:37px; background:url(/img/navi_bg.gif) 0% 0% no-repeat; margin:0px auto; }
ul.navi   { width:770px; height:35px; margin:0px auto; left:0px; list-style:none; position:relative; }
ul.navi li ,ul.navi li a { width:110px; height:35px; margin:0px auto; padding:0px; text-indent:-8874px; display:block; }

ul.navi li.navi01 { background:url(/img/navi_main.gif) 0px 0px no-repeat; position:absolute; top:0px; left:0px; }
ul.navi li.navi02 { background:url(/img/navi_main.gif) -110px 0px no-repeat; position:absolute; top:0px; left:110px; }
ul.navi li.navi03 { background:url(/img/navi_main.gif) -220px 0px no-repeat; position:absolute; top:0px; left:220px; }
ul.navi li.navi04 { background:url(/img/navi_main.gif) -330px 0px no-repeat; position:absolute; top:0px; left:330px; }
ul.navi li.navi05 { background:url(/img/navi_main.gif) -440px 0px no-repeat; position:absolute; top:0px; left:440px; }
ul.navi li.navi06 { background:url(/img/navi_main.gif) -550px 0px no-repeat; position:absolute; top:0px; left:550px; }
ul.navi li.navi07 { background:url(/img/navi_main.gif) -660px 0px no-repeat; position:absolute; top:0px; left:660px; }

ul.navi li.navi01 a:hover { background:url(/img/navi_main.gif) 0px -35px no-repeat; text-decoration:none;}
ul.navi li.navi02 a:hover { background:url(/img/navi_main.gif) -110px -35px no-repeat; text-decoration:none;}
ul.navi li.navi03 a:hover { background:url(/img/navi_main.gif) -220px -35px no-repeat; text-decoration:none;}
ul.navi li.navi04 a:hover { background:url(/img/navi_main.gif) -330px -35px no-repeat; text-decoration:none;}
ul.navi li.navi05 a:hover { background:url(/img/navi_main.gif) -440px -35px no-repeat; text-decoration:none;}
ul.navi li.navi06 a:hover { background:url(/img/navi_main.gif) -550px -35px no-repeat; text-decoration:none;}
ul.navi li.navi07 a:hover { background:url(/img/navi_main.gif) -660px -35px no-repeat; text-decoration:none;}


.pan { width:510px; padding:10px 0px 0px 5px ; }



.topback         { width:511px; height:14px; margin:0px 0px 20px; line-height:14px; }
.topback a       { width:88px; height:14px; text-indent:-8874px; display:block; background:url(/img/common/topback.gif) 0px 0px no-repeat;float:right; }
.topback a:hover { background:url(/img/common/topback.gif) 0px -14px no-repeat; }


/* -------------------------[06]:タイトル ヘッドライン */

h1 { width:525px; height:22px; text-indent:-8874px; font-size:1px; line-height:1px; margin-bottom:20px; }

h1.h1_member   { background:url(/img/h1_member.gif) 0% 0% no-repeat ; }
h1.h1_info     { background:url(/img/h1_info.gif) 0% 0% no-repeat ; }
h1.h1_first    { background:url(/img/h1_first.gif) 0% 0% no-repeat ; }
h1.h1_esthe    { background:url(/img/h1_esthe.gif) 0% 0% no-repeat ; }
h1.h1_menu     { background:url(/img/h1_menu.gif) 0% 0% no-repeat ; }
h1.h1_facial   { background:url(/img/h1_facial.gif) 0% 0% no-repeat ; }
h1.h1_relax    { background:url(/img/h1_relax.gif) 0% 0% no-repeat ; }
h1.h1_bust     { background:url(/img/h1_bust.gif) 0% 0% no-repeat ; }
h1.h1_slim     { background:url(/img/h1_slim.gif) 0% 0% no-repeat ; }
h1.h1_bridal   { background:url(/img/h1_bridal.gif) 0% 0% no-repeat ; }
h1.h1_bridal_m { background:url(/img/h1_bridal_m.gif) 0% 0% no-repeat ; }
h1.h1_bridal_p { background:url(/img/h1_bridal_p.gif) 0% 0% no-repeat ; }
h1.h1_cosme    { background:url(/img/h1_cosme.gif) 0% 0% no-repeat ; }
h1.h1_ginza    { background:url(/img/h1_ginza.gif) 0% 0% no-repeat ; }
h1.h1_shinjuku { background:url(/img/h1_shinjuku.gif) 0% 0% no-repeat ; }
h1.h1_shibuya  { background:url(/img/h1_shibuya.gif) 0% 0% no-repeat ; }
h1.h1_faq      { background:url(/img/h1_faq.gif) 0% 0% no-repeat ; }
h1.h1_news     { background:url(/img/h1_news.gif) 0% 0% no-repeat ; }
h1.h1_details  { background:url(/img/h1_details.gif) 0% 0% no-repeat ; }
h1.h1_link     { background:url(/img/h1_link.gif) 0% 0% no-repeat ; }
h1.h1_com      { background:url(/img/h1_com.gif) 0% 0% no-repeat ; }
h1.h1_recruit  { background:url(/img/h1_recruit.gif) 0% 0% no-repeat ; }
h1.h1_privacy  { background:url(/img/h1_privacy.gif) 0% 0% no-repeat ; }
h1.h1_sitemap  { background:url(/img/h1_sitemap.gif) 0% 0% no-repeat ; }
h1.h1_pierce    { background:url(/img/h1_pierce.gif) 0% 0% no-repeat ; }
h1.h1_movie    { background:url(/img/h1_movie.gif) 0% 0% no-repeat ; }



h2 { background:url(/img/h2.gif) 0px 0px no-repeat; height:30px; }
h2 span { padding:0px 0px 0px 33px; line-height:30px;  }
.h2Line { background:url(/img/h2_border.gif) 0% 100% repeat-x; padding-bottom:2px; }

div.h2Img{float:left;}
div.h2Text{float:left;padding:0px 3px 0px 3px;line-height:25px;font-weight:bold;width:449px;}

h3 { background:url(/img/h3.gif) 0px 0px no-repeat; height:25px; border-bottom:1px solid #ccc; }
h3 span { padding:0px 0px 0px 20px; line-height:25px; }

h3.line2 { background:url(/img/h3.gif) 0px 0px no-repeat; height:50px; border-bottom:1px solid #ccc; }




/* -------------------------[07]:メインコンテンツ */

.main div.bar { width:780px; height:2px; }

.main { width:780px; height:305px; margin:0px auto; }
.main_c { width:780px; height:110px; margin:0px auto; }
.main div.visual { width:780px; height:303px; }
.main div.visual_c { width:780px; height:108px; }


.contentsBox { width:780px; margin:0px auto; background:url(/img/contents_bg.gif) 0% 0% repeat-y; }

.side { width:225px;}
.side div.wrapper { width:215px; margin:10px auto; }

.contents { width:535px;  }
.contents_wrapper { width:525px; }

.contentsT { width:545px;  }
.contents_wrapperT { width:545px; }

/* -------------------------[08]:フッタ */

.footer_Box { width:780px; margin:0px auto; padding:0px 0px 5px 0px; }

/* -------------------------[09]:ボタン */

.bt01, .bt01 a { width:68px; height:20px; text-indent:-8874px; display:block; background:url(/img/bt01.gif) 0px 0px no-repeat; text-decoration:none; line-height:1px; font-size:1px; }
.bt01 a:hover { background:url(/img/bt01.gif) 0px -20px no-repeat; text-decoration:none; }

.bt02, .bt02 a { width:40px; height:14px; text-indent:-8874px; display:block; background:url(/img/bt02.gif) 0px 0px no-repeat; line-height:1px;font-size:1px; line-height:1px; font-size:1px;}
.bt02 a:hover { background:url(/img/bt02.gif) 0px -14px no-repeat; text-decoration:none; }


.topbackBox { width:505px; height:16px; margin:5px auto;  }

.topback { width:111px; height:16px; background:url(/img/topback.gif) 0% 0% no-repeat; }
.topback a { width:111px; height:16px; display:block; text-indent:-8874px; font-size:1px; line-height:1px; }
.topback a:hover { background:url(/img/topback.gif) 0px -16px no-repeat; text-decoration:none; border:none; }


/* -------------------------[10]:テーブル・フォーム */



/* -------------------------[11]:サイドナビゲーション */

.bt_cam, .bt_cam a { width:215px; height:50px; text-indent:-8874px; display:block; background:url(/img/bt_cam.jpg) 0px 0px no-repeat; line-height:1px;font-size:1px; }
.bt_cam a:hover { background:url(/img/bt_cam.jpg) 0px -50px no-repeat;  }

.bt_contact, .bt_contact a { width:215px; height:50px; text-indent:-8874px; display:block; background:url(/img/bt_contact.jpg) 0px 0px no-repeat; line-height:1px;font-size:1px; }
.bt_contact a:hover { background:url(/img/bt_contact.jpg) 0px -50px no-repeat;  }


ul.bt_menu   { width:215px; height:210px; list-style:none; position:relative;}
ul.bt_menu li{ width:215px; height:30px; margin:0px; padding:0px; position:absolute;}
li.bt_menu01 { background:url(/img/bt_menu.gif) 0px 0px no-repeat; top:0px; left:0px; }
li.bt_menu02 { background:url(/img/bt_menu.gif) 0px -30px no-repeat; top:30px; left:0px; }
li.bt_menu03 { background:url(/img/bt_menu.gif) 0px -60px no-repeat; top:60px; left:0px; }
li.bt_menu04 { background:url(/img/bt_menu.gif) 0px -90px no-repeat; top:90px; left:0px; }
li.bt_menu05 { background:url(/img/bt_menu.gif) 0px -120px no-repeat; top:120px; left:0px; }
li.bt_menu06 { background:url(/img/bt_menu.gif) 0px -150px no-repeat; top:150px; left:0px; }
li.bt_menu07 { background:url(/img/bt_menu.gif) 0px -180px no-repeat; top:180px; left:0px; }

ul.bt_menu li a { width:215px; height:30px; text-indent:-8874px; display:block;}
li.bt_menu01 a:hover  { background:url(/img/bt_menu.gif) 0px -210px no-repeat; text-decoration:none;}
li.bt_menu02 a:hover  { background:url(/img/bt_menu.gif) 0px -240px no-repeat; text-decoration:none;}
li.bt_menu03 a:hover { background:url(/img/bt_menu.gif) 0px -270px no-repeat; text-decoration:none;}
li.bt_menu04 a:hover { background:url(/img/bt_menu.gif) 0px -300px no-repeat; text-decoration:none;}
li.bt_menu05 a:hover { background:url(/img/bt_menu.gif) 0px -330px no-repeat; text-decoration:none;}
li.bt_menu06 a:hover { background:url(/img/bt_menu.gif) 0px -360px no-repeat; text-decoration:none;}
li.bt_menu07 a:hover { background:url(/img/bt_menu.gif) 0px -390px no-repeat; text-decoration:none;}



ul.bt_salon   { width:215px; height:78px; list-style:none; position:relative;}
ul.bt_salon li{ width:215px; height:26px; margin:0px; padding:0px; position:absolute;}
li.bt_salon01 { background:url(/img/bt_salon.gif) 0px 0px no-repeat; top:0px; left:0px; }
li.bt_salon02 { background:url(/img/bt_salon.gif) 0px -26px no-repeat; top:26px; left:0px; }
li.bt_salon03 { background:url(/img/bt_salon.gif) 0px -52px no-repeat; top:52px; left:0px; }
ul.bt_salon li a { width:215px; height:26px; text-indent:-8874px; display:block;}
li.bt_salon01 a:hover  { background:url(/img/bt_salon.gif) 0px -78px no-repeat; text-decoration:none;}
li.bt_salon02 a:hover  { background:url(/img/bt_salon.gif) 0px -104px no-repeat; text-decoration:none;}
li.bt_salon03 a:hover { background:url(/img/bt_salon.gif) 0px -130px no-repeat; text-decoration:none;}


.loginBox { width:215px; background:url(/img/bt_login_top.gif) 0% 0% no-repeat; }
.loginBox_bottom { width:215px; background:url(/img/bt_login_bottom.gif) 0% 100% no-repeat; }
.loginBox_bottom p { width:195px; margin:0px auto; text-align:center; }
.login_table { width:195px; margin:0px auto; }
.login_regist { width:50px; height:20px; margin:0px auto; padding:5px; }

.bt_member, .bt_member a { width:215px; height:37px; text-indent:-8874px; display:block; background:url(/img/bt_magazine.gif) 0px 0px no-repeat; line-height:1px;font-size:1px; }
.bt_member a:hover { background:url(/img/bt_magazine.gif) 0px -37px no-repeat;  }

.bt_gift, .bt_gift a { width:215px; height:37px; text-indent:-8874px; display:block; background:url(/img/bt_gift.gif) 0px 0px no-repeat; line-height:1px;font-size:1px; }
.bt_gift a:hover { background:url(/img/bt_gift.gif) 0px -37px no-repeat;  }

.bt_list_top { width:195px; height:12px; margin:0px auto ; }
.bt_list { width:195px; margin:0px auto 10px ; list-style:none; }

.bt_mobileBox { width:175px; margin:0px auto; background:url(/img/bt_mobile_bottom.gif) 0px 100% no-repeat; }
.bt_mobileBox form { width:160px; margin: 0px auto; }
.bt_mobile_form01 { width:145px; padding-right:15px; background:url(/img/bt_mobile_a.gif) 100% 50% no-repeat }
.bt_mobile_form01 input { width:135px; }
.bt_mobile_form02 { width:160px;z-index:-10; }
.bt_mobile_bt { width:160px; margin:0px auto 10px; text-align:center; }

.addClips { width:195px; text-align:center; margin:10px auto; z-index:10; }

.bt_other     { width:195px; text-align:center; margin:0px auto; }
.bt_other div { margin:10px; }


.bt_movie, .bt_movie a { width:215px; height:57px; text-indent:-8874px; display:block; background:url(/img/bt_movie.gif) 0px 0px no-repeat; line-height:1px;font-size:1px; }
.bt_movie a:hover { background:url(/img/bt_movie.gif) 0px -57px no-repeat;  }

.sideQualifi { width:190px; margin:10px auto; padding:10px 0px; }
.sideQualifi p { margin:5px; }


.movieBtn { width:215px; height:100px; margin:0px 0px 10px; }
.movieBtn a { width:215px; height:100px; display:block; background:url(/img/bridal_movie.jpg) 0% 0% no-repeat; text-indent:-8874px; }
.movieBtn a:hover { background:url(/img/bridal_movie.jpg) 0px -100px no-repeat; }

.movieBtn2 { width:215px; height:70px; margin:0px 0px 10px; }
.movieBtn2 a { width:215px; height:70px; display:block; background:url(/img/bridal_movie2.jpg) 0% 0% no-repeat; text-indent:-8874px; }
.movieBtn2 a:hover { background:url(/img/bridal_movie2.jpg) 0px -70px no-repeat; }


/* -------------------------[12]:インデックス */


.conseptBox { width:545px; background:url(/img/consept_bottom.gif) 0% 100% no-repeat }
.textA { padding:5px 10px; }
.textB { padding:5px 10px 10px 130px; }

.top_wrapper01 { width:255px; }

.campaign_top { width:255px; height:25px; border-bottom:1px solid #ccc; margin-bottom:5px; position:relative;}
.campaign_title { width:169px; height:24px; position:absolute; top:0px; left:0px; }
.campaign_bt { position:absolute; top:5px; left:175px; }
.campaign_rss { width:31px; height:14px; background:url(/img/rss.gif) 0% 0% no-repeat ; position:absolute; top:5px; left:224px; }
.campaign_rss a { width:31px; height:14px; display:block; text-indent:-8874px; background:url(/img/rss.gif) 0% 0% no-repeat ; }
.campaign_rss a:hover { background:url(/img/rss.gif) 0px -14px no-repeat ; text-decoration:none; }

.osusume { width:207px; height:17px; margin:10px auto;  }
.campaignBox { width:245px; height:250px; margin:0px auto; overflow:auto; }

.campaignBoxIn { padding:10px 0px 0px 0px; border-bottom:1px dotted #ccc; }
.campaignBoxIn p { padding-left:18px;  }

.C_item01 { font-weight:bold; background:url(/img/point_red.gif) 0% 0% no-repeat ; padding-left:18px; }
.C_item02 { font-weight:bold; padding-left:18px; }

.info_top { width:255px; height:25px; border-bottom:1px solid #ccc; margin-bottom:5px; position:relative;}
.info_title { width:149px; height:24px; position:absolute; top:0px; left:0px; }
.info_bt { position:absolute; top:5px; left:210px; }

.infobox { width:245px; height:100px; margin:0px auto; overflow:auto; }

.infoBoxIn { padding:5px 0px 0px 0px; border-bottom:1px dotted #ccc; }
.infoBoxIn p { padding-left:10px;  }
.I_item01 { font-weight:bold; background:url(/img/point_gold.gif) 0px 7px no-repeat ; padding-left:10px; }

.top_wrapper02 { width:280px; }

.movieBox { width:280px; background:url(/img/movie_bottomo.gif) 0% 100% no-repeat; }
.movieBoxIn { width:244px; margin:0px auto; padding:0px 0px 10px; }

.movie_BtBox { height:23px; }
.movie_BtBox div {  width:45px; height:23px;  }

.frameBox { width:244px; height:184px; margin:10px auto 0px; background:url(/img/frame_bg.gif) 0px 0px repeat-y ; }
.frame { width:240px; height:180px; margin:0px auto; }

.rankingBox { width:530px; margin:5px auto; }
.ranking_item { width:171px; background:url(/img/rank_menu_bg.gif) 0px 0px no-repeat ; margin-left:3px; }
.ranking_wrapper { height:140px; }
.ranking_title { padding:3px 0px 3px 25px;  background:url(/img/rank_crown.gif) 0px 0px no-repeat ; line-height:16px; }
.ranking_wrapper p { padding:5px 10px; }
.ranking_img { width:131px; height:131px; margin:5px auto 10px; }

.estheMenu        { width:545px; border-bottom:1px solid #ccc;padding-bottom:3px; }

.menu_bt, .menu_bt a { width:131px; height:50px; margin:0px auto 0px; text-indent:-8874px; display:block; background:url(/img/menu_bt.gif) 0px 0px no-repeat; line-height:1px;font-size:1px; }
.menu_bt a:hover { background:url(/img/menu_bt.gif) 0px -50px no-repeat; }


.estheMenu_item   { width:165px; margin:5px; }
.estheMenu_title  { border-bottom:1px dotted #ccc; width:165px; margin-bottom:5px; }
.estheMenu_title a { font-weight:bold;  }
.estheMenu_img    { width:46px; height:46px; }
.estheMenu_item p { width:110px; }

.Bt_estheNews { width:545px; height:58px; background:url(/img/bt_news.gif) 0px 0px no-repeat ; }
.Bt_estheNews a { width:545px; height:58px; display:block; text-indent:-8874px; text-decoration:none;  }
.Bt_estheNews a:hover { background:url(/img/bt_news.gif) 0px -58px no-repeat ; } 







