@charset "UTF-8";
 @import url('css/format.css');
span.cover {
	position:absolute;
	display:block;
	top:10px;
	left:10px;
	width:200px;
	height:200px;
	background:url('images/cover.png');
}
.by {position:relative;}
.radius {
	border-radius:3px;
}
.white, .dark {
	padding:0 3px;
}
.white {
	background:white;
}
.dark {
	background:#333;
	color:#fff;
}
.non-overflow{overflow:hidden;}


/* 写真素材に */
.gallery{margin-right:-20px;}
.gallery .pict,
.gallery li{
	float:left;
	border:10px solid #fff;
	margin:0 10px 10px 0;
	width:150px;
	background:#fff;
}
.gallery li img.pct{	width:150px;}
.gallery p{font-size:10px; text-align: center;}



#content .grid .box .social-link {
	position:absolute;
	top:11px;
	right:20px;
}
.social-link a {
	padding:7px 0 0 35px;
	margin-left:3px;
	font-size:10px;
}
.social-link a.blog {
	background:url('images/icon/blogger_32.png') no-repeat;
}
.social-link a.twitter {
	background:url('images/icon/twitter_32.png') no-repeat;
}
.social-link a.facebook {
	background:url('images/icon/facebook_32.png') no-repeat;
}


body {
	background:#f1f1f1/* url('./images/bg/diagonal-noise.png')*/;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#555555;
	letter-spacing:1px;
}




sup {
	font-size:10px;
	vertical-align: super;
	margin:0 5px;
}
a{color:#1fb4dd;}

#warpper, .wrapper {

	width:1100px;
	margin:0 auto;
	position:relative;

}
/*header*/

#header {

	width:1020px;
	padding:10px 0 0;
	margin:0 auto;

}

img#logo {
	height:35px;
}
#logo {
	text-align:center;
}
#logo img {
	width:200px;
	margin:45px 0 15px;
}

/*nabi*/
#navi {

	border-radius:5px;
	background:#181819  /*url('images/darth_stripe.png')*/;

	/*
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	*/
}
#navi ul {
	font-size:11px;
	line-height:35px;
	width:980px;
	margin:0 auto 0;
}
#navi ul li {
	float:left;
	width:98px;
}
#navi ul li a {
	display:block;
	padding:20px 0;
	color:#999;
	text-decoration:none;
	text-align:center;
}
/* #navi ul li.right a {
	border-right:none;
} */



#navi ul li.active a,
.home #navi li.home,
.news #navi li.news,
.menu #navi li.menu,
.style #navi li.style,
.staff-blog #navi li.staff-blog,
.nail #navi li.nail,
.wedding #navi li.wedding,
.esthe #navi li.esthe,
.coupon #navi li.coupon,
.shop #navi li.shop,
.mail #navi li.mail{
	/* アクティブページへの適用 */
	color:#fff;
	border-bottom:2px solid #1fb4dd;
}








#branding {
	padding:0;
	margin:10px auto;
	position:relative;
	width:1000px;
}
#slider {
	margin:0 auto;
	width:980px;
	height:360px;
	border:10px solid white;
	overflow:hidden;
}
#twitter {
	position:absolute;
	bottom:20px;
	right:20px;
	background:#111111;

	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;

	border-radius:5px;

}





#main {
	width:710px;
	float:left;
	line-height:200%;
	margin:0 0 10px 50px;
}
/*side*/
#side {
	width:270px;
	float:right;
	margin:0 50px 10px 0;

}
#side a img {
	/*margin-bottom:10px;
	border:1px solid #fff;*/
}





/*footer*/
#footer{
	clear:both;
	font-size:12px;
	background:#111;
	padding:50px 20px 100px;
	text-align:center;
	border-radius:10px 10px 0 0;
	margin:0 40px;
}
#nav-footer{
	margin-bottom:30px;


}
#nav-footer ul{

}
#nav-footer li{	display:inline; }

