/* ----------------------------------------

RESERVE COMMON

---------------------------------------- */


.Link {
	padding-left:15px;
	background:url(/files/images/common/arrow.gif) left no-repeat;
}

.InputS {width: 50px;}
.InputM {width: 220px;}
.InputL {width: 340px;}

label {
	margin-right:5px;
	margin-left:2px;
}
.Small {
	font-size: 90%;
}

#Main01 {
	margin:19px;
	background:#fff;
}

	#Main01:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	#Main01 { display:inline-table;}
	/* Not for Mac IE \*/
	* html #Main01 { height:1px;}
	#Main01 { display:block;}
	/* for IE7*/
	#Main01 { min-height: 1px;}

#MainIn01 {
	margin:20px 20px 140px;
	border: 1px solid #ccc;
}

#MainIn02 {
	margin:20px 20px 140px;
	padding:30px 0;
	border: 1px solid #ccc;
}

#MainIn03 {
	margin:20px 40px 20px;
}

#MainIn04 {
	margin:20px 30px 20px;
	border: 1px solid #ccc;
	padding:30px 15px 60px;
}
#MainIn05 {
	margin:20px 20px 40px;
	padding:30px 0;
	border: 1px solid #ccc;
}


.MainIn02 {
	margin: 0 30px;
}
.Btn01 {
	clear: both;
	padding: 30px 0 40px;
	text-align:center;
}

.Btn02 {
	clear: both;
	padding: 40px 0 0;
	text-align:center;
}
.Btn03 {
	clear: both;
	padding: 30px 0 0;
	text-align:center;
}

.Btn01 .Left {
	margin-right: 20px;
}

.Notes01 {
	font-size: 77%;
	font-weight: normal;
}

/* TEXT------------------------------- */


.Txt01 {
	margin: 5px 0 11px 20px;
	font-size: 108%;
}

.Txt02 {
	margin: 30px 0 15px 0;
	text-align: center;
	font-size: 108%;
}

.Txt03 {
	margin: 7px 0 30px 0;
	text-align: center;
	font-size: 108%;
}

.Txt04 {
	margin: 7px 0 30px 0;
	text-align: center;
	font-size: 108%;
	color: #e20a16;
}

.Txt05 {
	margin: 7px 0 10px 0;
	text-align: center;
	font-size: 108%;
	color: #888888;
}

.Txt06 {
	margin: 30px 0 15px 0;
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
}

.Txt07 {
	margin: 7px 30px 0;
	padding: 15px;
	text-align: center;
	color: #e20a16;
	background-color: #f6f7f8;
}

.Txt08 {
	margin: 30px 0 30px 0;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
}

.Txt09 {
	margin: 30px 0 10px 0;
	font-size: 108%;
	font-weight: bold;
}

.Txt10 {
	margin: 0 0 20px 0;
	font-size: 108%;
}


.Txt11 {
	margin: 20px 0 120px 0;
	text-align: center;
	font-size: 108%;
	color: #888888;
}
.Txt12 {
	margin: 7px 30px 0;
	color: #e20a16;
}
.Txt13 {
	margin: 7px 30px 0;
}
.Txt14 {
	margin: 15px 30px 0;
	padding: 15px;
	font-size: 108%;
	text-align: center;
	background-color: #f6f7f8;
}

.Necessary {
	background-color: #fae3e3;
}

.Txt15 {
	margin: 5px 0 15px 0;
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
}

.Large {
	font-size: 123.1%;
	font-weight: bold;
}

.SLarge {
	font-size: 108%;
	font-weight: bold;
}

span.Err {
	color: #e20a16;
}

.TxtErr01 {
	margin: 30px 0 15px 0;
	text-align: center;
	font-size: 108%;
	color: #e20a16;
}

ul.Err {
	margin: 0 0 15px 30px;
}

ul.Err li {
	list-style-type: disc;
	color: #e20a16;
}

.Info01 {
	margin: 0 0 30px 0;
}

#Annotation {
	margin: -10px 0 20px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}

/* ----------------------------------------

PLAZA INFO

---------------------------------------- */

.Attention {
	margin: 0 19px 10px;
	padding: 5px 10px;
	border: 1px solid #e20a16;
	color: #e20a16;
	text-align: center;
}


/* PLAZA INFO BOX------- */

