@charset "UTF-8";

/* ------------------------------------------------------------------
intial set
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body{
	color:#635C54;
	font-size:12px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	background:url(../images/common/bg.jpg) repeat-x;
}

body#top{
	background:url(../images/top/bg.jpg) repeat-x;
}

body#opencampaign{
	background:url(../images/campaign/open/bg.gif) repeat-x;
}

body#campaign{
	background:url(../images/campaign/open/bg.gif) repeat-x;
}

body#faq{
	background:url(../images/faq/bg.jpg) repeat-x;
}

body#news{
	background:url(../images/news/bg.jpg) repeat-x;
}

body#naildesignRanking{
	background:url(../images/naildesign/ranking/bg.jpg) repeat-x;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

img{
	vertical-align:bottom;
}

li img{
	vertical-align:top;
}

ol, ul {
	list-style:none;
}

.clear{
	clear: both;
}

strong{
	font-weight:bold;
}

/* ------------------------------------------------------------------
link
------------------------------------------------------------------ */
a{color:#635C54; text-decoration:none;}
a:link{color:#635C54; text-decoration:none;}
a:active{color:#635C54; text-decoration:underline;}
a:hover{color:#635C54; text-decoration:underline;}

/* ------------------------------------------------------------------
clearfix
------------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ------------------------------------------------------------------
base
------------------------------------------------------------------ */
div#container{
	width:940px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

div#container div#main{
	position:relative;
	width:680px;
	float:left;
	z-index:2;
}

div#container div#side{
	position:relative;
	width:220px;
	float:right;
	z-index:1;
}

/* ------------------------------------------------------------------
header
------------------------------------------------------------------ */
div#header{
	position:relative;
	width:100%;
	text-align:center;
	z-index:999;
}

div#header div#headerContainer{
	position:relative;
	width:940px;
	height:120px;
	margin:0 auto;
	text-align:left;
}

div#header div#headerContainer h1{
	position:absolute;
	top:36px;
	left:0;
	width:190px;
	height:66px;
}

div#header div#headerContainer div#login{
	position:absolute;
	top:0px;
	right:0px;
	width:122px;
	height:17px;
}

div#header div#headerContainer ol{
	position:absolute;
	right:122px;
	top:6px;
	width:507px;
	height:21px;
	overflow:hidden;
}

div#header div#headerContainer ol li{
	float:left;
	margin:0 20px 0 0;
}

div#header div#headerContainer ul#gNav{
	position:absolute;
	right:0px;
	top:98px;
	width:692px;
	height:18px;
}

div#header div#headerContainer ul#gNav li{
	float:left;
	padding:0 0 0 29px;
}

div#header div#headerContainer ul#gNav li.salonSearch{
	position:relative;
}

li.salonSearch div.sub{
	position:absolute;
	top:20px;
	right:0;
	z-index:99999;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:1px solid #EF7A00;
	padding:19px;
	background:#FFF url(../images/common/mega_bg.jpg) 0 100% repeat-x;
	width:560px;
	text-align:left;
	display: none;
}

li.salonSearch div.sub div.titleContainer{
	position:relative;
	width:560px;
	height:30px;
	background:url(../images/common/dot_gray.gif) 0 100% repeat-x;
	margin:0 0 5px 0;
}

li.salonSearch div.sub div.titleContainer h5{
	position:absolute;
	top:0;
	left:0;
}

li.salonSearch div.sub div.titleContainer div{
	position:absolute;
	top:0;
	right:0;
}

li.salonSearch div.sub div.titleContainer p{
	position:absolute;
	top:2px;
	right:103px;
	font-size:10px;
}

li.salonSearch div.sub ul{
	width:100%;
	overflow:hidden;
	margin:0 0 15px 0;
	font-size:11px;
}

li.salonSearch div.sub ul li{
	width:25%;
	float:left;
	line-height:1.8;
	margin:0 !important;
	padding:0 !important;
}

li.salonSearch div.sub ul li a{
	background:url(../images/common/arrow.gif) 100% 50% no-repeat;
	padding:0 15px 0 0;
}

li.salonSearch div.sub div.pic{
	clear:both;
}

/* ------------------------------------------------------------------
side
------------------------------------------------------------------ */
div#sSearch{
	position:relative;
	width:220px;
	height:25px;
	margin:0 0 15px 0;
}

div#sSearch img{
	cursor:pointer;
}

div#sSearch div.sub{
	position:absolute;
	top:28px;
	right:0;
	z-index:99999;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:1px solid #EF7A00;
	padding:9px 9px 0 9px;
	background:#F9F7EB;
	width:200px;
	text-align:left;
	display: none;
}

