@charset "utf-8";
/* CSS Document */

/* CSS Document */

#mainWrap {
	float: left;
	width: 631px;
	text-align: left;
}
#subWrap {
	float: right;
	width: 253px;
}

.page_right_bg2 {
	color: #77291E;
	font-size: 11px;
	text-align: left;
	background: url(http://hakubafamilia.com/img/ts/topic_bg2.gif) repeat-y left top;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 15px;
	}
	
#main_yoyaku_right {
	width: 661px;
	float:left;		
	margin: 0 auto;
	background: #4C291F;
	padding: 0px 0px 15px 0px;											
	}
#main_yoyaku_right2 {
	text-align: center;
	width: 303px;
	float:left;
	padding: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	}	
.g-left {
	float: left;
	width: 350px;
	text-align: left;
	border: 1px solid #F0E8D5;
}
.g-right {
	float: right;
	width: 435px;
	text-align: left;
}
.g-inner {
	margin-left: 50px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.g-back {
	width: 435px;
	background-image: url(http://hakubafamilia.com/img/gasshuku/g07.jpg);
	height: 261px;
}
.RED {
	color: #CC0000;
	font-weight: bolder;
	font-size: 12px;
}
.g-inner table th,.contactback table th{
	background-color: #663300;
	color: #FFFFCC;
	padding: 3px;
	text-align: center;
	border: thin solid #FFFFCC;
	font-size: 16px;
	font-weight: bolder;
	
}
.g-inner table td,.contactback table td{
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: thin solid #FFFFCC;
	font-size: 16px;
	font-weight: bold;
	color: #006600;

}
.g-inner table ,.contactback table{
	border: thin solid #FFFFCC;
	border-collapse:collapse;
	margin-bottom : 5px;
}
.asobi {
	float: left;
	width:250px;
	padding:0 5px;
}
.asobi img{
	width:240px;
	
	height:180px;}
	
.naiyo {
	font-size:14px;
	padding:0 0 10px 0;
	color:#333;
	text-align:center;}
	
	
.contact {
	float: left;
	width: 800px;
	margin-left: 50px;
}
.contactback {
	background-image: url(http://hakubafamilia.com/img/gasshuku/g20.gif);
	padding-top: 5px;
	text-align: left;
	width: 800px;
}
.tennis {
	float: left;
	margin-top: 25px;
	margin-left: 120px;
	margin-bottom: 25px;
}
.PLAN {
	width: 631px;
	background-color: #0C6C10;
	text-align: left;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	
}
.mokume_back {
	background-image: url(http://hakubafamilia.com/img/room/mokume.jpg);
	background-repeat: repeat-y;
}
.ROOM1 {
	float: left;
	width: 406px;
	margin-left:25px;
	margin-bottom: 20px;
}
.ROOM2 {
	float: right;
	width: 406px;
	margin-right:22px;
	margin-bottom: 20px;
}
.room_contents1 {
	background-image: url(http://hakubafamilia.com/img/room/room_02.jpg);
	height: 108px;
	width: 386px;
	text-align: left;
	padding-left: 20px;
	font-size: 12px;
}
.room_contents2 {
	background-image: url(http://hakubafamilia.com/img/room/room_04.jpg);
	height: 108px;
	width: 386px;
	text-align: left;
	padding-left: 20px;
	font-size: 12px;
}
.Maison {
	float: left;
	width: 639px;
	margin-bottom: 20px;
	margin-left: 25px;
}
.Maison2 {
	background-image: url(http://hakubafamilia.com/img/room/room_10.jpg);
	height: 90px;
	width: 619px;
	text-align: left;
	padding-left: 20px;
	font-size: 12px;
}

.shisetsu_contents {
	height: 175px;
	width: 276px;
	background-image: url(http://hakubafamilia.com/img/kannai/kannai_08.jpg);
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
	line-height: 17px;
}
.shisetsu1 {
	float: left;
	width: 286px;
	margin-bottom: 20px;
}

.shisetsu_contents2 {
	height: 175px;
	width: 276px;
	background-image: url(http://hakubafamilia.com/img/kannai/kannai_10.jpg);
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
	line-height: 17px;
}
.shisetsu2 {
	float: left;
	width: 286px;
	margin-left: 23px;
	margin-bottom: 20px;
}
.togoru {
	width: 566px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://hakubafamilia.com/img/kannai/kannai_16.jpg);
}
.togoru2 {
	background-repeat: repeat-y;
	font-size: 12px;
	line-height: 17px;
	color: #432B00;
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}
.togoru3 {
	text-align: center;
	margin-top: 15px;
}
.bekkan01 {
	float: left;
	width: 365px;
}
.bekkan02 {
	background-image: url(http://hakubafamilia.com/img/bekkan/bekkan_02.jpg);
	float: right;
	height: 311px;
	width: 539px;
	text-align: left;
	padding-top: 45px;
	font-size: 14px;
	font-weight: bold;
}
.Center {
	width: 631px;
	margin-right: auto;
	margin-left: auto;
}
.contact2 {
	float: left;
	width: 500px;
	margin-top: 10px;
	margin-left :50px;
}.Plan {
	font-size: 14px;
	color: #990000;
	font-weight: bold;
	font-style: normal;
}
.MIDASHI {
	text-align: left;
	margin-left: 50px;
	font-size: 14px;
	font-weight: bolder;
	color: #006600;
}
.P_contents {
	width: 780px;
	margin-left: 50px;
	float: left;
	margin-top: 30px;
	text-align: left;
}
.planbotton {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
}
.bigtitle {
	font-size: 18px;
	color: #FF0000;
	font-weight: bolder;
}
.smalltitle {
	font-size: 14px;
	font-weight: bold;
}
.LEFT {
	float: left;
	width: 500px;
	padding-left: 20px;
}
.RIGHT {
	float: right;
	width: 270px;
	text-align: center;
	padding-top: 20px;
}

.contactback3 {
	background-image: url(http://hakubafamilia.com/img/plan/plan_17.gif);
	padding-top: 5px;
	text-align: left;
	padding-left: 10px;
}
/*
clearfix
-------------------*/
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*--- IE ---*/
.clearfix {
	display:inline-block;
	}
/*MacIE \*/
* html .clearfix {height: 1em;}
.clearfix {display: block;}
/*  */

#wrapper_all {
	clear:both;
	background-color: #09560D;
	background-image: url(../img/ts/bg_body.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}
#wrapper_all2 {
	clear:both;
	background-color: #09560D;
	background-image: url(../img/ts/bg_body2.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}	

/*--- IE ---*/
#wrapper {
	clear: both;
	width: 961px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	background-image: url(../img/ts/bg_page.gif);
	background-repeat: repeat-y;
	background-position: top;
	}
#wrapper_photo {
	clear: both;
	margin: 0 auto;
	padding: 0 1px 0px;
	width: 979px;
	background: #E5CA93 url(http://hakubafamilia.com/img/photo/bg_page_photo.gif) repeat-y top;
	}	
.main_yoyaku_right {
	float: left;
	width: 271px;
	margin-left: 15px;
	vertical-align: middle;
}


/*
navi
-------------------*/
#navi {
	margin: 0 auto;
	width: 979px;
		}	
#navi .navi_block {
	width: 140px;
	margin: 0 auto 12px;
	padding-bottom: 5px;
	border: 1px solid #85B4E8;
	}
#navi #info_block {
	width: 140px;
	margin: 0 auto;
	padding-bottom: 10px;
	}
#navi ul {
	vertical-align: top;
	}
#navi_sub {
	text-align: left;
	width: 950px;
	margin: 0 auto;	
	background: url(http://hakubafamilia.com/img/ts/navi.gif) repeat-x top;	
	}
/*
navi ul li
---------*/
#navi li {
	vertical-align: top;
	line-height: 0;
	float: left;
	}
/*
navi ul li img
----------*/
#navi li img {
	vertical-align: top;
	}
#osusume {
	padding: 13px 0px 10px 18px;
	text-align: left;
	background-image: url(../img/ts/side_back.png);
	background-repeat: repeat;
	background-position: left top;
	}	
#osusume_photo {
	width: 252px;
	float:left;
	margin: 0 auto;
	text-align: left;
	border: 3px solid #FFF;
	}	
#osusume_plan {
	line-height: 1.4;
	font-size: 14px;
	width: 343px;
	float:left;
	text-align: left;
	color: #666;
	background-color: #FFF;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 5px;
	}	