/*
#footernavi ul li {
	display:block;
	float:left;
	margin-left:48px;
	margin-bottom:10px;
	list-style:none;
}
#footernavi ul li a {
	font-size:12px;
	padding:10px 5px;
	color:#999;
	text-decoration:none;
}
*/

.copyright{
	color:#1fb4dd;
	margin-bottom:30px;
}
.supported{font-size:10px;}


















/* コンテンツ部分 */

#main .container,
#footer .container{
	background:#fff;
	padding:10px 0 0 12px;
	margin-bottom:10px;
	border-radius:5px;
	position:relative;	
}
#footer .container{padding:10px;}
#side .container{
	background:#fff;
	padding:10px;
	margin-bottom:10px;
	border-radius:5px;
	position:relative;	
	/*overflow:hidden;*/
	text-align:center;
}

#main .container:after{
	/* 吹き出しの部分 */
	position: absolute;
	content:" ";
    	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 15px solid #fff; /* 背景色 */
	border-left: 30px solid transparent; /* 親要素の背景色 */
	left: -30px;
	bottom: 5px;
}
#footer .container:after{
	/* 吹き出しの部分 */
	position: absolute;
	content:" ";
    	width: 0;
	height: 0;
	line-height: 0;
	border-top: 5px solid #fff; /* 背景色 */
	border-left: 10px solid transparent; /* 親要素の背景色 */
	left: -10px;
	top: 5px;
}
#side .container:after{
	/* 吹き出しの部分 */
	position: absolute;
	content:" ";
    	width: 0;
	height: 0;
	line-height: 0;
	border-top: 10px solid #fff; /* 背景色 */
	border-right: 20px solid transparent; /* 親要素の背景色 */
	right: -20px;
	top: 5px;
}



#content .container .grid .box{margin-right:10px;}


#content {
	position:relative;
}

#content p{
	
	margin-bottom:20px;
	
}
	.esthe #content{font-size:12px;}
	.esthe #content .floatleft{
		
		float:left;
		margin:0 20px 20px 0;	
		
	}
	.esthe #content h2{
		
		border-bottom:1px solid #fff;
		margin-bottom:20px;
		font-size:16px;
		
	}
	.esthe #content p{
		
		line-height:200%;	
		
	}

	.nail #content{font-size:12px;}
	.nail #content .gallery li{
		
		border:10px solid #fff;
		width:150px;
		height:90px;
		overflow:hidden;

		
	}
	
	.nail #content .gallery li img.pict{
		
		border:0;
		float:none;	
		
	}

	.nail #content .extender{
		position:relative;
		font-size:12px;
		margin-bottom:20px;
		margin-right:20px;
	}
	.nail #content .extender ul{
	
		margin-bottom:20px;	
		
	}
	.nail #content .extender li {
		padding:0 10px;
	}
	.nail #content .extender li span{float:right;}
	.nail #content .extender li:nth-child(2n) {
		background:#ddd;
	}

#indicator{
	
	margin:auto 40px 10px;
	padding:10px 20px 10px;	
	position:relative;	
	background:#111 url('./images/bg/type.png');
	border-radius:5px;
	color:#1fb4dd;

}


