/* ------------------------------------------------------------------ */
/* 配置用
/* ------------------------------------------------------------------ */


#booking-c {
	margin-top: 20px;
	width: 958px;
	border:solid 1px #555;
	font-family:arial, sans-serif;
	line-height: 16px;
	color: #333;
	font-size: 12px;
	text-align: left;
	}

#booking-c ul,
#booking-c li,
#booking-c dl,
#booking-c dt,
#booking-c dd {
	list-style-type:none;
	margin:0;
	padding:0;
}

#booking-c-title {
	color: #FFF;
	width: 958px;
	height: 35px;
	vertical-align: middle;
	background:url(/images/coursecalendar/bg_reservecalendar.png) repeat-x left top #1E6288;
}

#booking-c-title span {
	background:url(/images/coursecalendar/yaji.gif) left center no-repeat;
	padding-left: 20px;
	font-size: 12px;
}


#b-calendar {
	width: 948px !important;
	width: 958px;
	padding: 5px;
}


#booking-c .c-top-explain .c-explain {
	margin: 5px 0 20px 0;
	padding: 1px;
	border:solid 1px #999999;
}



#booking-c .c-top-explain .c-explain_left {
	float: left;
	padding: 6px 0;
	width: 355px;
}

#booking-c .c-top-explain .c-explain_right {
	float: right;
	width: 585px;
	background: url(/images/coursecalendar/bg_sttl_mark_disc.png) repeat-y left top;
	height: 100%;
}

#booking-c .c-top-explain .c-explain_right dt {
	float: left;
	width: 135px;
}

#booking-c .c-top-explain .c-explain_right dd {
	float: left;
	padding: 2px 0 2px 2px;
	width: 448px !important;
	width: 450px;
}


#booking-c .c-top-explain .c-explain_right dd li {
	float: left;
	font-size: 93%;
	padding: 2px 3px 4px 0;
	width: 145px !important;
	width: 148px;
}

#booking-c .c-top-explain .c-explain_right dd li.pbfeb_exp {
	width: 297px !important;
	width: 300px;
}

#booking-c .c-top-explain .c-explain_right p.icon_exp {
	float: left;
	padding-right: 3px;
}
#booking-c .c-top-explain .c-explain_right p.icon_exp_text {
	float: left;
	line-height: 1.2;
	width: 277px;
}

#booking-c .c-top-explain .c-explain_right p.icon_exp_text span.fs85 {
	font-size: 85%;
}



#booking-c .calendar-topinfo {
	font-size: 12px;
}



#booking-c .e-cont-dl {
	font-size: 11px;
}

#booking-c .e-cont-dl dt {
	text-align: center;
	float: left;
	width: 25px;
/*	min-height: 17px;
	height: auto !important;
	height: 17px;*/
	color: #03F;
	font-size: 10px;
}
#booking-c .e-cont-dl dt.webprice {color:#CC0000;}

#booking-c .e-cont-dl dd {
	float: right;
	width: 320px;
/*	min-height: 17px;
	height: auto !important;
	height: 17px;*/
}








#booking-c #result_area{
	padding-left:1px;
}


#booking-c #calendar-table-top {
	width: 948px;
	padding:0;
	margin:0;
	vertical-align: bottom;
}



#booking-c .table-line {
	border: 1px solid #555;
}

#booking-c .calendar-table {
	width: 948px;
	font-size: 11px;
	border-collapse:collapse;
}

#booking-c table.calendar-table th {
	font-weight:normal;
	text-align: left;
	padding: 3px;
	border: 1px solid #555;
	font-size: 11px;
	min-height: 56px;
	height: auto !important;
	height: 56px;
}

#booking-c table.calendar-table td {
	border: 1px solid #555;
	font-size:11px;
	text-align:center;
	padding: 5px 0;
	line-height: 16px;
	width: 24px;
}

#booking-c table.calendar-table td.pbfeb {
	background: url(/images/coursecalendar/cicon-bg-fbooking.gif) 5px 8px no-repeat;
}