#PlazaInfo {
	width: 830px;
	margin: 20px auto 5px auto;
	padding: 20px 20px 20px;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: bold;
}


	#PlazaInfo:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	#PlazaInfo { display:inline-table;}
	/* Not for Mac IE \*/
	* html #PlazaInfo { height:1px;}
	#PlazaInfo { display:block;}
	/* for IE7*/
	#PlazaInfo { min-height: 1px;}


/* PLAZA INFO DL01------- */

.DlType01 {
	width: 300px;
	float: left;
	background: #fff;
	font-weight: bold;
	margin-bottom:25px;
}

.DlType01 dt {
	float: left;
	width: 130px;
	padding: 10px 0 ;
	background-color: #e6e6e6;
	color: #003399;
	line-height: 110%;
	font-size: 108%;
	text-align:center;
}

.DlType01 dd {
	float: left;
	width: 140px;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 110%;
}

.DlType01 dd.twolines {
	float: left;
	width: 140px;
	padding-top: 4px;
	padding-left: 10px;
	line-height: 110%;
}

.Line {
	clear: both;
	background:#ebebeb;
	height: 1px;
	margin-bottom: 20px;
	font-size:0;
	line-height:0;
}

/* PLAZA INFO DL02------- */

.DlType02a,
.DlType02b {
	float: left;
	background: #fff;
	font-weight: bold;
}
.DlType02a {
	width: 350px;
}
.DlType02b {
	width: 240px;
}

.DlType02a dt,
.DlType02b dt {
	float: left;
	width: 59px;
}

.DlType02a dd,
.DlType02b dd {
	float: left;
	padding-top: 7px;
	padding-left: 10px;
	line-height: 110%;
}
.DlType02a dd {
	width: 280px;
	font-size: 108%;
}
.DlType02b dd {
	width: 170px;
	font-size: 123.1%;
}


/* PLAZA INFO 10/06/14 ------- */
div.PlazaInfo01 {
	font-size: 75%;
	font-weight: normal;
}

div.PlazaInfo01 div.PhotoCol {
	width: 399px;
	float: left;
}

div.PlazaInfo01 div.PhotoCol p.Note01 {
	margin: 15px 0 0 0;
}

div.PlazaInfo01 div.PhotoCol p.Note01 {
	margin-bottom: 0;
}

div.PlazaInfo01 div.PhotoCol ul {
	color: #e20a16;
	list-style-type: disc;
	margin-left: 20px;
}

div.PlazaInfo01 div.PhotoCol ul li {
	list-style-type: disc;
	padding-left: 5px;
}


div.PlazaInfo01 div.InfoCol {
	float: right;
	width: 410px;
}

div.PlazaInfo01 div.InfoCol table th {
	background-color:#E6E6E6;
	color:#003399;
	line-height:110%;
	text-align:center;
	width:105px;
	margin-bottom: 5px;
	font-weight:bold;
}

div.PlazaInfo01 div.InfoCol table th span {
	font-size: 83.4%;
	font-weight: normal;
}

div.PlazaInfo01 div.InfoCol table th,
div.PlazaInfo01 div.InfoCol table td {
	padding: 5px;
	border-bottom: 5px solid #fff;
}

div.PlazaInfo01 div.InfoCol table td {
	line-height:110%;
	margin-bottom: 5px;
	padding-left: 10px;
}

div.PlazaInfo01 div.InfoCol table td strong {
	font-weight: bold;
}

div.PlazaInfo01 div.InfoCol table td strong.Tel {
	font-size: 133.4%;
}

div.PlazaInfo01 div.InfoCol table td span {
	font-size: 83.4%;
}

div.PlazaInfo01 div.InfoCol table {
	border-collapse:separate;
}

div.PlazaInfo01 div.InfoCol table td table th {
	width: auto;
	white-space: nowrap;
	background: none;
	color: #333;
	border: none;
	font-weight: normal;
	vertical-align: top;
	padding: 0 10px 0 0;
	line-height: 1.5;
}


*html div.PlazaInfo01 div.InfoCol table td table th {
	width: 3.5em;
}

*+html div.PlazaInfo01 div.InfoCol table td table th {
	width: 3.5em;
}

div.PlazaInfo01 div.InfoCol table td table td {
	padding: 0;
	padding-left: 0;
	border-bottom: 0;
	vertical-align: top;
	line-height: 1.5;
}

div.PlazaInfo01 div.InfoCol table th.Atd {
	background: #fff;
	padding: 0;
} 

div.PlazaInfo01 div.InfoCol table th.Atd p {
	border: 3px solid #E6E6E6;
	padding: 5px;
	zoom: 1;
	width: 99px;
}

