/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


body {
	margin: 0;
	padding: 0;
}

/* default
------------------------------------------------------------ */
#default {
	font-size: small;
}

#default h1 {
	width: 740px;
	margin: 0 auto;
	padding: 10px 50px;
	font-size: 150%;
}

#default h1 a {
	color: #000;
	text-decoration: none;
}

#default h1 a:hover {
	color: #000;
	text-decoration: underline;
}

#default h2 {
	margin: 10px 0 0 0;
	padding: 10px 50px;
}

/* header
------------------------------------------------------------ */
#default #header {
	background: url(../images/reserve/bg_header.gif);
}


/* globalnavi
------------------------------------------------------------ */
#default #globalnavi ul {
	list-style-type: none;
	width: 740px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

#default #globalnavi li {
	display: inline;
	padding: 0 10px 0 0;
}


/* footer
------------------------------------------------------------ */
#default #footer {
	margin: 60px 0 0 0;
	padding: 5px;
	background: url(../images/reserve/bg_footer.gif);
	text-align: center;
}

#default #footer a {
	color: #000;
	text-decoration: underline;
}

#default #footer a:hover {
	color: #000;
	text-decoration: underline;
}

#default #footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 90%;
}

#default #footer li {
	display: inline;
}

#default #footer li a {
	padding: 0 10px;
}


/* reserve-calendar
------------------------------------------------------------ */
#reserve-calendar {
	width: 100%;
	background: #fff;
}

#reserve-calendar a {
	color: #0a51c5;
	text-decoration: underline;
}

#reserve-calendar a:hover {
	color: #850d0e;
	text-decoration: underline;
}

#reserve-calendar img {
	border: none;
}

#reserve-calendar td {
	line-height: 150%;
}

#reserve-calendar .contents-inr {
	width: 740px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
}


/* 
------------------------------------------------------------ */
.clear {
	clear: both;
}


/* calendar
------------------------------------------------------------ */
#calendar {
	width: 484px;
	margin: 0 auto;
}


/* localnavi
------------------------------------------------------------ */
#reserve-calendar #localnavi {
	width: 100%;
	padding-bottom: 5px;
	background: #fdfdfd url(../images/reserve/bg-tab-underline.gif) repeat-x bottom;
}

#reserve-calendar #localnavi ul {
	style-type: none;
	margin: 0;
	padding: 0;
}

#reserve-calendar #localnavi ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#reserve-calendar #localnavi ul li a {
	display: block;
	float: left;
	outline: none;
	margin: 0;
	padding: 5px 15px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #e0e0e0;
	color: #666666;
	font-weight: normal;
	letter-spacing: .2em;
	text-decoration: none;
}
#reserve-calendar #localnavi ul li.current a {
	border-bottom: 1px solid #ffc22a;
	background: url(../images/reserve/bg-tab-now.gif) repeat-x bottom;
	color: #684a00;
	font-weight: bold;
	text-decoration: none;
}

#reserve-calendar #localnavi li a:hover {
	border-bottom: 1px solid #ffc22a;
	background: url(../images/reserve/bg-tab-now.gif) repeat-x top;
	color: #684a00;
	text-decoration: underline;
}

#reserve-calendar #localnavi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#reserve-calendar #localnavi {display: inline-table;}

/* Hides from IE-mac \*/
* html #reserve-calendar #localnavi {height: 1%;}
#reserve-calendar #localnavi {display: block;}
/* End hide from IE-mac */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* cal-normal
------------------------------------------------------------
------------------------------------------------------------ */
#cal-normal {
	width: 740px;
}


/* sel-date
------------------------------------------------------------ */
#cal-normal .sel-date-info {
	width: 740px;
	margin: 10px 0 0 0;
}
#cal-normal .sel-date-info p {
	color: #666;
}
#cal-normal .sel-date {
	width: 490px;
	margin-bottom: 1px;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed;
}
#cal-normal .sel-date td {
	padding: 5px;
	border-left: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	background-color: #fff;
	text-align: center;
}
#cal-normal .sel-date td.navi {
	width: 20px;
}
#cal-normal .sel-date .month td {
	background: #EFEFEF;
}
#cal-normal .sel-date .date td {
	background: #F5F5F5;
}


/* cal
------------------------------------------------------------ */
#cal-normal .cal {
	display: block;
	float: left;
	width: 490px;
	margin-bottom: 30px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: separate;
	empty-cells: show;
	table-layout: fixed;
	font-size: small;
}
#cal-normal .cal font {
	font-size: medium;
}
#cal-normal .cal caption {
	letter-spacing: 10px;
}
#cal-normal .cal th {
	padding: 6px 2px 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #e0e0e0;
	color: #555;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