#booking-c table.calendar-table td.pbfeb-01p {
	background: url(/images/coursecalendar/icn_bg_ebooking-01.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-02p {
	background: url(/images/coursecalendar/icn_bg_ebooking-02.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-03p {
	background: url(/images/coursecalendar/icn_bg_ebooking-03.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-04p {
	background: url(/images/coursecalendar/icn_bg_ebooking-04.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-05p {
	background: url(/images/coursecalendar/icn_bg_ebooking-05.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-06p {
	background: url(/images/coursecalendar/icn_bg_ebooking-06.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-07p {
	background: url(/images/coursecalendar/icn_bg_ebooking-07.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-08p {
	background: url(/images/coursecalendar/icn_bg_ebooking-08.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-09p {
	background: url(/images/coursecalendar/icn_bg_ebooking-09.gif) 5px 1px no-repeat;
}
#booking-c table.calendar-table td.pbfeb-10p {
	background: url(/images/coursecalendar/icn_bg_ebooking-10.gif) 5px 1px no-repeat;
}


/* ------------------------------------------------------------------ */
/* 下記のスタイルは、コースガイドカレンダーの改修時に削除
/* - #booking-c table.calendar-table thead th
/* - #booking-c table.calendar-table thead td
/* - #booking-c table.calendar-table thead th.plan
/* - #booking-c table.calendar-table thead th.month-data
/* その替りに下記のコメントアウトしているスタイルを有効にしてください。
/* - #booking-c table.calendar-table th.plan
/* - #booking-c table.calendar-table th.month-data
/* ------------------------------------------------------------------ */
/*
#booking-c table.calendar-table thead th {
	text-align: left;
	background-color: #1F9CD7;
	color: #FFF;
	padding: 3px;
	font-size: 12px;
}
#booking-c table.calendar-table thead td {
	text-align: center;
	line-height: 1.1em;
	padding: 3px 0;
	width: 24px;
	font-size: 12px;
}
#booking-c table.calendar-table thead th.plan {
	width: 166px !important;
	width: 172px;
}
#booking-c table.calendar-table thead th.month-data {
	text-align: center;
	line-height: 1.1em;
	padding: 3px 0;
	font-size: 13px;
	background-color: #FFF;
	color: #333;
	min-height: 0px;
}
*/

#booking-c table.calendar-table th.plan {
	width: 166px !important;
	width: 172px;
	padding: 3px;
	text-align: left;
	background-color: #1F9CD7;
	color: #FFF;
	font-size: 12px;
}
#booking-c table.calendar-table tr.day td {
	width: 24px;
	padding: 3px 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.1em;
}
#booking-c table.calendar-table th.month-data {
	text-align: center;
	padding: 3px 0;
	min-height: 0px;
	background-color: #FFF;
	font-size: 13px;
	line-height: 1.1em;
	color: #333;
	border-top:none;
}



#booking-c .plan-title {
	width: 165px;
	min-height: 56px;
	height: auto !important;
	height: 56px;
	font-size: 12px;
	font-weight: bold;
}

#booking-c .plan-icon {
	width: 32px;
	float: right;
	min-height: 52px;
	height: auto !important;
	height: 52px;
}

#booking-c .plan-icon img {
	margin: 2px 0;
}



#booking-c table.calendar-table th.plan-title_th {
	width: 166px !important;
	width: 172px;
}


#booking-c table.calendar-table td.sat {
	background-color: #CFF;
}

#booking-c table.calendar-table td.sun {
	background-color: #FCC;
}


#booking-c table.calendar-table td img {
	vertical-align: top;
}

#booking-c table.calendar-table li {
	text-height: 5em;
}

#booking-c table.calendar-table li.webprice a:link {color:#CC0000 !important;}
#booking-c table.calendar-table li.webprice a:visited {color:#CC0000 !important;}
#booking-c table.calendar-table li.webprice a:hover {color:#FF6600 !important;}

#booking-c table.calendar-table ul.icn_price li.icn_box {
	float: left;
	width: 40px;
}

#booking-c table.calendar-table ul.icn_price li.icn_box img {
	margin-right: 3px;
}

#booking-c table.calendar-table ul.icn_price li.price_box {
	float: right;
	padding-top: 2px;
	width: 125px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}


