@charset "utf-8";
@import "base_alw_pyrenees_2017.css";

/*------- ------- ------- ------- */
/* header */
#theme{
	height:247px;
}
#theme h2{
	background:url(../img/theme_hotel_pyr.jpg) top center no-repeat;
	height:247px;
}

#contents_side .hotel{
	width:704px;
	overflow:hidden;
}
#contents_side .hotel h3{
	border-bottom:4px solid #ffc300;
	padding:0 0 10px 0;
	margin-bottom:10px;
}
#contents_side .hotel ul{
	width:704px;
	overflow:hidden;
}
#contents_side .hotel ul li{
	width:206px;
	height:300px;
	float:left;
	margin:0 14px;
	border-top:1px dotted #999;
	padding-top:10px;
	margin-top:-1px;
}
#contents_side .hotel ul dl{
	width:206px;
}
#contents_side .hotel ul dl .type{
	float:right;
	background-color:#333333;
	color:#FFFFFF;
	padding:2px 4px;
}
#contents_side .hotel ul dl .lank{
	color:#FFCC00;
	padding-bottom:5px;
}
#contents_side .hotel ul dl .name_jp{
	color:#333;
	font-weight:bold;
	padding-top:2px;
}
#contents_side .hotel ul dl span{
	font-weight:normal;
	padding-left:3px;
}
#contents_side .hotel ul dl .name_en{
	color:#d60000;
	padding-top:2px;
}
#contents_side .hotel ul dl .thumb{
	padding-top:5px;
}
#contents_side .hotel ul dl .read{
	line-height:1.3em;
	padding-top:5px;
}


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

とっておきのホテルページ用css

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

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

本文

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

/*------------------------------------------------------------
 ページタイトル
-------------------------------------------------------------*/

/* ホテルタイトル */
#contents_side table h4{
	background:url(../../img/common/line_dot_1px.gif) repeat-x                                                                ;
	padding-top:10px;
	padding-bottom:10px;
}

#contents_side table h4.noline{
	background-image:none;
	padding-top:0;
	padding-bottom:10px;
}

#contents_side h5{
	background:url(../../img/common/mesh_alw_4px.gif) repeat-x left bottom;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-size:100%;
	font-weight:bold;
	line-height:1.4;
}


#contents_side p.period_red{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	font-size:108%;
	font-weight:bold;
	color:#464646;
}

#contents_side p.period_red{ background:url(../../img/common/mesh_alw_4px.gif) repeat-y left top; }


/*------------------------------------------------------------
 テーブル（基本設定）
-------------------------------------------------------------*/

#contents_side table{
	width:100%;
}

#contents_side table td{
	width:206px;
	padding-left:10px;
	padding-top:12px;
	padding-bottom:5px;
}

#contents_side table td.left{
	padding-left:0;
}

/* 点線（上部）
#contents_side td.line{
	background:url(../common/images/line_dot.gif) repeat-x left top;
}
*/


#contents_side table th{
	text-align:center;
	vertical-align:bottom;
	padding:10px 0 10px 0;
	background:url(../img/hotel/bg_hotel_th.gif) no-repeat left bottom;
	background-image:

}

#contents_side table th.left{
	background:url(../../img/common/mesh_alw_4px.gif) repeat-x left bottom;
}



/*------------------------------------------------------------
 テキスト系
-------------------------------------------------------------*/

#contents_side p{
	line-height:1.4;
}

#contents_side p.indent{
	margin-bottom:10px;
	background:url(../../img/common/line_dot_2px.gif) repeat-x left bottom;
	padding:0 0 5px 1em;
}

#contents_side p.non_indent{
	margin-bottom:10px;
	padding:0;
}

#contents_side .bold{
	font-weight:bold;
	color:#464646;
	margin-bottom:10px;
}

#contents_side div.whitebox span.bold{
	font-weight:bold;
	color:#464646;
}

/* 注釈 */
#contents_side p.comment{
	font-size:75%;
}


/*------------------------------------------------------------
テーブル系
-------------------------------------------------------------*/
#contents_side div.planrule table{
	width:100%;
	border-collapse:collapse;
	margin-left:1px;
}

#contents_side div.planrule table th{
	border:1px solid #ccc;
	text-align:left;
	padding:5px 5px 5px 10px;
	font-weight:bold;
	width:25%;
}

#contents_side div.planrule table td{
	border:1px solid #ccc;
	text-align:left;
	padding:5px 5px 5px 10px;
}


/* タイトル */
#contents_side div.planrule table caption{
	padding:5px 5px 5px 10px;
	border:1px solid #ccc;
	border-width:1px 1px 0 1px;
	background:url(../../img/common/mesh_alw_4px.gif);
	color:#fff;
	font-size:108%;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
}


/*------------------------------------------------------------
背景入りテキストボックス系
-------------------------------------------------------------*/

#contents_side div.redbox{
	clear:both;
	width:620px;
	_width:640px;/* IE6 */
	background-color:#fef6f3;
	padding:10px;
	margin-top:10px;
	margin-bottom:20px;
}

#contents_side div.redbox ul{
	padding:0 0 0 0;
}

#contents_side div.redbox li{
	background: url(../../img/common/mark_alw_9px.gif) ;
	background-position:left 7px;
	background-position:left 3px;
	background-repeat:no-repeat;
	display:block;
	padding-left: 15px;
	padding-bottom:10px;
	
	line-height:1.4em;
}



#contents_side div.whitebox{
	clear:both;
	width:600px;
	background-color:#ffffff;
	padding:10px;
	margin-top:10px;
}



#contents_side dl.airinfo{
	width:100%;
	padding:0 0 5px 0;
	line-height:1.4;
}


#contents_side dl.airinfo dt{
	clear:both;
	width:130px;
	float:left;
	line-height:1.4;
}

#contents_side dl.airinfo dd{
	margin:0 0 0 140px;
	padding-left:2px;
	line-height:1.4;
}