#cal-normal .cal td {
	width: 69px;
	height: 69px;
	padding: 0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #fff;
	vertical-align: top;
}
#cal-normal .cal td .date {
	width: 16px;
	height: 15px;
	padding: 1px;
	background: #fff;
	color: #9b3233;
	text-align: center;
}
#cal-normal .cal td.not-month {
	background: #fcf6f7;
}
#cal-normal .cal td.not-month .date {
	border: none;
	color: #999999;
}
#cal-normal .cal td .rm-status {
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
}
#cal-normal .cal .line td {
	background: #F3F3F3;
}
#cal-normal .cal .plan-title {
	width: 300px;
	text-align: left;
}
#cal-normal .cal h3 {
}


/* cal-month
------------------------------------------------------------ */
#cal-normal .cal-month {
}
#cal-normal .cal-month {
	width: 740px;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed;
}
#cal-normal .cal-month td {
	height: 22px;
	padding: 10px 5px 5px;
	border-left: 1px solid #BEBEBE;
	border-top: 1px solid #BEBEBE;
	background-color: #fff;
	text-align: center;
}
#cal-normal .cal-month td.month {
}


/* now-date
------------------------------------------------------------ */
#cal-normal .now-date {
	color: #666;
}

/* day-info
------------------------------------------------------------ */
#cal-normal .day-info {
	float: left;
	width: 230px;
	margin: 30px 0 0 20px;
	font-weight: bold;
	color: #666;
}
#cal-normal .day-info ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#cal-normal .day-info li {
	padding-right: 15px;
	font-size: medium;
}

#cal-normal .day-info li span {
	font-size: medium;
}


/* room-status
------------------------------------------------------------ */

#cal-normal .room-status {
	float: left;
	width: 230px;
	margin-left: 20px;
	padding-bottom: 5px;
	color: #666;
	font-weight: bold;
}
#cal-normal .room-status ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#cal-normal .room-status li {
	padding-right: 15px;
	font-size: medium;
}

#cal-normal .room-status li span {
	font-size: medium;
}


/*Ëþ¼¼¡áÀÖ*/
#cal-normal .occupied {
	color: #f00;
}
/*ͽÌó²Äǽ¡áÀÄ*/
#cal-normal .available {
	color: #00f;
}
/*ÀßÄê¤Ê¤·¡á¹õ*/
#cal-normal .not-available {
	width: 100%;
	color: #000;
}


/* cal-plan
------------------------------------------------------------
------------------------------------------------------------ */
#cal-plan {
	width: 740px;
}


/* information
------------------------------------------------------------ */

#cal-plan .information {
	margin: 20px 0 10px 0;
}
#cal-plan .information p {
	margin: 5px;
}
#cal-plan .information .info {
	height: 100px;
	background: #F5F5DD;
	overflow: auto;
}
#cal-plan .information .info2 {
	height: 30px;
}


/* sel-date
------------------------------------------------------------ */

#cal-plan .sel-date-info {
	width: 700px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-left: 40px;
	padding-top: 15px;
}
#cal-plan .sel-date-info p {
	color: #333;
}
#cal-plan .sel-date-navi {
	width: 661px;
}
#cal-plan .sel-date-navi .navi {
}
#cal-plan .sel-date {
	float: left;
	margin: 0 5px;
	border-right: 1px solid #c0d1ff;
	border-bottom: 1px solid #c0d1ff;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
}
#cal-plan .sel-date caption {
	letter-spacing: 10px;
}
#cal-plan .sel-date th {
	padding: 4px 0 2px 0;
	border-top: 1px solid #c0d1ff;
	border-left: 1px solid #c0d1ff;
	background: #d6e1ff;
	text-align: center;
}

#cal-plan .sel-date th.sun {
	color: #c00;
}
#cal-plan .sel-date th.sat {
	color: #00c;
}

#cal-plan .sel-date div.sun {
	background: #FBF2F4;
}
#cal-plan .sel-date div.sat {
	background: #EFF3FE;
}

#cal-plan .sel-date td {
	border-left: 1px solid #c0d1ff;
	border-top: 1px solid #c0d1ff;
	background-color: #fff;
	text-align: center;
}
#cal-plan .sel-date td .date,
#cal-plan .sel-date td .date a {
	height: 25px;
	width: 25px;
	text-align: center;
	vertical-align: middle;
}
#cal-plan .sel-date td .date a {
	display: block;
}
#cal-plan .sel-date td .date a:hover {
	display: block;
	background: #ffd5e6;
}
#cal-plan .sel-date td.not-month {
	background: #e8eefe;
}
#cal-plan .sel-date .month td {
	background: #EFEFEF;
}
#cal-plan .sel-date .date td {
	background: #F5F5F5;
}

