@charset "Shift_JIS";

/* ---------------------------------------------------------------------
 * layout
*/
#popup #header,
#popup #middleArea,
#popup #footer {
	width: 840px;
	}

/* ---------------------------------------------------------------------
 * 見出し
*/
.headMainMod01 {
 	position: relative;
 	}
	.headMainMod01 h1 {
		padding: 4px 130px 0 16px;
		}
	.headMainMod01 p {
		position: absolute;
		right: 0;
		bottom: 15px;
		}
		.headMainMod01 p a {
			padding: 0 0 0 18px;
			font-size: 0.857em;
			background: url('../imgs/txt_link.gif') left 2px no-repeat;
			}

/* ---------------------------------------------------------------------
 * 店舗名
*/
.shopname_area {
	table-layout: fixed;
	border-collapse: collapse; 
	border-spacing: 0;
	margin-top: 20px;
	width: 100%;
	}
	.shopname_area td {
		border: 1px solid #d7d7d7;
		}
	/* 店舗名 */
	.shopname_area td.shopname {
		padding: 10px 18px;
		color: #fff;
		background-color: #e60000;
		}
		.shopname_area td.shopname h2 {
			float: left;
			}
		.shopname_area td.shopname .en_shopname {
			float: right;
			}
	/* 店番 */
	.shopname_area td.shopnum {
		padding: 10px;
		width: 6em;
		text-align: center;
		}
	/* 旧 */
	.shopname_area td.former_shopname {
		padding: 5px 0 5px 18px;
		background-color: #ebebeb;
		}
		.shopname_area td.former_shopname p {
			float: left;
			padding: 10px 18px 0 0;
			font-size: 0.786em;
			}
		.shopname_area td.former_shopname .btn_eq,
		.shopname_area td.former_shopname .btn_detail {
			position: relative;
			float: right;
			margin-right: 5px;
			}
			.shopname_area td.former_shopname .btn_eq a,
			.shopname_area td.former_shopname .btn_detail a {
				display: block;
				padding: 2px 15px 0 25px;
				font-size: 0.929em;
				line-height: 30px;
				text-decoration: none;
				background: #f6f6f6 url("../imgs/icon_arrow.gif") no-repeat 14px 50%;
				border: 1px solid #ccc;
				}
			.shopname_area td.former_shopname .btn_eq a:hover,
			.shopname_area td.former_shopname .btn_detail a:hover {
				background: #e3e3e3 url("../imgs/icon_arrow.gif") no-repeat 14px 50%;
				}

/* ---------------------------------------------------------------------
 * ナビゲーション
*/
#calendar_nav {
	float: left;
	width: 224px;
	}

#calendar_nav ul {
	margin-top: 45px;
	}
	#calendar_nav ul li {
		z-index: 1;
		position: relative;
		margin-top: -1px;
		padding: 13px;
		background-color: #fff;
		border: 1px solid #d7d7d7;
		cursor: pointer;
		}
		#calendar_nav ul li .date {
			margin-bottom: 5px;
			font-size: 0.857em;
			text-align: center;
			}

/* カレンダー */
#calendar_nav ul li table {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	}
	#calendar_nav ul li table th,
	#calendar_nav ul li table td {
		padding: 6px 0;
		text-align: center;
		vertical-align: middle;
		}
	#calendar_nav ul li table th {
		font-size: 0.714em;
		font-weight: normal;
		}
	#calendar_nav ul li table td {
		font-size: 0.857em;
		}
	/* 休 */
	#calendar_nav ul li table td.off {
		color: #ccc;
		background-color: #f7f7f7;
		}

/* カレンダー選択時 */
#calendar_nav ul li.selected {
	z-index: 2;
	background-color: #f9f8f2;
	border: 1px solid #999;
	cursor: default;
	}
	#calendar_nav ul li.selected .date a {
		color: #333;
		text-decoration: none;
		cursor: default;
		}
	/* 曜日 */
	#calendar_nav ul li.selected table th.sun {
		color: #e60000;
		}
	#calendar_nav ul li.selected table th.sat {
		color: #0074b9;
		}
	/* 休 */
	#calendar_nav ul li.selected table td.off {
		color: #999;
		background-color: #ebe8d4;
		}

/* ---------------------------------------------------------------------
 * メイン
*/
#calendar_main {
	float: right;
	width: 594px;
	}

/* ---------- タイムテーブル ヘッダ ---------- */
#calendar_main .timetable_header {
	height: 36px;
	}
	#calendar_main .timetable_header .date {
		float: left;
		display: inline;
		margin-top: 14px;
		font-weight: bold;
		}
	#calendar_main .timetable_header .description {
		float: right;
		display: inline;
		margin-top: 12px;
		font-size: 0.857em;
		}
		#calendar_main .timetable_header .description dt,
		#calendar_main .timetable_header .description dd {
			float: left;
			}
		#calendar_main .timetable_header .description dt {
			padding: 0.2em 4px 0 0;
			font-weight: normal;
			}
		
		#calendar_main .timetable_header .description li {
			float: left;
			display: inline;
			margin-left: 12px;
			}
		#calendar_main .timetable_header .description li:first-child {
			margin-left: 0;
			}
			#calendar_main .timetable_header .description li img,
			#calendar_main .timetable_header .description li span {
				vertical-align: middle;
				}
			 #calendar_main .timetable_header .description li img {
				margin-right: 6px;
				}

