@charset "UTF-8";

/*------------------------------------------

format

------------------------------------------*/

#main h3 {
	margin:0 0 18px 30px;

}
.contentBlock {
	margin:0 30px 40px 75px;

}
/*------------------------------------------

index

------------------------------------------*/

#topSideBar {
	width:210px;
	float:left;
	display:inline;
	margin:0 10px 0 30px;

}
#topNavBar {
	background: url(../images/nav_bar_b.png) 0 100% no-repeat;
	padding:0 0 16px;

}
#topNavBarInr {
	background: url(../images/nav_bar.png);
	padding:40px 13px 0;

}
#barNav {
	padding:10px 0 0;

}
#barNav li {
	margin:10px 0 0;

}
.bnrArea li{	margin: 0 0 8px;
}
.bnrArea li.first{	margin: 0 0 15px;
}
.topSideBlock {
	margin:20px 0 10px;

}
.topSideBlock h2 {
	padding:5px;
	text-align:center;
	border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	line-height:0;

}
.sideInfo ,

.tagConcept {background:#4a4a4a;}
.sideTwitter {background:#55c2e1;}
.sideWings ,

.tagWings {background:#f57318;}
.sidePlus ,

.tagPlus {background:#f5515b;}
.sideGarden ,

.tagGarden {background:#a8d640;}
.tagCoupon {background:#f4acf7;}
.tagStyle {background:#ac9679;}
.tagCare {background:#5883af;}
.tagArrange {background:#e4d244;}
.tagBlog {background:#2bccdf;}
.tagRecruit {background:#959595;}
.topSideBlockBody {
	background:#fff;
	border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;	
	padding:10px;

}
.topSideBlockBody.twitter {
	padding:0 0 10px;

}
.sideShopInfo dd {
	padding:8px 0 0;
	margin:8px 0 0;
	border-top:1px dotted #b2b2b2;

}
.sideMoreLink {
	text-align:center;
	line-height:0;

}
.newsList li {
	border-bottom:1px dotted #b2b2b2;
	padding:0 0 8px;
	margin:0 0 8px;

}
.newsList .date {
	font-size:10px;

}
.twtr-hd ,

.twtr-ft {

    display:none;

}
#topContent {
	margin:60px 0 0 250px;

}
#gridColumn {
	overflow:hidden;
	height:100%;

}
#gridColumn li {
	display:inline;
	float:left;
	margin:0 0 16px 16px;
	border-radius:8px;
	-webkit-border-radius:8px;	

}
#gridColumn li .pie {
	padding:10px;
	border-radius:8px;
	-webkit-border-radius:8px;		
	background:#fff;

}
#gridColumn p {
	margin:10px 0 0;
	color:#959595;

}
#gridColumn .gridMain {
	width:976px;

}
.gridTag {
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
	color:#fff;
	font-family:Areal,helvetica;
	padding:2px 6px;
	font-size:10px;

}
.tagWings {background:#;}


/*------------------------------------------

shop

------------------------------------------*/

.shopIntro {
	text-align:right;

}
#shopMenu .col1 {
	width:280px;
	float:left;

}
#shopMenu .col2 {
	width:280px;
	float:right;

}
#shopMenu h4 {
	margin:20px 0 8px;

}
#shopMenu .firstChild {
	margin-top:0;

}
#shopMenu p {
	font-size:10px;
	margin-left:30px;

}
.menuData {
	margin:0 0 0 30px;

}
.menuData li {
	margin:0 0 10px;
	overflow:hidden;

}
.menuData .menuTitle {
	float:left;

}
.menuData .price {
	float:right;
	width:65px;
	padding:0 0 0 26px;
	background: url(../images/shop_price_icon.png) 0 50% no-repeat;

}
#shopAccess {
	width:686px;
	margin-top:75px;

}
#shopPhoto{
	width:686px;
	margin:0 0 0 28px;

}
.accessData {
	width:415px;
	float:left;

}
#shopAccess .map {
	float:right;

}
.accessDataDetail {
	margin:0 0 0 105px;

}
.accessDataDetail dt {
	display:inline;
	float:left;

}
.accessDataDetail dd {
	margin:0 0 10px 65px;
	font-size:16px;
	font-weight:bold;

}
.accessData p {
	text-align:right;

}
.shopPark {
	text-align:right;
	clear:both;
	padding:10px 0 40px;

}
.shopStaff li {
	margin:0 0 10px 30px;

}
#addressText{

font-weight:bold;

margin:0 0 0 105px;

text-align:left;

}
/*------------------------------------------

homecare

------------------------------------------*/

