@charset "utf-8";

/* ======================================================================================
   アクセス
====================================================================================== */
#hoteloutline {
	margin-top: 20px;
}

#rishiri_outline {
	margin-top: 40px;
}

#hoteloutline table.outlene_table {
	width: 940px;
	margin-left: 15px;
	margin-bottom: 10px;
}

#hoteloutline th {
	padding: 5px;
	width: 7em;
	vertical-align: top;
	background-color:#005a3b ;
	border: 1px solid #fff;
	color: #fff;
	border-collapse: collapse;	
}

#hoteloutline td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #005a3b;
	border-collapse: collapse;
}

#hoteloutline th.top {
	border-top: 1px solid #005a3b;
	border-collapse: collapse;	
}


#hoteloutline th.middle {
	border-bottom: 1px solid #005a3b;
	border-top: 1px solid #005a3b;
	border-collapse: collapse;	
}




#hoteloutline th.bottom {
	border-bottom: 1px solid #005a3b;
	border-collapse: collapse;	
}



/*20150528 */ 


.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}



#hoteloutline ul.discSbs {
	margin:15px 0 30px 2em;
	list-style: disc;		
	border-bottom: 1px solid #ccc;
	padding-left: 1em;
	zoom: 1;	
}


#hoteloutline ul.discSbs:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;	
}


#hoteloutline ul.discSbs li {
	float: left;
	list-style: disc;
	width: 32%;
	margin:0px 5px 5px 1em;
	padding-left: 0;
}

#hoteloutline ul.discSbs li.middle{
	width: 42%;
	
}
#hoteloutline ul.discSbs li.long{
	width: 99%;
	
}
#hoteloutline ul.discSbs li.long.kome{
	list-style-type: none;
	margin:10px 5px 5px 0;
	
}

#hoteloutline ul.first {
	margin:15px 0 0 2em !important;
}


#hoteloutline ul.last {
	margin:15px 0 0 2em !important;
/*	zoom: 1;
	border-bottom: 1px solid #ccc;
	padding-left: 1em; */ 
	
}


#hoteloutline ul.discSbs li.title {
/*	float: left; */ 
	list-style: none;
/*	margin-left: 0px; */ 
	width: 915px;
	/*margin:0px 10px 5px 0px; */ 
	padding:5px 0px 5px 10px;
	background-color: #2faa6b;
	color: #fff;
	margin-left: -1em;
	font-weight: 700;
}


#hoteloutline p.small {
	margin-bottom: 10px;
	margin-left: 3em;
	font-size: 90%;
}


#hoteloutline p.title0529 {
	margin-left: 1em;
}


#hoteloutline p.com {
	margin: 10px 0px 10px 2em;
}


#hoteloutline span.small {
	font-size: 90%;
}

	
#hoteloutline .box001 {
/*	border: solid 1px #005a3b; */ 
/*	margin-left: 1em; */ 
	margin-bottom: 35px;
} 





#hoteloutline h3.blkhead {
	margin-left: 1em;
/*	font-weight: 700px; */ 
	padding-bottom: 5px; 
}




/* 20150602 */ 
#hoteloutline .recommend_box {
	width: 928px;
	margin:20px 0px 20px 15px;
	border: solid 1px #005a3b;
	padding: 5px;
}

#hoteloutline .fl_margin_r10l05 {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}


#hoteloutline .fl_margin_r10 {
	float: left;
	margin-right: 10px;
}


#hoteloutline .fl_margin_r05 {
	float: left;
	margin-right: 5px;
}


#hoteloutline p.text150602 {
/*	border-bottom: solid 1px #005a3b;  */ 
	border-bottom: dotted 2px #005a3b;
	padding: 10px 0px 5px 3px;
	margin: 0 5px 15px 5px;
}


#hoteloutline p.text150602a {
/*	border-bottom: solid 1px #005a3b;  */ 
	border-bottom: dotted 2px #005a3b;
	padding: 10px 0px 5px 3px;
	margin: 0 0 15px 0px;
}

#hoteloutline p.pdf {
	text-align: right;
	margin: 10px 0px 5px 0px;
}

.memo {
   margin: 3px 0 20px 0;
   font-size: 90%;
   text-align: right;
}


div.mainArea_all.dd,
div.mainArea_all02.dd {
    position: relative;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;   /* ★追加すると安心 */
    background-color: #fff;
    height: 480px;
}

/* 各スライド（img + span セット）を重ねる */
.mainArea_all p,
.mainArea_all02 p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;   /* 必要であれば 960px などに調整 */
    margin: 0;
}

/* キャプションを画像上に出したい場合の例 */
.mainArea_all p span,
.mainArea_all02 p span {
    position: absolute;
    right: 5px;
    bottom: 0px;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}