.masonry a{
	display:block;
	width:200px;
	height:288px;
	margin:6px 0;
	text-indent:-9999px;
	overflow:hidden;
	//transition: all 1s ease;
	backface-visibility:hidden;
}
.masonry a:hover{
	opacity:0.6;
	filter:alpha(opacity=60); /* IE */
}
.section {
	width:200px;
	height: 300px;
	margin: 20px;
	background:#fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
#news{
	width:400px;
	height:260px;
	padding:20px;
}
#news h3{
	text-indent:-9999px;
	width:400px;
	height:27px;
	background:url(../img/news_title.gif) no-repeat;
	border-bottom:solid 1px #ccc;
	margin-bottom:12px;
}
#news ul, #news li{
	padding:0;
	margin:0;
}
#news ul li{
	list-style-type:none;
	margin-top:5px;
	padding-left:50px;
	background:url(../img/news_gray.gif) no-repeat center left;
	height:48px;
	color:#787878;
	font-size:12px;
	line-height:14px;
	text-align:justify;
}
#news ul li.new{
	background:url(../img/news_new.gif) no-repeat center left;
}
#news ul li.up{
	background:url(../img/news_up.gif) no-repeat center left;
}
#news ul li.new_b{
	background:url(../img/news_new_b.gif) no-repeat center left;
}
#news ul li.up_b{
	background:url(../img/news_up_b.gif) no-repeat center left;
}
#news a{
	display:inline;
	width:auto;
	height:auto;
	text-indent:0;
	text-decoration:none;
	color:#787878;
	font-size:12px;
	line-height:14px;
	margin:0;
}
#news span{
	color:#f00;
	font-size:11px;
}
#news a:hover{
	color:#000;
	opacity:1;
	filter:alpha(opacity=100); /* IE */
}
#news #line{
	margin-top:22px;
	text-indent:-9999px;
	display:block;
	width:400px;
	height:45px;
	background:url(../img/bn_line.jpg) no-repeat;
	backface-visibility:hidden;
}
#news a#line:hover{
	opacity:0.5;
	filter:alpha(opacity=50); /* IE */
}

#staffarea{
	overflow:hidden;
	margin-top:22px;
}
#news #staff{
	display:block;
	width:175px;
	height:45px;
	background:url(../img/index_staff.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
	padding-right:9px;
	border-right:dashed 1px #ccc;
}
#news #s_line{
	display:block;
	width:207px;
	height:45px;
	background:url(../img/index_staff_line.png) no-repeat;
	text-indent:-9999px;
	float:right;
}
#news #staffarea a:hover{
	opacity:0.5;
	filter:alpha(opacity=50); /* IE */
}


#concept{
	background:none;
	box-shadow:none;
}
#concept a{
	background:url(../img/00_concept.png) no-repeat;
}


