﻿/*--------------------------reset﹙from pixnet﹚*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
/*--------------------------all setting*/


/* 讓 footer 保 證 置 底 */ 
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}


body { text-align: center;font-size: 92%;font-family: Arial, Helvetica, sans-serif;line-height: 1.4;background: #FDF9EE url(imgs/bg_body.jpg) center top repeat-x}
p {	/*\*/letter-spacing: 0.08em;	/**/}
img { border: 0;}

#wrapper {
	width: 960px; 
	margin: 0 auto; /* 自動調整左右邊界 */
	padding-bottom: 121px!important;
	padding-bottom/**/:0;/*ie6*/
	text-align: left; /* 設定靠左對齊﹙修正#body的設置﹚ */	
}
#brand h1{
	float: left;
	position: relative;
	width: 230px;
	margin-right: 10px;
}
#brand a {
	position: absolute;
	top: 51px;
	left: 5px;
	width: 218px;
	height: 42px;
	text-indent: -5000px;
	background: url(imgs/logo.gif) left top no-repeat;
	z-index: 10;
}
#header {
	position: relative;
	width: 960px;
	height:145px;
}
#nav-main {	position: absolute;	top: 20px;z-index: 1;}
#nav_supp {position: absolute; top:2px; right: 10px; font-size:12px; color:#fff;}
#nav_supp a {color:#fff;text-decoration:none;}
#nav_supp a:hover {color:#fff;text-decoration:underline;}
#navigation {display:none;}

#container { width:940px;margin:0 auto;background: #fff url(imgs/bg_container_foot.gif) left bottom no-repeat;}
#container_head {width:940px;height:15px;background: url(imgs/bg_container_head.gif) left top no-repeat;}
#container_body {width:940px;margin-top:0!important;margin-top/**/:-2px;background:url(imgs/bg_container_body.gif) left top no-repeat;}

#sub_content {width:180px;float:left;margin-top:10px;margin-left:20px!important;;margin-left/**/:10px}
#main_content {width:700px;float:right;margin-right:10px!important;margin-right/**/:5px;margin-bottom:3em;}

/* 次 選 單 */
#sub_nav {width:170px;margin:1em auto 2em auto;}
#sub_nav a {display:block;width:145px;padding:12px 0 15px 22px;color:#6e6e6e;font-size:15px;font-weight:bolder;border-bottom:1px solid #EBEBEB;background:#fff url(imgs/bg_sub_nav_li.gif) 2px top no-repeat;}
#sub_nav a:hover {color:#6e6e6e;background:#f6f6f6 url(imgs/bg_sub_nav_li_hover.gif) 2px top no-repeat;}
#sub_nav a.stay {color:#7E2A00;background:#fff url(imgs/bg_sub_nav_li_hover.gif) 2px top no-repeat;}

/* 麵 包 屑 */
#breadCrumb {float:right;padding-left:18px;text-align:right;color:#FF6600;font-size:12px;background: url(imgs/bg_breadCrumb.gif) left center no-repeat;}

#content {width:680px;margin:0 auto;color:#818181;font-size:12px;line-height:1.6em;}

