#dialog-overlay {
            /* set it to fill the whil screen */
            width:100%;height:100%;
            /* transparency for different browsers */
            filter:alpha(opacity=50);
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            background:#000;
            /* make sure it appear behind the dialog box but above everything else */
            position:absolute;
            top:0;left:0;
            z-index:3000;
            /* hide it by default */
            display:none;
         }
         #dialog-box {
            /* css3 drop shadow */
            -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            /* css3 border radius */
            -moz-border-radius: 5px;
             -webkit-border-radius: 5px;
            background:#eee;
            /* styling of the dialog box, i have a fixed dimension for this demo */ 
            width:328px;
            /* make sure it has the highest z-index */
            position:absolute;
            z-index:5000;
            /* hide it by default */
            display:none;
         }
         #dialog-box .dialog-content {
            /* style the content */
            text-align:left;
            margin:13px; padding:10px;
            color:#666;
            font-family:arial;
            
         }
         a.button {
            /* styles for button */
            margin:10px auto 0 auto; padding: 5px 10px 6px;
            text-align:center;
            display: block;
            width:50px;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            line-height: 1;
            /* button color */
            background-color: #e33100;
            /* css3 implementation :) */
            /* rounded corner */
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            /* drop shadow */
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            /* text shaow */
            text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
            border-bottom: 1px solid rgba(0,0,0,0.25);
            position: relative;
            cursor: pointer;
         }
         a.button:hover {
            background-color: #c33100;
         }
         /* extra styling */
         #dialog-box .dialog-content p {
            font-weight:700;margin:0;
         }
         #dialog-box .dialog-content ul {
            margin:10px 0 10px 20px;
            padding:0;
            height:50px;
         }

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

		共通設定

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#popup p { line-height: 1.5; }
.redletter { color: #D20012; }
.greenletter { color:#669900; }
.orangeletter { color: #996600; }
.appearlater { display: none; }
.bold { font-weight: bold; }
.ilnblk { display: inline-block; }
.smaller { font-size: 14px; }

#popup { background: #EDF8FE; }
#popup_header{
	background: #fdfdfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfb 0%, #e8eae4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfb 0%,#e8eae4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfb 0%,#e8eae4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfb', endColorstr='#e8eae4',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 5px rgba(0,0,0,.50);
}
#popup_header_wrap {
	width: 100%; max-width: 800px;
	margin: auto;
	padding: 6px 0;
}
#popup_header_wrap h1 {
	font-weight: bold;
	font-size: 18px;
	padding-left: 60px;
	background: url(../images/pages/vcal_header_logo.png) no-repeat;
	line-height: 1.2;
}
#popup_contents {}
#popup_contents_wrap {
	max-width: 800px;
	width: 100%;
	margin: auto;
	padding: 10px 0 20px 0;
}
.pagecontents {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 20px 40px 20px;
	background: #fff;
}
.rsvform_noticearea_orange {
	background: #FFF0DD;
	border: #F68702 1px solid;
	border-radius: 3px;
	margin: 20px 0;
	padding: 25px 10px;
	box-sizing: border-box;
}
.rsvform_noticearea_orange.centering { text-align: center; }
.rsvform_noticearea_orange p { font-size: 14px; }
.rsvform_selected_planerror { font-weight: bold; display: table; color: red; }
.rsvform_selected_planerror dt,
.rsvform_selected_planerror dd { display: table-cell; vertical-align: top; box-sizing: border-box; line-height: 1.4; }
.rsvform_selected_planerror dt { border-right: #D5A27B 1px solid; width: 210px; }
.rsvform_selected_planerror dd { color: #D20012; padding-left: 40px; }

.redletter { color: #D20012; }
.greenletter { color:#669900; }
.orangeletter { color: #996600; }
.appearlater { display: none; }
.bold { font-weight: bold; }
.ilnblk { display: inline-block; }

/* H3タイトル */
#popup h2.ttl_h2 {
	border-left: #29890E 2px solid;
	border-bottom: #C9CEC7 1px solid;
	font-size: 25px;
	font-weight: normal;
	padding: 20px 0 20px 10px;
}

/* テーブル基本 */
#popup table.tbl_default {
	border-top: none;
	margin: 20px 0;
	table-layout: fixed;
	width: 100%; max-width: 800px;
}
#popup table.tbl_default.last { margin-bottom: 0; }
#popup table.tbl_default th, 
#popup table.tbl_default td {
	border: 1px solid #C9CEC7;
	box-sizing: border-box;
	line-height: 1.5;
}
#popup table.tbl_default th {
	background: #EDF4F9;
	color: #111;
	font-weight: bold;
	width: 220px;
	vertical-align: top;
	padding: 12px;
}
#popup table.tbl_default th.valgmdl { vertical-align: middle; }
#popup table.tbl_default td { padding: 12px; background: #fff; } /* padding: 12px 20px; */
#popup table.tbl_default td.nopaddingy { padding: 0 20px; }

#popup table.tbl_default th.nobold { font-weight: normal !important; }
#popup table.tbl_default.tbl_thxy th.tbl_th_dark { background: #EDF4F9; color: #fff; }

#popup table .tbl_bT { border-top: 5px #C9CEC7 double !important; }

#popup table.tbl_default .tbl_scroll{
	width:100%;
	box-sizing:border-box;
	table-layout:fixed;
	position:relative;}
	