#main .homecareTtl {
	margin:16px 0;

}
.homecareBlock {
	margin:20px 0 40px;

}
.homecareItem {
	float:right;

}
.homecareItemInfo {
	text-align:right;
	margin:50px 220px 0 0;

}
#noWaterTreatment .homecareTtl {
	margin-top:-10px;
	position:relative;

}
#noWaterTreatment .homecareItemInfo {
	margin-top:0;

}
.homecareItemInfo strong {
	color:#577faf;

}
.homecareItemInfo .attention {
	font-size:10px;

}
.homecareStepList {
	padding:20px 0 0 100px;

}
.homecareStepBlock {
	width:214px;
	height:292px;
	float:left;
	margin:0 10px 20px 0;

}
.homecareStepBlock p {
	margin:5px 0 0 45px;

}
/*------------------------------------------

hair arrenge

------------------------------------------*/

#main .arrengeBlock h3 {
	margin:0 0 18px;

}
.arrengeBlock {
	margin:30px -32px 0 0;
	width:746px;

}
.arrengeBody {
	padding:0 0 0 68px;

}
.arrengeBody li {
	float:left;
	display:inline;
	margin:0 10px 10px 0;
	position:relative;

}
.arrengeBody .mainImg {
	margin-right:0;

}
/*------------------------------------------

message

------------------------------------------*/

#msg {
	width:680px;
	margin:30px auto;
	overflow:hidden;

}
.msgPhoto {
	float:left;

}
#msgBody {
	margin:0 0 0 336px;

}
#main .msgTtl {
	margin:20px 0;

}
#msgNav {
	margin:60px 0 0;

}
#msgNav li {
	float:left;
	display:inline;
	margin:0 0 14px 14px;

}
/*------------------------------------------

recruit

------------------------------------------*/

#main .recruitPoint {
	padding:30px 0 0;
	margin:0;

}
.recruitTable {
	width:660px;
	margin:0 auto 40px;

}
.recruitTable th ,

.recruitTable td {
	border-bottom:1px dotted #d9d9d9;
	padding:8px 0;

}
.recruitTable th {
	width:130px;
	text-align:left;

}
/*------------------------------------------

coupon

------------------------------------------*/

#main .couponTtl {
	margin:40px 20px 10px;

}
.couponBlock {
	margin:0 20px;
	overflow:hidden;

}
.couponImg {
	width:323px;
	float:left;

}
.couponSize {
	text-align:right;
	margin:10px;

}
.couponBody {
	width:344px;
	padding:20px 0 0;
	float:right;

}
.couponBody p {
	margin:1em 0 2.5em;

}
#styleSummary {
	margin:40px 0 10px 68px;

}


/*------------------------------------------

styling

------------------------------------------*/
.coupon,.styling{
	color:#787878;
font-family: 'Rambla', 'Open Sans', sans-seri, ArialMT, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック";
}
.ancerMenu{
	text-align:center;
	margin:10px 0 30px;
}
.ancerMenu li{
	display:inline;
	padding:0 2px;
}
.readArea{
	color:#e65091;
	margin:0 0 20px;
	text-align:center;
}
.readArea dt{
	font-size:22px;
}
.readArea dd{
	font-size:15px;
}

.recomendArea{
	margin:0 0 20px;
	padding:0 0 50px;
	background:url(../images/line.gif) no-repeat center bottom;
}
.recomendArea dl{
	float:left;
	width:210px;
	margin:0 0 0 25px;
}
.recomendArea dl.first{
	margin:0 0 0 20px;
}

.recomendArea dl dt{
	padding:9px 0 0;
	width:210px;
	height:265px;
	margin:0 0 10px;
	text-align:center;
	background:#f6f2ec url(../images/styling/bg_recomend.gif) no-repeat center 0;
}

.recomendArea dl dd{
	font-size:15px;
	margin:0 10px 0;
}

#main .styling h3{
	margin:0 0 15px;
}
#main .styling h4{
	margin:0 0 20px 20px;
}
#main .styling .txt{
	margin:0 0 50px 20px;
	font-size:13.5px;
}

.pageTop{
	padding:20px 40px 25px;
	background:url(../images/line.gif) no-repeat center bottom;
	text-align:right;
	margin:0 0 45px;
}

.styleList{
	margin:0 0 20px;
}

.styleList li{
	float:left;
	width:120px;
	margin:0 0 0 20px;
}
.styleList li span{
	display:block;
	padding:5px 0 0;
}

.txtArea{
	margin:30px 70px 40px;
	line-height:1.6;
}
.txtArea ul li{
	display:inline;
	padding:0 16px 0 0 ;
}
.txtArea p{
	font-size:13px;
}

.modalArea {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;padding}

/* Container */
.modalArea { width:630px; background-color:#ffffff; border:5px solid #dbd7d5; padding:43px 20px 0px;
	color:#787878;
font-family: 'Rambla', 'Open Sans', sans-seri, ArialMT, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック";
}
a.simplemodal-close {background:url(../images/styling/close.gif) no-repeat; width:91px; height:24px; display:inline; z-index:3200; position:absolute; top:17px; right:25px; cursor:pointer;}
.modalArea p{
	font-size:13.5px;
	margin:0 0 10px;
}
.modalArea h3{
	color:#f5648c;
	padding:0 0 0px 3px;
	margin:0 0 5px;
	border-bottom:2px solid #c8c9ca;
	font-size:19px;
}
.modalArea .thumb{
	float:left;
	padding:10px 10px 7px;
	background:#f4f0ea;
	margin:0 0 10px;
}
.modalArea .thumb ul li{
	float:right;
}
.modalArea .thumb ul li.odd{
	float:left;
}
.modalArea .thumb img{
	box-shadow:rgba(166, 166, 166, 0.188235) 0px 0px 13px 4px;
-webkit-box-shadow:rgba(166, 166, 166, 0.188235) 0px 0px 13px 4px;
-moz-box-shadow:rgba(166, 166, 166, 0.188235) 0px 0px 13px 4px;
}

