@charset "utf-8";


/*	汎用スタイルの設定		
========================================== */

/*	Clearfix
========================================== */
/* clearfix：要素の末尾でfloatを解除する */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }

/*	Invisible elements：要素を不可視にする
========================================== */
.hidden {
	display: none;
}

/*	Float
========================================== */
.float_l { float: left; }
.float_r { float: right; }

/*	List style
========================================== */
.disc li { list-style: disc;}
.circle li { list-style: circle;}
.decimal li { list-style: decimal;}

/* Text style
========================================== */
/* Font color */
.red { color: #F00; }

/* Font size */
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs32 { font-size: 32px; }
.fs36 { font-size: 36px; }
.fs48 { font-size: 48px; }

/* Font weight */
.bold { font-weight: bold; }

/* Text align */
.align_l { text-align: left!important; }
.align_r { text-align: right; }
.align_c { text-align: center; }


/*	Margin
========================================== */
.mt0 { margin-top: 0 !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

.mr7 { margin-right: 7px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr100 { margin-right: 100px; }


/*	Padding
========================================== */
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pt80 { padding-top: 80px; }
.pt85 { padding-top: 85px; }
.pt90 { padding-top: 90px; }
.pt95 { padding-top: 95px; }
.pt100 { padding-top: 100px; }

.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }
.pb65 { padding-bottom: 65px; }
.pb70 { padding-bottom: 70px; }
.pb75 { padding-bottom: 75px; }
.pb80 { padding-bottom: 80px; }
.pb85 { padding-bottom: 85px; }
.pb90 { padding-bottom: 90px; }
.pb95 { padding-bottom: 95px; }
.pb100 { padding-bottom: 100px; }

.pl10 { padding-left: 10px; }


/*	Width
========================================== */
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w240 { width: 240px; }
.w260 { width: 260px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w420 { width: 420px; }
.w440 { width: 440px; }
.w460 { width: 460px; }
.w480 { width: 480px; }
.w500 { width: 500px; }
.w560 { width: 560px; }


/*	Other
========================================== */
.hi a:hover img{
opacity:0.50;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;
}

/*
-----------------------------------------------------------------*/

	

	
/*  ホテル情報
------------------------------------------------*/
#osusumeHotel .hotel {
	width:461px;
	height: 361px;
	background: url(../image/bg_hotel.png) no-repeat top left;
}

#osusumeHotel .htlLeft{
	float:left;
	margin-left:6px;
	margin-top:15px;
}
#osusumeHotel .htlRight{
	float:right;
	margin-right:6px;
	margin-top:15px;
}

#osusumeHotel .txtArea{
	position:relative;
	height:120px;
}


/*  grade
------------------------------------------------*/
#osusumeHotel .grade{
	background-color:#ffffff;
	border:1px solid #48494b;
	text-align: center;
	color:#d11a14;
	display:inline;
	position:absolute;
	width:94px;
	height:21px;
	line-height:21px;
	font-size:12px;
}


#osusumeHotel .grade2{
	background-color:#ffffff;
	border:1px solid #7a7a7a;
	text-align:center;
	color:#0748a6;
	display:inline;
	position:absolute;
	width:94px;
	height:21px;
	line-height:21px;
	font-size:12px;
}

#osusumeHotel .grade3{
	background-color:#ffffff;
	border:1px solid #7a7a7a;
	text-align:center;
	color:#0d8a50;
	display:inline;
	position:absolute;
	width:94px;
	height:21px;
	line-height:21px;
	font-size:12px;
}

#osusumeHotel .grade4{
	background-color:#ffffff;
	border:1px solid #7a7a7a;
	text-align:center;
	color:#b17500;
	display:inline;
	position:absolute;
	width:94px;
	height:21px;
	line-height:21px;
	font-size:12px;
}


#osusumeHotel .grade,
#osusumeHotel .grade2,
#osusumeHotel .grade3,
#osusumeHotel .grade4{
	top:10px;
	left:215px;
}
/*  //grade
------------------------------------------------*/


#osusumeHotel .area1{
	left:15px;
	background-color:#41210c;
	color:#ffffff;
	}
	
	
#osusumeHotel .tit_01{
	color:#ffffff;
} 
	

#osusumeHotel .area2{
	left:110px;
	background-color:#833688;
	color:#ffffff;
}

#osusumeHotel .area3{
	left:110px;
	background-color:#3eadd8;
	color:#ffffff;
}


#osusumeHotel .area4{
	left:110px;
	background-color:#eaa019;
	color:#ffffff;
}


#osusumeHotel .area5{
	left:110px;
	background-color:#234698;
	color:#ffffff;
}


#osusumeHotel .area6{
	left:110px;
	background-color:#019257;
	color:#ffffff;
}

#osusumeHotel .area7{
	left:110px;
	background-color:#d95000;
	color:#ffffff;
}


#osusumeHotel .area1,
#osusumeHotel .area2,
#osusumeHotel .area3,
#osusumeHotel .area4,
#osusumeHotel .area5,
#osusumeHotel .area6,
#osusumeHotel .area7{
	position:absolute;
	top:10px;
	text-align:center;
	display:inline;
	width:96px;
	line-height:19px;
	font-size:11px;
	padding:2px 0 2px 0;
}


#osusumeHotel .tit_01,
#osusumeHotel .tit_02{
	color:#41210c;
	position:absolute;
	left:22px;
	top:45px;
	font-size:17px;
	line-height:23px;
	font-weight:bold;
} 


#osusumeHotel p.pic{
	text-align:center;
}


#osusumeHotel .txt{
	position:absolute;
	top:75px;
	left:20px;
	font-size:11.5px;
	line-height:18px;
	width:432px;
}

#osusumeHotel .wrap-day-price{
	width:309px;
	text-align: left;
	border:1px solid #dbdbdb;
	margin-left:5px;
	padding-left:1px;
	height:75px;
	
}

#osusumeHotel .day{
    font-size: 13px;
    color: #003663;
	margin:5px 0 0 10px;
	}

#osusumeHotel .emy{
    font-size: 13px;
    color: #003663;
	margin:5px 0 0 5px;
	}
	
#osusumeHotel .price{
	font-size:28px;
	color:#FF0000;
}

#osusumeHotel .price span{
	font-size:18px;
	color:#003663;
}


#osusumeHotel .p_e_c_01{
	position:absolute;
	top:4px;
	left:327px;
}

#osusumeHotel .p_e_c_02{
	position:absolute;
	top:4px;
	left:314px;
}


.txt_below{ 
     float: right;
	 text-align:right;
	 clear:both;
	 margin:15px 8px 15px 0;
	 line-height:20px;}
	 
	 
	 
/*  バナー
------------------------------------------------*/

.bnr{
	margin-top:20px !important;
	text-align:center;}
	
	
.bnr_02{
	margin-top:20px !important;
	height:100px;
	text-align:center;}
	
	
	
/*  btn_red_01
------------------------------------------------*/	
		 
.btn_red_01{ 
     float: right;
	 margin:7px 7px 0 0;
	 }