/**
$Id: index.v3r1.css,v 1.1 2016/07/29 11:08:51 jbc0019 Exp $
*/


#rasysacontents .content-default-width{
margin-left: auto;
margin-right: auto;
}

#sp2nail h1 {
font-size: 10px;
color: #886666;
}


.pr-text{
height:1.8em;
width:100%;
position:absolute;
bottom:20px;
right:20px;
text-align:right;
font-size:12px;
}
.pr-text a{
text-decoration: underline;
}
.pr-text a:before{
content:"[PR]";
}



/* gallery */

.contents{
background-color: #fcfcf3;
}
#gallery.wrapper{
min-width:300px;
margin:auto;
}
#gallery .wrapper-inner{
float:left; margin:0px -5px;
}

#gallery.wrapper{
margin:auto;
}

.gallery-style {
position: relative;
width: 135px;
padding: 5px 5px 5px 5px;
font-size: 10px;
line-height:1.2;


background-color: #fff;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-ms-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-o-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#cfcfcf', Direction=135, Strength=2);

margin: 5px;
float:left;
height: 275px;
}
a.gallery-style.box {
margin:0px;
}
a.gallery-style {
text-decoration:none;
color: #444444;
}

.gallery-style .stylist-area{
	margin-top:5px;
}
.gallery-style .stylist-area .salon-name{
	height:24px;
	overflow:hidden;
	display:block;
	color: #444444;
}
.gallery-style .stylist-area .stylist-name{
	height:12px;overflow:hidden;display:block;
	color: #333333;
}
.gallery-style  .stylist-area span{
    font-size: 10px;
    line-height:1.2;
}

.gallery-style .style-img {
	overflow:hidden;
	height:220px; 
}
.gallery-style .style-img-inner{
	overflow:hidden;
	margin-left:-150px;
	width:435px;
	height:220px;
	text-align:center;
	background:url(//www.rasysa.com/pkg/style/image/detail/logo_rasysa.gif) center center no-repeat;
}
.gallery-style .style-img-inner > img{
max-height:100%;margin:0 auto;
}

.gallery-style .salon-img {
    float:left;
    margin-right: 5px;
    width:36px;
    height:36px;
    border:#cccccc solid 1px; 
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position:0% 0%;
    box-shadow:none;
    border-radius: 2px;        /* CSS3 */  
   -webkit-border-radius: 2px;    /* Safari,Google Chrome */  
   -moz-border-radius: 2px;   /* Firefox */  
   -ms-border-radius: 2px;    /* Safari,Google Chrome */  
}

.gallery-style .style-new-icon{
    clear:left;
    position:absolute;
    top:0;
    left:0;
    width:35px;
    height:35px;
    background-image: url(//www.rasysa.com/pkg/style/image/style1/icn_new.gif);
    background-repeat:no-repeat;
}

.gallery-style .style-today-icon{
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}



.bannerbox-pr2{
    width:300px;
    margin: 5px;
}
.bannerbox-pr2 p{
font-size:8px;
color:#fff;
background: #ccc;
}
.bannerbox-pr2 .h250 {
height:auto;
min-height: 295px;
max-height: 600px;
}


#gallery.wrapper{
-webkit-border-sizing: border-box;
-moz-border-sizing: border-box;
-ms-border-sizing: border-box;
border-sizing: border-box;
font-size: 90%;
}

#gallery .wrapper-inner{
width:1075px;
margin:0 auto;
min-width:640px;
float:none;

display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: block;

-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-ms-box-orient: horizontal;
box-orient: horizontal;

-webkit-box-pack: end;
-moz-box-pack: end;
-ms-box-pack: end;
box-pack: end;
}
#gallery .wrapper-inner .liquid-flex{
	margin:0 -5px;
}
#gallery .gallery-style-wrap,
#gallery .bannerbox-pr2{
	font-size:12px;
}

#gallery a.gallery-style:hover .style-img{
	border-bottom: 3px solid #F89406;
	height: 217px;
}