#plan_btn {
	text-align: right;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}	
#search_btn {
	text-align: center;
	padding:5px 0px 0px 0px;
	}
.search_btn2 {
	text-align: center;	
	padding: 10px 0px 5px 0px;
	}	
.intro_photo {
	font-size: 11px;
	width: 201px;
	float:left;
	margin: 10px 12px 0px 0;
	text-align: left;					
	}
.intro_photo3 {
	clear:both;
	margin-top: 10px;
	margin-bottom: 5px;
	}
.intro_photo2 {
	font-size: 11px;
	width: 201px;
	float:left;
	margin: 10px 0px 0px 0;
	text-align: left;					
	}
#top_info {
	background: #C5995F;
	width: 253x;
	float:left;
	text-align: center;
	margin: 5px 0px 20px 0px;					
	}
.info_b {
	width: 227px;
	margin: 10px;
	border: 3px solid #F9DFA2
	}
.info_b_text {
	font-size: 11px;
	color: #D6A44B;
	background: #2F1610;
	text-align: left;	
	padding: 8px;
	}	
.info_mob {

	font-size: 12px;
	color: #D6A44B;
	background: #4C291F;
	text-align: left;	
	padding: 0 10px 13px 10px;
	}
#info_toiawase {
	font-size: 12px;
	background: #4C291F url(http://hakubafamilia.com/img/ts/toiawase.gif) no-repeat left;
	text-align: left;	
	padding: 0 0px 0px 70px;
	margin: 5px 0;	
	}	