/* 貼 心 服 務 */
.section_considerate-service {width:640px; margin:3em auto 1em auto;padding-bottom:50px; background: url(imgs/bg_section_considerate-service.gif) left bottom no-repeat;}
.section_considerate-service p {width:360px;float:right;}
.section_considerate-service em {color:#CC66CC;}
.section {width:640px; margin:3em auto 1em auto;padding-bottom:40px; background: url(imgs/bg_section_considerate-service.gif) left bottom no-repeat;}

/* 專 櫃 名 稱 列 表 */
.section_floor-guide {display:inline-table;width:560px;margin-left:20px;padding:20px 0 20px 80px; border-bottom: 5px double #f2f2f2; background-position:left center; background-repeat:no-repeat;}
.section_floor-guide ul {display:block;}
.section_floor-guide li {display:block;float:left;padding-left:8px;width:125px;padding:5px;background: #fff url(imgs/bg_section_floor-guide_li.gif) left top no-repeat;}
.section_floor-guide li:hover {background-color:#f6f6f6; cursor:default}


/* 圖 片 輪 播 */
.section_pics-rotation {width:640px; margin:1em auto 1em auto;padding-bottom:40px; background-position: left bottom; background-repeat:no-repeat}
#pics-rotation img {border:0px}
#pics-rotation {width:420px;height:240px;overflow:hidden;}
#play_info{position:absolute;margin-top:210px;padding:6px 0 0 20px;height:30px;width:270px;color:#fff;z-index:1001; cursor:default;}
#play_info b{font-size:14px;display:block}
#play_bg {position:absolute;background-color:#000;margin-top:210px;height:30px;width:420px;filter: Alpha(Opacity=60);opacity:0.3;z-index:1000}
#play_text { display:none;}
#play_list a{display:block;width:420px;height:240px;position:absolute;overflow:hidden; cursor:default;}

/* 服 務 設 施 */
.facilities {}
.facilities td {padding-top:1em;padding-bottom:2em;}
.facilities p {width:240px;margin: 0 auto 10px auto ;text-align:left;}

/* 推 薦 專 櫃 簡 介 */
.commend_counter {}
.commend_counter td {padding-top:1em;padding-bottom:2em;}
.commend_counter p {width:260px;margin: 0 auto 10px auto ;text-align:left;}

/*  1F 護 膚 室 */
.care_skin {}
.care_skin td {padding-top:1em;padding-bottom:2em;}
.care_skin h3 {width:240px;margin: 0 auto 2px auto ;color:#0099FF;font-size:15px; text-align:left;}
.care_skin p {width:240px;margin: 0 auto 10px auto ;text-align:left;}

/* 會 員 專 區 */
#member-only_wrapper {margin-top:10px;}
#member-only_nav {width:140px;float:left;margin-right:10px;padding-bottom:70px;background:url(imgs/bg_member-only_nav.gif) left bottom no-repeat}
#member-only_nav ul {width:120px;margin: 0 auto;}
#member-only_nav li {}
#member-only_nav li a {display:block;height:24px;line-height:24px;padding: 5px 0 5px 5px;color:#92278F; background:url(imgs/bg_member-only_nav_li.gif) left bottom no-repeat;}
#member-only_nav li a:hover {color:#CC66CC;background:#f6f6f6 url(imgs/bg_member-only_nav_li.gif) left bottom no-repeat;}
#member-only_nav a.stay {padding-left:10px;color:#cc66cc;background:url(imgs/icon_member-only_nav_li.gif) left bottom no-repeat;}
#member-only_nav a:hover.stay {padding-left:10px;color:#cc66cc;background:url(imgs/icon_member-only_nav_li.gif) left bottom no-repeat;}
#member-only_content { float:left;width:510px;padding: 15px 10px 15px 10px ; background:#fff url(imgs/bg_member-only_content.gif) left top no-repeat;}

/* 點 數 兌 換 */
#member-only_content_exchange { float:left;width:510px;padding: 15px 10px 15px 10px ; background:#fff url(imgs/bg_member-only_content_exchange.gif) left top no-repeat;}

/* 點 數 查 詢 */
#member-only_content_search { float:left;width:510px;padding: 15px 10px 15px 10px ; background:#fff url(imgs/bg_member-only_content_search.jpg) left top no-repeat;}
#member-only_content_exchange ul {margin:2em auto;}
#member-only_content_exchange li{display:block;float:left;width:150px;margin:0 10px;
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
min-height:200px;
_height:200px;
zoom:1;
*display:inline;}
#member-only_content_exchange em {display:block;color:#FF3333;}
#member-only_content_exchange dl {display:inline;color:#6633FF;}

.section_member-only {width:510px; margin-bottom:2em;padding-bottom:2em; background: url(imgs/bg_section_considerate-service.gif) left bottom no-repeat;}
.section_member-only h5 {width:460px; margin-bottom:10px; padding-left:10px; height:30px; line-height:30px; color:#fff; font-size:15px; font-weight:bolder; letter-spacing:2px; background: url(imgs/bg_h5.gif) left center no-repeat;}
.section_member-only blockquote {width:470px;margin-bottom:2em;padding-left:40px; color:#818181;}
.section_member-only li { padding-left:15px;margin-top:8px;background:url(imgs/bg_blockquote_li.gif) left top no-repeat;}
.section_member-only em { color:#FF3300;}

/* 促 銷 活 動 選 單 (同會員專區) */
#event-promo_nav {width:140px;float:left;margin-right:10px;padding-bottom:70px;background:url(imgs/bg_member-only_nav.gif) left bottom no-repeat}
#event-promo_nav ul {width:120px;margin: 0 auto;}
#event-promo_nav li {}
#event-promo_nav li a {display:block;height:24px;line-height:24px;padding: 5px 0 5px 5px;color:#FF3300; background:url(imgs/bg_member-only_nav_li.gif) left bottom no-repeat;}
#event-promo_nav li a:hover {color:#CC0000;background:#f6f6f6 url(imgs/bg_member-only_nav_li.gif) left bottom no-repeat;}
#event-promo_nav a.stay {padding-left:10px;color:#CC0000;background:url(imgs/icon_event-promo_nav_li.gif) left bottom no-repeat;}
#event-promo_nav a:hover.stay {padding-left:10px;color:#CC0000;background:url(imgs/icon_member-only_nav_li.gif) left bottom no-repeat;}
#event-promo_content { float:left;width:510px;padding: 15px 10px 15px 10px; text-align:center; background:#fff url(imgs/bg_member-only_content.gif) left top no-repeat;}

/* 關 於 耐 斯 松 屋 */
#about_nice-mastuya-ginza {width:640px;margin: 1em auto;}
#about_nice-mastuya-ginza h3{margin-bottom:2em;border-left:12px solid #FF9900}
#about_nice-mastuya-ginza h4{margin-bottom:1em;padding-left:20px;line-height:29px;color:#666;font-size:16px;font-weight:bold;background:url(imgs/bg_about_h4.gif) left bottom no-repeat;}
#about_nice-mastuya-ginza p {margin-top:.8em;font-size:12px;line-height:21px;background:url(imgs/bg_letter.gif) left bottom repeat-y}
#about_nice-mastuya-ginza strong {color:#444;}


/* 按 鈕 滑 鼠 指 向 效 果 */ 
.go a { display: inline-block;overflow: hidden;width: 24px;height: 0 !important;height /**/: 11px;padding-top: 11px;background-image:url(imgs/bt_go.gif);background-position: 0 0;}
.go a:hover { background-position: 0 11px;}
.commend-counter, .new-counter, .care-skin  {border:none;background:none;}
.commend-counter a { display: inline-block;overflow: hidden;width: 170px;height: 0 !important;height /**/: 89px;padding-top: 89px;background-image:url(imgs/bt_commend-ounter.gif);background-position: 0 0;border:none;}
.commend-counter a:hover { background-position: 0 89px;}
.new-counter a { display: inline-block;overflow: hidden;width: 170px;height: 0 !important;height /**/: 89px;padding-top: 89px;background-image:url(imgs/bt_new-ounter.gif);background-position: 0 0;border:none;}
.new-counter a:hover { background-position: 0 89px;}
.care-skin a { display: inline-block;overflow: hidden;width: 170px;height: 0 !important;height /**/: 89px;padding-top: 89px;background-image:url(imgs/bt_care-skin.gif);background-position: 0 0;border:none;}
.care-skin a:hover { background-position: 0 89px;}



/* ---------- gallery styles start here 線 上 DM ----------------------- */
#gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	width:620px!important;
	width/**/:640px;
	margin: 2em auto;
}
#gallery li {
	width: 186px;
	height: 153px;
	margin: 20px 10px 15px;
	float: left;
	position: relative;
}
#gallery .bg {
	background: url(images/polaroid.png) no-repeat;
	width: 186px;
	height: 153px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#gallery span {
	background: url(images/tape.png) no-repeat;
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	left: 54px;
	top: -12px;
	z-index: 4;
}
#gallery img {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
}

#gallery em {
	display: block;
	padding: 4px 0 0;
	text-align: center;
	font:100% Georgia, "Times New Roman", Times, serif;
	color: #ff6600;
	width: 186px;
	position: absolute;
	bottom: 6px;
	right: 0;
	z-index: 3;
}



/* ---------- 媽 媽 教 室 ----------------------- */
.class-list {width:600px;}
.class-list th {padding:5px 0;color:#333;font-weight:bold;text-align:center;letter-spacing:4px;background:#d8d8d8;border-right:1px solid #fff;}
.class-list td {padding:8px 5px;}
.class-date {width:10%;text-align:center;white-space:nowrap;border-bottom:1px solid #e4e4e4;}
.class-time {width:20%;text-align:center;white-space:nowrap;border-bottom:1px solid #e4e4e4;}
.class-name {width:35%;color:#000;text-align:left;border-bottom:1px solid #e4e4e4;}
.class-sign-up {width:20%;color:#0099FF;text-align:center;border-bottom:1px solid #e4e4e4;}
.class-organizer {width:15%;text-align:center;border-bottom:1px solid #e4e4e4;}
.class-notice p{padding-top:2em;}
.class-notice em {color:#FF3333;}


#footer-wrapper {
	clear:both;
	height: 121px;
	margin: 0 auto; /* 自動調整左右邊界 */
	margin-top:-121px!important;
	margin-top/**/:0;
	clear:both;
	height: 121px;	
	background: url(imgs/bg_footer.gif) left top repeat-x;
}
#footer-main {
	position: relative;
	width:960px;
	margin: 0 auto;
	text-align: left;
}
#copyright {
	position: absolute;
	top: 18px;
	left: 25px;
	padding-top: 6px;
	padding-left: 40px;
	font-size: 12px;
	line-height: 1.8em;
	color: #adadad;
	background: url(imgs/bg_copyright.gif) left top no-repeat;
}
ul#family {position: absolute;top: 17px;left: 556px!important;left/**/: 550px;}	
ul#family li{ display:block;float:left;margin-left:15px;}

/* 讓 footer 保 證 置 底 */ 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