/* ---------- タイムテーブル ---------- */
#calendar_main .timetable {
	border-collapse: separate; 
	border-spacing: 0;
	margin-top: 8px;
	width: 100%;
	border: 1px solid #c5c5c5;
	}
	#calendar_main .timetable th,
	#calendar_main .timetable td {
		text-align: center;
		vertical-align: middle;
		}
	#calendar_main .timetable th {
		border-right: none;
		}
	#calendar_main .timetable td {
		border-left: 1px dotted #ccc;
		}
	#calendar_main .timetable th + td {
		border-left: 1px solid #c5c5c5;
		}
	/* thead */
	#calendar_main .timetable thead th,
	#calendar_main .timetable thead td {
		padding: 8px 0 6px;
		color: #666;
		font-size: 0.786em;
		line-height: 1.0;
		background-color: #f9f8f2;
		}
	/* tbody */
	#calendar_main .timetable tbody th,
	#calendar_main .timetable tbody td {
		height: 29px;
		font-size: 0.857em;
		line-height: 1.2;
		font-weight: normal;
		border-top: 1px solid #d7d7d7;
		}
	#calendar_main .timetable tbody tr:first-child th,
	#calendar_main .timetable tbody tr:first-child td {
		border-top: 1px solid #c5c5c5;
		}
	#calendar_main .timetable tbody th {
		background-color: #f9f8f2;
		}
	/* 曜日 */
	#calendar_main .timetable tbody .sun th {
		color: #e60000;
		}
	#calendar_main .timetable tbody .sat th {
		color: #0074b9;
		}
	/* 休 */
	#calendar_main .timetable tbody .off td {
		background-color: #eee;
		}

/* IE6 */
* html #calendar_main .timetable {
	border-collapse: collapse; 
	}
	* html #calendar_main .timetable th {
		border-right: 1px solid #c5c5c5;
		}
	* html #calendar_main .timetable thead th,
	* html #calendar_main .timetable thead td {
		border-bottom: 1px solid #c5c5c5;
		}

/* IE7 */
*+html #calendar_main .timetable {
	border-collapse: collapse; 
	}
	*+html #calendar_main .timetable thead th,
	*+html #calendar_main .timetable thead td {
		border-bottom: 1px solid #c5c5c5;
		}

/* ---------- タイムテーブル 混雑度アイコン ---------- */
#calendar_main .timetable tr td {
	width: 40px;
	}
	#calendar_main .timetable tr td div {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0 9px;
		width: 22px;
		height: 21px;
		}
		#calendar_main .timetable tr td div img {
			position: absolute;
			left: 0;
			top: 0;
			width: 118px;
			height: 21px;
			}
		/*比較的すいている*/
		#calendar_main .timetable tr td img,
		#calendar_main .timetable tr td.level1 img {
			left: 0;
			}
		#calendar_main .timetable tr.past td img,
		#calendar_main .timetable tr.past td.level1 img {
			left: -96px;
			}
		/*混雑*/
		#calendar_main .timetable tr td.level2 img {
			left: -32px;
			}
		#calendar_main .timetable tr.past td.level2 img {
			left: -96px;
			}
		/*特に混雑*/
		#calendar_main .timetable tr td.level3 img {
			left: -64px;
			}
		#calendar_main .timetable tr.past td.level3 img {
			left: -96px;
			}

/* 注意文 */
#calendar_main .note {
	margin-top: 15px;
	margin-left: 1em;
	font-size: 0.857em;
	}
	#calendar_main .note span {
		margin-left: -1em;
		}

/* ---------------------------------------------------------------------
 * clear
*/
.clear:after,
#calendar_area:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clear,
#calendar_area {
	min-height:1px;
}
* html .clear,
* html #calendar_area {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

/* ---------------------------------------------------------------------
 * print
*/
@media print {
body {
	-webkit-print-color-adjust: exact;
	}
}

/* ---------------------------------------------------------------------
 *	for app
 */

.loading{
	display: none;
	*display: block;
	margin: 40px 0;
	width: 840px;
	text-align: center;
}
.loading.hide{
	display: none;
}

.ie-6 .loading{
	display: block;
}
.ie-6 .loading.hide{
	display: none;
}

#this_month,
#next_month,
#month_after_next,
#calendar_main .this_month,
#calendar_main .next_month,
#calendar_main .month_after_next,
#calendar_main .note,
.hide{
	display: none;
}
#this_month.show,
#next_month.show,
#month_after_next.show,
#calendar_main .this_month.show,
#calendar_main .next_month.show,
#calendar_main .month_after_next.show,
#calendar_main .note.show,
.show{
	display: block;
}