@charset "utf-8";
/* sample_ryokan.css */

/* iepngfix
------------------------------*/
.iepngfix {  
     behavior: expression(IEPNGFIX.fix(this));  
}  



/* for TOPページbody
------------------------------*/
body{
	margin:0;
	padding:0;
}

div#sample_ryokan {
	background: url(../sample/ryokan/page_bg.gif) left top repeat-x;
	margin:0;
	padding:0;
}

/* for ボディエリア > コンテンツエリア
------------------------------*/
#sample_ryokan div#wrapper {
	margin: 0 auto;
	padding:0;
	width: 808px;
	height:915px;
	text-align: left;
	background: url(../sample/ryokan/image.png) left top no-repeat;
}

#sample_ryokan div#wrapper #head{
	width:800px;
	height:60px;
	padding: 10px 0 0 0;
	margin:0 auto 0 auto;
}
#sample_ryokan div#wrapper #head a#reserv{
	display:block;
	overflow:hidden;
	width:90px;
	height:27px;
	padding:0px;
	margin:0 0 0 503px;
	text-indent:-9999px;
}

#sample_ryokan div#wrapper #menu{
	width:800px;
	height:40px;
	margin:0 auto;
	margin-top:301px;
}
#sample_ryokan div#wrapper #menu a#plan_reserve{
	display:block;
	overflow:hidden;
	width:169px;
	height:40px;
	padding:0px;
	float:right;
	margin:0;
	text-indent:-9999px;
}

#sample_ryokan div#wrapper #cont1{
	width:454px;
	height:212px;
	float:left;
	margin:0 auto;
}

#sample_ryokan div#wrapper #cont1 a#plan_roten{
	display:block;
	overflow:hidden;
	width:140px;
	height:27px;
	padding:0px;
	float:left;
	margin:185px 0 0 94px;
	_margin:185px 0 0 47px;
	text-indent:-9999px;

}
#sample_ryokan div#wrapper #cont1 a#plan_kaiseki{
	display:block;
	overflow:hidden;
	width:140px;
	height:27px;
	padding:0px;
	float:left;
	margin:185px 0 0 80px;
	_margin:185px 0 0 80px;
	text-indent:-9999px;

}


#sample_ryokan div#wrapper #cont2{
	width:454px;
	height:128px;
	float:left;
	margin:0 auto;

}


#sample_ryokan div#wrapper #cont2 a#keitai{
	display:block;
	overflow:hidden;
	width:270px;
	height:110px;
	padding:0px;
	float:left;
	margin:18px 0 0 24px;
	_margin:18px 0 0 12px;
	text-indent:-9999px;
}
#sample_ryokan div#wrapper #cont2 a#kote{
	display:block;
	overflow:hidden;
	width:150px;
	height:110px;
	padding:0px;
	float:right;
	margin:18px 0 0 0;
	text-indent:-9999px;

}


#sample_ryokan div#wrapper #plan{
	width:334px;
	height:390px;
	float:right;
	margin:0 auto;
}


#sample_ryokan div#wrapper #plan a#plan_all{
	display:block;
	overflow:hidden;
	width:310px;
	height:30px;
	padding:0px;
	float:left;
	margin:20px 0 0 0px;
	text-indent:-9999px;
}


#sample_ryokan div#wrapper #plan a#plan1{
	display:block;
	overflow:hidden;
	width:290px;
	height:65px;
	padding:0px;
	float:left;
	margin:12px 0 0 10px;
	_margin:12px 0 0 5px;
	text-indent:-9999px;
}

#sample_ryokan div#wrapper #plan a#plan2{
	display:block;
	overflow:hidden;
	width:290px;
	height:65px;
	padding:0px;
	float:left;
	margin:10px 0 0 10px;
	_margin:10px 0 0 5px;
	text-indent:-9999px;
}

#sample_ryokan div#wrapper #plan a#plan3{
	display:block;
	overflow:hidden;
	width:290px;
	height:65px;
	padding:0px;
	float:left;
	margin:21px 0 0 10px;
	_margin:21px 0 0 5px;
	text-indent:-9999px;
}

#sample_ryokan div#wrapper #plan a#plan4{
	display:block;
	overflow:hidden;
	width:290px;
	height:65px;
	padding:0px;
	float:left;
	margin:10px 0 0 10px;
	_margin:10px 0 0 5px;
	text-indent:-9999px;
}




/* for ボディエリア > コンテンツエリア489pro
------------------------------*/
#sample_ryokan div#wrapper_page {
	margin: 0 auto;
	padding:0;
	width: 808px;
	text-align: left;
	background: url(../sample/ryokan/page_bg.png) left top repeat-y;
}

#sample_ryokan div#wrapper_page #head{
	width:800px;
	height:60px;
	padding: 10px 0 0 0;
	margin:0 auto 0 auto;
	background: url(../sample/ryokan/bg_head.jpg) left top no-repeat;
}

#sample_ryokan div#wrapper_page #head a#reserv{
	display:block;
	overflow:hidden;
	width:90px;
	height:27px;
	padding:0px;
	margin:0 0 0 503px;
	text-indent:-9999px;
}

#sample_ryokan div#wrapper_page #head a#top{
	display:block;
	overflow:hidden;
	width:43px;
	height:17px;
	padding:0px;
	margin:15px 0 0 530px;
	text-indent:-9999px;
}


#sample_ryokan div#wrapper_page #menu{
	width:800px;
	height:40px;
	margin:0 auto;
	margin-top:0px;
	background: url(../sample/ryokan/bg_menu.jpg) left top no-repeat;
}
#sample_ryokan div#wrapper_page #menu a#plan_reserve{
	display:block;
	overflow:hidden;
	width:169px;
	height:40px;
	padding:0px;
	float:right;
	margin:0;
	text-indent:-9999px;
}

#sample_ryokan div#wrapper_page div#bg_yoyaku{
	margin: 0 auto;
	padding:100px 0 0 0;
	width: 800px;
	background: url(../sample/ryokan/bg_yoyaku.jpg) left top no-repeat;
}

#sample_ryokan div#wrapper_page #foot{
	width:808px;
	height:114px;
	margin:0 auto;
	margin-top:0px;
	background: url(../sample/ryokan/bg_foot.jpg) left top no-repeat;
}