div.PlazaInfo01 div.InfoCol table td table td {
	padding-left: 0;
}

	/* -- Modern Browsers -- */
	
	div.PlazaInfo01:after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: ".";
		line-height: 0;
	}
	
	/* -- IE7 -- */
	
	*:first-child+html div.PlazaInfo01{
		zoom: 1;
	}
	
	/*  -- Legacy IE -- */
	
	* html div.PlazaInfo01 {
		zoom: 1;
	}



/* RESERVEFORM------- */

#ReserveForm01 {
	margin: 0 19px 10px;
	padding: 30px;
	background: #fff url(/files/images/common/bg02.gif) repeat-x bottom;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.DlType03 {
	width: 540px;
	margin: 0 auto;
	padding: 30px 0;
	background: #e6e6e6;
	font-size: 108%;
	font-weight: bold;
}

	.DlType03:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.DlType03 { display:inline-table;}
	/* Not for Mac IE \*/
	* html .DlType03 { height:1px;}
	.DlType03 { display:block;}
	/* for IE7*/
	.DlType03 { min-height: 1px;}


.DlType03 dt {
	float: left;
	width: 190px;
	color: #003399;
	text-align:center;
}

.DlType03 dd {
	float: left;
	width: 310px;
	padding-left: 30px;
	text-align:center;
	border-left: 1px solid #a8a8a8;
}

.DlType03 dd label {
	padding-left: 6px;
	padding-right: 30px;
}

h2#Apply {
	width: 870px;
	margin: 0 19px;
	height: 43px;
	background:url(/files/images/reserve/in_tit.gif) left top no-repeat;
	text-indent: -9999px;
}

#ReserveDetail h2#Personal {
	width: 870px;
	height: 43px;
	background:url(/files/images/reserve/tit_personal.gif) left top no-repeat;
	text-indent: -9999px;
}

#ReserveDetail h2#People {
	width: 870px;
	height: 43px;
	background:url(/files/images/reserve/tit_people.gif) left top no-repeat;
	text-indent: -9999px;
}


.DlType04 {
	padding:25px 0;
	background:#e6ebf7;
	text-align: center;
	color: #003399;
	font-size: 123.1%;
	line-height: 120%;
	font-weight: bold;
}

.DlType04 dt {
	float: left;
	width: 355px;
	color: #003399;
	text-align:right;
	padding-right: 30px;


}

.DlType04 dd {
	float: left;
	width: 250px;
	padding-left: 30px;
	text-align:left;
	border-left: 1px solid #8f95a1;


}

	.DlType04:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.DlType04 { display:inline-table;}
	/* Not for Mac IE \*/
	* html .DlType04 { height:1px;}
	.DlType04 { display:block;}
	/* for IE7*/
	.DlType04 { min-height: 1px;}


/* Cancel Reserve------- */

#CancelReserve {
	margin: 0 19px 10px;
	text-align: right;
}



/* TABLE 01------- */

table.Table01 {
	width: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.Table01 th,
.Table01 td {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

.Table01 th {
	width: 30%;
	background-color: #ecedee;
	font-weight: normal;
	text-align: center;
	color:#333;
	font-size: 108%;
}
.Table01 td {
	background-color: #f6f7f8;
	font-weight: normal;
	text-align: left;
	font-size: 108%;
}
.Table01 td.Notes {
	color: #003399;
}


.Table01 .TrErr th {
	background-color: #ffe6e6;
}

.Table01 .TrErr td {
	background-color: #ffefef;
}

td.Input {
	padding: 10px 20px;
	border-right: 0;
}

td.InputConf {
	width: 20%;
	padding: 10px 20px;
	border-right: 0;
	font-weight: bold;
}

td.InputComp {
	padding: 10px 20px;
	font-weight: bold;
}

td.Notes {
	font-size: 93%;
}

td.NotesErr {
	color: #e20a16;
	font-size: 93%;
	line-height: 130%;
}

.Red {color: #e20a16;}
.Blue {color: #003399;}

/* ----------------------------------------

CALENDAR

---------------------------------------- */

div#Clndr01 {
	float: left;
	width: 510px;
	background-color: #ebecee;
	padding:10px;
}

/* NAVI 01------- */

div#Navi01{
}
	div#Navi01:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	div#Navi01 { display:inline-table;}
	/* Not for Mac IE \*/
	* html div#Navi01 { height:1px;}
	div#Navi01 { display:block;}
	/* for IE7*/
	div#Navi01 { min-height: 1px;}

div#Navi02{
}
	div#Navi02:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	div#Navi02 { display:inline-table;}
	/* Not for Mac IE \*/
	* html div#Navi02 { height:1px;}
	div#Navi02 { display:block;}
	/* for IE7*/
	div#Navi02 { min-height: 1px;}


p#Navi01Back{
	float: left;
	width: 120px;
	margin: 5px 0 0;
	padding-left:26px;
	background:url(/files/images/reserve/clndr_arrow01.gif) left no-repeat;
}

