.inline-block{}

.rasysacontents h2{
color: #fff;
font-size:14px;
line-height:1.4;
text-align:left;
padding: 10px 8px;
overflow:hidden;
height: auto;
}

.rasysacontents h3{
font-size:12px;
text-align:left;
line-height:1.4;
padding: 8px 8px;
overflow:hidden;
font-weight:normal;
height: auto;
}

/* ------------ */
.a01{
overflow:hidden;
}
.a01 h1 span{
display:none;
text-indent:-1000px;
}
.a01 h1{
width:100%;
}
.a01 h1 img{
width:100%;
height:auto;
}
.a01 .text{
padding: 0 8px;
font-size:14px;
}


/* ------------ */
.a02 h2{
overflow:hidden;
background:#363636;
width:100%;
height:60px;
text-indent:-1200px;
padding:0;
}
.a02 h2 a{
width:100%;
height:60px;
display:block;
}
.a02 h2 .l{
overflow:hidden;
background: url(../image/a02_header_440x120.gif);
background-repeat: no-repeat;
background-position: left,top;
width:220px;
background-size: 220px;
height:60px;
float:left;
}
.a02 h2 .r{
overflow:hidden;
background: url(../image/a02_header_200x120.png);
background-repeat: no-repeat;
background-position: right,top;
width:100px;
background-size: 100px;
height:60px;
float:right;
}