.qr {
	width: 90px;
	float:left;
	padding: 0px 0px 0px 0px;
	}
.qr_text {
	color: #E0C08F;

	float:left;
	}		
.melmag {
	color: #E0C08F;
	font-size: 12px;
	background: #4C291F;
	text-align: left;	
	padding: 0 10px 13px 10px;
	}		
.melmag_text {
	color: #E0C08F;
	}
.melmag_btn{
color: #FF6666;
margin-bottom:5px;
font-size:12px;
padding:0px 0 0px 16px;
background-image: url(http://hakubafamilia.com/img/ts/melmag_point.gif);
background-repeat : no-repeat ;
background-position:0px 2px;
}	
.melmag_btn a:link { color: #D6A44B; text-decoration: none;}
.melmag_btn a:visited { color: #D6A44B; text-decoration: none;}
.melmag_btn a:hover { color: #D6A44B; text-decoration: underline;}			
.info_b_text a:link { color: #E0C08F; text-decoration: none;}
.info_b_text a:visited { color: #E0C08F; text-decoration: none;}
.info_b_text a:hover { color: #E0C08F; text-decoration: underline;}
.info_mob a:link { color: #E0C08F; text-decoration: none;}
.info_mob a:visited { color: #E0C08F; text-decoration: none;}
.info_mob a:hover { color: #E0C08F; text-decoration: underline;}	
.top_room_btn_back{
	background:url(../img/ts/top_img.png);
	background-repeat:no-repeat;
	height:371px;
	margin-bottom:20px;
}
.top_plan_banner{
	background:url(../img/ts/plan_select_back.png);
	 background-repeat:no-repeat;
	 height:36px;
	 	padding-top:145px; 
	text-align:center;
}

.top_cancel_banner{
	padding-top:85px;
	 background:url(../img/ts/cancel_back.png);
	 background-repeat:no-repeat;
	 height:97px;
	 text-align:center;
}
.top_room_btn_back{
	background:url(../img/ts/top_img.png);
	background-repeat:no-repeat;
	height:371px;
	margin-bottom:20px;
}

.top_rb1{
	padding:65px 0 0px 10px;}

.top_rb1 a:link{
	margin:0 2px 0 2px;}

.top_rb2{
	padding:25px 0 20px 10px;}

.top_rb2 a:link{
	margin:0 2px 0 2px;}


.w470_auto{
	width:615px;
	margin:0 auto 0 auto;
}
.top_room_btn_back2{
	background:url(http://hakubafamilia.com/img/ts/youshitsu.png);
	background-repeat:no-repeat;
	width:147px;
	float:left;
	height:213px;
}
.top_room_btn_back4{
	background:url(http://hakubafamilia.com/img/ts/wayousitu.png);
	background-repeat:no-repeat;
	width:147px;
	float:left;
	height:213px;
	margin-left: 10px;
}
.top_room_btn_back5{
	background:url(http://hakubafamilia.com/img/ts/other.png);
	background-repeat:no-repeat;
	width:147px;
	float:left;
	height:213px;
	margin-left: 10px;
}
.top_room_txt{
	width:140px;
	margin:auto;
	padding-top: 120px;
}
.top_room_ttl{
	border-bottom:#666 3px double;
}
.h_90{
	line-height:90%;
	height: 50px;
}
.detail_btn{
	margin-top:5px;
	 text-align:center;
}
.top_room_btn_back3{
	background:url(http://hakubafamilia.com/img/ts/wasitsu.png);
	background-repeat:no-repeat;
	width:147px;
	float:left;
	margin-left:10px;
	height:213px;
}
.top_plan_box{
	background:url(../img/ts/side_back.png);
	 background-repeat:repeat;
	 width:620px;
	 padding:5px;
}
.c_green{
	color:#060;
	 font-weight:bold;
}
.paddt45{
	padding-top:45px;
}
.top_info_img{
	width:216px; margin:0 auto 0 auto;
	 margin-top:5px;
	 border:#FFF 2px solid;
}
.top_info_txt{
	text-align:left; 
	padding:5px; 
	width:220px;
	 margin:0 auto 0 auto;
}
.top_info_ttl{
	font-size:15px; 
	font-weight:bold; 
	border-bottom:#432B00 1px solid;
}
.rental{
	margin-top:30px;
	 text-align:left;
	 padding-left:20px;
}
.paddt30{
	padding-top:30px;
}
.info_text_right2 ul{
	list-style-type:disc;
	 margin-left:20px;
}
.english_txt{
	background-color:#630;
	 color:#FFF;
}

.camp {
	float: left;
	width: 320px;
	padding:5px 15px;
	text-align:center;
}

.note{
	font-size:14px;
	padding:0 0 10px 0;
	color:#333;
	text-align:center;}

.note2{
	font-size:12px;
	padding:0 0 10px 0;
	color:#333;
	text-align:center;}