@charset "utf-8";

/*==========================================================================
 reset
============================================================================ */
/* clear,float */  
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.cf { overflow: hidden; }  
/* IE6 */* html .cf { zoom: 1; } 

/* txt */ 
.center { text-align: center; }
.txt_right { text-align: right; }


/*==========================================================================
 basic
============================================================================ */
#main_contents_index { width:630px; }
* html #main_contents_index { margin-left:15px; }

/*==========================================================================
 トップ
============================================================================ */
#side_calendar { overflow:hidden; width:177px!important; }
#sc_wrap { width:4900px; }
#side_calendar .calendar { width:175px; float:left; margin:0; margin-left:1px; margin-right:24px; }
#side_calendar .calendar td { background-color:#FFF; }

#sarch_text input { margin-top:10px; }

/*==========================================================================
 一覧
============================================================================ */
.top_txt { text-align:left; }
#sch_btn { text-align:center; margin-top:20px; }
.subplan { list-style:none; margin:10px 0; }
.subplan li { padding:25px 10px 5px; margin-top:5px; background:url(../images/plan.jpg) no-repeat left top; line-height:20px; }
.subplan li p.icon_list { text-align:left; padding-top:5px; }

td.plan_box { position:relative; padding-bottom:25px; }
p.icon_list2 { text-align:left; padding-top:10px; }

/*==========================================================================
 詳細
============================================================================ */
.itiran_pct_box { width:150px; float:right; }
.main_txt { width:425px; float:left; padding:10px 5px 20px 20px; }

.right_box { width:180px; float:right; }
.right_box .icon_list { text-align:right; padding:5px 0; }
.pct_box { width:150px; padding:5px; border:#CCCCCC 1px solid; float:right; }
.main_txt2 { width:395px; float:left; padding:10px 5px 20px 20px; }
#details h4 { width:585px; font-weight:bold; border-bottom:1px dotted #CCC; margin:30px auto 10px; }

.box { width:585px; margin:10px auto; }
.sub_tlt { font-size:14px; font-weight:bold; color:#003257; margin-bottom:10px; }

/*==========================================================================
 予約
============================================================================ */
.form_tbl { width:600px; margin:10px auto; border-collapse:collapse; border:1px solid #999; }
.form_tbl td,.form_tbl th { border:1px solid #999; padding:5px; text-align:center; }
.form_tbl th { background-color:#e8f3ff; }

.submit { width:250px; margin:10px auto 15px; text-align:center; }

#form_last td { text-align:left; }

/*==========================================================================
 カレンダー
============================================================================ */
.calendar { width:175px; float:left; border:1px solid #666; border-collapse:collapse; margin:10px; border:1px solid #013256; }
* html .calendar { margin-left:5px; }
.calendar td,.calendar th { padding-top: 4px; border:1px solid #013256; text-align:center; vertical-align:middle; font-size:11px; }
.calendar .w0,.calendar .holiday { color:#E72265; }
.calendar .w6 { color:#205CC4; }
.calendar td { background-color: #ADADAD; color:#000; }
.calendar th { background-color:#013256; color:#FFF; }
.calendar .yobi { background-color:#FFF; color:#333; }
.calendar .link { background-color:#FFF; text-decoration:underline; cursor:pointer; }
.calendar .tbl_header { padding:5px 0; }
.calendar .btn { color:#999; }
.calendar .tbl_header a { color:#FFF; text-decoration:none; }

.calendar td a { color:#000; }
.calendar .w0 a,.calendar .holiday a { color:#E72265; }
.calendar .w6 a { color:#205CC4; }

#cal { width:585px; margin:0px auto 10px; }

/*==========================================================================
 notify-bar
============================================================================ */
.jquery-notify-bar { width:100%; position:fixed; top:0; left:0; z-index:32768;
 background-color:#451966; font-size:18px; color:#fff;
 text-align:center; padding:20px 0px; border-bottom:1px solid #bbb; }
.jquery-notify-bar.error { color:#fff; background-color:#B94026; }
.jquery-notify-bar.success { color:#060; background-color:#BBFFB6; }