#cal-plan .sel-date-info .navi {
	float: left;
	background: #fff;
}

/* category
------------------------------------------------------------ */
#cal-plan .category {
	margin-bottom: 60px;
	background: url(../images/reserve/bg-category.gif) no-repeat;
}


/* cal
------------------------------------------------------------ */
#cal-plan .cal td.cate-name {
	width: 730px;
	background: #f8e9ec;
	text-align: left;
}
#cal-plan .cal td.cate-name h3 {
	color: #9E1010;
	margin: 0;
	padding: 5px 2px;
	font-size: 100%;
	line-height: 100%;
}
#cal-plan .cal td.cate-name p {
}

#cal-plan .cal {
	width: 740px;
	border-right: 1px solid #ecced3;
	border-bottom: 1px solid #ecced3;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	color: #400b0b;
}

#cal-plan .cal th {
	width: 20px;
	height: 18px;
	padding: 5px 2px 0;
	border-top: 1px solid #ecced3;
	border-left: 1px solid #ecced3;
	background: url(../images/reserve/bg-line3.gif) repeat;
	font-weight: bold;
	text-align: center;
}
#cal-plan .cal th p {
	margin: 0 0 5px;
}
#cal-plan .cal td {
	width: 14px;
	padding: 10px 5px 5px;
	border-left: 1px solid #ecced3;
	border-top: 1px solid #ecced3;
	background: #fff;
	text-align: center;
}
#cal-plan .cal .line td {
	background: #fcf8f9;
}
#cal-plan .cal .plan-title {
	width: 300px;
	padding: 7px;
	text-align: left;
}
#cal-plan .cal .plan-title a {
	color: #333;
	text-decoration: none;
}
#cal-plan .cal .plan-title a:hover {
	color: #333;
	text-decoration: underline;
}

#cal-plan .cal h3 {
}
#cal-plan .cal .preparation {
	width:100%;
}


/* cal-month
------------------------------------------------------------ */

#cal-plan .cal-month {
}
#cal-plan .cal-month {
	width: 740px;
	border-right: 1px solid #ecced3;
	border-bottom: 1px solid #ecced3;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed;
}
#cal-plan .cal-month td {
	height: 22px;
	padding: 10px 5px 5px;
	border-left: 1px solid #ecced3;
	border-top: 1px solid #ecced3;
	background: #fff;
	text-align: center;
}
#cal-plan .cal-month td.month {
}


/*Ëþ¼¼¡áÀÖ*/
#cal-plan .occupied {
	color: #f00;
}
/*ͽÌó²Äǽ¡áÀÄ*/
#cal-plan .available {
	color: #00f;
}
/*ÀßÄê¤Ê¤·¡á¹õ*/
#cal-plan .not-available {
	color: #000;
}
/*½àÈ÷Ãæ*/
#cal-plan .preparation {
	width: 100%;
	color: #000;
}


/* now-date
------------------------------------------------------------ */
#cal-plan .now-date {
	width: 740px;
	padding-top: 10px;
	padding-bottom: 3px;
	color: #666;
}
#cal-plan .now-date .now {
	float: left;
}
#cal-plan .now-date .navi {
	float: right;
	width: 200px;
	text-align: right;
}


/* day-info
------------------------------------------------------------ */
#cal-plan .day-info {

}
#cal-plan .day-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#cal-plan .day-info li {
	display: inline;
	padding-right: 15px;
}


/* room-status
------------------------------------------------------------ */
#cal-plan .room-status {
	padding-top: 7px;
	padding-bottom: 5px;
}
#cal-plan .room-status ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#cal-plan .room-status li {
	display: inline;
	padding-right: 15px;
}


/* cal-type
------------------------------------------------------------
------------------------------------------------------------ */

#cal-type {
	width: 740px;
}


/* information
------------------------------------------------------------ */

#cal-type .information {
	margin-top: 20px;
	margin-bottom: 10px;
}
#cal-type .information p {
	margin: 5px;
}
#cal-type .information .info {
	height: 100px;
	overflow: auto;
	background: #F5F5DD;
}
#cal-type .information .info2 {
	height: 30px;
}


/* sel-date
------------------------------------------------------------ */
#cal-type .sel-date-info {
	width: 700px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-left: 40px;
	padding-top: 15px;
}
#cal-type .sel-date-info p {
	color: #333;
}

#cal-type .sel-date-navi {
	width: 661px;
}
#cal-type .sel-date-navi .navi {
}