ul.japanmap {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
ul.japanmap li{
padding:8px;
min-height:39px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
ul.japanmap li .num{
float:right;
line-height: 22.39999px;
font-size: 12px;
}
ul.japanmap li .num:before{
content:"(";
}
ul.japanmap li .num:after{
content:")";
}

.a02 h3{
background:#f7c8c4;
}

.a02 .banner{
display:block;
text-align:center;
}
.a02 .banner a{
display:block;
overflow:hidden;
text-align:center;
}
.a02 .banner a img{
}
.a02 .banner a:hover{
}
.a02 ul.japanmap  a.disabled{
    color: #ccc;
}

/* --------------- */
.a03 h2 {
background-color: #8ABA32;
}
.a03 .banner a{
padding: 10px 8px;
font-size:14px;
text-align:center;
line-height:1.4;
background-color: #E1EEC1;
color: #333;
font-weight:normal;
}
.a03 .banner a .arrow{
font-size:10px;
line-height:19.6px;
color: #999;
float:right;
}

/* --------------- */
.a04 h2{
background-color: #fff;
padding: 7px 0 4px 0;
line-height:32px;
height: auto;
}
.a04 h2 a{
background-color: #363636;
padding: 0 8px;
font-family:serif;
}

.a04 h2:before{
display:block;
content:"";
background: url(../image/a04_header_icon_58x44.png);
width: 58px;
height:44px;
float:left;
margin: -7px 10px 0 0px;
}

.a04 .lead{
font-size:12px;
padding: 0 8px;
margin-bottom: 8px;
}
.a04 .clinic-list li{
border-top: 1px solid #ccc;
padding:10px 8px 10px 8px;
}
.a04 .clinic-list .ruby{
display:none;
	font-size:10px;
}
.a04 .clinic-list .ruby:before{
	content:'Pick up style:';
}
.a04 .clinic-list .ruby a{
text-decoration: underline;
}

.a04 .clinic-list .img{
width:80px;
margin-right:10px;
float:left;
}
.a04 .clinic-list .img img{
width:238px;
border:1px solid #E5E5E5;
}
.a04 .clinic-list .q{
font-size: 14px;
font-weight:bold;
color:#5F9715;
}
.a04 .clinic-list .q:before{
font-size: 14px;
content: "Q.";
margin-right: 2px;
font-weight:bold;
}

.a04 .clinic-list .a{
font-size: 12px;
line-height:1.6;
clear:both;
}
.a04 .clinic-list .qa{
font-size: 12px;
line-height:1.6;
}

.a04 .clinic-list .cloesed .qa-inner{
display:inline;
}
.a04 .clinic-list .opened .qa-inner{
display:none;
}


/* --------------- */
.a05 h2{
background-color: #363636;
}

/* --------------- */
.a06 {
font-size: 12px;
}

.a06 h2{
background-color: #363636;
}
.a06 h2 .attention{
font-size:10px;
line-height:20px;
float:right;
}
.a06 .lead{
color: #363636;
}
.a06 h3{
border-bottom: 1px solid #ccc;

}

a.opened .icon-angle-up{
display:inline;
}
a.cloesed .icon-angle-up{
display:none;
}

a.opened .icon-angle-down{
display:none;
}
a.cloesed .icon-angle-down{
display:inline;
}

/* --------------- */
.a07 .styles-inner h2 {
background-color: #DA968D;
}
.a07 .styles-inner  .banner a{
padding: 10px 8px;
font-size:14px;
text-align:left;
line-height:1.4;
background-color: #F3E7E5;
color: #333;
font-weight:bold;
}
.a07 .banner a .arrow{
font-size:10px;
line-height:19.6px;
color: #999;
float:right;
}


.a07 .style-item  {
font-size: 12px;
line-height: 1.6;
}
.a07 .style-item .style-image {
width:100px;
height: auto;
float:left;
margin-right:10px;
}
.a07 .style-item img {
border: 1px solid #ccc;
width:auto;
height: auto;
}
.a07 .style-item .text{
width:190px;
height:auto;
float:left;
}
.a07 .style-item .text .catchcopy {
font-weight:bold;
text-decoration:underline;
margin-bottom: 4px;
}
.a07 .style-item .text .comment {
margin-bottom: 4px;
line-height: 1.6;
}

.a07 .style-item .text .salonname {
font-size: 10px;
color: #999;
margin-bottom: 4px;
}

.a07 .style-item .text .designername {
font-size: 10px;
color: #999;
margin-bottom: 4px;
}




.a07 .tags-inner h2 {
background-color: #F3E7E5;
color: #333;
}

.a07 .tags {
margin: 8px;
}
.a07 ul.tags  {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.a07 .tags li {
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.a07 .tags li a{
padding: 4px 8px;
font-size: 12px;
line-height: 24px;
}




/* ---------------- */
.coupon-item {
width:281px;
margin:auto;
height:350px;
display:block;
border: 1px solid #ccc;
box-shadow:rgba(24, 29, 36, 0.529412) 3px 4px 5px -1px;
-webkit-box-shadow:rgba(24, 29, 36, 0.529412) 3px 4px 5px -1px;
-moz-box-shadow:rgba(24, 29, 36, 0.529412) 3px 4px 5px -1px;
overflow:hidden;
}
.coupon-item-inner {
padding:12px;
}
.coupon-item-inner .img{
float:right;
width:50%;
height:130px;
overflow:hidden;
margin-bottom:4px;
text-align:right;
}
.coupon-item-inner .img img{
width:auto;
}
.coupon-item-inner .img.horizontal{
width:100%;
}
.coupon-item-inner .img.horizontal img{
width:100%;
}

.coupon-item .area{
float:left;
font-size:10px;
line-height:20px;
color: #666;
display:block;
width: 162px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow:  ellipsis
}
.coupon-item .new{
float:right;
font-size:8px;
line-height:14px;
display:block;
color:white;
}
.coupon-item .new span{
font-size:10px;
line-height:14px;
display:block;
color:white;
padding:2px 8px ;
margin-bottom:2px;
}
.coupon-item .price{
float:left;
width:50%;
line-height:40px;
height:40px;
color:white;
text-align:center;
margin-left:-12px;
margin-right:12px;
margin-bottom:12px;
background:url(../image/a03_coupon_bg_114x40.gif);
background-repeat:no-repeat;
background-postion:left,center;
}
.coupon-item .price .off{
font-size: 11px;
}

.coupon-item .salonname{
float:left;
font-size: 12px;
height:40px;
text-decoration:underline;
width:50%;
overflow:hidden;
}
.coupon-item .salonname.noprice{
width:100%;
height:auto;
}


.coupon-item .subject{
font-size: 16px;
line-height: 20px;
}
.coupon-item .body{
font-size: 14px;
line-height: 20px;
margin-bottom:4px;
}

.coupon-item .category{
font-size: 12px;
color:#666;
float:left;
}

.coupon-item .end-tm{
font-size: 12px;
float:right;
}



.content-wrap {
	background: #efefef;
}	
.contents-lists a {
	display:block;
	padding:10px 10px;
	background: #fff;
/*	border: 1px solid #ccc; */
}
.contents-lists .title {
display: table;
/* height: 40px; */
border:none;
padding: 0 !important;
font-size: 16px;
line-height: 1.3em;
margin-top:5px;
margin-bottom:5px;
color: #666;
}
.contents-lists .description {
	font-size:12px;
	color:#999;
	line-height:1.4em;
	height: 48px;
	overflow:hidden;
}