.headtext {
	font-size: 11px;
	line-height: 20px;
	color: #9c9c9c;
	vertical-align:middle;
	padding: 6px 0px;
	margin:0px auto;
}
.headtext img{
	font-size: 11px;
	line-height: 20px;
	vertical-align:middle;
}
.head-area-panel h2{
	height:32px;background:#ee9d98;line-height:32px;margin-bottom:0;padding:0 10px;
}
.head-area-panel{
	margin:0px auto; border-bottom: 3px solid #ee9d98;

}

#ErrorMessage{
/* width:610px; */
/* float:left; */
margin:5px;
}

.gallery-style-wrap {
position: relative;
width: 145px;
background-color: #fff;
margin: 5px;
float:left;
height: 295px;
font-size: 10px;
line-height:1.2;
}
.gallery-style {
margin:0;
}

.style-favorites{
display:none;
top:188px;
left:5px;
width:135px;
height: 36px;
line-height:32px;
position:absolute;
text-align:center;
background: #fbeee9;

filter:alpha(opacity=65);
     -moz-opacity:0.65;
     -khtml-opacity: 0.65;
     opacity:0.65;

cursor: n-resize;
}

.style-favorites a{
display:block;

cursor: n-resize;
}

#gallery .liquid-flex .container {
	margin:5px;
}

#gallery .search-above-box {
padding: 10px;
background: #fbeee9;

}

#gallery .gallery-length-navigator ul{
margin-bottom: 0px;
}
.gallery-length-navigator-band{
margin-top: -33px;
}

#gallery  .gallery-navi-band > div.pages{
height:32px;line-height:32px;padding:0 10px;
font-weight:normal;
}
#gallery  .gallery-navi-band > h3.conditions{
height:32px;line-height:32px;padding:0 10px;
font-weight:normal;
}


.gallery-above-page-navigator{
margin:-34px 28px 0 auto;text-align:right;
}

/* hotword */
.hotword {
margin-left: -3em;
}
.hotword dd,
.hotword dt,
.hotword li{
line-height: 12px;
font-size: 12px;
vertical-align: middle;
}
.hotword dt,
.hotword li{
padding: 1px 4px;
}

.hotword dd img,
.hotword dt img,
.hotword li img{
height:12px;
vertical-align: middle;
}

.hotword dl.tablelist dt{
	width: 10em;
}
.hotword dl.tablelist dd {
	padding-left: 10em;
}

.panel-another-content-navigation h3{
	display:inline-block;
	padding: 6px 12px;
	margin: 6px 0px;
	border:  1px solid #ead3cf;
	font-size: 12px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;

}
.panel-aotw li,
.panel-aotw dt,
.panel-aotw dd{
	font-size: 10px;
	padding: 0px 5px;
	color: #9c9c9c;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.panel-aotw a{
	color: #9c9c9c;
	text-decoration:underline;
}

.panel-aotw li{
	padding: 2px 5px;
}

.panel-aotw li:before{
	content: ' ';
}
.panel-aotw li:after{
	content: '|';
	padding-left:5px;
}

.panel-aotw dl.tablelist dt{
	width: 10em;
}
.panel-aotw dl.tablelist dd {
	padding-left: 10em;
}

.panel-another-content-navigation p.ruby{
display:inline-block;
	font-size: 12px;
	padding: 0px 6px;
	color: #9c9c9c;

}
.panel-hairstyle-pickup li{
padding: 0 10px;
}
.panel-hairstyle-pickup li .title{
	font-size: 14px;
	line-height: 32px;
	padding: 0px 6px;
	color: #fff;
}
.panel-hairstyle-pickup li .description{
	font-size: 12px;
	line-height: 1.6;
	padding: 12px 12px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #C88D8B;

}

.panel-hairstyle-selection li {
padding:10px;
}
.panel-hairstyle-selection li div.box{
background: #FBEEE9;
margin-bottom: 4px;
border: 1px solid #EAD3CF;
text-align:center;
font-size: 14px;
line-height: 18px;
color: #999;
}
.panel-hairstyle-selection div.box a p{
border-top: 1px solid #EAD3CF;
text-align:center;
font-size: 12px;
line-height: 18px;
color: #999;
}


.category-text-panel{
margin: 5px;
}
.category-text-panel p{
font-size: 12px;
line-height: 1.6;
max-width: 600px;
}
.category-text-panel img{
width:100%;
}