@charset "utf-8";
/* CSS Document */
#title_box{
	width:1000px;
	height:88px;
	background-image: url(../images/room/room_02.jpg);
}
#title_box .title_name{
	width:250px;
	height:20px;
	padding:33px 0px 0px 260px;
}

#room_01{
	width:1000px;
	height:518px;
	background-image: url(../images/room/room_03.jpg);
}
#room_01 .room_box01{
	width:801px;
	height:466px;
	float:left;
	padding:0px 0px 0px 40px;
}
#room_01 .room_box02{width:801px; height:430px;}
#room_01 .room_box03{width:314px; height:400px; float:left; padding:30px 5px 0px 5px;}
#room_01 .room_box04{width:477px; height:332px; float:left;}

#room_but01{
	width:801px;
	height:36px;
}
#room_but01 ul{list-style-type:none; margin:0px; padding:0px; float:left;}/*UL設定不要有列表項目符號，並且不要有間距*/
#room_but01 li{float:left;}/*可橫向排列，直立式按鈕及不需要float標籤*/
#room_but01 li a{width:137px; height:36px; display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#room_but01 li.r_but01 a{background-image: url(../images/room/room_04.jpg);}/*按鈕1第一章圖*/
#room_but01 li.r_but01 a:hover{background-image: url(../images/room/room_but_04.jpg);}/*按鈕1第二張圖*/
#room_but01 li.r_but02 a{background-image: url(../images/room/room_05.jpg);}/*按鈕2第一章圖*/
#room_but01 li.r_but02 a:hover{background-image: url(../images/room/room_but_05.jpg);}/*按鈕2第二張圖*/
#room_but01 li.r_but03 a{background-image: url(../images/room/room_06.jpg);}/*按鈕3第一章圖*/
#room_but01 li.r_but03 a:hover{background-image: url(../images/room/room_but_06.jpg);}/*按鈕3第二張圖*/
#room_but01 li.r_but04 a{background-image: url(../images/room/room_07.jpg);}/*按鈕3第一章圖*/
#room_but01 li.r_but04 a:hover{background-image: url(../images/room/room_but_07.jpg);}/*按鈕3第二張圖*/