#booking-c #b-calendar a:link {text-decoration:none; color: #03F;}
#booking-c #b-calendar a:visited{text-decoration:none; color:#03F;}
#booking-c #b-calendar a:hover{text-decoration:none; color:#FF2200;}

#booking-c table.calendar-table td.noline  {
	border:none;
}


#booking-c table.calendar-table td.update-info {
	font-size: 10px;
	color: #F00;
	padding: 3px;
	vertical-align: bottom;
	text-align:left;
	width: 289px;
}




#booking-c table.calendar-table td.update-info {
	font-size: 10px;
	color: #F00;
	padding: 3px;
	vertical-align: bottom;
	text-align:left;
	width: 165px !important;
	width: 171px;
}

#booking-c table.calendar-table p.update-info_text {
	padding-left: 1em;
	text-indent: -1em;
}



/* ------------------- 選択プランスタイル ----------------- */
#booking-c .tr-choose-plan {
	background-color: #EFF;
}

#booking-c table.calendar-table td.td-open {
	border-bottom: 3px solid #555;
	background-color: #EFF;
}

/* ---------------- end 選択プランスタイル ---------------- */

#booking-c table.calendar-table td.calendar-table-tab {
	padding: 0px;
	border:none;
	width: 773px;
/*	height: 31px;*/
	background-color: #FFF;
	background:url(/images/coursecalendar/bg_month_tab.gif) left bottom repeat-x;
}

/*
#booking-c .c-tab-area {
	width: 773px;
	height: 31px;
	vertical-align: bottom;
}
*/
#booking-c table.calendar-table td.calendar-table-tab ul {
	width: 100%;
	vertical-align: bottom;
	text-align: left;
	padding:0;
}

#booking-c table.calendar-table td.calendar-table-tab li {
	display:inline-block;
	*display:inline;
	*zoom: 1;
	vertical-align: bottom;
/*	float: left;*/
	margin: 0 2px 0 0;
/*	padding-top: 9px;*/
}

#booking-c table.calendar-table td.calendar-table-tab li.tab-in {
/*	padding-top: 4px;*/
}

#booking-c table.calendar-table td.calendartop-line-area {
	height: 5px;
	border:none;
	background-color: #1F9CD7;
	border-left: 1px solid #0F6092;
	border-right: 1px solid #0F6092;
	padding: 0;
	margin: 0;
}


#booking-c .new1month {
	width: 200px;
	height: 21px;
}

#booking-c .plan-window {
	padding: 10px 0px;
}

#booking-c .plan-window-1 {
	float: left;
	width: 181px;
	padding: 0 10px;
}

#booking-c .plan-window-2 {
	float: left;
	padding-left: 10px;
	width: 355px;
}

#booking-c .plan-window-3 {
	float: right;
	padding-right: 10px;
	width: 352px;
}


#booking-c .plan-window1-title {
	width: 181px;
}

#booking-c .plan-window1-title2 {
	width: 181px;
	margin-top: 13px;
}

#booking-c .playstyle-cont {
	width:179px !important;
	width:181px;
	border: 1px solid #999999;
	padding: 7px 0;
	background-color: #FFF;
}

#booking-c .playstyle-cont li {
	float: left;
	padding-left: 5px;
}

#booking-c .text-right-line {
	text-align: right;
}

#booking-c table.tbl-2b-3b {
	width: 181px;
	border-collapse: collapse;
	}

#booking-c table.tbl-2b-3b th {
	background-color: #78DCFC;
	width: 35px;
	min-height: 0px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #999999;
}

#booking-c table.tbl-2b-3b td {
	width: 67px;
	text-align: center;
	border: 1px solid #999999;
	background-color: #FFF;
}

#booking-c table.tbl-2b-3b td.price{
	padding-right: 10px;
	width: 57px;
	text-align: right;
}

#booking-c .plan-window1-deadline {
	border: 1px solid #999999;
	font-size: 12px;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	width:179px !important;
	width:181px;
	background-color: #FFF;
	}

