@charset "utf-8";

/* yoyaku.css */



#yoyaku div#wrapper #page_content_body {

	width:1000px;

}

#yoyaku div#wrapper #page_content_left {

	background:url(../yoyaku/images/title_bg.jpg) left top no-repeat;

}



#yoyaku div#wrapper #page_content_right {

		width:1000px;

}

#yoyaku div#wrapper #page_content_right div.column_page{

	padding:30px 0 0 0;

}



#yoyaku h2#title_plan{

	display:block;

	height:27px;

	width:279px;

	overflow:hidden;

	background:url(../yoyaku/images/title_plan.gif) left top no-repeat;

	text-indent:-9999px;

	margin:0 0 15px 34px;

	float:left;

}



* html #yoyaku  h2#title_blog{

	margin:0 0 15px 17px;

}



#yoyaku  a#back_to_homepage{

	display:block;

	height:30px;

	width:162px;

	overflow:hidden;

	background:url(../blog/images/bt_back_to.gif) left top no-repeat;

	text-indent:-9999px;

	margin:0 80px 15px 34px;

	float:right;

}



* html #yoyaku  a#back_to_homepage{

	margin:0 40px 15px 34px;

}









#yoyaku div.ypro_wrapper_n{

	color:#000000;

}



#yoyaku div.ypro_wrapper_n a:link {color: #000;}

#yoyaku div.ypro_wrapper_n a:visited {color: #000;}

#yoyaku div.ypro_wrapper_n a:hover {color: #000;}



#yoyaku div.ypro_wrapper_n h2,

#yoyaku div.ypro_wrapper_n h3,

#yoyaku div.ypro_wrapper_n h4,

#yoyaku div.ypro_wrapper_n h5,

#yoyaku div.ypro_wrapper_n p{color: #000;}



#yoyaku div#wrapper #page_content_right{color: #000;}











#yoyaku div.column_page div.column_osirase{

	clear:both;

	display:block;

	width:858px;

	margin:0 auto 20px auto;

/*	padding:10px;

	background:url(../welcome/images/bg_sakka.jpg) left top repeat;

	border:#BA9C64 1px solid;

*/}



#yoyaku div.column_page div.column_osirase p{

	margin:1.5em auto;

	text-align:center;

	line-height:1.5em;

	color:#FFFFFF;

	font-size:1em;

}



/*======================================

for 489pro plus  2010/05/10

======================================*/



/*リンク文字色｜deep red*/

#ypro_body a{

	color: #651b1a;

}



#ypro_body #ypro_planlist{

	width: 860px;

	margin-top:20px;

}

#ypro_body #ypro_search{

	width: 860px;

}

#ypro_body #ypro_search h3 {

	background-color:#ACACAC;

}

#ypro_body #ypro_search table {

	width:770px;

}

#ypro_body #ypro_botton {

	width: 860px;

}	

#ypro_body #ypro_planlist div.ypro_txt h4 {

	font-size: 120%;

	color: #651b1a;

}

#ypro_body #ypro_planlist div.ypro_txt div.ypro_txt_wrap {

	margin-left:45px;

}

#ypro_body #ypro_planlist div.ypro_photo {

    float: right;

    width: 285px;

}

#ypro_body #ypro_planlist div.ypro_plan_reserve {

	margin-left:45px;

	width:770px;

}



#ypro_body #ypro_planlist div.ypro_plan_reserve div.ypro_cal_head table th.ypro_plan_day {

	padding: 3px 0;

}

#ypro_body #ypro_planlist div.ypro_plan_reserve div.ypro_cal_head table th.ypro_plan_day a{

	line-height:1.2em;

}





#ypro_body #ypro_planlist div.ypro_plan_reserve div.ypro_cal_bottom table th.ypro_plan_rooms a,

#ypro_body #ypro_planlist div.ypro_plan_reserve div.ypro_cal_bottom table th.ypro_plan_name a  {

	line-height: 1.3em;

}



#ypro_body #ypro_planlist div.ypro_plan_reserve div.ypro_cal_bottom table td.ypro_plan_price a{

	color: #c23301;

}



/*プラン詳細*/

#ypro_body #ypro_planlist div.ypro_txt table.ypro_about_plan {

	width: 370px;

}

#ypro_body #ypro_planlist div.ypro_txt table.ypro_about_plan th{

	width: 100px;

}



/*プラン詳細下部 「このプランを選んだ方は、こちらのプランも参照しています」*/

#ypro_body #ypro_plan_nav{

	background: #fff;

}



/*予約プロ画像変更*/



#ypro_body #ypro_planlist div.ypro_photo p.bigImg img {

height:145px;

margin-top:10px;

padding:3px;

width:217px;

}



#ypro_body #ypro_planlist div.ypro_photo p.bigImg img {

background-color:#FFFFFF;

border:1px solid #ACACAC;

padding:5px;

}



#ypro_body #ypro_planlist div.ypro_photo p.thumbs img{

height:42px;

width:50px;

}



#ypro_body #ypro_planlist div.ypro_photo p.thumbs a {

border:1px solid #CDCDCD;

display:block;

float:left;

height:42px;

margin:0 5px 5px 0;

overflow:hidden;

width:50px;

}



#ypro_body #ypro_planlist div.ypro_photo p.thumbs a:hover,

#ypro_body #ypro_planlist div.ypro_photo p.thumbs a.active {

border:1px solid #393939;

height:42px;

width:50px;

}