#cal-type .sel-date {
	float: left;
	margin: 0 5px;
	border-right: 1px solid #c0d1ff;
	border-bottom: 1px solid #c0d1ff;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	line-height: 100%;
}
#cal-type .sel-date caption {
	letter-spacing: 10px;
	line-height: 18px;
}
#cal-type .sel-date th {
	padding: 4px 0 2px 0;
	border-left: 1px solid #c0d1ff;
	border-top: 1px solid #c0d1ff;
	background: #d6e1ff;
	text-align: center;
}
#cal-type .sel-date td {
	border-left: 1px solid #c0d1ff;
	border-top: 1px solid #c0d1ff;
	background: #fff;
	text-align: center;
}
#cal-type .sel-date td .date,
#cal-type .sel-date td .date a {
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}
#cal-type .sel-date td .date a {
	display: block;
}
#cal-type .sel-date td .date a:hover {
	display: block;
	background: #ffd5e6;
}
#cal-type .sel-date td.not-month {
	background: #e8eefe;
}
#cal-type .sel-date .month td {
	background: #EFEFEF;
}
#cal-type .sel-date .date td {
	background: #F5F5F5;
}

#cal-type .sel-date-info .navi {
	float: left;
	background: #fff;
}


/* category
------------------------------------------------------------ */
#cal-type .category {
	margin-bottom: 60px;
	background: url(../images/reserve/bg-category.gif) no-repeat;
}


/* cal
------------------------------------------------------------ */
#cal-type .cal td.cate-name {
	width: 730px;
	background: #f3e6e8;
	text-align: left;
}
#cal-type .cal td.cate-name h3 {
	color: #9E1010;
	margin: 0;
	padding: 5px 2px;
	font-size: 100%;
	line-height: 100%;
}
#cal-type .cal td.cate-name p {
}

#cal-type .cal {
	width: 740px;
	border-right: 1px solid #ecced3;
	border-bottom: 1px solid #ecced3;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
	color: #400b0b;
}
#cal-type .cal caption {
	letter-spacing: 10px;
}
#cal-type .cal th {
	width: 20px;
	height: 18px;
	padding: 5px 2px 0;
	border-top: 1px solid #ecced3;
	border-left: 1px solid #ecced3;
	background: url(../images/reserve/bg-line3.gif) repeat;
	font-weight: bold;
	text-align: center;
}
#cal-type .cal th p {
	margin: 0 0 5px;
}
#cal-type .cal td {
	width: 14px;
	padding: 10px 5px 5px;
	border-left: 1px solid #ecced3;
	border-top: 1px solid #ecced3;
	background: #fff;
	text-align: center;

}
#cal-type .cal .line td {
	background: #fcf8f9;
}
#cal-type .cal .plan-title {
	width: 300px;
	padding: 7px;
	text-align: left;
	font-weight: bold;
}
#cal-type .cal .plan-title a {
	color: #333;
	text-decoration: none;
}
#cal-type .cal .plan-title a:hover {
	color: #333333;
	text-decoration: underline
}

#cal-type .cal h3 {
}
#cal-type .cal .preparation {
	width:100%;
}


/* cal-month
------------------------------------------------------------ */
#cal-type .cal-month {
}
#cal-type .cal-month {
	width: 740px;
	border-right: 1px solid #ecced3;
	border-bottom: 1px solid #ecced3;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed;
}
#cal-type .cal-month td {
	height: 22px;
	padding: 10px 5px 5px;
	border-left: 1px solid #ecced3;
	border-top: 1px solid #ecced3;
	background: #fff;
	text-align: center;
}
#cal-type .cal-month td.month {
}


/* Ëþ¼¼¡áÀÖ */
#cal-type .occupied {
	color: #f00;
}
/* ͽÌó²Äǽ¡áÀÄ */
#cal-type .available {
	color: #00f;
}
/* ÀßÄê¤Ê¤·¡á¹õ */
#cal-type .not-available {
	color: #000;
}
/* ½àÈ÷Ãæ */
#cal-type .preparation {
	width:100%;
	color: #000;
}


/* now-date
------------------------------------------------------------ */
#cal-type .now-date {
	width: 740px;
	padding: 10px 0 3px 0;
	color: #666;
}
#cal-type .now-date .now {
	float: left;
}
#cal-type .now-date .navi {
	float: right;
	width: 200px;
	text-align: right;
}


/* day-info
------------------------------------------------------------ */
#cal-type .day-info {
}
#cal-type .day-info ul {
	list-style:none;
	margin:0;
	padding:0;
}
#cal-type .day-info li {
	display:inline;
	padding-right: 15px;
}

/* room-status
------------------------------------------------------------ */
#cal-type .room-status {
	padding: 7px 0 5px 0;
}
#cal-type .room-status ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#cal-type .room-status li {
	display: inline;
	padding-right: 15px;
}