div#sSearch div.sub div{
	margin:0;
}

div#sSearch div.sub p{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/common/dot_gray.gif) 0 100% repeat-x;
	font-size:10px;
}

div#sSearch div.sub ul{
}

div#sSearch div.sub ul li{
	line-height:1.2;
	font-size:11px;
	margin:0 0 8px 0;
}

div#sSearch div.sub ul li a{
	background:url(../images/common/arrow.gif) 100% 50% no-repeat;
	padding:0 15px 0 0;
}

div.sTitle{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #A39E98;
	margin:0 0 15px 0;
	padding:1px 0 5px 0;
}

div.sTitle h4{
	float:left;
	margin:0 15px 0 0;
	padding:0;	
}

div.sTitle h4 img{
	vertical-align:top;
}

div.sTitle p.more{
	float:left;
	padding:4px 0 0 0;
}

div#sTwitter{
	margin:0 0 10px 0;
}

ul#sIcon{
	padding:0 41px;
}

ul#sIcon li{
	margin:0 5px;
	float:left;
}

ul#sBnr{
	margin:0 0 20px 0;
	overflow:hidden;
}

ul#sBnr li{
	margin:0 0 20px 0;
}

div#sBlog{
	margin:0 0 30px 0;
	overflow:hidden;
}

div#sBlog div.entry{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #A39E98;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

div#sBlog div.entry div.pic{
	width:70px;
	float:left;
}

div#sBlog div.entry div.txt{
	width:140px;
	float:right;
}

div#sBlog div.entry div.txt h3{
	font-size:10px;
	font-weight:bold;
	margin:0 0 3px 0;
}

div#sBlog div.entry div.txt p{
	font-size:10px;
	line-height:1.4;
}

div#sBlog div.end{
	margin:0 0 5px 0;
	padding:0;
	border:none;
}

div#sBlog p.more{
	text-align:right;
}

div#sShopInfo{
	border:3px solid #EF7A00;
	background:#EF7A00;
	margin:0 0 15px 0;
}

div#sShopInfo div#pic{
	margin:0 0 5px 0;
}

div#sShopInfo div#info{
	padding:7px;
	color:#FFFFFF;
	line-height:1.6;
}

div#sShopInfo div#info h3{
	text-align:right;
	margin:0 0 25px 0;
}

div#sShopInfo div#info div.service{
	text-align:right;
	margin:0 0 5px 0;
}

div#sShopInfo div#info ul{
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/salon/common/s_shopinfo_bg.gif) 0 100% repeat-x;
}

div#sShopInfo div#info ul li{
	float:right;
	margin:0 0 0 10px;
}

div#sShopInfo div#info p.tel{
	text-align:center;
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
}

div#sShopInfo div#info p.tel span{
	background:url(../images/salon/common/s_shopinfo_tel.jpg) 0 50% no-repeat;
	padding:0 0 0 30px;
}

div#sShopInfo div#info p.open{
	text-align:center;
	font-size:10px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/salon/common/s_shopinfo_bg.gif) 0 100% repeat-x;
}

div#sShopInfo div#info h4{
	font-size:12px;
	text-align:center;
	margin:0 0 3px 0;
}

div#sShopInfo div#info p.ad{
	text-align:center;
	font-size:10px;
}

/* ------------------------------------------------------------------
footer
------------------------------------------------------------------ */
div#footer{
	width:100%;
	background:url(../images/common/f_bg.gif) 0 40px repeat-x;
	text-align:center;
	padding:40px 0 0 0;
}

div#footer div#footerContainer{
	position:relative;
	width:940px;
	height:60px;
	margin:0 auto;
	text-align:left;
}

div#footer div#footerContainer p.pagetop{
	position:absolute;
	top:-15px;
	right:260px;
}

body#top div#footer div#footerContainer p.pagetop{
	position:absolute;
	top:-15px;
	right:0;
}

div#footer div#footerContainer ul{
	position:absolute;
	top:5px;
	left:0;
	width:560px;
	float:left;
	overflow:hidden;
}

div#footer div#footerContainer ul li{
	float:left;
	margin:0 30px 0 0;
}

div#footer div#footerContainer ol{
	position:absolute;
	top:35px;
	left:0;
	width:100%;
	overflow:hidden;
}

div#footer div#footerContainer ol li{
	float:left;
	margin:0 30px 0 0;
}

div#footer div#footerContainer address{
	position:absolute;
	top:6px;
	right:0;
}