@charset "utf-8";
/* ===================================================================
CSS information

 file name  :reserves.css
 author     :Ability Consultant
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------*/
#reserves .con_intro {
	padding:10px;
	width:685px;
}

#reserves .con_intro h3{
	padding-bottom:30px;

}


#reserves .con_intro p{
	padding:10px;
	border:1px solid #C5D3C7;
	width:520px;
	margin-left:80px;
}

/*----------------------------------------------------
	.con_plan		プラン一覧（料金一覧）
----------------------------------------------------*/


#reserves .con_plan table.tbl_plan{
	margin-left:3px;
	margin-bottom:30px;
	width:682px;
}

#reserves .con_plan .tbl_plan th{
	width:140px;
}

#reserves .con_plan .tbl_plan th{
	border-right:solid 1px #8eab85;
	border-left:solid 1px #8eab85;
	border-bottom:solid 1px #8eab85;
	padding:10px;
	font-weight:normal;
}


#reserves .con_plan .tbl_plan td{
	border-right:solid 1px #8eab85;
	border-left:solid 1px #8eab85;
	border-bottom:solid 1px #8eab85;
	border-top:none;
	padding:5px;
}


/*----------------------------------------------------
	.con_plan		プラン一覧（料金一覧）
----------------------------------------------------*/
#reserves .con_calender h3{
	padding-bottom:10px;

}

#reserves .con_calender p.info{
	padding-top:20px;
	padding-bottom:30px;
	text-align:center;
}

#reserves .con_calender p.info span{
	font-weight:bold;
}

#reserves .con_calender .box_nav_left{
	padding-top:180px;
	width:80px;
	text-align:center;
	float:left;
}

#reserves .con_calender .box_nav_right{
	padding-top:180px;
	width:80px;
	text-align:center;
	float:right;
} 
 
/*----------------------------------------------------
	.box_calender		カレンダー
----------------------------------------------------*/
#reserves .con_calender .box_calender{
	width:500px;
	text-align:center;
	float:left;
} 

#reserves .con_calender .box_calender .month {
	padding-bottom:20px;
}

#reserves .con_calender .box_calender .month li {
    display: inline;
    font-size: 90%;
}
#reserves .con_calender .box_calender .month li.txt_l {
    margin-right: 50px;
}
#reserves .con_calender .box_calender .month li.txt_c {
    margin-right: 50px;
	font-size:140%;
}

#reserves .con_calender .box_calender table.calendar{
	border-left:1px solid #999;
  }
#reserves .con_calender .box_calender table.calendar ul{
	font-size:90%;
  }

#reserves .con_calender .box_calender tr.calendar-row{ 
 }
 
#reserves .con_calender .box_calender td.calendar-day{ 
	min-height:80px;
}

#reserves .con_calender .box_calender td.sun{
	background:#FCF3F3;
}

#reserves .con_calender .box_calender td.sat{ 
	background:#E3EFFD;
}

#reserves .con_calender .box_calender td.calendar-day p{
	font-size:180%;
}
#reserves .con_calender .box_calender td.calendar-day-np{
	 background:#eee; min-height:80px;
}

#reserves .con_calender .box_calender th{
	background:#9C9C9C;
	color:#fff;
	font-weight:bold; 
	text-align:center; 
	width:120px; 
	padding:5px; 
	border-bottom:1px solid #999; 
	border-top:1px solid #999; 
	border-right:1px solid #fff; 
}

#reserves .con_calender .box_calender th.sat_day{
	background:#3A6CAB;
}

#reserves .con_calender .box_calender th.sun_day{
	background:#CD5163;
	border-right:1px solid #999; 
}

#reserves .con_calender .box_calender div.day-number
{
	color:#000;
	font-size:80%;
	margin:0;
	padding:0;
	text-align:left;
 }
 

/* shared */
#reserves .con_calender .box_calender td.calendar-day, td.calendar-day-np {
	 padding-bottom: 5px;
	 border-bottom:1px solid #999;
	 border-right:1px solid #999;
	 vertical-align:top;
	 line-height:1.4;
  }

#reserves .con_calender .box_comment{
	clear:both;	
	margin-top:20px;
	padding:20px 70px;
  }
 
#reserves .con_calender .box_comment p{
	width:500px;
	padding:20px;
	border:1px solid #8eab85; 	

  }

#reserves .con_calender p.btn_goyoyaku{
	text-align:center;
	padding-bottom:20px;
  }


/*-----------------------------------------------------------
	メールフォーム
----------------------------------------------------------- */
#reserves .main {
	text-align:center;
}

#reserves .main span{
	color:#F00;
}

#reserves #con_main p.txt_comment{
	padding-bottom:20px;
	padding-left:80px;
}



/* テーブル
----------------------------------------------------------- */
#reserves #reserves_form{
    margin: 0 auto 20px;
	padding-left:73px;
}

#reserves #reserves_form p{
	padding:15px;
	text-align:center;

}

#reserves #reserves_form table.box_table{
    width: 560px;
	text-align:left;
}



#reserves #reserves_form .box_table th,td{
	padding: 10px 10px 10px 10px;
	border: 1px solid #8eab85;
	color: #253127;
}

#reserves #reserves_form .box_table th{
	text-align: center;
	color: #fff;
	background: #405638;
}

#reserves #reserves_form .box_table td{
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5em;
}

#reserves #reserves_form .box_table td span{
	color:#C00;
}

#reserves #reserves_form input[type="submit"] {
    background-color: #405638;
    border: 1px solid #405638;
    color: #fff;
    cursor: pointer;
    height: 25px;
    width: 80px;
}

/*-----------------------------------------------------------
	プライバシーポリシー
----------------------------------------------------------- */

#reserves .con_privacy {
	margin-bottom:40px;
}

#reserves .con_privacy h3 {
	margin-bottom:20px;
}

#reserves .con_privacy .box_privacy {	
	padding:10px;
}

#reserves .con_privacy .box_privacy h4 {
	padding-bottom:10px;
}

#reserves .con_privacy .box_privacy p {
	padding-bottom:20px;
}

/*-----------------------------------------------------------
	プライバシーポリシー
----------------------------------------------------------- */
#reserves #main .box_parking{
	padding:30px;
}


#reserves #main .box_parking h3{
	padding-bottom:10px;
	font-size:110%;
}


#reserves #main .box_parking p{
	padding-bottom:20px;
	padding-left:5px;
}

#reserves #main .box_parking p.btn_access{
	text-align:right;
	padding-top:20px;	
}

#reserves #main .box_parking p.txt_car {
    border: 1px solid #C5D3C7;
    padding: 10px;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}
* html div.calendar-day { height:80px; }
 * html div.calendar-day-np { height:80px; }