/* ROOM IMAGES */
#room01{
	background:url(../img/01_yoichiro1.jpg) no-repeat;
}
#room02{
	background:url(../img/02_yoichiro2.jpg) no-repeat;
}
#room03{
	background:url(../img/03_ryokan.jpg) no-repeat;
}
#room04{
	background:url(../img/04_safari.jpg) no-repeat;
}
#room05{
	background:url(../img/05_suomi.jpg) no-repeat;
}
#room06{
	background:url(../img/06_diner.jpg) no-repeat;
}
#room07{
	background:url(../img/07_bali.jpg) no-repeat;
}
#room08{
	background:url(../img/08_celeb.jpg) no-repeat;
}
#room09{
	background:url(../img/09_kawaii.jpg) no-repeat;
}
#room10{
	background:url(../img//10_hamabe.jpg) no-repeat;
}
#room11{
	background:url(../img/11_takei.jpg) no-repeat;
}
#room12{
	background:url(../img/12_azuno.jpg) no-repeat;
}
#room13{
	background:url(../img/13_white.jpg) no-repeat;
}
#room14{
	background:url(../img/14_taiwan.jpg) no-repeat;
}
#room15{
	background:url(../img/15_tana.jpg) no-repeat;
}
#room16{
	background:url(../img/16_blue.jpg) no-repeat;
}
#room17{
	background:url(../img/17_takei2.jpg) no-repeat;
}
#room18{
	background:url(../img/18_vintage.jpg) no-repeat;
}
#room19{
	background:url(../img/19_jail.jpg) no-repeat;
}
#room20{
	background:url(../img/20_anne.jpg) no-repeat;
}
#room21{
	background:url(../img/21_bungo.jpg) no-repeat;
}
#room22{
	background:url(../img/22_aymmy.jpg) no-repeat;
}
#room23{
	background:url(../img/23_meruhenk.jpg) no-repeat;
}
#room24{
	background:url(../img/24_manhattan.jpg) no-repeat;
}
#room25{
	background:url(../img/25_container.jpg) no-repeat;
}
#room26{
	background:url(../img/26_malibu.jpg) no-repeat;
}
#room27{
	background:url(../img/27_aloha.jpg) no-repeat;
}
#room28{
	background:url(../img/28_cityboy.jpg) no-repeat;
}
#room29{
	background:url(../img/29_lime.jpg) no-repeat;
}
#room30{
	background:url(../img/30_kuragehime.jpg) no-repeat;
}
#room31{
	background:url(../img/31_brooklyn.jpg) no-repeat;
}
#room32{
	background:url(../img/32_depot.jpg) no-repeat;
}
#room33{
	background:url(../img/33_bb.jpg) no-repeat;
}
#room34{
	background:url(../img/34_nagara.jpg) no-repeat;
}
#room35{
	background:url(../img/35_turquoise.jpg) no-repeat;
}
#room36{
	background:url(../img/36_rocket.jpg) no-repeat;
}
#room37{
	background:url(../img/37_japanesque.jpg) no-repeat;
}
#room38{
	background:url(../img/38_concretewood.jpg) no-repeat;
}
#room39{
	background:url(../img/39_nordic.jpg) no-repeat;
}
#room40{
	background:url(../img/40_beach.jpg) no-repeat;
}

/* BUTTON OPTION */
.new_label{
	position:absolute;
	top:-10px;
	right:-10px;
	width:50px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/new_label.png) no-repeat;
	backface-visibility:hidden;
}
.up_label{
	position:absolute;
	top:-10px;
	right:-10px;
	width:50px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/update_label.png) no-repeat;
	backface-visibility:hidden;
}
.coming_label{
	position:absolute;
	top:-10px;
	right:-10px;
	width:50px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/coming_label.png) no-repeat;
	backface-visibility:hidden;
}
.vacant_label{
	position:absolute;
	top:-10px;
	right:-10px;
	width:50px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/vacant_label.png) no-repeat;
	backface-visibility:hidden;
}
.renewal_label{
	position:absolute;
	top:-10px;
	right:-10px;
	width:50px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/renewal_label.png) no-repeat;
	backface-visibility:hidden;
}
.contracted{
	position:absolute;
	top:170px;  //204px;
	left:-7px;
	width:80px;
	height:40px;
	text-indent:-9999px;
	background:url(../img/contracted.png) no-repeat right bottom;
	backface-visibility:hidden;
}
.closed{
	position:absolute;
	top:204px;
	left:-7px;
	width:80px;
	height:40px;
	text-indent:-9999px;
	background:url(../img/closed.png) no-repeat right bottom;
	backface-visibility:hidden;
}

/* 空室自動反映 */
.status{
	position:absolute;
	top:-10px;
	right:-7px;
	width:60px;
	height:36px;
	overflow:hidden;
	border:none;
	padding:0;
	margin:0;
}
.status_takei{
	position:absolute;
	top:-12px;
	right:-7px;
	width:60px !important;
	height:36px !important;
	overflow:hidden;
	border:none;
	padding:0;
	margin:0;
	display:block;
	background:url(../img/status_takei.png) no-repeat;
	background-size:60px 36px;
}
.status_takei:hover{
	opacity:1 !important;
		top:-15px;
}