p#Navi01Back a{
	font-size: 93%;
	line-height: 200%;
}

p#Navi02Back{
	float: left;
	width: 120px;
	margin: 15px 0 0;
	padding-left:26px;
	background:url(/files/images/reserve/clndr_arrow01.gif) left no-repeat;
}

p#Navi02Back a{
	font-size: 93%;
	line-height: 200%;
}

p#Navi01Tit{
	padding: 0 0 10px;
	text-align: center;
	font-weight: bold;
}

p#Navi01Tit span{
	font-size: 138.5%;
}

p#Navi02Tit{
	padding:10px 0 0 ;
	text-align: center;
	font-weight: bold;
}

p#Navi02Tit span{
	font-size: 138.5%;
}

p#Navi01Next{
	float: right;
	width: 120px;
	text-align: right;
	margin: 5px 0 0;
	padding-right:26px;
	background:url(/files/images/reserve/clndr_arrow02.gif) right center no-repeat;
}

p#Navi01Next a{
	font-size: 93%;
	line-height: 200%;
}

p#Navi02Next{
	float: right;
	width: 120px;
	text-align: right;
	margin: 15px 0 0;
	padding-right:26px;
	background:url(/files/images/reserve/clndr_arrow02.gif) right center no-repeat;
}

p#Navi02Next a{
	font-size: 93%;
	line-height: 200%;
}

/* CALENDAR TABLE------- */

div#Clndr01 table{
	width: 100%;
	border-left: 1px solid #dddfe3;
}

div#Clndr01 th,
div#Clndr01 td{
	border-right: 1px solid #dddfe3;
	border-bottom: 1px solid #dddfe3;
	line-height: 120%;
}


div#Clndr01 thead th{
	width: 14%;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
	text-align: center;
}

div#Clndr01 tbody td{
}

div#Clndr01 th.Sunday { background:#cc1f28 url(/files/images/reserve/clndr_th_bg01.gif) repeat-x bottom;}
div#Clndr01 th.Weekday { background:#737b8a url(/files/images/reserve/clndr_th_bg02.gif) repeat-x bottom;}
div#Clndr01 th.Saturday { background:#2f5ebf url(/files/images/reserve/clndr_th_bg03.gif) repeat-x bottom;}

div#Clndr01 td.Sunday { background:#fff6f6 url(/files/images/reserve/clndr_td_bg01.gif) repeat-x bottom;}
div#Clndr01 td.Weekday { background:#fff url(/files/images/reserve/clndr_td_bg02.gif) repeat-x bottom;}
div#Clndr01 td.Saturday { background:#f1f5fc url(/files/images/reserve/clndr_td_bg03.gif) repeat-x bottom;}

div#Clndr01 td.Sunday a:hover { background:#fae3e3 url(/files/images/reserve/clndr_td_bg01on.gif) repeat-x bottom;}
div#Clndr01 td.Weekday a:hover { background:#eaebee url(/files/images/reserve/clndr_td_bg02on.gif) repeat-x bottom;}
div#Clndr01 td.Saturday a:hover { background:#dde6f6 url(/files/images/reserve/clndr_td_bg03on.gif) repeat-x bottom;}

div#Clndr01 td div{
	position: relative;
	min-height: 52px;
	height: auto !important;
	height: 52px;
}



div#Clndr01 td a{
	display: block;
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;

	min-height: 52px;
	height: auto !important;
	height: 52px;

}

div#Clndr01 td span.Day{ /* DAY 1~31[WITH LINK] */
	display: block;
	font-weight: bold;
	padding: 6px 8px;
	font-size: 123.1%;
}

div#Clndr01 td a span.Day{
}

div#Clndr01 td span.Situation{ /* CONDITION [NO LINK] */
   display: block;
   text-align: center;
   font-size: 0;
   padding: 0 0 5px;
}

div#Clndr01 td span.Situation img{ /* CONDITION [NO LINK] */
   text-align: center;
}