.page-title, .category-title {
	line-height:1em;
	font-family:Tahoma, Geneva, sans-serif;
}
.page-title:first-letter{font-size:64px;}
.page-title {

	padding-top:20px;
	font-size:48px;
	letter-spacing:-0.01em;
	text-shadow:0 0 1px #111;
	margin-bottom:10px;
	border-bottom:1px solid #1fb4dd;

}
.page-description{margin-bottom:10px;font-size:12px;}
.bread{font-size:11px; margin:5px 0;}
.bread li{ float:left; }
.bread li span.active{ background:#fff; padding:0 5px; border-radius:3px; }
.bread li:before{content:"»"; margin:0 2px;}
.bread li.home:before{content:"";margin-left:0; }

.category-title{
	position:relative;
	border-radius:5px;
	border-bottom:1px solid #ccc;
}


.category-title{
	color:#1fb4dd;
	font-size:20px;
	display:block;
	margin-bottom:10px;
	background:#fff;
	padding:10px;

}

#indicator:after,
.category-title:after{
	/* 吹き出しの部分 */
	position: absolute;
	content:" ";
    	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 15px solid #1C1C1C; /* 背景色 */
	border-left: 30px solid transparent; /* 親要素の背景色 */
	left: -30px;
	bottom: 5px;

}
.category-title:after{border-bottom: 15px solid #fff;}








#sub-nav {
	position:absolute;
	right:10px;
	bottom:20px;
}
#sub-nav a{font-size:12px;}
#sub-nav ul li {
	float:left;
	margin-right:10px;
}
.half-box {
	position:relative;
	font-size:12px;
	margin-bottom:20px;
	width:345px;
	float:left;
	margin-right:20px;
}
.half-box li {
	padding:0 10px;
}
.half-box li span {
	float:right;
}
.menu #content .half-box li:nth-child(2n) {
	background:#ddd;
}



/*content*/
#content .grid {
}
#content .grid .extender{
	margin-right:-100px;	
}
.staff-blog #content .grid{margin-right:0;}








.square {
	height:220px;
	background:#fafafa;
}
#content .grid .box {
	position:relative;
	overflow:hidden;
	width:220px;
	border:1px solid #fff;
	background:#fff;
	float:left;
	margin:0 10px 10px 0;
	font-size:12px;
	border-radius:5px;
}



#content .grid .box.gray{
	background:#f3f3f3;
}
.imgname:first-letter{font-size:12px;}
.imgname {
	position:absolute;

	bottom:20px;
	right:10px;

	color:#1FB4DD;
	font-size:10px;
	text-align:right;
	z-index:1000;

	padding:0 10px;
	background:#fff;
	
	border-radius:3px;

}
.imgname:after{
	/* 吹き出しの部分 */
	position: absolute;
	content:" ";
    	width: 0;
	height: 0;
	line-height: 0;
	border-top: 5px solid #fff; /* 背景色 */
	border-left: 10px solid transparent; /* 親要素の背景色 */
	left: -10px;
	top: 7px;

}




#content .grid .box p {
	font-size:11px;
	line-height:150%;
}
#content .grid .box img,
#content .grid .box .movie{
	margin:10px;
}
#content .grid .box.v {
	height:420px;
}
#content .grid .box.w {
	width:100%;
}
#content .grid .box.w img {
	float:left;
}
#content .grid .box.w .box-title {
	margin-top:10px;
	background:#111;
	opacity:0.75;
	filter: alpha(opacity=75);
	padding-left:10px;
	color:#fff;
}
#content .grid .box.w .box-title, .home #content .grid .box.w .after-image {
	margin-left:220px;
}
#content .grid .box p, #content .grid .box h3, #content .grid .box h4, #content .grid .box ul {
	margin:auto 10px;
}
#content .grid .box li {
	line-height:200%;
}
#content .grid .box .box-title {
	font-size:16px;
}
/* コメントボックス */
.comment {
	position:relative;
	background: #f3f3f3;
　/* 背景色 */
}
.comment .arrow {
	/* 吹き出しの部分 */
    	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 30px solid #e3e3e3; /* 背景色 */
	border-left: 50px solid transparent; /* 親要素の背景色 */
	position: absolute;
	bottom: 20px;
	left: -50px;
}

