@charset "UTF-8";
/* CSS Document for inquiry */

@import url(../css/sub_content.css);

/* ------------------------------------------------------ sub_menu */

div#container div#content div#side_area {
	clear:both;
	width: 220px;
	height: 543px;
	background: url(../common/images/sub_menu_bg.gif) no-repeat;
}

div#container div#content div#side_area ul#menu_inquiry {
	margin:60px 10px;
}

div#container div#content div#side_area ul#menu_inquiry li {
	clear:both;
}

div#container div#content div#side_area ul#menu_inquiry li.bar {
	height: 50px;
	background: url(../common/images/sub_menu_bar.gif) bottom no-repeat;
}

div#container div#content div#side_area ul#menu_inquiry li a {
	width: 200px;
	height: 25px;
	display: block;
	text-decoration: none;
	background-position: 0 0;
}

div#container div#content div#side_area ul#menu_inquiry li#index a {
	background-image: url(../inquiry/images/menu_index.gif);
}

div#container div#content div#side_area ul#menu_inquiry li#booking a {
	background-image: url(../inquiry/images/menu_booking.gif);
}

div#container div#content div#side_area ul#menu_inquiry li#calender a {
	background-image: url(../inquiry/images/menu_calender.gif);
}

div#container div#content div#side_area ul#menu_inquiry li#faq a {
	background-image: url(../inquiry/images/menu_faq.gif);
}

div#container div#content div#side_area ul#menu_inquiry li a:link,
div#container div#content div#side_area ul#menu_inquiry li a:visited {
	background-position: 0 0;
}

div#container div#content div#side_area ul#menu_inquiry li a:hover,
div#container div#content div#side_area ul#menu_inquiry li a:active {
	background-position: -200px 0;
}

div#container div#content div#side_area ul#menu_inquiry li a.active {
	background-position: -400px 0 !important;
}

/* ------------------------------------------------------ common */
div#container div#content div#main_area p.about {
	width:580px;
	margin:20px 0 20px 40px;
}

/* ------------------------------------------------------ index */
div#container div#content div#main_area h3#index {
	background-image:url(../inquiry/images/index_h3.gif);
}

/* ------------------------------------------------------ booking */

div#container div#content div#main_area h3#booking {
	background-image:url(../inquiry/images/booking_h3.gif);
}

form#booking {
	background:#e3dacb;
	background-image:url(../inquiry/images/booking_bk.gif);
	background-position: top right;
	background-repeat:no-repeat;
	/*	width:670px;*/
	width:630px;
	padding:5px;
}

form#booking fieldset {
	padding:10px;
	margin:10px 0;
}

form#booking span.legend {
	height:25px;
	background-image:url(../inquiry/images/booking_legend_bk.gif);
	background-repeat:no-repeat;
	margin:10px 20px;
	padding: 0 0 5px 40px;
	color:#362e2b;
	line-height: 2em;
	font-size:1.7em;
	font-weight:bold;
	display:block;
	border-bottom:#362e2b 1px solid;
	clear:both;
}

form#booking fieldset legend {
	display:none;
}

form#booking input,
textarea,
select {
	color:#000000;
	font-size:1em;
	border:#d1c0a5 solid 1px;
	margin:0;
	padding:2px;
	background-color:#FFFFFF;
}

form#booking input:focus,
textarea:focus,
select:focus {
	background-color:#e0eff6;
}

form#booking dl {
	clear:both;
}

form#booking dt {
	color:#59493f;
	font-size:1.3em;
	float:left;
	text-align:right;
	width:160px;
	line-height:25px;
	margin:0 10px 7px 0;
}

form#booking dt img {
	width:30px;
	height:19px;
	margin:0;
	padding:0;
	margin-right:5px;
}

form#booking dd {
	color:#59493f;
	font-size:1.3em;
	float:left;
	/*	width:420px;*/
	width:420px;
	line-height:25px;
	margin:0 0 7px 10px;
}

