@charset "utf-8";


/* View Port サイズに応じたコンテンツ表示/非表示
--------------------------------------------------------------*/

.hideWide,
.hidePC,
.phone{
	display:none !important;
}



/* テキストサイズ揃え
--------------------------------------------------------------*/

body{font-size:12px;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","Osaka",verdana,sans-serif;}
*+html body{font-size:78%;}
* html body {font-size:74%;}
body *{font-size:13px;}

big{
	font-size:115%;
}



/* ヘディング
--------------------------------------------------------------*/

body h1{
	font-size:28px;
	margin-bottom:10px;
}

body h2{
	position:relative;
	font-size:20px;
	margin-bottom:20px;
}

body h3{
	font-size:16px;
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
}

body h4{
	font-size:16px;
	margin-bottom:10px;
}

body h5{
	font-size:16px;
	margin-bottom:10px;
}

h1,h2,h3,h4,h5{
	color:#222;
}

h1 span,h2 span,h3 span,h4 span,h5 span{
	font-size:inherit;
	vertical-align:middle;
}

h1 small,h2 small,h3 small,h4 small,h5 small{
	vertical-align:middle;
}

body h4.type{
	margin-bottom:20px;
}



/* 背景色 */

#CONTENT,
#HEADER .wFix,
#breadcrumbs{
	background-color:#fff;
}



/* 銀座スクエア共通レイアウト
--------------------------------------------------------------*/

#CONTAINER{
	margin:0 auto;
	position:relative;
	min-height:100%;
	min-width:950px;
	padding:0;
}

* html body #container{
	height:99.9%;
}

.wFix{
	width:1000px;
	margin:0 auto;
	position:relative;
	text-align:left;
	min-height:1%;
}

#CONTENT .wFix{
	width:980px;
}

.wFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



/* フロアガイド スマホ */

#smpFlGuide {
	display: none;
}



/* コンテンツ分割 */

#MAIN div.single{width:220px;}
#MAIN div.double{width:460px;}
#MAIN div.half{width:340px;}
#MAIN div.full{width:700px;}

#MAIN div.fl,
#MAIN div.float-left{float:left;}
#MAIN div.fc,
#MAIN div.float-center{margin-left:auto;margin-right:auto;}
#MAIN div.fr,
#MAIN div.float-right{float:right;}



/* ヘッダ */

#HEADER{
	position:relative;
	width:1000px;
	padding:10px 10px 0 10px;
	background:transparent url('../img/bg_top.png') no-repeat;
	margin:0 auto;
}

#HEADER a{
	text-decoration:none;
}

#HEADER .hBg{
	position:relative;
	margin:0 auto;
}

#HEADER #sqLOGO{
	width:420px;
	text-align:center;
	padding-top:62px;
	margin:0 auto;
	top:0;
	z-index:1;
}

#HEADER #cosmeLOGO{
	position:absolute;
	width:96px;
	top:14px;
	right:14px;
}



/* パンくずリスト */

#breadcrumbs{
	position:relative;
	z-index:100;
	padding-left:20px;
}

#breadcrumbs ul{
	width:950px;
	margin:0 auto;
	position:relative;
	text-align:left;
	overflow:hidden;
	height:70px;
	/zoom:1;
}

#breadcrumbs li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	/margin-top:23px;
	background:url(../img/icon/right_s.gif) no-repeat left center;
	padding-left:10px;
	margin-right:7px;
}

#breadcrumbs li a{
	display:table-cell;
	vertical-align:middle;
	height:70px;
}

#breadcrumbs li.firstChild{
	background:none;
	padding-left:0;
}

#breadcrumbs li strong{
	height:70px;
	display:table-cell;
	vertical-align:middle;
	padding-left:5px;
}


#sqLNAVI #smpBreadcrumbs{
	display:none;
}



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

#CONTENTSAREA{
	position:relative;
	width:1000px;
	padding:0 10px;
	margin:auto;
	background:transparent url('../img/bg_body.png') repeat-y;
}



/* MAIN */

#MAIN{
	float:right;
	width:700px;
}

#MAIN .section{
	margin-bottom:80px;
}