#booking-c .plan-window2-cont {
	width: 353px !important;
	width: 355px;
	height: 203px;
	border: 1px solid #999999;
	background-color: #FFF;
	text-align: left;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* -------------------- ここから ----------------------- */
/* iPhone/iPad　スクロールバー対策
/* ------------------------------------------------- */


#booking-c .plan-window2-cont::-webkit-scrollbar {
	background: transparent;
	height: 7px;
	overflow: visible;
	width: 16px;
}

#booking-c .plan-window2-cont::-webkit-scrollbar-thumb {
/*	border-left: solid white;*/
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 5px;
}

#booking-c .plan-window2-cont::-webkit-scrollbar-thumb {
}

#booking-c .plan-window2-cont::-webkit-scrollbar-button:vertical:decrement {
	background-image:url(/images/coursecalendar/scrollbar-button-up.gif);
	width: 16px;
	height: 16px;
}

#booking-c .plan-window2-cont::-webkit-scrollbar-button:vertical:increment {
	background-image:url(/images/coursecalendar/scrollbar-button-down.gif);
	width: 16px;
	height: 16px;
}


#booking-c .plan-window2-cont::-webkit-scrollbar-track-piece {
	background-color: rgba(0, 0, 0, 0.1);
}
#booking-c .plan-window2-cont::-webkit-scrollbar-corner {
	background: transparent;
}



/* -------------------- ここまで ----------------------- */

#booking-c .plan-window2-cont-in dt {
	padding: 3px 10px;
	background-color: #E0E0E0;
	color: #444444;
	font-weight: bold;
	font-size: 12px;
}

#booking-c .plan-window2-cont-in dd {
	margin: 5px 0 20px 0;
	font-size: 11px;
	padding: 0px 3px;
}

#booking-c .plan-choose {
	margin-left: 1px;
	width: 350px;
	border-collapse: collapse;
	background-color: #FFF;	
}

#booking-c table.plan-choose th {
	font-size: 12px;
	color: #FFF;
	background-color: #1F9CD7;
	min-height: 0px;
	text-align: center;
}

#booking-c table.plan-choose th.choose-day {
	width: 119px;
}

#booking-c table.plan-choose th.choose-waku {
	width: 79px;
}

#booking-c table.plan-choose th.choose-price {
	width: 148px;
}

#booking-c table.plan-choose td {
	font-size: 12px;
}

#booking-c table.plan-choose td.price-r {
	font-size: 13px;
	color:#C00;
	font-weight: bold;
}


#booking-c .booking-status {
	width: 350px;
	border-collapse: collapse;
	margin: 10px 0 0 1px;
	background-color: #FFF;
}

#booking-c table.booking-status th {
	font-size: 12px;
	color: #FFF;
	background-color: #1F9CD7;
	min-height: 0px;
	text-align: center;
}

#booking-c table.booking-status th.s-time {
	width: 72px !important;
	width: 78px;
}

#booking-c table.booking-status th.course-name {
	width: 134px !important;
	width: 140px;
}

#booking-c table.booking-status th.play-number {
	width: 122px !important;
	width: 128px;
}

#booking-c table.booking-status td {
	padding: 0;
	font-size: 12px;
}


#booking-c .booking-status-cont {
	width: 100%;
	height: 104px;
	overflow-x: hidden;
	overflow-y: scroll;
/*	border: 1px solid #555;*/
}

/* -------------------- ここから ----------------------- */
/* iPhone/iPad　スクロールバー対策
/* ------------------------------------------------- */

#booking-c .booking-status-cont::-webkit-scrollbar {
	background: transparent;
	height: 7px;
	overflow: visible;
	width: 16px;
}

#booking-c .booking-status-cont::-webkit-scrollbar-thumb {
/*	border-left: solid white;*/
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 5px;
}

#booking-c .booking-status-cont::-webkit-scrollbar-button:vertical:decrement {
	background-image:url(/images/coursecalendar/scrollbar-button-up.gif);
	width: 16px;
	height: 16px;
}

#booking-c .booking-status-cont::-webkit-scrollbar-button:vertical:increment {
	background-image:url(/images/coursecalendar/scrollbar-button-down.gif);
	width: 16px;
	height: 16px;
}