form#booking fieldset#submit {
	font-size:1.3em;
	text-align:center;
}

form#booking fieldset#submit button#submit {
	margin:5px;
	border:none;
	cursor:pointer;
	background:#e3dacb;
}

/* ------------------------------------------------------ calender */
div#container div#content div#main_area h3#calender {
	background-image:url(../inquiry/images/calender_h3.gif);
}

div#container div#content div#main_area div#jump {
	min-height:30px;
	margin:20px 0 0px 30px;
}

div#container div#content div#main_area div#jump a {
	width: 140px;
	height: 30px;
	display: block;
	float:left;
	margin-right:10px;
	text-align:center;
	font-size:1.3em;
	line-height:30px;
	text-decoration: none;
	background-position: 0 0;
	background-image: url(../inquiry/images/calender_jump.gif);
	background-repeat:no-repeat;
}

div#container div#content div#main_area div#jump a:link,
div#container div#content div#main_area div#jump a:visited {
	color:#7e6b5a;
	background-position: 0 0;
}

div#container div#content div#main_area div#jump a:hover,
div#container div#content div#main_area div#jump a:active {
	color:#0297d6;
	background-position: 0 -30px;
}

div#container div#content div#main_area p#jump_other {
	float:right;
	margin:20px 30px 30px 30px;
}

div#container div#content div#main_area table.calender {
	width:580px;
	margin-left:30px;
}

div#container div#content div#main_area table.calender caption {
	text-align:right;
	padding-right:10px;
	color:#7e6b5a;
	font-style:italic;
	font-size:1.5em;
	line-height:6em;
	*line-height:60px;	/* ie6,7 */
	height:60px;
}

div#container div#content div#main_area table.calender caption#jan {
	background:url(../inquiry/images/calender_back_jan.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#feb {
	background:url(../inquiry/images/calender_back_feb.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#mar {
	background:url(../inquiry/images/calender_back_mar.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#apr {
	background:url(../inquiry/images/calender_back_apr.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#may {
	background:url(../inquiry/images/calender_back_may.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#jun {
	background:url(../inquiry/images/calender_back_jun.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#jul {
	background:url(../inquiry/images/calender_back_jul.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#aug {
	background:url(../inquiry/images/calender_back_aug.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#sep {
	background:url(../inquiry/images/calender_back_sep.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#oct {
	background:url(../inquiry/images/calender_back_oct.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#nov {
	background:url(../inquiry/images/calender_back_nov.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender caption#dec {
	background:url(../inquiry/images/calender_back_dec.gif) no-repeat top left;
}

div#container div#content div#main_area table.calender th {
	color:#7e6b5a;
	font-weight:bold;
	font-size:1.2em;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background:url(../inquiry/images/calender_back_th.gif) bottom left repeat-x;
}

div#container div#content div#main_area table.calender td {
	padding: 0 5px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background:url(../inquiry/images/calender_back_td.gif) bottom left repeat-x;
}

div#container div#content div#main_area table.calender td ul {
	margin:0;
}

div#container div#content div#main_area table.calender td ul li {
	width:60px;
	height:25px;
	padding-top:5px;
	font-size:1.2em;
	color:#0397d6;
	background:url(../inquiry/images/calender_ok.gif) right no-repeat;
}

div#container div#content div#main_area table.calender td ul li.date {
	height:15px;
	text-align:right;
	font-size:1.3em;
	background:none;
	color:#000000;
}

div#container div#content div#main_area table.calender td ul li.off {
	color:#df315f;
}

div#container div#content div#main_area table.calender td ul li.bar {
	border-bottom:#CCCCCC 1px dotted;
}

div#container div#content div#main_area table.calender td ul li.ng {
	color:#CCCCCC;
	background:url(../inquiry/images/calender_ng.gif) right no-repeat;
}

div#container div#content div#main_area div.calender_footer {
	width:580px;
	min-height:80px;
	margin:10px 0 10px 30px;
}

div#container div#content div#main_area div.calender_footer div.foot_left {
	margin-left:15px;
	width:400px;
	float:left;
	display:inline;	/* ie6 */
}

