/***********************************************/
/* hotel.css                                    */
/* www.ski-e-yado.com  Style Sheet             */
/***********************************************/

/***********************************************/
/*   #main styles   「メイン」スタイル         */
/***********************************************/

/* 10 追加CSS Document 阪南交通社*/

#hannan {

	margin:0;
	padding:0;
	width:580px;
	text-align:left;

}


/* 08 追加CSS Document */


/*#main2 h2{
	margin:0;
	padding:10px 15px 8px 40px;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	width:580px;
	background-image:url(../img/title.gif);
	background-repeat:no-repeat;
}

#main2 h3{
	margin:0;
	padding:5px 0 0 20px;
	height:20px;
	color:#ffffff;
	background-image:url(../img/titlebar.gif);
	font-size:16px;
	font-weight:bold;
}
*/

p.price_subtitle{

	font-size:12px;
	margin:10px 0 5px 0;
	padding:0;
	font-weight:bold;

}

.tb_tokuten{

	margin:10px 0 10px 0;
	padding:0;

	background-color:#999999;
	font-size:12px;
	
}

.td_tokuten{

	text-align:right;
	background-color:#FFCCFF;
	color:#FF0000;
}

.td_tokuten1{

	text-align:left;
	background-color:#FFFFEE;
	color:#333333;
	line-height:150%;
}

.tb_annai{

	background-color:#999999;
	font-size:12px;
	
}

.td_sub{

	text-align:right;
	background-color:#CCCCFF;
	height:16px;
}

.td_sub1{

	text-align:left;
	background-color:#FFFFFF;
}

.td_sub2{

	text-align:left;
	background-color:##FFFF99;
}

.price_atten{

	margin:5px 0 5px 0;
	font-size:12px;

}




.price_calender{

	background-color:#999999;
	text-align:center;
	font-size:14px;
	
}

.aaa{

	background-color:#666666;
	color:#FFFFFF;

}

.space{

	background-color:#FFFFFF;

}

.calender_month{

	background-color:#CCCCFF;
	font-weight:bold;
	
}

td.calender_a{background-color: #FFFFFF;}
td.calender_e{background-color: #00FF00;}
td.calender_d{background-color: #0000FF;}
td.calender_f{background-color: #FFFF00;}
td.calender_g{background-color: #FF59FF;}
td.calender_i{background-color: #B980FF;}
td.calender_c{background-color: #FF8000;}
td.calender_b{background-color: #CCCCCC;}
td.calender_h{background-color: #804040;}

td.calender_d a:link { color:#FFFFFF;}
td.calender_h a:link { color:#FFFFFF;}
td.calender_h a:visited { color: #8080ff; }

p, ul, div {list-style-type: none;}

#tab {
	width:580px;
	margin-left: 0;
	padding: 0;
	margin-bottom: 12px;
	font-size: 12px;
	border-bottom: 10px solid #FF0000;
	height: 30px;
	overflow: hidden;
}
#tab li {
	float: left;
	height: 30px;
	width: 145px;
}
#tab li a {
	display: block;
	height: 30px;
	border: 1px solid #ccc;
	border-bottom: 0;
	
	padding:8px 5px 0 5px;
	color: #000000;
	background-color:#FFFF99;
	text-align: center;
	text-decoration:none;
}
#tab li a:hover{
	border-color: #000;
	color: #ffffff;
	height: 30px;
	background-color:#990000;

}

#tab li.present a {
	border-color: #000;
	color: #000000;
	height: 30px;
	background-color:#FF0000;

}


#page1, #page2, #page3, #page4, #page5 {
	margin-bottom: 5px;
	padding-top: 5px;
}


/***************  共通項目  ******************/



/* ストロング(赤に強調） */

#main strong{
	color:#ff0000;
}

/* 文章強調用（赤字） */

.red{
	color:#FF0000;
}

.red2{
	margin:0;
	padding:0;
	color:#FF0000;
}

.redbold{
	color:#FF0000;
	font-weight:bold;
}

.redbox{
	margin:0;
	padding:2px 5px 2px 5px;
	border:1px #ff0000 solid;
	background-color:#ff0000;
	color:#ffffff;
	font-weight:bold;
}



/************  パンくずリスト  ***************/

#breadcrumb p{
	margin:0;
	padding:7px 0 0 0;
	font-size:12px;
}

/************  メインコンテンツ   *************/


#contents{
	margin:8px 0 0 0;
	padding:0;
	width:580px;
	height:35px;
	background-image:url(../img/hotel_title.gif);
	background-repeat:no-repeat;
/*	background-color:#FF3333;*/
}



/************   ページタイトル    *************/


#contents span.area{
	margin:0 5px 0 0;
	padding:2px;
	font-size:16px;
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
}


#contents h2{
	margin:0;
	padding:10px 15px 5px 10px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	float:left;
}


#contents p.title{
	margin:10px 0 2px 0;
	padding:5px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	float:left;
}

#minute{
	clear:both;
	margin:0;
	padding:5px 5px 5px 10px;
	color:#ffffff;
	font-size:12px;
	background-image:url(../img/hotel_title_shita.gif);
	background-repeat:no-repeat;
/*	background-color:#666666; */
}

/************      一覧表記       *************/

#check{
	margin:7px 0 2px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

#check span{
	margin:0 5px 0 5px;
	padding:2px;
	font-size:12px;
	color:#FFFFFF;

	background-color:#0000FF;
}

/************  スキー場へのリンク  ************/

#ski p{
	margin:10px 0 0 220px;
	padding:0 0 0 15px;

	background-image:url(../img/btn01.gif);
	background-repeat:no-repeat;
}


/************   画像の回り込み    *************/

/* ホテル概観 */

img.rotate{
	margin:5px 10px 0 0;
	padding:0 10px 0 0;
	float:left;
}

/* 空室確認ボタン */

img.rotate2{
	margin:0;
	padding:0;
	float:right;
}

/* 画像の回り込みの解除 */

p.clear{
	margin:0;
	padding:0;
	clear:both;
}

/************   お得情報    ****************/

p.otoku{
	margin:0;
	padding:10px 0 0 0px;
	font-size:80%;
	list-style:disc;
	color:#333333;
	line-height:120%;
}


/************   予約について    *************/

#mainleft{
	width:210px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}

#mainright{
	width:350px;
	margin:0;
	padding:0;
	float:right	;
	text-align:left;
}

.clear{
	margin:0;
	padding:0;
	clear:both;
}

#mainright p.ya{
	margin:0;
	padding:0 0 0 15px;
	font-size:12px;
	background-image:url(../img/btn01.gif);
	background-repeat:no-repeat;
}

/************   施設使用料    *************/

#attention{
	margin:0;
	padding:5px 0 5px 0;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}

#attention p{
	margin:0 0 0 5px;
	padding:5px 0 5px 30px;
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
	background-image:url(../img/attention.gif);
	background-repeat:no-repeat;
}


/***************   各項目   ****************/
	
#main h3,h3{
	margin:0;
	padding:5px 0 0 20px;
	height:20px;
	color:#ffffff;
	background-image:url(../img/titlebar.gif);
	font-size:16px;
	font-weight:bold;
}

/***************   注意事項   ****************/

#main2 h4{
	margin:0;
	padding:15px 0 0 0;
	font-size:13px;
	color:#FF0000;
}