#MAIN .sub-section{
	position:relative;
	margin-bottom:60px;
}

#MAIN .article p{
	line-height:1.8;
	margin-top:20px;
}
#MAIN .article h4 + p,
#MAIN .article h5 + p{margin-top:0;}

#MAIN .section p.note{
	line-height:1.5;
	margin-top:20px;
  /*padding-left: 1em;
  text-indent: -1em;*/
}



/* トップビジュアル */

#top{
	position:relative;
	padding-top:54px;
	margin-bottom:60px;
}

#top h1{
	position:absolute;
	left:0;
	top:0;
}

#top #visual{
	height:220px;
	background:#eee;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url('../img/bg_topvisual_shadow.png') no-repeat right bottom;
}

#top .imagebox{
	position:relative;
	float:left;
	height:220px;
	width:480px;
	overflow:hidden;
}

#top .imagebox img{
	max-width:none;
}

#top .infobox{
	float:right;
	position:relative;
	width:220px;
	height:220px;
}

#top .infobox .floorname{
	position:absolute;
	left:10px;
	top:10px;
}

#top .infobox .floorinfo{
	position:absolute;
	width:210px;
	left:10px;
	bottom:10px;
}

#top .infobox span{
	display:block;
	color:#fff;
	font-size:15px;
	white-space:nowrap;
}

#top .infobox small{
	display:block;
	color:#fff;
	font-size:13px;
}

#top .infobox span.small{
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:11px;
}

#top h4{
	margin-bottom:10px;
}

#top h4 span{
	font-size:20px;
}



/* SUB */

#CONTENTSAREA #SUB{
	position:relative;
	width:250px;
	padding-bottom:40px;
}


#SUB #sqLNAVI{
	position:relative;
	z-index:1;
}

#SUB #sqLNAVI a{
	display:block;
	text-decoration:none;
}

#SUB #sqLNAVI .shadow{
	padding-bottom:8px;
	background:transparent url('../img/bg_lnavi_btm.png') center bottom no-repeat;
	margin-bottom:12px;
}


#SUB #sqLNAVI h5{
	font-size:16px;
	line-height:2;
}
#SUB #sqLNAVI #banner,
#SUB #sqLNAVI #contents,
#SUB #sqLNAVI #floor{margin-bottom:22px;}

#SUB #sqLNAVI #banner h5{display:none;}

#SUB #sqLNAVI #banner a{
	display:block;
}

#SUB #sqLNAVI #banner a span{
	display:none;
}

/*オンライン予約*/
#SUB #sqLNAVI #banner #online{
	border: 10px  solid #E3DAD0;
	/*margin-bottom: 22px;*/
}

#SUB #sqLNAVI .regular ul{
	display:block !important;
	padding:0 7px;
	background:#fafafb;
	border:1px solid #ccc;
}

#SUB #sqLNAVI .regular ul li{
	padding:7px 0;
	border-bottom:1px solid #ccc;
}

#SUB #sqLNAVI .regular ul li a{
	padding:13px 0;
}

#SUB #sqLNAVI .regular ul li a span{
	display:inline-block;
	/display:inline;
	/zoom:1;
	line-height:1.4;
	white-space:nowrap;
	padding-left:35px;
	text-indent:-20px;
	background:url('../img/icon/lnavi_leader.gif') no-repeat;
}
#SUB #sqLNAVI .regular ul li a.i span{background-position:0 0px;}
#SUB #sqLNAVI .regular ul li a.r span{background-position:0 -60px;}
#SUB #sqLNAVI .regular ul li a.f span{background-position:0 -120px;}
#SUB #sqLNAVI .regular ul li a.h span{background-position:0 -240px;}
#SUB #sqLNAVI .regular ul li a.b span{background-position:0 -300px;}
#SUB #sqLNAVI .regular ul li a.g span{background-position:0 -360px;}
#SUB #sqLNAVI .regular ul li a.s span{background-position:0 -180px;}
/*IE7*/ *:first-child+html #SUB #sqLNAVI .regular ul li a span{margin-left:18px;}

#SUB #sqLNAVI ul li.last{
	border-bottom:0 none !important;
}