#popup ul { margin-bottom: 30px; }
#popup ul.last { margin-bottom: 0; }
#popup ul.indent { margin-left: 2em; }
#popup ul { list-style: disc; margin-left: 1.2em; }
#popup ul li { line-height: 1.7; margin-bottom: 8px; }

/* 必須項目の [必須] 文字用 */
#popup .compulsory {
	color: #D70827;
	font-weight: normal;
	font-size: 14px;
	margin-left: 5px;
}
/* ヘルプの青いリンク・青いクエスチョンマーク付き */
#popup .helplink {
	color: #1666A7;
	font-weight: normal;
	font-size: 13px;
	padding-left: 20px;
	background: url(../images/pages/rsvform_reserve_date_icon_helplink.png) left center no-repeat;
	display: block;
	margin-top: 5px;
	text-decoration: underline;
}

#rsvform input[type="radio"],
#rsvform input[type="checkbox"] { margin-right: 5px; }

#rsvform .inputnum { width: 50px; float: left; margin-right: 5px; }



/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

	Vacant Car Calendar 空車カレンダー

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#popup_contents_step {
	margin: auto;
	border: #ADB5AA 1px solid; border-radius: 10px;
	background: #fff;
	width: 100%; max-width: 800px;
	box-sizing: border-box;
	padding: 10px;
}

#popup_contents_step .top_reserve_innerbox {
	display:table;
	width:100%; max-width: 800px;
	table-layout:fixed;
}
#popup_contents_step .top_reserve_innerbox .top_reserve_split_3 {
	display:table-cell;
	box-sizing:border-box;
}
#popup_contents_step .top_reserve_datebox { margin: 5px; }
#popup_contents_step h3{
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
	background:#0172bc url(../images/top/reserve_date_title.png) left center repeat-x;}
#popup_contents_step h3 .top_reserve_innertitle{
	display:inline-block;
	padding:5px 10px 0 25px;
	background:#FFF url(../images/pages/vcal_reserve_date_icon_start.png) left center no-repeat;}
#popup_contents_step h3 .top_reserve_innertitle.car {
	background:#FFF url(../images/pages/vcal_reserve_date_icon_car.png) left center no-repeat;}
#popup_contents_step select{
	display:block;
	cursor:pointer;
        /*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	/*background:url(../images/top/reserve_date_select.png) right center no-repeat;*/
	border-radius: 3px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 16px;
	margin: 0 5px 5px 0;
        padding: 3px 10px;
	line-height: 1.5;
	width: 100%;
}
#popup_contents_step input[type="text"] {
	width: 100%;
    cursor: pointer;
    background: url(../images/pages/vcal_reserve_date_icon_calendar.png) right center no-repeat;
    display: block;
    max-width: 100%;
    padding: 4px 10px;
    border: 1px solid #CCC;
    font-size: 16px;
    line-height: 1;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
}

