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


/*-----------------ウィンドウ-----------------*/

/* 毎日/毎週/カレンダーの切り替えタブ */
.selector_window_block {
	padding:0 10px;
}
.selector_window.dummy,
body.partsfile .selector_window{
	position:relative;
	display:block;
}
ul.segment{
	margin:0;
	padding:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d8d7dd;
	display:table;
}
ul.segment li{
	display:table-cell;
	margin:0;
	padding:0;
	border-right:1px solid #d8d7dd;
	text-align:center;
}
ul.segment li:last-child{
	border:none;
}
ul.segment li a{
	display:block;
	text-decoration:none;
	color:#383850;
	padding:0.3em 0.8em;
}
ul.segment li.current a,
ul.segment li a.current{
	background:#30b1c6;
	color:#FFFFFF;
}
.selector_window ul.segment{
	width:100%;
	margin-bottom:10px;
}
.selector_window ul.segment li.current a{
	background-color:#30b1c6;
	color:#FFFFFF;
}

.selector_window{
	width:100%;
	z-index:1;
	top:0;
	display:none;
}

/* 予約キャンセル部分のスタイル */
.selector_window .inner{
	background:#f5f5f5;
	margin:20px 0;
}
.selector_window h2{
	margin:0;
	padding:15px 10px 10px 10px;
	color:#db5177;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
.selector_window h3{
	text-decoration:underline;
	margin-top:0;
	margin-bottom:0.3em;
}


/*-----------------カレンダー-----------------*/

/* Plusカレンダー月の部分 */
p.move_month{
	text-align:center;
	font-size:105%;
	font-weight:bold;
	position:relative;
	margin-bottom:3px;
}
p.move_month a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
p.move_month span{
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:15px 25px;
	width:40px;
	height:20px;
	background-position:left;
	top:2px;
}
p.move_month span.prev{
	background-image:url(../images/common_styles/linearrow_right_gray_left.png);
}
p.move_month span.next{
	background-image:url(../images/common_styles/linearrow_right_gray.png);
	background-position:right;
	right:0;
}

table.calender_selector{
	width:100%;
}
table.calender_selector td {
	text-align:center;
	border:1px solid #dee0df;
	background:#fff;
}
table.calender_selector a{
	padding:20px 10px;
	display:block;
	text-decoration:none;
	color:#23273D;
	line-height:100%;
}
table.calender_selector td.empty {
	background:#f5f5f5 url(../images/driver/x.png) no-repeat center center;
	background-size:80px;
	border-color:#E9E9EC;
}
@media screen and (max-width:500px) {
	table.calender_selector td.empty { background-size:65px; }
	table.calender_selector a { padding:15px 10px; }
}
@media screen and (max-width:400px) {
	table.calender_selector td.empty { background-size:50px; }
	table.calender_selector a { padding:10px; }
}
.calender_selector td.sunday a{
	color:#DB5177;
}
.calender_selector td.negative a{
	background:#C8C9CE;
	color:#A7A9B1;
}
.calender_selector td.today {
	background-color:#edf9f8;
}
.calender_selector td.selected a{
	background:url(../images/driver/check.png) no-repeat center center;
	background-size:80px;
}
@media screen and (max-width:500px) {
	.calender_selector td.selected a { background-size:65px; }
}
@media screen and (max-width:400px) {
	.calender_selector td.selected a { background-size:50px; }
}
@media screen and (max-width:350px) {
	.calender_selector td.selected a { background-size:30px; }
}
table.calender.month{}
table.calender_selector tr.week td{
	background:#FFFFFF;
	border-color:#E9E9EC;
}
table.calender.week{}

table.calender_selector tr td .date {
	font-size:14px;
	line-height:18px;
}
@media screen and (max-width:350px) {
	table.calender_selector tr td .date {
		font-size:9px;
		line-height:12px;
	}
}
table.calender_selector tr td .value {
	display:block;
	font-size:10px;
	margin-top:10px;
}
table.calender_selector tr td .time {
	font-size:10px;
}
@media screen and (min-width:450px) {
.total {
	font-size:18px;
}
}
@media screen and (max-width:450px) {
	table.calender_selector tr td .value { margin-top:0; }
}
.brnone368 {display:none;}
@media screen and (max-width:367px) {
table.calender_selector a {
	padding:10px;
}
.brnone368 {
	display:block;
}
}

/*-----------------貸し出しカレンダー-----------------*/

/* 貸し出しカレンダーの説明部分 */
p.ownerParkingCalendarCaption {
	padding-bottom:20px;
}
p.ownerParkingCalendarCaption img {
	display:block;
	margin:10px auto;
	width:100%;
	max-width:400px;
	padding:5px 0;
}
/* 貸し出しカレンダーの月・ひと月一括設定の部分 */
table.monthTitle {
	margin-bottom:10px;
}

table.owner_calender{
	width:100%;
}
table.owner_calender td{
	text-align:center;
	border:1px solid #d8d7dd;
	background:#fff;
	padding:10px 0;
}
table.owner_calender td a {
	background-image:url(../images/owner/out.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
}
table.owner_calender a{
	padding:10px;
	display:block;
	text-decoration:none;
	color:#383850;
	line-height:100%;
}
@media screen and (max-width:340px) {
	table.owner_calender a {
		font-size:10px;
		font-weight:900;
	}
}
table.owner_calender td.empty {
  background: #f0f0f2;
}
table.owner_calender td.empty a {
  background-image: none;
  color: #d8d7dd !important;
}
.owner_calender td.sunday a{
	color:#DB5177;
}
.owner_calender td.negative a{
	background:#C8C9CE;
	color:#A7A9B1;
}
.owner_calender td.today a{}
.owner_calender td.selected a{
	background-image:url(../images/owner/ok.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
}
table.calender.month{}
table.owner_calender tr.week td{
	background:#FFFFFF;
	border-color:#d8d7dd;
}
table.calender.week{}
table.owner_calender td.weekChecker {
	background:#f0f0f2;
}
button.onoffbtn {
	padding:0;
	background:#fff url(../images/dropdownmenu/icon_change.png) no-repeat center center;
	background-size:19px;
	width: 21px;
	height: 21px;
	border:none;
	border:2px solid #ff6366;
	border-radius: 30px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
button.onoffbtn:active {
	background:#f0f0f2 url(../images/dropdownmenu/icon_change.png) no-repeat center center;
	background-size:20px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0);
}



/*-----------------時間スライダー-----------------*/
.hour_slider_result{
	font-size:90%;
	margin-bottom:6px;
}
ul.hour_slider_result{
	margin-top:0;
}
.hour_slider_result .upper{
	text-align:right;
}
.hour_slider_result .unit{
	color:#A7A9B1;
	margin-left:3px;
	font-size:80%;
}
#hour_slider{
	margin-bottom:15px;
}



/*-------------------予約キャンセル -----------------*/
.buyer_cancel ul.arrow{
	margin:0 10px 10px 10px;
}
.buyer_cancel ul.arrow li{
	margin-bottom:0.5em;
	font-size:90%;
}

.buyer_cancel .cancelnotice{
  border: solid 2px #ff827d;
	border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color:#ff827d;
  font-weight:bold;
  padding:10px 0;
  font-size:18px;
  text-align:center;
  margin:0 15px;	
}
.selector_window p.dayslist{
	margin-bottom:3px;
	font-size:110%;
}


/*-------------------車種選択 -----------------*/

/*車種の情報表示部*/
.cartype_info{
	position:relative;
	line-height:18px;
	font-size:14px;
	text-align:left;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.cartype_info dt i {
	font-size:20px;
	vertical-align:top;
}
.cartype_info dd {
	display:none;
	border-radius: 10px;
	padding: 20px;
	background: none repeat scroll 0% 0% #F9F9F9;
	margin: 10px 0px;
	border: 1px solid #EEE;
	text-align: left;
}
.cartype_info p{
	margin:0.3em;
}
.cartype_info .name{
	font-weight:bold;
	font-size:90%;
}
.cartype_info .name img{
	vertical-align:middle;
	margin-right:5px;
}
.cartype_info .exp{
	font-size:80%;
	line-height:105%;
}
.cartype_info p.type_ex_title{
	font-size:90%;
	color:#91939E;
	margin-bottom:0;
}




.cartype_display{
}
.cartype_display .cartype_info{
	display:none;
}
.cartype_display .cartype_info:first-child{
	display:block;
}
.cartype_display .cartype_info:first-child p.name{
	color:#999;
}


#cartype_selector_v{
	position:relative;
	margin-bottom:10px;
}
#cartype_selector_v span.cover{
	position:absolute;
	height:20px;
	display:block;
	width:100%;
	z-index:10;
}
#cartype_selector_v span.cover.upper{
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
#cartype_selector_v span.cover.lower{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	bottom:0;
}
#cartype_selector_v ul{
	height:180px;
	overflow-y:scroll;
	z-index:1;
	position:relative;
	margin:0;
}
#cartype_selector_v ul li{
	border-bottom:1px solid #666;
	border-top:1px solid #FFF;
	background:#CCCCCC;
	padding:5px 10px;
	cursor:pointer;
}
#cartype_selector_v ul li:first-child{
	margin-top:10px;
}
#cartype_selector_v ul li:last-child{
	margin-bottom:10px;
}
#cartype_selector_v ul img{
	vertical-align:middle;
}
#cartype_selector_v ul li.clicked{
	background:#eee;
}

select#cartype{
	display:none;
}


/*------------------- クーポン利用 -----------------*/
.coupon_code{
	position:relative;
	line-height:18px;
	font-size:14px;
	text-align:right;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.coupon_code dt i {
	font-size:20px;
	vertical-align:top;
}
.coupon_code dd {
	display:none;
	background: none repeat scroll 0% 0% #F9F9F9;
	margin: 10px 0px;
	text-align: right;
}
.coupon_code p{
	margin:0.3em;
}
.coupon_code .name{
	font-weight:bold;
	font-size:90%;
}

/* */