#SUB #sqLNAVI .regular ul li a.taxfree{
	position:relative;
}

#SUB #sqLNAVI .regular ul li a.taxfree img{
	position:absolute;
	right:2px;
	top:15px;
}

#SUB #sqLNAVI .regular ul li a.taxfree:hover img{
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
	-ms-opacity:0.6;
	-o-opacity:0.6;
	opacity:0.6;
	filter:Alpha(opacity=60);
}



/* フッタ */

#FOOTERAREA{
	position:relative;
	width:1020px;
	margin:auto;
}

#FOOTERAREA #sqFOOTER{
	padding:50px 20px 0;
	background:transparent url('../img/bg_body.png') repeat-y;
}

#FOOTERAREA #sqFOOTER ul{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

#FOOTERAREA #sqFOOTER ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:25px 50px;
}


#FOOTERAREA .pageNavi{
	text-align:center;
	width:1000px;
	margin:0 auto;
	font-size:10px;
	height:70px;
	background:url('../img/bg_btm.png') bottom center;
	padding:30px 10px 10px 10px;
}

#FOOTERAREA .pageNavi li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:10px;
	vertical-align:middle;
}

#FOOTERAREA .pageNavi li a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:10px;
	overflow:hidden;
}

#FOOTERAREA .pageNavi li a:hover{
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
}

#FOOTERAREA .pageNavi li a span{
	visibility:hidden;
}

#FOOTERAREA .pageNavi li.pageBack{
	background:url('../../beauty/common/img/icon/left_s.gif') no-repeat left center;
	padding-left:13px;
}

#FOOTERAREA .pageNavi li.pageBack a{
	width:81px;
	background:url('../../beauty/common/img/btn/prev_page.gif') no-repeat;
}

#FOOTERAREA .pageNavi li.pageUp a{
	width:92px;
	background:url('../img/btn/page_up.gif') no-repeat;
	height:47px;
	text-decoration:none;
}


#FOOTERAREA .social{
	position:absolute;
	top:0;
	right:0;
	height:30px;
	overflow:hidden;
	text-align:right;
	margin-right:40px;
	margin-top:176px;
}

#FOOTERAREA .social ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-left:6px;
}

#FOOTERAREA .social ul li a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url('../img/footer/btn_social.png') no-repeat;
	overflow:hidden;
	height:20px;
	text-decoration:none;
}

#FOOTERAREA .social ul li a span{
	visibility:hidden;
}

#FOOTERAREA .social ul li.twitter iframe.twitter-share-button{
	width:68px !important;
}

#FOOTERAREA .social .mixi{
	margin-top:3px;
}


#FOOTERAREA #FCOPY{
	position:relative;
	color:#fff;
	text-align:left;
	padding:10px 0;
	border-top:1px dashed #605a8c;
	width:1000px;
	margin:50px auto 0;
}

#FOOTERAREA #FCOPY ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-right:20px;
	vertical-align:middle;
}

#FOOTERAREA #FCOPY ul li a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:20px;
	color:#fff;
	overflow:hidden;
	text-decoration:none;
}

#FOOTERAREA #FCOPY ul li a span{
	font-size:10px;
	color:#000;
}

#FOOTERAREA #FCOPY ul li a{
	background-position:0 0;
}

#FOOTERAREA #FCOPY ul li a:hover span{
	color:#999;
}

#FOOTERAREA #FCOPY .copy{
	height:10px;
	border-top:2px solid #605a9a;
	width:100%;
	text-align:right;
	padding-top:8px;
	margin-top:8px;
}

#FOOTERAREA #FCOPY .copy span{
	font-size:10px;
	color:#000;
}

#FOOTERAREA #FCOPY .group_logo{
	position:absolute;
	right:0px;
	top:-5px;
	margin-right:0px;
}

#FOOTERAREA #GNPOS{
	display:none;
}



/* IE6への警告 */

#IE6ALERT{
	position:relative;
	background-color:#F6D6D6;
	color:#D45758;
	z-index:10000;
	padding:10px 20px;
	font-size:120%;
	text-align:left;
	display:none;
	zoom:1;
}

