@charset "UTF-8";
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

works.css
		
					最終更新日　11.12.27

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#right{
width:651px;
background:#FFF;
margin:16px 0 0 0;
}

#right h2.house{
	height:43px;
	background:url(../works/house/images/bar.gif) no-repeat #A9A5CF;
	color:#115285;
	text-indent:-9999px;
}
#right h2.house2{
	height:43px;
	background:url(../works/house/images/consultation/bar.gif) no-repeat #A9A5CF;
	color:#115285;
	text-indent:-9999px;
}
#right h2.house3{
	height:43px;
	background:url(../works/house/contact/images/bar.gif) no-repeat #A9A5CF;
	color:#115285;
	text-indent:-9999px;
}



#right h2.shop{
	height:43px;
	background:url(../works/shop/images/bar.gif) no-repeat #FFF;
	color:#115285;
	text-indent:-9999px;
}
#right h2.shop2{
	height:43px;
	background:url(../works/shop/images/consultation/bar.gif) no-repeat #FFF;
	color:#115285;
	text-indent:-9999px;
}
#right h2.shop3{
	height:43px;
	background:url(../works/shop/contact/images/bar.gif) no-repeat #FFF;
	color:#115285;
	text-indent:-9999px;
}
			#right a:link,
			#right a:visited,
			#right a:active{
				color:#222;
				outline:none;
			}
			#right a:hover	{
				color:#888;
				text-decoration:none;
				outline:none;
			}

#detail{
width:621px;
padding:15px;
}


#detail .box{
		overflow:hidden;
		margin:20px 0 20px 0;
}

/*********************************
			shop～
**********************************/


#detail .food{
		background:url(../works/shop/images/food.gif) no-repeat;
		width:94px;
		height:19px;
		text-indent:-9999px;
		margin:20px 0 20px 0;
}

#detail .beauty{
		background:url(../works/shop/images/beauty.gif) no-repeat;
		width:94px;
		height:19px;
		text-indent:-9999px;
		margin:20px 0 20px 0;
}

#detail .office{
		background:url(../works/shop/images/office.gif) no-repeat;
		width:94px;
		height:19px;
		text-indent:-9999px;
		margin:20px 0 20px 0;
}

#detail .others{
		background:url(../works/shop/images/ohters.gif) no-repeat;
		width:94px;
		height:19px;
		text-indent:-9999px;
		margin:20px 0 20px 0;
}

#detail .leftbox{
		width:250px;
		float:left;
}

#detail .picture{
		float:right;
}

#detail .list{
overflow:hidden;
margin:20px 0 0 0;
}
#detail .list .gyou2{
overflow:hidden;
}
#detail .list .gyou2 .before{
width:50px;
height:20px;
background:url(../works/house/images/before.gif) left center no-repeat;
display:block;
text-indent:-9999px;
float:left;
}
#detail .list .gyou2 .after{
width:50px;
height:20px;
background:url(../works/house/images/after.gif) left center no-repeat;
display:block;
text-indent:-9999px;
float:left;
}
#detail .list ul li{
float:left;
}

#detail .list ul li a{
color:#FFF;
text-decoration:none;
width:20px;
height:20px;
line-height:20px;
text-align:center;
background:#000;
font-size:80%;
margin:0 5px 5px 0;
display:block;
}
#detail .list ul li a:hover{
background:#666;
}
#detail .mshop{
		background:url(../works/shop/images/m.gif) no-repeat;
		width:45px;
		height:15px;
		text-indent:-5000px;
}

#detail .lshop{
		background:url(../works/shop/images/l.gif) no-repeat;
		width:45px;
		height:15px;
		text-indent:-5000px;
}

#detail .kshop{
		background:url(../works/shop/images/k.gif) no-repeat;
		width:45px;
		height:15px;
		text-indent:-5000px;
}

#detail .bshop{
		background:url(../works/shop/images/b.gif) no-repeat;
		width:45px;
		height:15px;
		text-indent:-5000px;
}

#detail .fshop{
		background:url(../works/shop/images/f.gif) no-repeat;
		width:45px;
		height:15px;
		text-indent:-5000px;
}

#detail .cshop{
		background:url(../works/shop/images/c.gif) no-repeat;
		width:45px;
		height:15px;
		text-indent:-5000px;
}

#detail .preparation{
		height:200px;
		margin:20px auto auto 20px;
}


#detail .vshop{
		background:url(../works/shop/images/v.gif) no-repeat;
		width:45px;
		height:15px;
		text-indent:-5000px;
}

#detail .address{
		border-left: solid  #DF6D33 6px;
		padding:5px;
		margin:5px auto 5px auto;
		
}

#detail .address2{
		border-left: solid  #8DB73F 6px;
		padding:5px;
		margin:5px auto 5px auto;
		
}

#detail .address .date{
		display:none;
		
}


#detail .pic01{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: 0px 0px;
		position:absolute;
		top:22px;
		left:0px;
}

#detail .pic02{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -20px 0px;
		position:absolute;
		top:22px;
		left:22px;
}

#detail .pic03{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -44px 0px;
		position:absolute;
		top:22px;
		left:44px;
}

#detail .pic04{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -66px 0;
		position:absolute;
		top:22px;
		left:66px;
}

#detail .pic05{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -88px 0;
		position:absolute;
		top:22px;
		left:88px;
}

#detail .pic06{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -110px 0;
		position:absolute;
		top:22px;
		left:110px;
}

#detail .pic07{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -132px 0;
		position:absolute;
		top:22px;
		left:132px;
}

#detail .pic08{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -164px 0;
		position:absolute;
		top:22px;
		left:164px;
}

#detail .pic09{
		display:block;
		text-indent:-5000px;
		width:19px;
		height:19px;
		background:url(../works/shop/images/pict.gif) no-repeat;
		background-position: -196px 0;
		position:absolute;
		top:22px;
		left:196px;
}


/*********************************
			～shop
**********************************/

/*********************************
			house～
**********************************/

#detail .apartment{
		background:url(../works/house/images/apart.gif) no-repeat;
		width:127px;
		height:19px;
		text-indent:-9999px;
		margin:10px 0 10px 0;
}

/*********************************
			～house
**********************************/