span.Closed {
	color: #e20a16;
}

/* PLAZA CONDITION------- */

div#PlazaCondition {
	float: right;
	width: 240px;
	padding-top: 90px;

}

div#PlazaCondition h3{
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 123.1%;
}


div#PlazaCondition li{
	padding-bottom: 10px;
	font-size: 108%;
}


/* CALENDAR 002------- */

div#Clndr02 {
	background-color: #ebecee;
	padding:10px;
}

div#Clndr02 table{
	width: 100%;
	border-top: 1px solid #dddfe3;
	border-left: 1px solid #dddfe3;
}

div#Clndr02 td{
	border-right: 1px solid #dddfe3;
	border-bottom: 1px solid #dddfe3;
	background-color: #fff;
	background:#fff url(/files/images/reserve/clndr_td_bg02.gif) repeat-x bottom;
	line-height: 120%;
}


div#Clndr02 td{
	width: 14%;
	font-weight: bold;
	font-size: 123.1%;
	text-align: center;
}


div#Clndr02 td a,
div#Clndr02 td span{
	display: block;
	width: 100%;
	padding: 25px 0;
}


div#Clndr02 td a:hover{
	background:#fff6f6 url(/files/images/reserve/clndr_td_bg01.gif) repeat-x bottom;
}


/* CALENDAR 03------- */

div#Clndr03 {
	background-color: #ebecee;
	padding:10px;
}

div#Clndr03 table{
	width: 100%;
	line-height: 120%;
}


div#Clndr03 th{
	border-right: 1px solid #f3f5f9;
	border-bottom: 1px solid #f3f5f9;
}

div#Clndr03 td{
	border-right: 1px solid #dddfe3;
	border-bottom: 1px solid #dddfe3;
}

div#Clndr03 td.noLineRight{
	border-right: 0px ;
	border-bottom: 1px solid #dddfe3;
}


div#Clndr03 thead th{
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
	text-align: center;
	background:#737b8a url(/files/images/reserve/clndr_th_bg02.gif) repeat-x bottom;
}

div#Clndr03 tbody th{
	width: 12%;
	background:#eaebee url(/files/images/reserve/clndr_td_bg02paleon.gif) repeat-x bottom;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
}

div#Clndr03 tbody .Saturday th{background:#dde6f6 url(/files/images/reserve/clndr_td_bg03paleon.gif) repeat-x bottom;}
div#Clndr03 tbody .Sunday th{background:#fae3e3 url(/files/images/reserve/clndr_td_bg01paleon.gif) repeat-x bottom;}

div#Clndr03 tbody .Saturday td{background:#f1f5fc url(/files/images/reserve/clndr_td_bg03pale.gif) repeat-x bottom;}
div#Clndr03 tbody .Sunday td{background:#fff6f6 url(/files/images/reserve/clndr_td_bg01pale.gif) repeat-x bottom;}

div#Clndr03 td{
	width: 22%;
	background-color: #fff;
	background:#fff url(/files/images/reserve/clndr_td_bg02pale.gif) repeat-x bottom;
	line-height: 120%;
}


div#Clndr03 td{
	font-weight: bold;
	font-size: 108%;
	text-align: center;
}


div#Clndr03 td a{
	display: block;
	width: 100%;
	float: left;
	padding: 10px 0;
}

div#Clndr03 td span.Out{
	display: block;
	padding: 10px 0;
	font-weight: normal;
}


div#Clndr03 td a:hover{
	background:#eaebee url(/files/images/reserve/clndr_td_bg02paleon.gif) repeat-x bottom;
}


div#Clndr03 th span.Time{
	margin-left:5px;
	font-weight: normal;
	font-size: 93%;
}

/* TABLE 02------- */

table.Table02 {
	width: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.Table02 th,
.Table02 td {
	padding: 8px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

.Table02 th {
	background-color: #ecedee;
	font-weight: normal;
	text-align: left;
	color:#333;
}
.Table02 td {
	width: 58%;
	background-color: #f6f7f8;
	font-weight: normal;
	text-align: left;
}


/*@Remi@--------*/
div#Remi {
	border: 5px solid #efefef;
	padding: 10px;
	margin-left: 400px;
	margin-right: 30px;
}

div#Remi ul {
	text-align: right;
}

div#Remi ul li {
	display: inline;
}

div#Remi ul li a {
	padding: 3px 0 3px 26px;
	background:url(/files/images/reserve/clndr_arrow02.gif) left no-repeat;	
}