body {
 margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
} 

  #osusumepoint{
  width:517px;
   height:auto;
    padding-top:10px;
	 padding-left:10px;
	  padding-right:3px;
	   margin:0 0 0 0;
	    boder:0 0 0 0; 
}
#osusumehead{ 
width:530px;
 height:17px;
  background:url("/cxhj/new_packages/basicimages/osusume_head.gif"); background-repeat:no-repeat; padding:0 0 0 0; margin:0 0 0 0; boder:0 0 0 0;
   }  
#osusumebody{ 
width:100%; height:auto;
 background:url("/cxhj/new_packages/basicimages/osusume_body.jpg");
  background-repeat:repeat-y; 
  font-size:1em;
  padding-bottom:0px; 
  padding-top:0px;
   padding-left:0px;
    margin:0 0 0 0;
	 boder:0 0 0 0; 
}
 #osusumebodyleft{
  width:119px;
   height:100%;
   float:left;
    padding-top:0px;
	 padding-left:10px;
	  margin:0 0 0 0;
	  boder:0 0 0 0; 
	  } 

#osusumebodyright{
 width:380px;
  height:100%;
   float:right;
    padding:0 0 0 0;
	 margin:0 0 0 0; 
	 boder:0 0 0 0;
	 }
#osusumefoot{
 width:530px;
  height:8px;
   background:url("/cxhj/new_packages/basicimages/osusume_foot.jpg"); background-repeat:no-repeat;
    padding:0 0 0 0;
	 margin:0 0 0 0;
	  boder:0 0 0 0; 

}




#summer{
       width:100%;
       height:22px;
       margin-left:0px;
	   margin-top:5px;
	   margin-right:0px;
	   margin-bottom:5px;
	   
       padding-left:8px;
	   padding-top:6px;
	   padding-right:0px;
	   padding-bottom:0px;
	   
	   color:#ffffff;
	   	   font-size:1em;
	   font-weight:bold;
	   background-color:#006697;

}



#summer2{
    width:100%;
    height:18px;
    margin-left:0px;
	   margin-top:5px;
	   margin-right:0px;
	   margin-bottom:5px;
	   
    padding-left:10px;
	   padding-top:6px;
	   padding-right:0px;
	   padding-bottom:0px;
	   
	   color:white;
	   font-weight:bold;
   background-image:url(/cxhj/new_packages/basicimages/summerbar.jpg); 
   background-repeat:no-repeat; 
   background-color:#2c165f;
   background-position:right;
}

#summerswitch{
width:446px;
height:150px;
padding:0 0 0 0;
margin:0 0 20px 0;
}
#summerswitchhkg{ 
width:180px;
height:150px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

#summerswitchmany{
width:260px;
height:150px;
float:right;
padding:0 0 0 0;
margin:0 0 0 0;
}  

#summerswitchmanyleft{ 
width:130px;
height:150px;
float:left;
padding:0 0 0 0;
margin:0 2 1 2;
}  

#summerswitchmanyright{
float:right;
height:150px;
padding:0 0 0 0;
margin:0 0 1 0;
}  



#vip{
       width:100%;
       height:20px;
       margin-left:0px;
	   margin-top:5px;
	   margin-right:0px;
	   margin-bottom:5px;
	   
       padding-left:10px;
	   padding-top:6px;
	   padding-right:0px;
	   padding-bottom:0px;
	   
	   color:white;
	   font-weight:bold;
   background-image:url(/cxhj/new_packages/basicimages/titlebar_image.jpg);
	   background-repeat:repeat-y ;
}   
.summercomment{
width:330px;
height:auto;
text-align:left; 
font-size:0.8em;
color:#390055;
}  


#summerhotel{
width:100%;
height:auto;
margin:0 0 10px 0;
padding:0px 0 0px 0;
background-color:#eef1f2;

}
#summerhotelimg{
width:305px;
margin:0 0 0 0;
padding:5px 0px 5px 3px;
height:auto;
float:left;


}  
#summerminihotelimg{
width:210px;
margin:0 0 0 10px;
padding:30px 0 0 0;
height:auto;
float:right;
text-align:center;



}       
.summerlink{
width:90%;
height:auto;
margin:5px 0 0 0;
padding:0 0 0 0;
text-align:left;
float:right;

}

#summerhotelcomment{
width:100%;
height:auto;
clear:both;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;


}
 .tokutyo{
width:48%;
height:auto;
float:left;
margin:0 0 0 0;
padding:0 0 0 5px;
text-align:left;


}
 .type{
width:48%;
height:auto;
float:right;
margin:0 0 0 0;
padding:0 5 0 0;
text-align:left;


}  

#summerprivilege{
width:100%;
height:auto;
clear:both;  
margin:5px 0 0 0; 
padding:0 2px 0 2px;


} 

.title{
width:100%;
height:18px;
background-color:#003333;
font-weight:bold;
color:#ffffff;
margin:0 0 3px 0;
padding:3px 0 0 3px;
}

#summerpoint{
width:75%;
height:auto;
float:left;
}
#summerpointimg{
width:25%;
padding:0 0 0 0;
margin:0 0 0 0;
float:right;
}
#summerno{
float:left;
width:10%;
height:100%;
padding:0 0 0 0;
margin:0 0 0 0;
}
#summerpointcomment{
font-size:0.8em;
width:95%;
height:auto;
color:#390055;
padding:0 0 0 0;
margin:0 0 10px 0;
}


h2.summertitle{
  font-size:1em;
color:#390055;
  font-weight:bold;
  
  }


h1.fujin1{
  font-size:1.2em;
  color:#006666;
  }
  
  
  