#IE6ALERT a{
	color:#D45758;
	text-decoration:underline;
}

div.imgLFL .img{
	float:left;
}

div.imgLFL .img p{
	margin-right:20px;
}

div.imgLFL:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.imgLFL{
	display:block;
	min-height:1%;
}

/* \*/
html div.imgLFL{
	* height:1%;
}
/* */



/* H2セクションタイトル */

#MAIN h2{
	height:25px;
	padding-left:18px;
	background:url('../img/icon/type_label.png') no-repeat -167px 50px;
}
.beauty  #MAIN h2{background-position:-167px 0;}
.health  #MAIN h2{background-position:-167px -50px;}
.science #MAIN h2{background-position:-167px -100px;}
.organic #MAIN h2{background-position:-167px -150px;}
.general #MAIN h2{background-position:-167px -200px;}
.garden  #MAIN h2{background-position:-167px -250px;}


/* H2セクション直下 */

#MAIN .section .section-visual{
	margin-bottom:40px;
}

#MAIN .section .section-copy{
	margin-bottom:30px;
}



/* タイプ */

/*
#MAIN h3.type span.box{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	width:60px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#fff;
	margin-right:10px;
	background:url('../img/icon/type_label.png') no-repeat -65px 50px;
}
.beauty  #MAIN h3.type span.box{background-position:-65px 0;}
.health  #MAIN h3.type span.box{background-position:-65px -50px;}
.science #MAIN h3.type span.box{background-position:-65px -100px;}
.organic #MAIN h3.type span.box{background-position:-65px -150px;}
.general #MAIN h3.type span.box{background-position:-65px -200px;}
*/

#MAIN h3.type span.box{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	width:60px;
	height:28px;
	font-size:14px;
	line-height:28px;
	text-align:center;
	color:#fff;
	margin-right:10px;
	background:url('../img/icon/type_label.png') no-repeat 0 50px;
}
.beauty  #MAIN h3.type span.box{background-position:0 0;}
.health  #MAIN h3.type span.box{background-position:0 -50px;}
.science #MAIN h3.type span.box{background-position:0 -100px;}
.organic #MAIN h3.type span.box{background-position:0 -150px;}
.general #MAIN h3.type span.box{background-position:0 -200px;}

#MAIN h4.type span.box{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	width:60px;
	height:28px;
	font-size:14px;
	line-height:28px;
	text-align:center;
	color:#fff;
	margin-right:10px;
	background:url('../img/icon/type_label.png') no-repeat 0 50px;
}
.beauty  #MAIN h4.type span.box{background-position:0 0;}
.health  #MAIN h4.type span.box{background-position:0 -50px;}
.science #MAIN h4.type span.box{background-position:0 -100px;}
.organic #MAIN h4.type span.box{background-position:0 -150px;}
.general #MAIN h4.type span.box{background-position:0 -200px;}



/* 画像下のキャプション */

#MAIN .picture .caption{
	line-height:1.4;
	white-space:nowrap;
	margin:10px 0 0;
}

#MAIN .picture .attention{
	font-size:11px;
	line-height:1.4;
	margin:10px 0 0;
}



/* タグ */

#MAIN .tag{
	display:inline-block;
	/display:inline;
	/zoon:1;
	vertical-align:middle;
	margin-left:1em;
}