.modalArea .Inner{
	overflow:hidden;
	padding:30px 0 0 20px;
}
.modalArea .Inner p,
.modalArea h3{
	width:354px;
}
.modalArea .Inner p{
	margin:0 0 0 3px ;
}
.modalArea h4{
	font-size:15px;
	padding:0 0 0px 3px;
	margin:15px 10px 5px 0;
	border-bottom:2px solid #c8c9ca;
}
.modalArea dl{margin:15px 0 0 5px;
font-size:13.5px;
}
.modalArea dl dt{
	float:left;
	text-align:center;
	color:#fff;
	background:#969696;
	padding:2px 15px;
	margin:0 0 5px;
}
.modalArea .Inner p.text{
	width:354px;
	font-size:13.5px;
}

.modalArea dl dd{
	padding:2px 10px;
	overflow:hidden;
	margin:0 0 5px 10px;
}


.modalArea .Inner p.couponBtn{
	margin:0 0 0;
	padding:0 0 10px;
}
.modalArea .Inner ul{
	margin:10px 0 0;
}
.modalArea .Inner ul li{
	float:left;
}
.modalArea .Inner ul li img{
	vertical-align:top;
}


/*------------------------------------------------------------------

	coupon

-----------------------------------------------------------------*/
.coupon .ancerMenu{
	margin:0 0 45px;
	padding:0 0 25px;
	background:url(../images/line_y.gif) no-repeat center bottom;
}
.coupon .txt{
	padding:0 0 15px 10px;
	background:url(../images/line_g.gif) repeat-x left bottom;
	margin:0  10px 45px 10px;
	font-size:13.5px;
}

.couponBox{
	font-size: 15px;
	padding:20px 20px 0;
	border:5px solid #dbd7d5;
	box-shadow:rgba(166, 166, 166, 0.188235) 0px 0px 13px 4px;
-webkit-box-shadow:rgba(166, 166, 166, 0.188235) 0px 0px 13px 4px;
-moz-box-shadow:rgba(166, 166, 166, 0.188235) 0px 0px 13px 4px;
margin: 0 20px 30px;
}
.couponBox .thumb{
	float:right;
	margin:0 0 20px 15px;
	color:#787878;
	box-shadow:rgba(232, 232, 232, 0.8) 3px 4px 14px 3px;
	-webkit-box-shadow:rgba(232, 232, 232, 0.8) 3px 4px 14px 3px;
	-moz-box-shadow:rgba(232, 232, 232, 0.8) 3px 4px 14px 3px;
}

.couponBox .thumb img{
/* box-shadow */
}

.couponBox h4{
	color:#f5648c;
	font-weight:bold;
	margin:0 0 5px 5px;
	font-size:18px;
	overflow:hidden;
}
.couponBox p{
	overflow:hidden;
	margin:0;
}
.couponBox .date{
	text-align:right;
	padding:0 0 0px;
	overflow:hidden;
	margin:10px 0 2px 5px;
	border-bottom:3px solid #c8c9ca;
	width:393px;
}
.couponBox .text{
	width:393px;
	margin-left:5px;
}
.couponBox ul li{
	float:left;
}


/*------------------------------------------------------------------

	■clear

-----------------------------------------------------------------*/


.modalArea .Inner ul,
.couponBox,
.styleList,
.recomendArea {display: inline-block;} 

.modalArea:after,
.modalArea .Inner ul:after,
.couponBox:after,
.styleList:after,
.recomendArea:after{
	content: "."; display: block;height: 0;font-size:0;clear: both;visibility:hidden;
}
	

/* Hides from IE Mac */
* html .modalArea .Inner ul,
* html .couponBox,
* html .styleList,
* html .recomendArea {height: 1%;}


.modalArea .Inner ul,
.couponBox,
.styleList,
.recomendArea {display:block;}
/* End Hack */ 



/*------------------------------------------------------------------

	■price

-----------------------------------------------------------------*/

.price {
    display: flex;
}
.price .list {
    width: 45%;
}
.price .list:last-child {
    margin-left: 10%;
}
.price .list .box {
    margin-bottom: 30px;
}
.price .list .box .ttl {
    color: #e65091;
    font-weight: bold;
}
.price .list .box table {
    width: 100%;
}
.price .list .box th {
    text-align: left;
}
.price .list .box td {
    text-align: right;
}