#popup_contents_calnav {
	width: 100%; max-width: 800px;
	padding: 10px;
	box-sizing:border-box;
}
#popup_contents_calnav_prev,
#popup_contents_calnav_next { width: 50%; float: left; }
#popup_contents_calnav_next { text-align: right; }
#popup_contents_calnav_prev input,
#popup_contents_calnav_next input {
	width: 120px; height: 35px;
	padding: 8px;
	border: #ADB5AA 1px solid;
	border-radius: 8px;
	cursor: pointer;
}
#popup_contents_calnav_prev input {
	text-align: right;
	background: url(../images/pages/vcal_contents_calnav_prev.png), #fdfdfb; /* Old browsers */
	background: url(../images/pages/vcal_contents_calnav_prev.png), -moz-linear-gradient(top, #fdfdfb 0%, #e8eae4 100%); /* FF3.6-15 */
	background: url(../images/pages/vcal_contents_calnav_prev.png), -webkit-linear-gradient(top, #fdfdfb 0%,#e8eae4 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/pages/vcal_contents_calnav_prev.png), linear-gradient(to bottom, #fdfdfb 0%,#e8eae4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfb', endColorstr='#e8eae4',GradientType=0 ); /* IE6-9 */
	background-position: left;
	background-repeat:no-repeat;
}
#popup_contents_calnav_next input {
	text-align: left;
	background: url(../images/pages/vcal_contents_calnav_next.png), #fdfdfb; /* Old browsers */
	background: url(../images/pages/vcal_contents_calnav_next.png), -moz-linear-gradient(top, #fdfdfb 0%, #e8eae4 100%); /* FF3.6-15 */
	background: url(../images/pages/vcal_contents_calnav_next.png), -webkit-linear-gradient(top, #fdfdfb 0%,#e8eae4 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/pages/vcal_contents_calnav_next.png), linear-gradient(to bottom, #fdfdfb 0%,#e8eae4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfb', endColorstr='#e8eae4',GradientType=0 ); /* IE6-9 */
	background-position: right;
	background-repeat:no-repeat;
}
#popup_contents_calarea {
	max-width: 800px;
	padding: 10px;
	margin-left: -20px;
}

#popup_contents_cal { }
#popup_contents_cal_left,
#popup_contents_cal_right {
	width: 50%;
    box-sizing: border-box;
	padding-left: 20px;
	display: table-cell;
}
.popup_contents_cal_month {
	font-size: 18px;
	font-weight: bold;
	margin: auto;
	display:block;
	text-align: center;
}
.popup_contents_cal table {
	background: #DFE4DC;
	margin: 10px auto;
	width: 100%;
	box-sizing: border-box;
	table-layout:fixed;
}
.popup_contents_cal table th,
.popup_contents_cal table td {
	text-align:center;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: inset rgba(255,255,255,.3) 0 0 1px;
}
.popup_contents_cal table th {
	background: #30362C;
	color: #FFF;
	border: #000 1px solid;
	border-bottom: #333333 1px solid;
}
.popup_contents_cal table td {
	border: #C8CEC6 1px solid;
	font-size: 14px;
}
.popup_contents_cal_mark {
	display: block;
	font-size: 18px;
	font-weight:bold;
	margin-top: 5px;
}
.popup_contents_cal_mark a {
	color: #27870C;}
.popup_contents_cal_mark a:hover {
	text-decoration:underline;}
.popup_contents_cal table td.weekday {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f1f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f1f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f1f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f1f0',GradientType=0 ); /* IE6-9 */
}
.popup_contents_cal table td.saturday {
	background: #ecfbf4; /* Old browsers */
	background: -moz-linear-gradient(top,  #ecfbf4 0%, #d3f4e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ecfbf4 0%,#d3f4e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ecfbf4 0%,#d3f4e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecfbf4', endColorstr='#d3f4e5',GradientType=0 ); /* IE6-9 */
}
.popup_contents_cal table td.holiday {
	background: #fff4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff4f4 0%, #fedada 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff4f4 0%,#fedada 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fff4f4 0%,#fedada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4f4', endColorstr='#fedada',GradientType=0 ); /* IE6-9 */
}

#popup_note {
	margin: 0 10px;
	font-size: 14px;
}
#popup_note li { line-height: 1.4 !important; list-style:none; }


/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

	SIMUlation Page

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#popup table.tbl_default .tbl_simu { width: 100%; }
#popup table.tbl_default .tbl_simu th { background: none; font-weight: normal; width:180px; }
#popup table.tbl_default .tbl_simu th,
#popup table.tbl_default .tbl_simu td { border: none; padding: 0 0 15px 0; }
#popup table.tbl_default .tbl_simu tr:last-child th,
#popup table.tbl_default .tbl_simu tr:last-child td { padding: 0 0 0 0 !important; }
#popup table.tbl_default .tbl_simu_sum th { background: #FFE1BC; }
#popup table.tbl_default .tbl_simu_sum td { background: #FFF0DD; }
#popup table.tbl_default .tbl_simu th { background: none; }

.simu_sum_price, .simu_sum_unit { color: #D20012; font-weight: bold; }
.simu_sum_price { font-size: 24px; }
.simu_sum_unit { font-size: 18px; }




/*==================================================
営業所
====================================================*/
#eigyo_map_img img {
	max-width: 100%;
	height: auto;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1250px
			
----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1250px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1220px
			
----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1220px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1050px
			
----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1050px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			970px
			
----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:970px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			900px
			
----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

@media screen and (max-width:900px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			880px
			
----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:880px){
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			840px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:840px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			820px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:820px){
	#popup_header_wrap,
	#popup_contents_wrap { box-sizing: border-box; }
	#popup_header_wrap { padding:10px; }
	#popup_contents_wrap { padding:10px 10px 20px 10px; }
	/*==================================================
	CaR vACATION Calendar 820
	====================================================*/
	#popup_contents_step { width: auto; }
	#popup_header { box-sizing: border-box; }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			800px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:800px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			780px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:780px){
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			760px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:760px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			680px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:680px){
	/*==================================================
	menseki 680
	====================================================*/
	#popup #tbl_insurance th { max-width: 180px }
	/*==================================================
	CAR VACATION Calendar 680
	====================================================*/
	#popup_header_wrap h1 { font-size: 16px; }
	#popup_contents_step select,
	#popup_contents_step input[type="text"] { font-size: 14px; }
	#popup_note li { font-size: 12px; }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			640px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:640px){
	#popup table.tbl_default,
	#popup p,
	#popup li { font-size: 14px; }
	.smaller { font-size: 12px !important; }
	/*==================================================
	CAR VACATION Calendar 640
	====================================================*/
	#popup_contents_step select,
	#popup_contents_step input[type="text"] { font-size: 12px; }
	#popup_contents_calnav_prev input,
	#popup_contents_calnav_next input { font-size: 14px; }
	/*==================================================
	SIMUlation 640
	====================================================*/
	.simu_sum_price { font-size: 22px; }
	.simu_sum_unit { font-size: 16px; }
	#popup input.greentextbutton[type="button"] { font-size: 18px; }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			580px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:580px){
	#popup table.tbl_default,
	#popup table.tbl_default tbody,
	#popup table.tbl_default tr,
	#popup table.tbl_default td,
	#popup table.tbl_default th {
		display: block;
		box-sizing:border-box;
		width:100%;}
	#popup table.tbl_default tr { margin-bottom: 10px; }
	#popup table.tbl_default .tbl_simu { display: table; width: 100%; }
	#popup table.tbl_default .tbl_simu tr { margin-bottom: 0; width: 100%; }
	#popup table.tbl_default .tbl_simu th,
	#popup table.tbl_default .tbl_simu td { display: table-cell; table-layout: fixed; padding: 0 0 10px 0; }
	#popup table.tbl_default .tbl_simu th { width: 150px; }
	#popup table.tbl_default .tbl_simu td { width: auto; }
	#popup table .tbl_bT { border-top: 1px solid #C9CEC7 !important; }
	.simu_items span { display: block; width: 100%;}
	#popup table.tbl_default #tbl_simu_items th,
	#popup table.tbl_default #tbl_simu_items td { display: block; float: left; width: 50%; }
	#popup #tbl_insurance th { max-width: 100%; }
	#popup #tbl_insurance .tbls_head { display: none; }
	/*==================================================
	CAR VACATION Calendar 580
	====================================================*/
	#popup_contents_step .top_reserve_innerbox,
	#popup_contents_step .top_reserve_innerbox .top_reserve_split_3,
	#popup_contents_calarea,
	#popup_contents_cal_left,
	#popup_contents_cal_right { display: block; }
	.top_reserve_innerbox,
	.top_reserve_split_3,
	#popup_contents_cal_left,
	#popup_contents_cal_right { width: 100%;}
	#popup_contents_cal_left { margin-bottom: 20px; }
	#popup_contents_calarea { margin-left:0; }
	#popup_contents_cal_left, #popup_contents_cal_right {padding-left: 0; }
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			560px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:560px){
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			540px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:540px){
	h3.ttl_sectionnum_num {
		background: #0C7D0C;
		border-radius: 50%;
		font-weight: bold;
		font-size: 20px;
		padding: 3px;
		width: 24px;
		height: 24px;
		line-height: 24px;
		color: #fff;
		text-align: center;
		float: left;
		margin-right: 8px;
	}
	h3.ttl_sectionnum_num.twodigit { padding: 3px 0; }
	h3.ttl_sectionnum_txt {
		font-size: 16px;
		line-height: 30px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			480px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:480px){
	#pagelayout h2.ttl_page { font-size: 20px; padding: 12px; }
	#popup h3.ttl_h3,
	#page_document h3.ttl_sectionnum .ttl_sectionnum_num,
	#page_document h3.ttl_sectionnum .ttl_sectionnum_txt { font-size: 20px; line-height: 30px; }
	#page_document h3.ttl_sectionnum .ttl_sectionnum_num {
		width: 30px;
		height: 30px;
		line-height: 28px;
		margin-right: 8px;
	}
	#page_document h4, #page_document h4.ttl_sectionnum .ttl_sectionnum_txt { font-size: 15px; }
	#page_document h4.ttl_sectionnum .ttl_sectionnum_num {
		font-size: 15px;
		padding: 4px;
		width: 22px;
		height: 22px;
		line-height: 15px;
		margin-right: 6px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			460px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:460px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			440px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:440px){
	#popup h3.ttl_h3 { font-size: 20px; padding: 15px 0 15px 10px; }
	#page_document h3.ttl_sectionnum .ttl_sectionnum_num,
	#page_document h3.ttl_sectionnum .ttl_sectionnum_txt { font-size: 20px; }
	#page_document h3.ttl_sectionnum .ttl_sectionnum_num {
		width: 32px;
		height: 32px;
		line-height: 24px;
		margin-right: 8px;
	}
	#page_document h3.ttl_sectionnum .ttl_sectionnum_txt { line-height: 32px; }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			400px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:400px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			370px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:370px){
	#pagelayout h2.ttl_page { font-size: 18px; }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			360px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:360px){
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			340px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:340px){
	/*==================================================
	CAR VACATION Calendar 340
	====================================================*/
	#popup_header_wrap h1 { font-size: 15px; }
}

