/* CSS Document */

.box{
clear:both;
width:100%;
margin:0 0 15px 0;
}

.image{
clear:both;
float:left;
width:205px;
}

.detail{
float:right;
width:400px;
}

ul.hotels li,
ul.hotels li a{
display:block;
width:279px;
height:532px;
margin:0 1px 0 0;
float:left;
text-indent:-9999px;

}

ul.hotels li.takayama a{background:url(../image/image.jpg) no-repeat -11px 0;}
ul.hotels li.nagasaki a{background:url(../image/image.jpg) no-repeat -293px 0;}
ul.hotels li.hirosaki a{background:url(../image/image.jpg) no-repeat -583px 0;}

ul.hotels li.takayama a:hover{background:url(../image/image.jpg) no-repeat -11px -532px;}
ul.hotels li.nagasaki a:hover{background:url(../image/image.jpg) no-repeat -293px -532px;}
ul.hotels li.hirosaki a:hover{background:url(../image/image.jpg) no-repeat -583px -532px;}