#booking-c .booking-status-cont::-webkit-scrollbar-thumb {
}

#booking-c .booking-status-cont::-webkit-scrollbar-track-piece {
	background-color: rgba(0, 0, 0, 0.1);
}

#booking-c .booking-status-cont::-webkit-scrollbar-corner {
	background: transparent;
}


/* -------------------- ここまで ----------------------- */


#booking-c .booking-status-intbl {
	width: 332px;
	border-collapse: collapse;
}

#booking-c table.booking-status-intbl td {
	border: 1px solid #555;
	border-left: 0px;
	border-top: 0px;
	padding: 3px;
	vertical-align: middle;
	color: #003D63;
	background-color: #FFF;
}

#booking-c table.booking-status-intbl td.s-time {
	width: 72px !important;
	width: 78px;
}

#booking-c table.booking-status-intbl td.course-name {
	width: 134px !important;
	width: 140px;
}

#booking-c table.booking-status-intbl td.play-number {
	width: 105px !important;
	width: 110px;
}

#booking-c .margin-t10 {
	margin-top: 8px;
}


#booking-c .play-number li {
	float: left;
	padding: 3px 3px 3px 0;
}

#booking-c .play-number li.end {
	float: left;
	padding: 3px 0;
}

#booking-c .play-number a {
	font-size: 12px;
	padding: 2px 7px;
	color: #06F;
	background-color: #FFF;
	border: 1px solid #555;
}

#booking-c .play-number a.bg_gray {
	background-color: #DDDDDD;
}

#booking-c table.booking-status-intbl tr.choose-time td {
	background-color: #FFF3CA;
}

#booking-c #b-calendar .play-number a.choose-number {
	background-color: #1F9CD7;
	color: #FFFFFF;
}


/* -------------------------------------------------------------------- */
/* コースガイドカレンダー　プレースタイルアイコン
/* -------------------------------------------------------------------- */

#booking-c ul.playstyle_box {
	margin: 3px 0 5px;
}

#booking-c ul.playstyle_box li {
	float: left;
	padding-right: 3px;
}

/* -------------------------------------------------------------------- */
/* コースガイドカレンダー　アイコン表示枠
/* -------------------------------------------------------------------- */
#booking-c ul.planstatus_icn {
	margin-top: 3px;
}
#booking-c ul.planstatus_icn li {
	float: left;
	margin-right: 5px;
}


/*
.c-explain{
	margin-bottom:10px !important;
}
*/

/* ------------------------------------------------------------------- */
/* 絞り込み機能のスタイル（.filter）
/* ------------------------------------------------------------------- */
#booking-c .filter{
	width:948px;
	margin:0 0 10px;
}
#booking-c .filter ul.tab li{
	float:left;
}
#booking-c .filter .inner{
	padding:10px;
	border:1px solid #CCCCCC;
	border-top:none;
	font-size:108%;
}
#booking-c .filter .inner p{
	margin-bottom:10px;
}
#booking-c .filter .inner ul.play{
	margin-bottom:10px !important;
}
#booking-c .filter .inner li{
	float:left;
	margin-right:10px !important;
}
#booking-c .filter .inner input{
	margin-right:3px;
	vertical-align:middle;
}

/* ------------------------------------------------------------------- */
/* ソート機能のスタイル（.sort）
/* ------------------------------------------------------------------- */
#booking-c .sort{
	width:944px !important;
	width:948px;
	margin:0 0 20px;
	padding:1px;
	border:1px solid #CCCCCC;
}
#booking-c .sort h3{
	float:left;
	margin-right:10px;
}
#booking-c .sort li{
	float:left;
	margin-right:20px !important;
	padding-top:7px !important;
	font-size:108%;
}
#booking-c .sort li strong{
	padding-left:14px;
	background:url(/images/coursecalendar/icon_select.gif) no-repeat left center;
}
#booking-c .sort li a{
	padding-left:14px;
	background:url(/images/coursecalendar/icon_link.gif) no-repeat left center;
	text-decoration:underline !important;
}