#MAIN .tag span{
	display:inline-block;
	/display:inline;
	/zoon:1;
	width:60px;
	height:20px;
	vertical-align:bottom;
	text-indent:-9999px;
	background:#e5e8e9 url('../img/icon/tags.gif') no-repeat 0 50px;
	margin-right:8px;
	overflow:hidden;
}
#MAIN .tag span.muryo {width: 60px;background-position:0 0;}
#MAIN .tag span.yoyo  {width: 70px;background-position:0 -30px;}
#MAIN .tag span.yoyo2 {width: 70px;background-position:-80px -30px;}
#MAIN .tag span.yoyu  {width: 80px;background-position:-90px -90px;}
#MAIN .tag span.jiyu  {width: 80px;background-position:0 -60px;}
#MAIN .tag span.fuyo  {width: 80px;background-position:0 -90px;}
#MAIN .tag span.sai   {width: 60px;background-position:0 -120px;}
#MAIN .tag span.josei {width: 80px;background-position:0 -150px;}
#MAIN .tag span.ninzu1{width:110px;background-position:0 -180px;}
#MAIN .tag span.freed {width:160px;background-position:0 -210px;}
#MAIN .tag span.ninzu2{width:130px;background-position:0 -360px;}
#MAIN .tag span.jikan1{width:198px;background-position:0 -390px;}
#MAIN .tag span.gentei{width:80px;background-position:-90px -60px;}
#MAIN .tag span.ninzu3{width:126px;background-position:0 -420px;}
#MAIN .tag span.ninzu4{width:126px;background-position:0 -450px;}
#MAIN .tag span.yooubo{width:70px;background-position:-80px 0px;}

/* アイコン付きボタン */

#MAIN .phone{
	display:none;
}


/* Get ADOBE READER */

#MAIN .download .getreader{
	margin-top:10px;
}

#MAIN .download .getreader a,
#MAIN .download .getreader p{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	margin-right:15px;
}

#MAIN .download .getreader p{
	line-height:1.5;
	margin:0;
}



/* メッセージ */

#MAIN #message h4{
	margin-bottom:20px;
}



/* お客様の声 */

#MAIN #voice dl{
	min-height:110px;
	line-height:1.9;
	padding:10px 20px;
	border:1px solid #ccc;
	margin-bottom:20px;
}
.beauty  #MAIN #voice dl{border-color:#d86999;}
.health  #MAIN #voice dl{border-color:#f1a000;}
.science #MAIN #voice dl{border-color:#7b9fd3;}
.organic #MAIN #voice dl{border-color:#7d8a41;}
.general #MAIN #voice dl{border-color:#284088;}

#MAIN #voice dt{
	font-size:16px;
	margin-bottom:5px;
}
.beauty  #MAIN #voice dt{color:#d86999;}
.health  #MAIN #voice dt{color:#f1a000;}
.science #MAIN #voice dt{color:#7b9fd3;}
.organic #MAIN #voice dt{color:#7d8a41;}
.general #MAIN #voice dt{color:#273f87;}



/* 関連ページ */

#MAIN #relation .sub-section .picture{
	width:220px;
}

#MAIN #relation .sub-section .article{
	width:380px;
}

#MAIN #relation .sub-section .article p{
	margin:0;
}

#MAIN #relation .sub-section{
	border-width:20px;
	border-style:solid;
	padding:20px;
}
.beauty  #MAIN #relation .sub-section{border-color:#f7e1eb;}
.health  #MAIN #relation .sub-section{border-color:#fceccc;}
.science #MAIN #relation .sub-section{border-color:#e5ecf6;}
.organic #MAIN #relation .sub-section{border-color:#f2f3ec;}
.general #MAIN #relation .sub-section{border-color:#5265a2;}

#p_5f.science #MAIN #relation .sub-section{border-color:#fceccc;}
#p_8f.health #MAIN #relation .sub-section{border-color:#e5ecf6;}



/* Lightbox */

#MAIN a.fancybox{
	/display:inline;
	/zoom:1;
	max-width:100%;
	-moz-box-shadow:3px 3px 6px #ccc;
	-ms-box-shadow:3px 3px 6px #ccc;
	-o-box-shadow:3px 3px 6px #ccc;
	box-shadow:3px 3px 6px #ccc;
}

#MAIN .zoomguide{
	line-height:24px;
	padding-left:28px;
	background:url('../img/icon/zoom.png') no-repeat;
	margin-top:10px;
}

#fancybox-title {
	/*font-size: 12px;
	z-index: 1102;
	position:fixed;
	left:50% !important;
	bottom:20px;*/
}



/* 共通 フロア<==>クーポン 相互リンク */

#MAIN .cplink a,
#MAIN .flink a{
	color:#3d5394;
}

#MAIN .cplink a:hover,
#MAIN .flink a:hover{
	text-decoration:none;
	color:#5472cb;
}
@media print {
	html, body {width:80% !important;}
}