.popup_box {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	left: 0;
	width: 365px;
	height: 306px;
	z-index: 50;
	background: #fff;
	border: 3px solid #ece7d5;
	border-radius: 3px;
}
#lstbox_car_departure.popup_box,
#lstbox_car_return.popup_box {
	border: none;
}
.popup_box.On {
	display: block;
}
.popup_box_inner {
	
}
.rsv_search_result {
	position: absolute;
	width: 100%;
	min-height: 300px;
	height: 100%;
	left: 100%;
	top: 0;
	z-index: 5;
	overflow: hidden;
	background: rgba(255,255,255,0.8);
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
}
.rsv_search_result.On,
.rsv_search_result.contleftfix{ /* contemporary left : 0 */
	left: 0;
}
.rsv_search_result .ttlarea {
	color: #fff;
	display: table;
	width: 100%;
	table-layout: fixed;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	height: 36px;
}
.rsv_search_result .ttlarea .ttl_pref,
.rsv_search_result .ttlarea .btn_close {
	display: table-cell;
	vertical-align: middle;
}
.rsv_search_result .ttlarea .ttl_pref {
	padding: 10px;
}
.rsv_search_result .ttlarea .btn_close {
	width: 36px;
	text-align: center;
	font-size: 28px;
	color: #fff;
}
.rsv_search_result .ttlarea h3 {
	font-weight: bold;
}
.rsv_search_result .ttlarea {
	background: #00aef9;
}
.rsv_search_result .ttlarea h3 {
    margin-bottom:10px;
    font-size:113%;
	background: #00aef9 !important;
    
}
.rsv_search_result .lst_rsv_search_result {
	overflow-y: auto;
	height: 100%;
	padding-top: 36px;
}
.rsv_search_result .lst_rsv_search_result li {
	border-bottom: 1px dashed #c0bbb7;
}
.rsv_search_result .lst_rsv_search_result li:last-child {
	border-bottom: none;
}
.rsv_search_result .lst_rsv_search_result li a {
	display: table;
	width: 100%;
	table-layout: fixed;
	position: relative;
}
.rsv_search_result .lst_rsv_search_result li a:after {
	content: '\e946';
	width: 18px;
	height: 18px;
	font-size: 18px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -9px;
	display: block;
	color: #CDCAC6;
}
.rsv_search_result .lst_rsv_search_result li a.disabled {
	background: rgba(0,0,0,0.1) !important;
	cursor: default;
}
.rsv_search_result .lst_rsv_search_result li a:hover {
    background: rgba(215,0,15,0.10);
}
#popup_area {
    margin-top :10px;
    text-align : right;
    letter-spacing : normal;
    position: relative;
}
#popup_area .btn{
    position: relative;
}
.tbl_rsvform #popup_area{
    text-align : left;
}