h2.fujin2{
  font-size:1em;
  color:#ff9900;
  }

#subbar{
background-color:#003333;
width:98%;
height:19px;
padding:5px 5px 4px 5px;
}

h2.place{
width:80%;
height:auto;
font-size:15px
flaot:left;
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:left;
}


span.yen{
width:10%;
height:auto;
font-size:15px
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:right;
}

#buttan{
       width:100%;
       height:19px;
	   margin-left:0px;
	   margin-top:5px;
	   margin-right:0px;
	   margin-bottom:5px;
	   border:0;
	   
       padding-left:0px;
	   padding-top:0px;
	   padding-right:0px;
	   padding-bottom:0px;
}
	   
.star{
padding-left:16px;
background-image:url(/cxhj/new_packages/basicimages/star.gif);
background-repeat:no-repeat ;
background-position: left top ;
line-height:13px;
}

.chj{
vertical-align:middle;
}





 .stylea {color: #84ac63; font-weight: bold; font-size: large; } 
 .styleb { font-size: large; color: #dba92b; font-weight: bold; } 
 .stylec { font-size: large; color: #d77f5e; font-weight: bold; } 
 .styled { font-size: large; color: #d6ac79; font-weight: bold; } 
 .stylee { font-size: large; color: #3b8f8e; font-weight: bold; } 
 .stylef { font-size: large; color: #427bbf; font-weight: bold; }
 .styleg { font-size: large; color: #896199; font-weight: bold; }
 .styleh { font-size: large; color: #b95a8f; font-weight: bold; }
 .stylei { font-size: large; color: #6666FF; font-weight: bold; }
 .stylej { color: #669966; font-size: large; font-weight: bold; }
 .stylek { color: #CC99FF; font-size: large; font-weight: bold; }
#calendar{
width:100%;
padding-bottom:0 0 0 0;
margin:0 0 30 0;
border:0;
text-align:center;
}



#left{
float:left;
width:48%;
margin:0 0 0 0;
padding:0 0 0 0;
}

#right{
float:right;
width:48%;
margin:0 0 0 0;
padding:0 0 0 0;
}

.month{
color:#fff;
background-color:#005279;
text-align:center;
font-weight:bold;
}

/* <span class>(曜日)の指定 */
.day{
text-align:center;
font-size:small;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}


.blank_day{
color:#ccc;
font-size:small;
}

.blank_saturday{
color:#99f;
font-size:small;
}

.blank_holiday{
color:#f99;
font-size:small;
}

.weekday{
color:#000;
font-size:small;
}

.saturday{
color:#00f;
font-size:small;
}

.holiday{
color:#f00;
font-size:small;
}

/* <td class>(箱)の指定 */
.blank0{
color:#666;
background-color:#fff;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}

.blank1{
color:#666;
background-color:#E9ACEE;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
vertical-align:middle;
}

.blanking{
color:#ccc;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
background-color:#dee5e7;
font-family: Arial, Helvetica, sans-serif;
}

.day_A{
color:#84ac63;
background-color:#c0d1a7;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif; 
vertical-align:middle;

}

.day_B{
color:#dba92b;
background-color:#eacf8c;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;  
vertical-align:middle;

}

.day_C{
color:#d77f5e;
background-color:#e4ab90;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif; 
vertical-align:middle;

}

.day_D{
color:#d6ac79;
background-color:#e9d1b5;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;   
vertical-align:middle;

}

.day_E{
color:#368f8e;
background-color:#8ab1b1;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;   
vertical-align:middle;

}

.day_F{
color:#427bbf;
background-color:#89a3d4;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;  
vertical-align:middle;

}

.day_G{
color:#896199;
background-color:#af93b9;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;   
vertical-align:middle;

}

.day_H{
color:#b95a8f;
background-color:#ce92b3;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;   
vertical-align:middle;

}

.day_I{
color:#66f;
background-color:#99f;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;  
vertical-align:middle;

}

.day_J{
color:#696;
background-color:#9cc;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;  
vertical-align:middle;

}

.day_K{
color:#c9f;
background-color:#fcf;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;   
vertical-align:middle;

}  





.blank0{
color:#ccc;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:large;
font-weight:bold;
background-color:#dee5e7;
font-family: Arial, Helvetica, sans-serif;
}




#attention{
width:100%
height:auto;
clear:both;
}

#ratehotel{
width:100%;
height:auto;

}
#hotelleft{
width:67%;
height:auto;
float:left;

}
#hotelright{
width:30%;
height:auto;
float:right;

}



.hotelimage{
width:170px;
text-align:center;

}
.hotelimage2{
width:170px;
text-align:center;
float:right;

}
.hotelname{
text-align:center;
font-size:0.9em;
padding-bottom:5px;

}

#whongkon{
background-color:#9900ff;
width:100%;
height:auto;
font-size:0.9em;
}
	   
#subbar{
background-color:#003333;
width:98%;
height:19px;
padding:5px 5px 4px 5px;
}

	   
 h2.place{
 width:100px;
height:auto;
font-size:15px
flaot:left;
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:left;
}


span.yentyo{
width:250px;
height:auto;
font-size:15px
text-align:right;
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:right;
}

 h2.placetyo{
 width:40%;
height:auto;
font-size:15px
flaot:left;
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:left;
}


span.yen{
width:50%;
height:auto;
font-size:15px
text-align:right;
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:right;
}

span.yen2{
width:30%;
height:auto;
font-size:15px
text-align:right;
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:right;
}

span.yenonly{
width:20%;
height:auto;
font-size:15px
text-align:right;
font-weight:bold;
color:#ffffff;
vertical-align:middle;
float:right;
}