#content .grid .box.w .comment {
	margin:10px 10px 10px 220px;
	padding:10px;
}
#content .grid .box.w .name {
	font-size:20px;
	border-bottom:1px solid white;
	line-height:1em;
	margin-bottom:11px;
}
.grid .box.cam {
	display:block;
	overflow:hidden;
	cursor: pointer;
	border:2px solid #ccc;
	background-color:#cc9966;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(204,153,102)));
	background-image:-moz-linear-gradient(-90deg, rgb(255,255,255)0%, rgb(204,153,102)100%);
	background-image:linear-gradient(-90deg, rgb(255,255,255)0%, rgb(204,153,102)100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff21b9ff, endcolorstr=#ff007acc, gradienttype=0));
	zoom:1;
}
.box.cam h2 {
	font-size:14px;
	text-align:center;
}
.box.cam h2 a {
	text-decoration:none;
	color:#000;
}
.box.cam h3 {
	text-align:center;
	margin-top:10px;
	;
}
.box.cam h4 {
	margin-top:-5px;
	line-height:0.001;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0;
	color:#000;
}
.box.cam h4 strong {
	color:#F00;
	font-weight:900;
	font-variant:small-caps;
	font-size:12px;
}
.box.cam h5 {
	margin-top:-5px;
	margin-left:10px;
	font-size:8px;
	font-variant:small-caps;
	font-weight:300;
	letter-spacing:0;
	color:#000;
}
.box.cam h6 {
	text-align:right;
	margin-top:-10px;
	letter-spacing:0;
	font-size:8px;
	font-weight:300;
	font-variant:small-caps;
	color:#000;
}
.box.cam h3 {
	text-align:right;
}
#content .grid .box.dx {
	width:100%;
	height:200px;
	overflow:hidden;
	float:left;
}
.boxspace {
	border-top:1px dotted #ccc;
	margin-bottom:20px;
}
#content .grid .box.sh {
	width:205px;
	height:340px;
	border:0;
	border-bottom:1px dotted #ccc;
	float:left;
}
#content .grid .box.sh img {
	border:2px solid #ccc;
}
.box.sh h3 {
	margin-top:0;
	font-size:18px;
}
.box.sh h4 {
	margin-top:-20px;
	font-size:16px;
}
.box.sh p {
	font-size:13px;
	margin-top:-18px;
	line-height:1;
}
.box.sh ul {
	margin-top:-4px;
	margin-left:-38px;
	list-style:none;
}
.box.sh ul li {
	list-style:none;
	margin-top:-2px;
	font-size:12px;
}
/*float-clear*/
.float-clear {
	clear:both;
}
/*staff&blog content*/
.grid .shop {
	width:629px;
	overflow:hidden;
	margin-left:5px;
}
#content .grid .box.st {
	width:620px;
	height:188px;
	margin-bottom:30px;
	margin-left:20px;
	border:0;
}
.box.st img {
	width:188px;
	float:left;
	border-radius:10px;
	-moz-border-radius:10px;
}
.box.st .text {
	margin-top:-18px;
	margin-left:200px;
}
.text h4 {
	font-size:13px;
}
.text h5 {
	font-size:10px;
	margin-top:-20px;
}
.text h3 {
	font-size:24px;
	margin-top:-24px;
}
.text ul {
	margin-top:-26px;
	margin-left:-40px;
}
.text ul li {
	list-style:none;
	font-size:12px;
	margin-top:-2px;
}
.page a {
	display:block;
	margin:2px 4px 0 0;
	float:left;
	width:120px;
	font-weight:900;
	font-size:16px;
	background-color:#ccc;
	color:#fff;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0, 3), 0 15px 0 rgba(255,255,255,0.4)inset;
	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0, 3), 0 15px 0 rgba(255,255,255,0.4)inset;
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0, 3), 0 15px 0 rgba(255,255,255,0.4)inset;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(200,200,200)), color-stop(1, rgb(113,112,113)));
	background-image:-moz-linear-gradient(-90deg, rgb(200,200,200)0%, rgb(113,112,113)100%);
	background-image:linear-gradient(-90deg, rgb(200,200,200)0%, rgb(113,112,113)100%);
	text-shadow:1px 1px 0 rgba(0,0,0,0.4);
}
/*menu*/
	h3.menu {
	font-size:20px;
	margin-top:0;
	border-bottom:3px solid #ccc;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0 0 0 10px;
}
/*style*/
	a.fancyzoom {
	margin:0 0 0 0;
}
/*
.style ul{
	margin-top:0;
	margin-left:-40px;
	height:26px;
}
.style ul li{
	float:left;
	display:block;
	list-style:none;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:2px 30px 0 20px;
}
.style ul li.bdleft{
	border-left:1px solid #ccc;
}
	
.style ul li a{
	text-decoration:none;
	color:#555;
	font-size:20px;
	font-weight:400;
}
*/
	/*--Column Styles--*/