div#container div#content div#main_area div.calender_footer div.foot_right {
	width:160px;
	float:right;
	display:inline;	/* ie6 */
}

div#container div#content div#main_area div.calender_footer dl.explain {
	width:380px;
	margin-top:15px;
	float:left;
}

div#container div#content div#main_area div.calender_footer dl.explain dt {
	width:30px;
	height:20px;
	float:left;
	clear:left;		/* ie6 */
}

div#container div#content div#main_area div.calender_footer dl.explain dd {
	height:20px;
	margin-left:10px;
}

div#container div#content div#main_area div.calender_footer ul.time_schedule {
	clear:both;
	margin: 10px 0 40px 10px;
	padding : 5px 0 0 20px;
	width:540px;
	min-height:50px;
	border-top:#CCCCCC 1px dotted;
	float:left;
	font-size:1em;
}

div#container div#content div#main_area div.calender_footer ul.time_schedule li {
	list-style:circle outside none;
}

div#container div#content div#main_area div.calender_footer div.foot_right a {
	width:144px;
	float:right;
	height: 33px;
	display: block;
	float:right;
	margin-right:10px;
	text-align:center;
	font-size:1.3em;
	line-height:2.4em;
	text-decoration: none;
	background-position: 0 -33px;
}

div#container div#content div#main_area div.calender_footer div.foot_right a.to_book {
	background-image: url(../inquiry/images/calender_book.gif);
}

div#container div#content div#main_area div.calender_footer div.foot_right a.to_inquiry {
	background-image: url(../inquiry/images/calender_inquiry.gif);
}

div#container div#content div#main_area div.calender_footer div.foot_right a:link,
div#container div#content div#main_area div.calender_footer div.foot_right a:visited {
	background-position: 0 0;
}

div#container div#content div#main_area div.calender_footer div.foot_right a:hover,
div#container div#content div#main_area div.calender_footer div.foot_right a:active {
	background-position: 0 -33px;
}

div#container div#content div#main_area div#other {
	margin: 10px 30px;
}

div#container div#content div#main_area div#other img {
	float:right;
	border:#FFFFFF 3px solid;
	outline:#CCCCCC 1px solid;
}

div#container div#content div#main_area div#other p#other_text {
	width:300px;
	float:left;
}

/* ------------------------------------------------------ faq */
div#container div#content div#main_area h3#faq {
	background-image:url(../inquiry/images/faq_h3.gif);
}

div#container div#content div#main_area ul#question_list {
	width: 600px;
	margin: 20px 0 40px 20px;
	font-size:1.2em;
}

div#container div#content div#main_area ul#question_list li {
	padding-left:20px;
	margin-bottom:5px;
	background:url(../inquiry/images/faq_list.gif) 0 3px no-repeat;
}

div#container div#content div#main_area ul#question_list li a {
	color:#178dc6;
}

div#container div#content div#main_area ul#question_list li a:link,
div#container div#content div#main_area ul#question_list li a:visited {
	text-decoration:none;
}

div#container div#content div#main_area ul#question_list li a:hover,
div#container div#content div#main_area ul#question_list li a:active {
	text-decoration:underline;
}

div#container div#content div#main_area dl#faq {
	width: 600px;
	margin: 10px 0 20px 20px;
	font-size:1.2em;
}

div#container div#content div#main_area dl#faq dt {
	background:url(../inquiry/images/faq_q_bk.gif) bottom left no-repeat;
	border:#CCC 1px solid;
	padding: 10px 10px 10px 50px;
	color:#59493f;
}

div#container div#content div#main_area dl#faq dd {
	background:url(../inquiry/images/faq_a_bk.gif) bottom left no-repeat;
	margin-bottom:10px;
	border-right:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	padding: 10px 10px 10px 50px;
}