ul.columns {
	width: 250px;
	list-style: none;
	margin:20px 0 250px 20px;
	padding:0;
}
ul.columns li {
	width: 225px;
	float: left;
	display:inline;
	margin: 10px;
	padding: 0;
	position: relative;
}
/*--Thumbnail Styles--*/
ul.columns li img {
	position: relative;
	z-index:99;
}
/*--Details Style--*/
ul.columns li .info {
	position: absolute;
	left: -8px;
	top: -10px;
	padding: 210px 10px 20px;
	width: 220px;
	background:#eee;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	text-align:center;
	margin: 0;
}
table.tbstyle tr th h3 {
	margin:0;
	padding:2px 0 0 5px;
	border-left:6px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:100;
}
table.tbstyle {
	margin-bottom:100px;
}
/*shop.html*/
	h3.shoplist {
	border-bottom:2px solid #ccc;
	border-left:1px solid #ccc;
	padding:0 0 0 3px;
}
table.tbshop {
	margin:0 0 40px 0;
}
table.tbshop tr th {
	font-weight:100;
}
table.tbshop tr th h3 {
	margin:0 0 0 0;
	padding:2px 0 0 5px;
	border-left:6px solid #ccc;
	font-weight:100;
}
/*campaign.html*/
	#campaign {
	width:600px;
	float:right;
}
#campaign h1 {
	text-align:center;
	font-size:30px;
	color:#F56991;
	padding:30px;
}
#campaign h2 {
	text-align:right;
	font-size:24px;
	padding:30px;
}
#campaign h3 {
	text-align:left;
	padding:0 0 0 30px;
}
#campaign h4 {
	padding:0 30px 0 0;
	margin:-10px 0 50px 0;
}
/*
 * jQuery FlexSlider v1.3
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width: 100%;
	margin: 0;
	padding: 0;
}
#slider .slides li, .flexslider .slides li {
	width:980px;
	height:360px;

} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%;
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.flexslider .slides li {
	position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {
	position: relative;
}
/* Caption style */
.flex-caption {
	width: 96%;
	padding: 2%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 15px;
	line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav li a {
	width: 52px;
	height: 52px;
	margin: -13px 0 0;
	display: block;
	background: url(theme/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
	background-position: -52px 0;
	right: -21px;
}
.flex-direction-nav li a.prev {
	background-position: 0 0;
	left: -21px;
}
/* Control Nav */
.flex-control-nav {
	margin-left: -31px;
	position: absolute;
	bottom: -30px;
	left: 50%;
} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {
	margin: 0 0 0 5px;
	float: left;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(theme/bg_control_nav.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -26px;
	cursor: default;
}









	#pointer li{margin-right:3px;}
	#pointer li a{

		display:block;
		width:42px;
		height:42px;
		border:1px solid #ccc;
		overflow:hidden;
		margin:0;



		/* line-height:45px;
		vertical-align:middle; */

	}
	#pointer li a img{margin-left:-10px;}






#widget-facebook{
	
	overflow:hidden;	
	
}

.social-links span{
	display:inline-block;
	margin-right:5px;
}
.social-links span a{display:block; line-height:16px; height:16px; padding-left:20px;}
.social-links .facebook{ background:url('images/icon/facebook_16.png') no-repeat; }
.social-links .blog{ background:url('images/icon/blog_16.png') no-repeat;	}

/*= clear.css
clearfix用
*/
#navi ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #navi:after ul {
zoom: 1;
} /* IE6 */
*:first-child+html #navi:after ul {
zoom: 1;
} /* IE7 */