/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*/
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
a {text-decoration:none !important;}
.blind {display:none;}
/* intro */
.intro p{color: #fff; }
#header, #footer{position:fixed; height:60px; display:block; width: 100%; background: #fff; z-index:9; color: #f2f2f2; }
#header{top:0px; }
#footer{bottom:0px; }

.ul-nav-intro {overflow: hidden; float: right; padding:20px 0 0;}
.ul-nav-intro li {float: left; margin:0 0 0 40px;}
.ul-nav-intro li a {color:#414042; font-size:16px;}
.ul-nav-intro li a:hover {color:#fbbf2b;}
.section {position:relative;}
#section0 {background:url('../images/bg1_4.jpeg') center center ; background-size:cover;}
#section0 .txt1 {height:71px; padding-bottom:40px; text-indent:-9999px; background: url('../images/intro_txt1_2.png') 0 0 no-repeat;}
#section0 .txt1 span {display:none;}
#section0 .txt2 {text-indent:-9999px; background: url('../images/intro_txt2_2.png') 0 0 no-repeat;}
#section0 .txt2 span {display:none;}
#section1 {background:url('../images/bg2_2.jpg') center center ; background-size:cover;}
#section2 {background:url('../images/bg3_2.jpg') center center ; background-size:cover;}
#section3 {background:url('../images/bg4_2.jpg') center center ; background-size:cover;}
#section3 .bx-wrapper img {height:75px; margin:16px auto 0;}
#intro_footer {position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,0.3);z-index:9999; }
#intro_footer p {float:left; min-width: 960px; height: 74px; margin: 0 auto; padding: 0 20px; line-height: 74px; font-size: 12px; color: #fff; }
#intro_footer a {float:right; margin:0 20px 0 0;}

.box-content {width:1000px; margin:0 auto;}
.box-content .welcome {width:120px; padding:0 0 15px 10px; color:#fff; font-size:16px; background:url('../images/s1_arrow.png') 0 bottom no-repeat;}
.box-content h2 {font-size:50px; color:#fbbf2b; line-height:58px; margin:25px 0 30px; font-family:'notosans'; font-weight:100;}
.box-content h2 span {font-family:'notosans'; font-weight:600;}
.box-content .txt {font-size:20px; line-height:38px; color:#fff; margin:0 0 5px;}
.box-content .desc {font-size:16px; line-height:28px; color:#fff; opacity:0.8;}
#section0 .box-content .box-btn {margin:35px 0 0;}
#section2 .box-content .box-btn {margin:-5px 0 0;}
.box-content .box-btn a {display:inline-block; width:160px; height:40px; margin:0 30px 0 0; line-height:40px; text-align:center; color:#fff; border:1px solid #fff; border-radius:4px;
-webkit-transition:.1s all ease-in;
-o-transition:.1s all ease-in;
transition:.1s all ease-in;}
.box-content .box-btn a:hover {background:rgba(255,255,255,0.7); color:#4d6384;}
.box-content .welcome2 {width:290px; padding:0 0 15px 10px; color:#fff; font-size:16px; background:url('../images/s2_arrow.png') 0 bottom no-repeat;}
.box-content .ul-item {overflow: hidden;}
.box-content .ul-item li {float: left; width:33.3333%;}
.box-content .ul-item li div {width:300px; text-align:center;}
.box-content .ul-item li div .box-img {height:145px; margin:0 0 20px; position:relative;}
.box-content .ul-item li div .box-img img {position:absolute; bottom:0; left:50%;}
.box-content .ul-item li div:nth-child(1) .box-img img {margin-left:-45px;}
.box-content .ul-item li div:nth-child(2) .box-img img {margin-left:-40px;}
.box-content .ul-item li div:nth-child(3) .box-img img {margin-left:-64px;}
.box-content .ul-item li div .item-name {font-size:16px; color:#fff; margin:0 0 15px; text-align:center; text-shadow:0 1px 1px rgba(0,0,0,0.75);}
.box-content .ul-item li div .item-desc {font-size:13px; color:#fff; line-height:28px; text-align:center; opacity:0.8; text-shadow:0 1px 1px rgba(0,0,0,0.75);}
.box-content .welcome3 {width:315px; padding:0 0 15px 10px; color:#fff; font-size:16px; background:url('../images/s3_arrow.png') 0 bottom no-repeat;}
.box-content .box-btn .btn-owner {width:220px;}
.box-content .box-line {position:relative; height:80px;}
.box-content .box-line .marker {position:absolute; bottom:30px; left:11.5%;}
.box-content .box-line .bar {position:absolute; bottom:10px; display:block; width:100%; height:1px; background:#fff;}
.box-content .box-line .circle {position:absolute; position:absolute; bottom:-16px;}
.box-content .box-line .circle1 {left:11%;}
.box-content .box-line .circle2 {left:36%;}
.box-content .box-line .circle3 {left:61%;}
.box-content .box-line .circle4 {left:86%;}
.box-content .ul-step {padding:30px 0 0; overflow: hidden;}
.box-content .ul-step li {float: left; width:25%; opacity:0.6;}
.box-content .ul-step li.on {opacity:1;}
.box-content .ul-step li .box-img {position:relative; width:125px; height:125px; margin:0 auto 20px;}
.box-content .ul-step li .box-img img {position:absolute; top:0; left:0; width:100%;}
.box-content .ul-step li .box-img img.on {display:none;}
.box-content .ul-step li.on .box-img img.on {display:block;}
.box-content .ul-step li.on .box-img img.off {display:none;}
.box-content .ul-step .step {font-size:13px; color:#fff; text-align:center; margin:0 0 10px;}
.box-content .ul-step .name {font-size:18px; color:#fff; text-align:center;}

.box-content .welcome4 {width:315px; padding:0 0 15px 10px; color:#fff; font-size:16px; background:url('../images/arr4.png') 0 bottom no-repeat;}
.btn-down {position:absolute; bottom:40px; left:50%;}
.btn-down1 {margin-left:-41px;}
.btn-down2 {margin-left:-53px;}
.btn-down4 {margin-left:-11px; bottom:70px;}
.ul-owner {overflow: hidden; width:700px; margin:20px auto 0;}
.ul-owner li {position:relative; float: left; width:136px; height:105px; margin:0 50px 45px 0; background:#fff; line-height:105px; text-align:center;}
.ul-owner li img {height:auto;}
.ul-owner li:nth-child(4n) {margin-right:0;}
#slider .li-owner .box-name {position:absolute; top:0; left:0; width:100%; height:100%; background:#4d6384; opacity:0; -webkit-transition:.1s all ease-in; -o-transition:.1s all ease-in; transition:.1s all ease-in;}
#slider .li-owner .box-name td {vertical-align:middle; color:#fff !important; text-align:center; line-height:1.5;}
#slider .li-owner:hover .box-name {opacity:0.95;}
/*#section3 .box-content h2 span {font-style:italic;}*/


/* index guest */
.wrap-main-banner .box-search .desc {padding:30px 0 0; text-align:center; font-size:16px; color:#fff;}
.wrap-main-banner .box-search .box-input {width:580px; height:50px; margin:30px auto 0; border:3px solid #fbbf2b; border-radius:5px; background:#fbbf2b; box-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap-main-banner .box-search .box-input input {width:458px; padding:13px 20px; border:none; font-size:16px; border-radius:3px 0 0 3px;}
.wrap-main-banner .box-search .box-input button {width:75px; height:50px; color:#fff; background:#fbbf2b; font-size:16px; border:none; outline: none; cursor: pointer;}


.wrap-main-banner2 {margin:100px 0 0; padding:120px 0 0; height:430px; position:relative; background:url('../images/new_bg.png') center center no-repeat; background-size:cover;filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/new_bg.png',
sizingMethod='scale');}
.wrap-main-banner2 .txt {position:relative; width:960px; height:310px; margin:0 auto; background:url('../images/new_txt2.png') 0 0 no-repeat;}
.wrap-main-banner2 .txt img {position:absolute; top:0; right:0;}

.box-content-index {width:900px; margin:50px auto 0;}
.box-content-main1 {margin-bottom:64px;}
.box-content-index .box-list h2 {padding:0 0 15px 10px; background:url('../images/index-arrow.png') 0 bottom no-repeat; margin:0; line-height:1; font-size:20px;}
.box-content-index .box-list .title {font-size:20px; color:#434a54; float: left;}
.box-content-index .box-list .desc {font-size:13px; color:#fbbf2b; font-weight:300; opacity:1; position:relative; top:-7px; margin:0 0 0 10px;}
.box-content-index .box-list ul {overflow: hidden; padding:30px 0 40px;}
.box-content-index .box-list ul li {float: left; position:relative; margin:0 30px 0 0; height:200px;}
.box-content-index .box-list ul li:last-child {margin:0;}
.box-content-index .box-list ul li + li + li + li {margin:0;}
.box-content-index .box-list ul li .title {position:absolute; bottom:0; left:0; width:100%; height:50px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:18px; line-height:50px;}
.wrap-content2 {padding:60px 0; background:#e6e9ed;}
.wrap-content2 .box-content-index {margin:0 auto;}
.wrap-content2 .box-content-main2 h2 .jp {padding:0 0 15px 15px; color:#4d6384; font-size:18px; background:url('../images/index-arrow2.png') -115px bottom no-repeat;}
.wrap-content2 .box-content-main2 h2 .en {padding:30px 0 0; font-size:50px; color:#fbbf2b; font-weight:600;}
.wrap-content2 .box-register .box-line {height:70px; margin:65px 0 0; position:relative;}
.wrap-content2 .box-register .box-line .bar {position:absolute; left:0; bottom:26px; width:100%; display:block; height:1px; background:#bababb;}
.wrap-content2 .box-register .box-line .marker {position:absolute; bottom:48px; left:15.5%;}
.wrap-content2 .box-register .box-line .circle {position:absolute; bottom:0;}
.wrap-content2 .box-register .box-line .circle1 {left:15%;}
.wrap-content2 .box-register .box-line .circle2 {left:48%;}
.wrap-content2 .box-register .box-line .circle3 {left:81%;}
.wrap-content2 .box-register ul {padding:40px 0 0; overflow: hidden;}
.wrap-content2 .box-register li {opacity:0.6; float: left; width:33.3333%; text-align:center;}
.wrap-content2 .box-register li .box-item {width:135px; margin:0 auto;}
.wrap-content2 .box-register li.on {opacity:1;}
.wrap-content2 .box-register li .box-image {width:135px; height:135px; position:relative;}
.wrap-content2 .box-register li .box-image img {position:absolute; top:0; left:0; width:100%;}
.wrap-content2 .box-register li .box-image .on {display:none;}
.wrap-content2 .box-register li.on .box-image .on {display:block;}
.wrap-content2 .box-register li.on .box-image .off {display:none;}
.wrap-content2 .box-register li .step {padding:40px 0 15px; font-size:13px; color:#414042;}
.wrap-content2 .box-register li .title {font-size:20px; color:#414042; font-weight:bold;}
.wrap-content .box-content-main3 h2 .jp {padding:0 0 15px 15px; color:#4d6384; font-size:18px; background:url('../images/index-arrow2.png') -65px bottom no-repeat;}
.wrap-content .box-content-main3 h2 .en {padding:30px 0 0; font-size:50px; color:#fbbf2b; font-weight:600; line-height:1.4;}
.wrap-content .box-content-main3 h2 .en .light {font-weight:100;}
.wrap-content .box-content-main3 .ul-merit {padding:50px 0 0; overflow: hidden;}
.wrap-content .box-content-main3 .ul-merit li {text-align:center;}
.wrap-content .box-content-main3 .ul-merit .guest {float: left; width:420px; margin:0 0 30px; border-top:2px solid #4d6384;}
.wrap-content .box-content-main3 .ul-merit .guest h3 {height:60px; line-height:60px; padding:0 0 0 35px; font-weight:600; font-style:italic; color:#4d6384; font-size:24px; border-bottom:1px solid #4d6384; text-align:left;}
.wrap-content .box-content-main3 .ul-merit .guest ul {border-bottom:2px solid #4d6384}
.wrap-content .box-content-main3 .ul-merit .guest li {height:120px; background:url('../images/bg_dot.png') 0 bottom repeat-x;}
.wrap-content .box-content-main3 .ul-merit .guest .item1 div {padding:0 0 0 160px; background:url('../images/merit1.png') 40px center no-repeat;}
/*.wrap-content .box-content-main3 .ul-merit .guest .item1 div p {font-weight:bold;}*/
.wrap-content .box-content-main3 .ul-merit .guest .item2 div {padding:0 0 0 160px; background:url('../images/merit2.png') 40px center no-repeat;}
/*.wrap-content .box-content-main3 .ul-merit .guest .item2 div p {font-weight:bold;}*/
.wrap-content .box-content-main3 .ul-merit .guest .item3 div {padding:0 0 0 160px; background:url('../images/merit3.png') 45px center no-repeat;}
.wrap-content .box-content-main3 .ul-merit .guest li .cell {display:table-cell; vertical-align:middle; height:120px;}
.wrap-content .box-content-main3 .ul-merit .guest li .title {font-size:16px; color:#383838; font-weight:bold; line-height:1.6; text-align:left;}
.wrap-content .box-content-main3 .ul-merit .guest li .desc {padding:10px 0 0; font-size:14px; color:#58595b; line-height:1.6; text-align:left;}
.wrap-content .box-content-main3 .ul-merit .guest li:last-child {background:none;}
.wrap-content .box-content-main3 .ul-merit .owner {float: right; width:420px; margin:0 0 30px; border-top:2px solid #4d6384;}
.wrap-content .box-content-main3 .ul-merit .owner h3 {height:60px; line-height:60px; padding:0 0 0 35px; font-weight:600; font-style:italic; color:#4d6384; font-size:24px; border-bottom:1px solid #4d6384; text-align:left;}
.wrap-content .box-content-main3 .ul-merit .owner li {height:120px; background:url('../images/bg_dot.png') 0 bottom repeat-x;}
.wrap-content .box-content-main3 .ul-merit .owner ul {border-bottom:2px solid #4d6384}
.wrap-content .box-content-main3 .ul-merit .owner .item1 div {padding:0 0 0 160px; background:url('../images/merit4.png') 40px center no-repeat;}
.wrap-content .box-content-main3 .ul-merit .owner .item2 div {padding:0 0 0 160px; background:url('../images/merit5.png') 50px center no-repeat;}
.wrap-content .box-content-main3 .ul-merit .owner .item3 div {padding:0 0 0 160px; background:url('../images/merit6.png') 45px center no-repeat;}
.wrap-content .box-content-main3 .ul-merit .owner li .cell {display:table-cell; vertical-align:middle; height:120px;}
.wrap-content .box-content-main3 .ul-merit .owner li .title {font-size:16px; color:#383838; font-weight:bold; line-height:1.6; text-align:left;}
.wrap-content .box-content-main3 .ul-merit .owner li .desc {padding:10px 0 0; font-size:14px; color:#58595b; line-height:1.6; text-align:left;}
.wrap-content .box-content-main3 .ul-merit .owner li:last-child {background:none;}
.wrap-content .box-content-main3 .ul-merit .btn-rent {display:inline-block; margin:40px auto; padding:14px 34px; border:1px solid #4d6384; border-radius:5px; color:#4d6384; font-size:16px; -webkit-transition:.1s all ease-in;
-o-transition:.1s all ease-in;
transition:.1s all ease-in;}
/*.wrap-content .box-content-main3 .ul-merit .btn-rent:hover {border:1px solid #fbbf2b; color:#fbbf2b;}*/
.wrap-content .box-content-main4 {margin-bottom: 200px;}
.wrap-content .box-content-main4 h2 .jp {padding:0 0 15px 15px; color:#4d6384; font-size:18px; background:url('../images/index-arrow3.png') -25px bottom no-repeat;}
.wrap-content .box-content-main4 h2 .en {padding:30px 0 0; font-size:50px; color:#fbbf2b; font-weight:600;}
.wrap-content .box-content-main4 .box-news {margin:65px 0 0; border-top:2px solid #4d6384;}
.wrap-content .box-content-main4 .box-news li {padding:15px 0; height:50px; border-bottom:1px solid #cdcdcd; position:relative;}
.wrap-content .box-content-main4 .box-news li .box-num {float: left; margin:0 33px 0 0; padding:0 25px; border-right:1px solid #cdcdcd;}
.wrap-content .box-content-main4 .box-news li .box-num .num {color:#4d6384; font-size:42px; font-weight:700; text-align:center; font-family:'notosans', sans-serif;}
.wrap-content .box-content-main4 .box-news li .box-num .date {font-size:18px; line-height:1.5; color:#58595b; text-align:center;}
.wrap-content .box-content-main4 .btn-rent {display:block; width:160px; margin:40px auto; padding:14px 0; border:1px solid #4d6384; border-radius:5px; color:#4d6384; text-align:center; font-size:16px; -webkit-transition:.1s all ease-in;
-o-transition:.1s all ease-in;
transition:.1s all ease-in;}
.wrap-content .box-content-main4 .box-news li .box-text {width:560px; overflow: hidden; word-wrap:break-word; word-break:normal;}
.wrap-content .box-content-main4 .box-news li .box-text .title {font-size:18px; line-height:1.5; padding:0 0 15px; color:#363636;}
.wrap-content .box-content-main4 .box-news li .box-text .title .type {font-weight:bold;}
.wrap-content .box-content-main4 .box-news li .box-text .content {font-size:18px; line-height:1.5; color:#363636;}
.wrap-content .box-content-main4 .box-news li .btn-readmore {position:absolute; top:16px; right:20px; padding:15px 20px; border:1px solid #959595; font-size:13px; color:#959595; border-radius:3px;}
/*.wrap-content .box-content-main4 .btn-rent:hover {border:1px solid #fbbf2b; color:#fbbf2b;}*/
#section3 .bx-wrapper .bx-viewport {height:170px !important;}

/* notice */
.box-notice {width:960px; margin:121px auto 0; }
.box-notice h2 {margin:0 0 -20px; padding:40px 0; color:#414042; font-size:30px; font-weight:400; line-height:1; background:url('../images/bg_pattern.png') 0 bottom no-repeat;}
.box-news h3 {height:60px; padding:0 30px; font-size:18px; line-height:60px; color:#414042; background:#f8f8f8; }
.box-news-content {padding:30px; line-height:1.6; font-size:14px; color:#363636; min-height:150px;}
.wrap-content .box-content-main4 .ul-news {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:10px 0;}
.wrap-content .box-content-main4 .ul-news li {height:30px; line-height:30px; font-size:14px; color:#58595b; padding:0; border:none;}
.wrap-content .box-content-main4 .ul-news li .select-article {margin:0 20px 0 0; padding:0 15px 0 36px; color:#363636; background:url('../images/dot_orange.png') 25px center no-repeat, url('../images/bar-gray.png') right 2px no-repeat;}
.wrap-content .box-content-main4 .ul-news li a {color:#58595b;}
.wrap-content .box-content-main4 .ul-news li a .type {font-weight:bold;}


/* pagination */
.box-pagination {text-align:center; clear:both;}
.box-pagination ul {overflow: hidden; display:inline-block;}
.box-pagination ul li {float: left; margin:0 2px;}
.box-pagination ul li a {display:inline-block; width:24px; height:24px; border:1px solid #333333; color:#333;}
.box-pagination ul li a.num {color:#cccccc; border:1px solid #cccccc; font-size:11px; text-align:center; line-height:24px;}
.box-pagination ul li a.btn-first {background:url('../images/btn_first.png') center center no-repeat;}
.box-pagination ul li a.btn-prev {background:url('../images/btn_prev.png') center center no-repeat;}
.box-pagination ul li a.btn-next {background:url('../images/btn_next.png') center center no-repeat;}
.box-pagination ul li a.btn-last {background:url('../images/btn_last.png') center center no-repeat;}


/* parkinglot */
.wrap-search-parking {padding:140px 0 0; /*position:fixed; top:100px; left:0; width:100%; height:60px; box-shadow:inset 0 3px 15px #d7d7d7; background:#fff; z-index:1;*/}
/*.box-search-parking {width:900px; height:36px; margin:0 auto; padding:25px 30px; border:3px solid #fbbf2b;}*/
/*.box-search-parking * {float: left;}*/
/*.box-search-parking input[type=text] {width:285px; height:14px; margin:0 8px; font-size:14px; padding:8px 15px; border:2px solid #111111; color:#333;}*/
.box-search-parking input[type=text] {width:255px; height:14px; margin:0 8px; font-size:14px; padding:8px 15px; border:1px solid #ccc; color:#333;}
.box-search-parking #datepicker {width:100px; background:url('../images/bg_calendar.png') 10px 7px no-repeat, url('../images/updown.png') 90% center no-repeat; text-indent:20px;}
.box-search-parking select {width:130px; height:34px; margin:0 8px; font-size:14px; border:1px solid #ccc; border-radius:0; -webkit-appearance: none; color:#898989; background:url('../images/bg_select.png') 10px 8px no-repeat, url('../images/updown.png') 90% center no-repeat; background-color: #fff; padding:0 0 0 35px;}
.box-search-parking button {width:150px; height:34px; margin:0 8px; background:#fbbf2b url('../images/bg_search2.png') 45px 10px no-repeat; text-indent:10px; border:none; outline:none; font-size:14px; cursor:pointer; color:#fff; }
.box-search-parking .btn-map-on {display:inline-block; width:110px; height:30px; margin:0 8px; font-size:14px; text-align:center; line-height:30px; position:relative; top:1px; text-indent:10px; border:2px solid #c2c2c2; color:#c2c2c2; background:url('../images/bg_spot_off.png') 15px 7px no-repeat;}
.box-search-parking .btn-map-on.on {border:2px solid #4d6384; color:#4d6384; background:url('../images/bg_spot2.png') 15px 7px no-repeat;}
.box-parking {width:1200px; margin:0 auto; overflow: hidden; padding:40px 0 0;}
.box-parking2 {padding-top:75px;}
.box-parking3 {padding-top:30px;}
.box-parking4 {padding-top:140px;}
.box-google {float: left; width:410px; height:610px; background:url('../images/google.png');}
.box-google.on {display:none;}
.box-parking3 .box-info {overflow: hidden; height:44px; border-bottom:1px solid #d0d0d0; font-size:14px; line-height:44px;}
.box-parking3 .box-info .count {float: left; color:#414042; padding:0 0 0 20px;}
.box-parking3 .box-info ul {float: right;}
.box-parking3 .box-info ul li {float: left; padding:0 15px; background:url('../images/bar-gray.png') right center no-repeat;}
.box-parking3 .box-info ul li:last-child {background:none;}
.box-parking3 .box-info ul li a {color:#757576;}
.box-parking3 .box-info ul li.on a {color:#414042;}
.box-parking-list {float: left; width:550px; margin:0 0 160px;}
.box-parking-list.on {width:100%;}
.ul-parking {overflow: hidden; margin:0 0 30px; padding:20px 0 20px 20px; height:829px; overflow: scroll;}
.ul-parking .li-data {float: left; width:245px; margin:0 20px 20px 0; background:#f7f6f5; border-radius:3px; box-shadow:0 2px 5px rgba(0,0,0,0.3); position:relative;}
.ul-parking .li-data .box-like {position:absolute; top:15px; right:15px;}
.ul-parking .li-data .box-like .on {display:none;}
.ul-parking .li-data:hover {box-shadow:0 2px 15px rgba(0,0,0,0.3);}
.ul-parking .li-data .box-thumb img {width:100%;}
.ul-parking .li-data:nth-child(even) {margin-right:0;}
.box-parking-list.on .ul-parking {width:800px; padding:20px; margin:0 auto; height:auto; overflow:auto;}
.box-parking-list.on .ul-parking .li-data:nth-child(even) {margin-right:30px;}
.box-parking-list.on .ul-parking .li-data {margin:0 30px 30px 0;}
.box-parking-list.on .ul-parking .li-data:nth-child(3n) {margin-right:0px;}
.ul-parking .li-data .title {font-size:16px; padding:15px; color:#414042;}
.ul-parking .li-data .desc {font-size:14px; padding:0 15px 15px 15px; color:#414042;}
.ul-parking .li-data .box-price {border-top:1px solid #d7d7d7; overflow: hidden;}
.ul-parking .li-data .box-price p {float: left; width:50%; height:30px; line-height:30px; font-size:11px; color:#363636; text-align:center;}
.ul-parking .li-data .box-price p .point {color:#f95b4b; font-size:14px; font-weight:bold; padding:0 5px;}
.ul-parking .li-data .box-price p:first-child {background:url('../images/bar-gray.png') right 0 repeat-y; color:#959595;}

.box-parking-list.off .ul-parking {overflow: hidden; margin:0 0 30px; padding:20px; height:829px; overflow: scroll;}
.box-parking-list.off .ul-parking .li-data {float:none; width:auto; height:150px; margin:0 0px 20px; background:#f7f6f5; border-radius:3px; box-shadow:0 2px 5px rgba(0,0,0,0.3); position:relative;}
.box-parking-list.off .ul-parking .li-data .box-like {position:absolute; top:15px; right:15px;}
.box-parking-list.off .ul-parking .li-data .box-like .on {display:none;}
.box-parking-list.off .ul-parking .li-data .box-data p {float: left; width:280px;}
.box-parking-list.off .ul-parking .li-data:hover {box-shadow:0 2px 15px rgba(0,0,0,0.3);}
.box-parking-list.off .ul-parking .li-data .box-thumb {float: left; width:150px; height:150px; margin-right:30px;}
.box-parking-list.off .ul-parking .li-data .box-thumb img {width:100%; height:100%;}
.box-parking-list.off .ul-parking .li-data:nth-child(even) {margin-right:0;}
.box-parking-list.off .ul-parking .li-data .title {font-size:16px; padding:30px 0 10px; color:#414042;}
.box-parking-list.off .ul-parking .li-data .desc {width:290px; font-size:14px; padding:0 0 15px 20px; color:#414042; background:url('../images/bg_spot_off.png') 0 0 no-repeat;}
.box-parking-list.off .ul-parking .li-data .box-price {border:none; overflow:visible;}
.box-parking-list.off .ul-parking .li-data .box-price p {display:none; float: none; width:auto; height:auto; line-height:1; font-size:11px; color:#363636; text-align:left;}
.box-parking-list.off .ul-parking .li-data .box-price p.meter {padding-top:10px; font-size:12px; color:#707070;}
.box-parking-list.off .ul-parking .li-data .box-price p .point {color:#f95b4b; font-size:14px; font-weight:bold; padding:0 5px;}
.box-parking-list.off .ul-parking .li-data .box-price p:first-child {background:none; color:#959595;}

.box-parking-list.on .ul-parking {overflow: hidden; margin:0 0 30px; padding:20px 0 20px 20px; height:829px; overflow: scroll;}
.box-parking-list.on .ul-parking .li-data {float: left; width:270px; margin:0 20px 20px 0; background:#f7f6f5; border-radius:3px; box-shadow:0 2px 5px rgba(0,0,0,0.3); position:relative;}
.box-parking-list.on .ul-parking .li-data .box-like {position:absolute; top:15px; right:15px;}
.box-parking-list.on .ul-parking .li-data .box-like .on {display:none;}
.box-parking-list.on .ul-parking .li-data:hover {box-shadow:0 2px 15px rgba(0,0,0,0.3);}
.box-parking-list.on .ul-parking .li-data .box-thumb img {width:100%;}
.box-parking-list.on .ul-parking {width:920px; padding:20px; margin:0 auto; height:auto; overflow:auto;}
.box-parking-list.on .ul-parking .li-data:nth-child(even) {margin-right:50px;}
.box-parking-list.on .ul-parking .li-data {margin:0 50px 50px 0;}
.box-parking-list.on .ul-parking .li-data:nth-child(3n) {margin-right:0px;}
.box-parking-list.on .ul-parking .li-data .title {font-size:16px; padding:15px; color:#414042;}
.box-parking-list.on .ul-parking .li-data .desc {font-size:12px; margin:0 0 0 15px; padding:0 15px 10px 20px; color:#5a5b5d; background:url('../images/bg_spot_off.png') 0 0 no-repeat;}
.box-parking-list.on .ul-parking .li-data .box-price {border:none; overflow: hidden; height:10px;}
.box-parking-list.on .ul-parking .li-data .box-price p {display:none; float: left; width:47%; height:30px; line-height:30px; font-size:11px; color:#363636; text-align:right;}
.box-parking-list.on .ul-parking .li-data .box-price p .point {color:#f95b4b; font-size:14px; font-weight:bold; padding:0 5px;}
.box-parking-list.on .ul-parking .li-data .box-price p:first-child {background:none; color:#959595; text-align:left; text-indent:15px;}


.box-parking .box-photo {width:700px; float: left; margin:0 30px 50px 0;}
.box-parking .box-photo .bxslider {width:560px;}
.box-parking .box-photo .bxslider li {outline:1px solid #d4d4d4;}
/*.box-parking .box-photo .bxslider img {width:560px;}*/
.box-parking .box-photo .bx-wrapper {margin-bottom:15px;}
/*.box-parking .box-photo .bx-controls {display:none;}*/
.box-page .box-parking .box-thumb {height:350px; margin-bottom:10px;}
.box-page .box-parking .box-thumb img {width:100%; height:350px;}
.box-parking .box-thumb {height:152px; overflow: hidden;}
.box-parking .box-thumb img {height:152px;}
.bx-wrapper img {height:75px;}
.box-parking .box-thumb {border:1px solid #e5e5e5;}
.box-parking .box-photo h3 {font-size:18px; color:#414042; padding:50px 0 15px; font-weight:bold;}
.box-parking .box-photo table {width:100%; border-top:3px solid #767676; border-bottom:1px solid #767676}
.box-parking .box-photo table th {height:56px; background:#f8f8f8; text-align:left; text-indent:23px; width:185px; border-bottom:1px solid #d7d7d7; font-size:14px; vertical-align:middle; line-height:1.6;}
.box-parking .box-photo table td {font-size:14px; padding:0 0 0 23px; text-align:left; border-bottom:1px solid #d7d7d7; vertical-align:middle; line-height:1.6;}
.box-parking .box-photo table tr:last-child td {border-bottom:none;}
.box-parking .box-photo table tr:last-child th {border-bottom:none;}
.box-parking .box-photo table.info {width:100%; min-height:300px;}
.box-parking .box-photo table.info th {width:100%; height:auto; min-height:300px; line-height:1.5; padding:20px; text-indent:0; vertical-align:top;}
.box-photo .bx-wrapper .bx-controls-direction a {display:none;}
.bx-wrapper .bx-controls-direction a:hover {opacity:0.4;}

#bx-pager {overflow: hidden;}
#bx-pager a {display:inline-block; float: left; margin:0 15px 0 0;}
#bx-pager a:last-child {margin:0;}
#bx-pager a img {width:100px;}
.box-photo .bx-wrapper .bx-pager {display:none;}
.box-photo .slide {position:relative; border:1px solid #e5e5e5; cursor: pointer;}
.box-photo .slide .line {position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #333;}
.box-reservation {float:left; width:370px;}
.box-reservation h3 {font-size:18px; color:#414042; padding:0 0 15px; font-weight:bold;}
.box-reservation .box-info {border-top:3px solid #fbbf2b; background:#f9f9f9;}
.box-reservation .box-info .address {border-bottom:1px solid #ebebeb; color:#58595b; font-size:16px; padding:15px 0; margin:0 20px;}
.box-reservation .box-info .term {border-bottom:1px solid #ebebeb; color:#58595b; font-size:16px; padding:15px 0; margin:0 20px;}


/* development on test.sharemaru by wanki */
#main {margin-top:100px;}
.parking-page #main {overflow:visible;}
#main h2 {font-weight:bold; color:#414042; padding:28px 0 20px; font-size:25px;}
#main h3.agreement {font-weight:bold; color:#414042; font-size:22px;}
.txt-total-count {font-size:14px; color:#58595b; padding:20px 0 17px;}
#main .content {padding-top:0; padding-bottom:130px;}
.parking-page .main {width:855px;}
.parking-list-data:after {content:''; display: block; clear: both;}
#parking-list-page .listview .item {float: left; width:275px; margin:0 15px 20px 0; box-shadow:0 2px 3px rgba(0,0,0,0.3); position:relative;}
#parking-list-page .listview .item:hover {box-shadow:0 2px 8px rgba(0,0,0,0.4);}
#parking-list-page .listview .item:nth-child(3n) {margin-right:0;}
/*#parking-list-page .listview .photoframe {background:#ededee; text-align:center; border-radius:5px 5px 0 0;}*/
/* #parking-list-page .listview .photoframe .noimage {margin:85px 0 0;} */
#parking-list-page .listview .photoframe .noimage{margin: 45px auto 40px;}
.photoframe{text-align: center;}
/*#parking-list-page .listview .photoframe .photo {width:100%; height:100%;}*/
#parking-list-page .listview .review_status {position:absolute; left:auto; top:8px; right:15px; float:none;}
#parking-list-page .listview .info {width:275px;}
#parking-list-page .listview .name {position:relative; color:#414042; font-size:18px; padding:15px 10px 13px;}
#parking-list-page .listview .name .parking_name {width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
#parking-list-page .listview .name .box-like {position:absolute; top:15px; right:10px; padding:0 0 0 20px; text-align:right; height:17px; line-height:19px; font-size:12px; background:url('../img/parking/like_icon2.png') 0 center no-repeat; color:#434a54; font-weight:normal; color:#58595b;}
#parking-list-page .listview .info th {width:36px; vertical-align:middle; padding:6px 0; text-align:center;}
#parking-list-page .listview .info td {width:239px; vertical-align:middle; font-size:14px; color:#414042;}
#parking-list-page .listview .info td .address {width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.parking-page .listnavi {clear: both; padding:60px 0;}
/* .parking-page #review_status tbody td {vertical-align:middle; border:1px solid #d7d7d7;} */
.box-parking-list:after {content:''; display:block; clear:both;}
/*
.parking-page #submenu {padding:0; position:relative; top:-22px;}
.parking-page #review_status .user_name {background:#f8f8f8 url('../../img/parking/parking_arrow.png') 90% center no-repeat;}
.parking-page #review_status .user_name a {color:#333;}
.parking-page #review_status .user_name .sama {font-size:12px;}
.parking-page #review_status {background:#f8f8f8;}
.parking-page #review_status .even {position:relative; border:1px solid #d7d7d7;}
.parking-page #review_status tr td {border:1px solid #d7d7d7;}
.parking-page #review_status tbody td.even {background:none;}
.parking-page #review_status .btn-add-parking {position:absolute; top:0; left:0; right:0; bottom:0; width:90px; height:90px; display:block; background:#f95b4b url('../../img/parking/car_icon.png') center 20px no-repeat !important; color:#fff; line-height:130px;}
*/
#parking-menu-page #item_menu .item .icon {position:relative;}
#parking-menu-page #item_menu .item .icon .blank {position:absolute; top:0; left:0;}
.title_separator_parking {margin-bottom:15px;}
/*.parking-page .submenu_parking {top:4px !important;}*/
#calendar_header .month {font-family:sans-serif;}
.parking-page #parking_status .grid th, .parking-page #parking_status .grid td {height:45px; vertical-align:middle; text-align:center;}
#item_menu {overflow: hidden; width:735px; margin:0 auto;}
#reset-page {padding:0;}
.inputform .formaction .buttons .back.button.btn-fixsize {width:180px;}
#passcode-page .title_separator {margin:0 0 25px;}
#passcode-page .require_notice {margin-bottom:10px;}
.contact-page .title_separator {margin-bottom:25px;}
.contact-page h3 {margin-bottom:10px;}
.parking-page h3 {/* margin:30px 0 10px;  */font-size:20px; font-weight:bold; /* overflow: hidden; */}
.parking-page h3 .require {font-size:12px; float: right; position:relative; top:5px;}
table.formview {border-top:2px solid #4d6384; border-bottom:1px solid #4d6384;}
table.formview tr:last-child th {border-bottom:none;}
table.formview tr:last-child td {border-bottom:none;}
table.formview th {color:#414042; font-size:15px; padding:15px 20px 15px 0; background: #f8f8f8; border-bottom:1px solid #d7d7d7; vertical-align:middle; background-clip: padding-box;}
table.formview td {color:#414042; font-size:15px; border-bottom:1px solid #d7d7d7; padding:15px 30px; vertical-align:middle; font-family:sans-serif; }
table.formview td .black {font-size:15px; color:#414042; padding:0 0 0 5px;}
table.formview td .black2 {font-size:15px; color:#414042; font-weight:bold; margin:0 10px 0 0;}
table.formview td .black3 {display:inline-block; padding:0 20px 0 0; background:url('../img/parking/black3bar.png') right 0 no-repeat; height:20px;}
table.formview td .black3:last-child {background:none;}
table.formview td input[type=number] {width:60px; height:32px; border:1px solid #cccccc; text-indent:5px; font-size:15px;}
table.formview td input[type=text] {border:1px solid #cccccc; text-indent:5px; font-size:15px;}
table.formview td .parking_map {width:400px; border:1px solid #cccccc; text-indent:5px; font-size:15px;  float: left;}
table.formview td .btn_parking_map {float: right; width:150px; height:35px; color:#fff; background:#656d78; border:none; font-size:15px;}
table.formview th .require {text-indent:9999px; display:inline-block; width:7px; height:7px; background:url('../img/star.png') no-repeat;}
.parking-page #input_completion .block.require {font-size:16px;}
#input_completion .percent {float: right; font-size:12px;}
#parking-view-page #parking_submenu .item {position:relative;}
#parking-view-page #parking_submenu .item a {font-size:16px; color:#414042;}
#parking-view-page #parking_submenu .item .on {position:absolute; top:0; left:0;}
#parking-edit-page #parking_submenu .item {position:relative;}
#parking-edit-page #parking_submenu .item a {font-size:16px; color:#414042;}
#parking-edit-page #parking_submenu .item .on {position:absolute; top:0; left:0;}
.option-parkinglot label {display:inline-block; height:20px; margin:0 20px 0 0; padding:0 0 0 32px; background:url('../img/parking/option_off.png') 0 0 no-repeat; cursor: pointer; line-height:20px;}
.col1.option-parkinglot label {padding:0 0 0 30px; color:#949494;}
.option-parkinglot.owner label {padding:0 0 0 30px; color:#949494;}
.option-parkinglot input:checked + label {color:#414042; background:url('../img/parking/option_on.png') 0 0 no-repeat;}


#parking-view-page .section_photo .photo img {width:100%;}
#calendar_table {font-family:sans-serif;}
#calendar_table th {vertical-align:middle; font-weight:bold;}
#calendar_header {overflow: hidden; margin-bottom:15px;}
#calendar_header .legend {margin-top:28px !important;}
#calendar_header .ym {margin:8px 36px !important;}
#calendar_table td .day_cell .day {font-size:13px !important;}
#calendar_table td .day_cell {padding:6px !important;}
#calendar_table td .day_cell_reserved .day {font-size:13px !important;}
#calendar_table td .day_cell_reserved {padding:6px !important;}


#calendar_body .form1 th {vertical-align: middle; font-family:sans-serif;}
#calendar_body .form1 td {vertical-align: middle; font-family:sans-serif;}
#calendar_body .form1 td.col1 input[type=numeric] {margin:0 5px 0 0;}
.ui-widget.ui-widget-content {width:520px !important; background: #fff !important;}
.ui-dialog {background:none !important; padding:0 !important;}
.ui-draggable .ui-dialog-titlebar {padding:13px 20px !important; background:#4d6384; font-weight:normal; border:none; border-radius:5px 5px 0 0;}
.ui-dialog .ui-dialog-titlebar-close {border:none !important; background:none !important; right:15px !important;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon{background:url('../img/parking/btn_close.png') center center no-repeat !important;}
.ui-dialog .ui-dialog-content {background:#fff !important;}
#calendar_body .form1 .name {font-weight:bold; padding:0 0 0 5px;}
#calendar_body .form1 .icon {position:relative; top:2px;}

#calendar_table td .day_cell .time {padding:25px 0 3px;}
#calendar_table td .day_cell .time .icon {position:relative; top:-1px;}
#calendar_table td .day_cell .price {padding:3px 0;}
#calendar_table td .day_cell .price .icon {position:relative; top:-1px;}
#calendar_table td .day_cell_reserved .time {padding:25px 0 3px;}
#calendar_table td .day_cell_reserved .time .icon {position:relative; top:-1px;}
#calendar_table td .day_cell_reserved .price {padding:3px 0;}
#calendar_table td .day_cell_reserved .price .icon {position:relative; top:-1px;}

#schedule_view  {width: 100%;}

#schedule_view  table#calendar_header td, #schedule_view table#calendar_header th {border:none;}
#calendar_table td {border-bottom:1px solid #d7d7d7 !important;}
/* #calendar_table tr:last-child td {border:none !important;} */
#calendar_table {border-bottom:1px solid #4d6384;}
table.formview th.addressth {vertical-align: top;}
table.formview td.addresstd {width:70px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none !important; text-align:center; }
.ui-dialog .ui-dialog-buttonpane button {display:inline-block; background:#fbbf2b; color:#414042; margin:16px 2px 0 !important; border:none;}
.listview>tbody>tr>td {overflow:visible !important;}
.parking-page .title_separator {margin-bottom:30px;}
.user-page .title_separator {margin-bottom:30px;}
.user-page h3 {margin:0 0 10px;}
.user-page .inputform table.formview {border-bottom:1px solid #4d6384 !important;}
.upload-photo {background:#656d78; color:#fff; font-size:14px; text-align:center; display:inline-block; width:60px; height:30px; line-height:30px; border-radius:3px; cursor:pointer; font-weight:normal; float: right;}
#parking-edit-page .section_photo .photoframe {margin:16px 16px 16px 0 !important; padding:0; box-shadow:0 4px 6px rgba(0,0,0,0.3);}
#parking-edit-page .section_photo .photoframe:nth-child(7) {margin-right:0 !important;}
#parking-edit-page .section_photo .photo {margin:0; background:#ebebeb url('../img/parking/noimage.png') center center no-repeat;}
#parking-edit-page .caption {overflow: hidden; color:#414042; border-bottom:1px solid #d7d7d7; font-size:18px; font-weight:bold; line-height:1.6; padding:15px 10px !important;}
#parking-edit-page .filename {height:36px; line-height:36px; padding:0 10px; font-size:12px; color:#414042;}
.caption label.delete {font-size:14px; font-weight:normal; clear:both; float: right; display:inline-block; height:20px; padding:0 4px 0 28px; background:url('../img/parking/option_off.png') 0 0 no-repeat; cursor: pointer; color:#d7d7d7;}
.caption input:checked + label.delete {color:#414042; background:url('../img/parking/option_on.png') 0 0 no-repeat;}
/*#parking-edit-page .section_photo .photo img {width:100%;}*/
.photoframe {position:relative;}
.photoframe .box-del {position:absolute; top:10px; right:10px; background:#fff; border-radius:5px; padding:5px; box-shadow:0 0 5px rgba(0,0,0,0.5);}
#reset-page #reset_form {height:350px;}
.signup-page .step_bar {padding-bottom:50px;}
#signup-agree-page .notice {font-size:14px;}
#signup-agree-page .notice h3 {font-size:18px;}
#signup-agree-page .terms p {font-size:15px;}
table.formview .inst {font-size:13px; color:#1e88e5; background:url('../img/signup/bluedot.png') 0 19px no-repeat; padding:11px 0 0 13px; display:inline-block;}
table.formview .inst2 {padding-top:0;}
.inputform-preview table td {color:#414042; font-family:sans-serif;}
#signup-passcode-page .notice h3 {font-size:18px;}
#signup-passcode-page .notice {font-size:14px;}
#signup-passcode-page .inputform .formview td {padding:54px 0 120px;}
.signup-page .inputform .formaction2 {margin-top:0;}
#signup-passcode-page .passcode {width:220px; height:50px; padding:0;}
#faq-page .faq_list .item .q {padding:12px 24px 12px 60px; background:#fff url('../img/faq/q.png') 20px center no-repeat;}
#faq-page .faq_list .item .a {margin: 0; padding: 13px 0 50px 60px; background: url('../img/faq/a.png') 20px 7px no-repeat;}
#faq-page .faq_list .item .q img {margin-right:10px;}
#faq-page .faq_list .item .a img {margin-right:10px;}
#faq-page .title_separator {margin-bottom:20px;}
#faq-page .faq_list .item .a .desc {color:#545454; font-size:14px; padding:0;}
#user-view-page table.formview td {color:#414042;}
.user-page h3 .require {font-size:12px; float: right; position:relative; top:5px; color:#ff0000; font-weight:bold; background:url('../img/star.png') 0 center no-repeat; padding:0 0 0 10px;}
.inputform .formview select {font-size:15px;}
table.formview td.oneline {width:70px;}
#user-password-page table.formview td {padding:10px 30px;}
#user-email-page table.formview td input[type=text] {background:#fff;}
table.formview td input[type=text], table.formview td input[type=password], table.formview td select {border:1px solid #ccc; background:#fff;}
table.formview td textarea {font-size:15px; line-height:1.6;}
#terms-page #main .content {margin-top:16px;}
#aboutus-page .content {margin-top:65px;}

.parking-page #submenu.stick {position:fixed; top:120px; right:50%; z-index:2; margin-right:-480px;}
.parking-page #submenu.stick.end {position:absolute; right:50%; z-index:2; margin-right:-480px;}

.box-reservation.stick {position:fixed; top:120px; right:50%; z-index:2; margin-right:-480px;}
.box-reservation.stick.end {position:absolute; right:50%; z-index:2; margin-right:-480px;}

/*
.parking-page #review_status {border:1px solid #d7d7d7;}
.parking-page #review_status .value {font-size:19px; font-weight:bold;}
*/
.parking-page #parking_status .grid th, .parking-page #parking_status .grid td {height:35px; padding:0; font-family:sans-serif;}
/*.parking-page #input_completion .guage {height:36px;}
.parking-page #input_completion .guage .require {height:36px;}
.parking-page #input_completion .guage .not_require {height:36px;}
*/
#parking-menu-page #item_menu .desc a {font-weight:bold;}
#parking-menu-page #item_menu .item {height:236px; margin:30px 29px;}
#parking-view-page #parking_submenu .item a {font-weight:bold;}
#parking-view-page #parking_submenu .item {margin-right:18px; margin-bottom:20px;}
#parking-view-page #parking_submenu .item:nth-child(6) {margin-right:0;}
#parking-edit-page #parking_submenu .item a {font-weight:bold;}
#parking-edit-page #parking_submenu .item {margin-right:18px; margin-bottom:20px;}
#parking-edit-page #parking_submenu .item:nth-child(6) {margin-right:0;}
#parking-view-page .section_detail {margin-top:60px;}
#parking-view-page .section_photo .thumbframe {height:450px; overflow: hidden;}
.inputform .formaction {margin-top:20px;}
#parking-add-page .terms h3 {font-size:16px;}
#parking-add-page .terms p {font-size:14px;}
#reserve-view-page td {color:#414042;}
.inputform .formaction .buttons .accept.button {font-size:18px;}
#user-view-page .password.button {font-size:18px;}
.inputform .formaction .buttons .button {font-size:18px;}
.parking-page td {color:#414042 !important;}
#ui-datepicker-div {width:17em !important;}
.box-photo .bx-wrapper .bx-prev {background:url('../images/lefts3.png') no-repeat; margin-top:-10px; opacity:1; z-index:1;}
.box-photo .bx-wrapper .bx-next {background:url('../images/rights3.png') no-repeat; margin-top:-10px; opacity:1; z-index:1;}
.box-page .box-parking .box-list-similar {clear: both; overflow: hidden; margin-bottom:150px;}
.box-page .box-parking .box-list-similar h3 {font-size:18px; font-weight:bold; padding:60px 0 15px; border-bottom:3px solid #fbbf2b;}
.box-page .box-parking .box-list-similar .ul-parking {height:auto; padding:0; width:900px; margin:50px auto 0; overflow:visible;}
.box-page .box-parking .box-list-similar .ul-parking li {margin:0 30px 30px 0;}
.box-page .box-parking .box-list-similar .ul-parking li:nth-child(3n) {margin-right:0;}
.box-page .box-parking .box-list-similar .box-thumb {height:152px;}
.box-page .box-parking .box-list-similar .box-thumb img {height:152px;}
.btn-reservation {display:block; height:46px; margin:20px 0; line-height:46px; color:#414042; background:#fbbf2b; text-align:center; font-size:16px; border-radius:3px;}
.btn-like {display:block; height:44px; margin:20px 0; line-height:46px; color:#414042; background:#fff url('../images/like_off.png') 120px center no-repeat; border:1px solid #f95b4b; text-align:center; font-size:16px; border-radius:3px; background-size:22px 19px; text-indent:20px;}
.btn-like:hover {background:#fff url('../images/like_on.png') 120px center no-repeat;}
.box-parking .box-photo table td.box-icon {background:#f8f8f8;}
.ul-limit {overflow: hidden; padding:30px 30px 0;}
.ul-limit li {float: left; width:33.3333%; margin:0 0 30px;}
.ul-limit li p {padding:0 0 0 55px; color:#656565;}
.ul-limit li p.title {font-weight:bold;}
.ul-limit li.item1 {background:url('../img/parking/item1.png') 0 center no-repeat;}
.ul-limit li.item2 {background:url('../img/parking/item2.png') 7px center no-repeat;}
.ul-limit li.item3 {background:url('../img/parking/item3.png') 0 center no-repeat;}
.ul-limit li.item4 {background:url('../img/parking/item4.png') 0 center no-repeat;}
.ul-limit li.item5 {background:url('../img/parking/item5.png') 0 center no-repeat;}
.ul-limit li.item6 {background:url('../img/parking/item6.png') 0 center no-repeat;}
html {width:100%; overflow-x: hidden; min-width: 1200px;}
#calendar li {height:336px;}
.calendar {width:100%; border-collapse:collapse;}
.calendar th {height:28px; background:#fff; font-size:12px; vertical-align:middle; text-align:center; border-top:1px solid #d7d7d7; padding:0;}
.calendar td {height:50px; text-align:center; vertical-align:middle; font-size:11px; background:#fff; border:1px solid #d7d7d7; padding:0;}
.calendar td.click.enabled {background:#f95b4b; color:#fff;}
.calendar td.click.enabled a {color:#fff;}
.calendar td.click.enabled a span {color:#fff;}
.calendar td a {color:#414042;}
.calendar td:first-child  {border-left:none;}
.calendar td:first-child a {/* color:#f95b4b; */ border-left:none;}
.calendar td:last-child  {border-right:none;}
.calendar td:last-child a {color:#42a5f5; border-right:none;}
.calendar td.not-current span {color:#dedede;}
.box-header-calendar {margin:0 20px; text-align:center; height:50px; line-height:50px;}
.btn-prev-calendar {position:relative; top:12px; display:inline-block; width:20px; height:20px; margin:0 10px 0; text-indent:-9999px; background:url('../images/btn-prev-calendar.png') center center no-repeat;}
.btn-next-calendar {position:relative; top:12px; display:inline-block; width:20px; height:20px; margin:0 10px 0; text-indent:-9999px; background:url('../images/btn-next-calendar.png') center center no-repeat;}
.box-info-date .info {height:40px; line-height:40px; border-bottom:1px solid #ebebeb; margin:0 20px;}
.box-info-date .info span {font-size:12px; display:inline-block; margin:0 20px 0 0; padding:0 0 0 20px;}
.box-info-date .info .impossible-reservation {background:url('../images/impossible.png') 0 13px no-repeat;}
.box-info-date .info .full-reservation {background:url('../images/full2.png') 0 13px no-repeat;}
.box-info-date .info .possible-reservation {background:url('../images/able.png') 0 13px no-repeat;}
.box-info-date .regist-time {height:45px; line-height:45px; font-size:16px; margin:0 20px; overflow: hidden; border-bottom:1px solid #ebebeb;}
.box-info-date .regist-time .time {float: right; font-weight:bold;}
.box-info-date .price {height:45px; line-height:45px; font-size:16px; margin:0 20px; overflow: hidden;}
.box-info-date .price .cost {font-weight:bold; color:#f95b4b; float: right;}
.calendar td a {display:block; height:100%; line-height:50px;}
.calendar .today span {display:block; height:48px; border:1px solid #f95b4b; color:#f95b4b;}
.calendar .unable span {display:block; height:50px; color:#c4c4c4; background:#f5f5f5;}
.calendar .full span {display:block; height:50px; color:#fff; background:#f95b4b;}
.calendar .able span {display:block; height:50px; color:#fff; background:skyblue;}
.box-info .bx-wrapper {margin:0;}
.box-info .bx-wrapper .bx-pager {display:none;}
.box-info .bx-wrapper .bx-controls-direction a {opacity:1; top:-13px;}
.box-info .bx-wrapper .bx-prev {left:100px; background:url('../images/btn-prev-calendar.png') center center no-repeat;}
.box-info .bx-wrapper .bx-next {right:100px; background:url('../images/btn-next-calendar.png') center center no-repeat;}

.blackcover {display:none; z-index:9998; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3);}
#confirm-modal {display:none; z-index:9999; position:fixed; top:50%; left:50%; width:414px; height:550px; margin:-320px 0 0 -207px; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.2);}
#confirm-modal h4 {height:56px; line-height:56px; color:#fff; background:#4d6384; padding:0 20px; font-size:16px; border-radius:5px 5px 0 0;}
#confirm-modal .txt-confirm {font-size:20px; color:#252525; height:44px; line-height:44px; font-weight:bold; margin:0 20px; text-align:center;}
#confirm-modal .txt-confirm2 {height:auto; line-height:1.5; padding:10px 0 0;}
#confirm-modal table {width:374px; margin:0 auto;}
#confirm-modal table th {padding:12px 0 10px; vertical-align:top; border-bottom:1px solid #ebebeb; color:#656565; font-size:16px; text-align:left; line-height:1.5; white-space:nowrap;}
#confirm-modal table td {padding:12px 0 10px; vertical-align:top; border-bottom:1px solid #ebebeb; color:#656565; font-weight:bold; font-size:16px; text-align:right; line-height:1.5;}
#confirm-modal table th,#confirm-modal table td{border-top: none;border-left: none;border-right: none;}
#confirm-modal .option-parkinglot {margin:0 20px; padding:16px 10px 0; line-height:22px;}
#confirm-modal .option-parkinglot label {color:#414042; font-size:15px; padding-left:30px;}
#confirm-modal .btn-close {position:absolute; top:17px; right:17px; display: inline-block; width:20px; height:20px; background:url('../img/parking/btn_close.png') center center no-repeat; text-indent:-9999px;}
#confirm-modal .desc {color:#195fac; font-size:12px; line-height:1.5; margin-top:10px; padding-left:70px; display:block; background:url('../img/signup/bluedot.png') 60px 5px no-repeat;}
#confirm-modal .btn-reservation {margin:20px 20px; width:375px; border:none;}
#confirm-modal .box-confirm-content {height:494px; overflow-y:scroll;}

#press-release-modal {display:none; z-index:9999; position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; height:580px; width:1000px; background:#fff; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.2);}
#press-release-modal table.header {width:970px; border-bottom:3px solid #4d6384; margin:0 auto;}
#press-release-modal table.header td.close {padding:0 3px; border:none; text-align:right;}
#press-release-modal table.header td.close a.close-btn {width:20px; height:20px; color:#DAA520; font-size:25px; }
#press-release-modal table.header td.subject {vertical-align:top; text-align:left; padding-top:20px; padding-left:20px; border:none;}
#press-release-modal table.header td.subject .txt {font-size:20px; line-height:1.5; color:#252525; word-wrap:break-word; word-break:normal;}
#press-release-modal table.header td.copyright {padding:15px 5px 10px 10px; border:none; text-align:right;}
#press-release-modal table.header td.copyright .txt {font-size:18px; line-height:1.25; color:#252525;}
#press-release-modal .contents {height:430px; width:970px; margin:15px auto; overflow-y:scroll;}
#press-release-modal .contents .photo-contents {margin-bottom:10px; width:430px; float:left; margin-right:10px;}
#press-release-modal .contents .photo-contents figure {margin:0 auto; width:380px;}
#press-release-modal .contents .photo-contents figure div {background:#efefef; width:380px; height:380px; text-align:center; display:table-cell; layout-grid-line:380px; vertical-align:middle; zoom:1;}
#press-release-modal .contents .photo-contents figure div img {max-width:380px; max-height:380px; vertical-align: middle; pointer-events: none; webkit-pointer-events:none; -webkit-touch-callout:none; }
#press-release-modal .contents .photo-contents figure figcaption {font-size:14px; color:#6A5ACD; line-height:1.5; word-wrap:break-word; word-break:normal;}
#press-release-modal .contents .detail-text {margin-bottom:1em; word-wrap:break-word; word-break:normal; line-height:1.5; font-size:18px;}

.box-reserve h2 {height:111px; margin-bottom:43px; background:url('../images/steps.png') 0 0 no-repeat;}
.box-reserve h2.step1 {background-position:110% -66px;}
.box-reserve h2.step2 {background-position:110% -180px;}
.box-reserve h2.step3 {background-position:110% -297px;}
.box-reserve h2.step4 {background-position:110% -412px;}
.box-reserve h2 .title {font-size:26px; padding:10px 0 15px;}
.box-reserve h2 .desc {font-size:14px; height:60px; background:url('../images/separator.png') 0 bottom repeat-x;}
.box-reserve h2.edit {font-size:26px; height:60px; background:url('../images/separator.png') 0 bottom no-repeat;}

.box-reserve {font-size:18px; color:#414042; position:relative;}
.box-reserve h3 {padding:0 0 15px; border-bottom:3px solid #767676; font-weight:bold;}
.box-reserve h3 .star {position:relative; top:-5px; display:inline-block; width:10px; height:10px; background:url('../img/star.png') no-repeat;}
.box-reserve h3 .require {position:relative; top:8px; float: right; color:#f95b4b; font-size:13px; font-weight:bold; padding:0 0 0 10px; background:url('../img/star.png') 0 2px no-repeat; background-size:5px;}
.box-reserve h3 .date {position:relative; top:8px; float: right; color:#4d6384; font-size:13px; font-weight:bold;}
.box-reserve .box-reserve-content {margin:0 0 60px; padding:25px 30px; background:#f8f8f8;}
.box-reserve .box-reserve-content.step1 {padding:25px 100px;}
.box-reserve .box-reserve-content .ul-reserve {position:relative; width:402px; height:46px; overflow: hidden; border-bottom:1px solid #cccccc;}
.box-reserve .box-reserve-content .ul-reserve li a {display:block; width:402px; padding:15px; font-size:15px; border:1px solid #cccccc; border-bottom:none; color:#414042; background:#fff;}
.box-reserve .box-reserve-content .ul-reserve li.current a {background:#fff url('../images/selection.png') 97% center no-repeat;}
.box-reserve .box-reserve-content .ul-reserve li.list {position:absolute; top:46px; z-index:9997;}
.box-reserve .box-reserve-content .ul-reserve li.list a:hover {background:#f8f8f8;}
.box-reserve .box-reserve-content .desc {clear:both; display:block; margin:20px 0 0; padding:0 0 0 10px; font-size:13px; color:#1e88e5; background:url('../img/signup/bluedot.png') 0 6px no-repeat; line-height:1.6;}

.box-reserve .box-reserve-content .desc2 {margin:10px 0 35px;}
.box-reserve .box-reserve-content .ex {display:block; font-size:13px; color:#757575; padding:10px 0 0 10px;}
.box-reserve .box-col2 {}
.box-reserve .box-col2:after {display:block; content:''; clear: both;}
.box-reserve .box-col-a {width:615px; float: left;}
.box-reserve .box-col-a .txt {float: left; height:60px; line-height:60px; font-size:14px; color:#414042; padding:0 20px 0 100px;}
.box-reserve .box-col-a .txt-arrive {background:url('../images/arrive.png') 0 center no-repeat;}
.box-reserve .box-col-a .txt-depart {background:url('../images/depart.png') 0 center no-repeat;}
.box-reserve .box-col-a .desc {margin-top:50px;}
.box-reserve .box-reserve-content .desc_add {margin-top:0;}
.box-reserve .box-col-b {width:325px; float: right;}

.box-reserve .box-reserve-content:after {clear:both; content:''; display:block;}
.box-reserve .box-reserve-content .box-arrive {clear:both; height:60px; margin:20px 0 10px; padding:0 0 0 20px;}
.box-reserve .box-reserve-content .ul-date {float: left; position:relative; width:52px; height:30px; margin:13px 10px 0 0; overflow: hidden; border-bottom:1px solid #cccccc;}
.box-reserve .box-reserve-content .ul-date li a {display:block; width:30px; padding:10px; font-size:12px; border:1px solid #cccccc; border-bottom:none; color:#414042; background:#fff;}
.box-reserve .box-reserve-content .ul-date li.current a {background:#fff url('../images/selection.png') 88% 6px no-repeat;}
.box-reserve .box-reserve-content .ul-date li.list {position:absolute; top:30px;}

.box-reserve .box-reserve-content .ul-time {float: left; position:relative; width:147px; height:30px; margin:13px 0 0; overflow: hidden; border-bottom:1px solid #cccccc;}
.box-reserve .box-reserve-content .ul-time li a {display:block; width:147px; padding:10px; font-size:12px; border:1px solid #cccccc; border-bottom:none; color:#414042; background:#fff;}
.box-reserve .box-reserve-content .ul-time li.current a {background:#fff url('../images/selection.png') 95% 6px no-repeat;}
.box-reserve .box-reserve-content .ul-time li.list {position:absolute; top:30px;}
.box-reserve .box-reserve-content .ul-time .list ul {border-bottom:1px solid #ccc; border-top:1px solid #ccc; height:200px; overflow-x:scroll;}
.box-reserve .box-reserve-content .ul-time .list ul li:first-child a {border-top:none;}
.box-reserve .box-reserve-content .ul-time .list ul li:last-child a {border-bottom:none;}
.box-reserve .box-cost {background:#fff; padding:15px 15px 43px;}
.box-reserve .box-cost p.details {color:#656565; font-size:14px; height:50px; line-height:50px; overflow: hidden; border-bottom:1px solid #ddd;}
.box-reserve .box-cost p.details:nth-child(3) {border-bottom:none;}
.box-reserve .box-cost p.details .cost {float: right; font-weight:bold; color:#414042; font-size:16px;}
.box-reserve .box-cost p.total {border-top:3px solid #fbbf2b; font-size:24px; color:#fbbf2b; height:50px; line-height:50px; overflow: hidden;}
.box-reserve .box-cost p.total .cost {float: right; font-weight:bold; color:#fbbf2b; font-size:24px;}
.box-reserve input[type=text] {width:400px; height:46px; border:1px solid #ccc; font-size:15px; color:#414042; text-indent:15px; background:#fff;}
.box-reserve label {padding:0 0 0 30px; height:35px; color:#949494;}
.box-reserve textarea {display:block; width:100%; margin:0 auto; padding:20px; font-size:14px; line-height:1.5; border:1px solid #ccc; background:#fff;}
.box-reserve textarea:disabled {color:#ccc;}
.box-reserve .box-act {text-align:center; margin-bottom:300px;}
.box-reserve .box-act a {display:inline-block; width:140px; height:50px; color:#fff !important; font-size:16px; background:#656d78; text-align:center; line-height:50px; border-radius:3px; margin:0 12px; position:relative; top:0px;}
.box-reserve .box-act .btn-another {width:275px;}
.box-reserve .box-act .btn-mypage {background:#4d6384;}
.box-reserve .box-act button {display:inline-block; width:140px; height:50px; color:#414042; font-size:16px; background:#fbbf2b; text-align:center; line-height:50px; border:none; border-radius:3px; margin:0 12px; cursor: pointer;}
.box-reserve .box-reserve-content .ul-reserve.open {height:auto; overflow:visible;}
.box-reserve .box-reserve-content .ul-reserve .list li:last-child a {border-bottom:1px solid #ccc;}
.box-reserve h4 {padding:0 0 20px; font-size:18px; color:#414042;}
.box-reserve table.formview {width:100%; border-top:3px solid #4d6384;}
.box-reserve table.formview input[type=text] {height:33px;}
.box-reserve table.formview th:first-child {padding:0 0 0 30px;}
.box-reserve table.formview th:nth-child(2) {padding:23px 10px 23px 0; text-align:left; position:relative; vertical-align:top; font-size:15px; color:#414042;}
.box-reserve table.formview th .desc {padding:15px 0 0; font-size:11px; color:#1e88e5; display:block;}
.box-reserve table.formview td {padding:10px;}
.box-reserve table.formview td.oneline {padding:10px 0 10px 25px;}
.box-reserve table.formview td.box-reserve-content {background:#fff;}
.box-reserve table.formview td.box-reserve-content .ul-reserve {height:40px;}
.box-reserve table.formview td.box-reserve-content .ul-reserve a {padding:13px; font-size:14px;}
.box-reserve table.formview td.box-reserve-content .ul-gender {width:100px;}
.box-reserve table.formview td.box-reserve-content .ul-gender a {width:72px;}
.box-reserve table.formview td.box-reserve-content .ul-gender li.list {top:41px;}
.box-reserve table.formview td.box-reserve-content .ul-address {width:100px;}
.box-reserve table.formview td.box-reserve-content .ul-address a {width:72px;}
.box-reserve table.formview td.box-reserve-content .ul-address li.list {top:41px;}
.box-reserve table.formview td.box-reserve-content .ul-birth {float: left; width:100px;}
.box-reserve table.formview td.box-reserve-content .ul-birth a {width:72px;}
.box-reserve table.formview td.box-reserve-content .ul-birth li.list {border-top:1px solid #ccc; border-bottom:1px solid #ccc; top:41px; height:206px; overflow: scroll; z-index:10;}
.box-reserve table.formview td.box-reserve-content .ul-birth li.list li:first-child a {border-top:none;}
.box-reserve table.formview td.box-reserve-content .ul-birth li.list li:last-child a {border-bottom:none;}
.box-reserve table.formview td.box-reserve-content .bar {float: left; display:inline-block; margin:0 10px; font-size:15px; line-height:40px;}
.box-reserve .buttons {text-align:center; padding:0 0 60px;}
.box-reserve .buttons .reset {width:140px; height:50px; margin:0 10px; background:#656d78; color:#fff; font-size:16px; border-radius:3px; border:none;}
.box-reserve .buttons .accept {width:140px; height:50px; margin:0 10px; background:#fbbf2b; color:#414042; font-size:16px; border-radius:3px; border:none;}
.box-reserve .box-reserve-content .ul-card-date {float: left; width:100px; height:41px;}
.box-reserve .box-reserve-content .ul-card-date li a {width:100px; height:40px; padding:13px;}
.box-reserve .box-reserve-content .ul-card-date li.list {border-top:1px solid #ccc; border-bottom:1px solid #ccc; top:41px; height:206px; overflow: scroll; z-index:10;}
.box-reserve .box-reserve-content .ul-card-date li.list li:first-child a {border-top:none;}
.box-reserve .box-reserve-content .ul-card-date li.list li:last-child a {border-bottom:none;}
.box-reserve .box-reserve-content .date {float: left; display:inline-block; margin-bottom:15px; padding:0 30px 0 10px; font-size:16px; color:#414042; line-height:46px;}
.box-reserve .box-security img {margin-top:40px;}
.box-reserve .box-security .ex {background:url('../images/graydot.png') 0 14px no-repeat; margin-top:10px; padding-bottom:10px;}
.box-reserve .num-card {color:#414042; font-size:16px; padding:10px 0 25px;}
.box-reserve .box-act2 .btn-back {width:240px; background:#fbbf2b; color:#414042;}
.box-reserve .box-act2 button {width:240px; background:#656d78; color:#fff;}
.box-reserve .txt-num-card {font-size:14px; font-weight:bold; padding:10px 0;}

.tbl-reservation {width:100%; margin-bottom:60px; border-collapse:collapse;}
.tbl-reservation th {width:200px; padding:20px 0 20px 45px; font-size:15px; background:#f8f8f8; border-bottom:1px solid #dadada; vertical-align:top; text-align:left; font-weight:bold; color:#414042;}
.tbl-reservation td {padding:20px 0 20px 30px; font-size:15px; border-bottom:1px solid #dadada; vertical-align:top; text-align:left; line-height:1.5; color:#414042;}
.tbl-reservation tr:last-child th {border-bottom:1px solid #767676;}
.tbl-reservation tr:last-child td {border-bottom:1px solid #767676;}

.tbl-reservation2 td {padding:20px 0; text-align:center; width:240px;}
.tbl-reservation th .desc {font-size:13px; color:#1e88e5; background:url('../img/signup/bluedot.png') 0 4px no-repeat; display:inline-block; font-weight:normal; padding:0 0 0 10px;}
.box-alert {background:#f8f8f8; border:3px solid #f95b4b; margin-bottom:60px;}
.box-alert2 {border:none; display:none;}
.box-alert h4 {padding:25px 60px; background:#eeefef url('../images/alert.png') 27px center no-repeat; font-size:17px; color:#414042;}
.box-alert p {padding:25px 60px; color:#414042; line-height:1.5; font-size:15px;}
.box-page .box-complete {margin:123px auto; width:340px; height:70px; padding:0 0 0 90px; background:url('../images/complete.png') 0 0 no-repeat;}
.box-page .box-complete .title {font-size:20px; color:#fbbf2b;}
.box-page .box-complete .desc {font-size:16px; color:#616161; padding:10px 0 0;}
.box-reserve .box-reserve-content p {font-size:16px; color:#414042; line-height:1.5;}
.box-reserve .box-reserve-content p.alert {color:#f95b4b; padding-bottom: 60px;}
.box-reserve .box-reserve-content p.alert2 {font-size:13px; padding:0;}
.box-reserve .box-act a.regist-car-num {width:270px; background:#fbbf2b; color:#414042;}
h2.normal {background:url('../img/common/title_separator.png') 0 bottom no-repeat; padding-bottom:35px; margin:0 0 70px; font-size:25px; color:#414042; height:auto;}


/*.box-input-num {overflow: hidden; margin:60px 0 0;}*/
.box-input-num .box-thumb-num {float: left; margin-right:50px; width:313px; height:251px; position:relative; background:url('../images/bg-num.png') no-repeat;}
.box-input-num .box-thumb-num .num {position:absolute; bottom:30px; left:35px; z-index:0;}
.box-input-num .box-thumb-num .num.on {z-index:1;}

.box-reserve .box-input-car {float: right;}
.box-reserve .box-input-car div {width:530px; height:55px; margin-bottom:10px; }
.box-reserve .box-input-car div.on {outline:1px solid #ccc;}
.box-reserve .box-input-car div label {display:inline-block; height:auto; background:#ebebeb; color:#757575; font-size:15px; width:150px; padding:20px; float: left;}
.box-reserve .box-input-car div input {border:none; width:380px; text-indent:0; padding:20px; font-size:15px; height:auto; outline:none;}

#confirm-modal .box-car-pan {position:relative; width:290px; height:168px; margin:60px auto; background:url('../images/bg_car_pan.png');}
#confirm-modal .box-car-pan span {position:absolute; color:#3a7e5f; font-size:30px; font-weight:bold;}
#confirm-modal .box-car-pan span.txt1 {top:30px; left:80px;}
#confirm-modal .box-car-pan span.txt2 {top:31px; left:146px;}
#confirm-modal .box-car-pan span.txt3 {top:75px; left:40px; font-size:55px;}
#confirm-modal .box-car-pan span.txt4 {top:75px; left:100px; font-size:55px;}
#confirm-modal .box-car-pan span.txt5 {top:75px; left:32px; font-size:30px; text-align:center;}
#confirm-modal .box-car-pan span.txt5 span {position:static; font-size:17px; display:block; text-align:center; line-height:1.5;}
#confirm-modal.box-confirm-car {height:560px;}
#confirm-modal.box-confirm-car button {display:block; width:370px; margin:0 20px 10px; height:45px; font-size:16px; background:#fbbf2b; color:#414042; outline:none; border:none; cursor:pointer; border-radius:3px;}
#confirm-modal.box-confirm-car a {display:block; width:370px; margin:0 20px 10px; height:45px; line-height:45px; font-size:16px; text-align:center; background:#656d78; color:#fff; outline:none; border:none; cursor:pointer; border-radius:3px;}
#confirm-modal.box-confirm-car .box-confirm-content {overflow: visible; height:auto;}
#signup-agree-page .terms_frame {overflow:visible; overflow-y:scroll;}
#parking-add-page .terms_frame {overflow:visible; overflow-y:scroll;}
.txt-accept {font-size:18px; color:#58595b; line-height:1.5; text-align:center; padding:30px 0 0;}

.box-reservation-list {padding:80px 0;}
.box-reservation-list h2 {padding:40px 0 40px; color: #414042; font-size: 30px; font-weight: 400; line-height: 1; background: url(../images/bg_pattern.png) 0 bottom no-repeat; }
.ul-parking .li-data .status {font-size: 16px; padding:10px 15px 15px; color:#fbbf2b; font-family:bold;}
.ul-parking .li-data .title2 {font-size: 13px; padding:0 0 5px 15px; color:#414042;}
.ul-parking .li-data .date {font-size: 12px; color:#707070; padding:10px 0 15px 15px;}
.ul-parking2 {height:auto; overflow:visible; margin-bottom:100px;}
.ul-parking2 .li-data {width:275px; margin-right:45px; margin-bottom:50px}
.ul-parking2 .li-data:nth-child(even) {margin:0 45px 50px 0;}
.ul-parking2 .li-data:nth-child(3n) {margin-right:0;}


.box-parking2 {padding-bottom:100px;}
.box-parking2 .title-reservation {font-size:18px; color:#414042; font-weight:bold; border-bottom:3px solid #fbbf2b; padding:0 0 15px;}
.box-parking2 .desc-reservation {font-size:14px; color:#414042; line-height:1.5; padding:25px 0 40px;}
.box-ticket {height:439px; background:url('../images/bg_ticket.png') 0 0 no-repeat;}
.box-ticket h2 {font-size: 18px; padding:20px 0 0 35px; color:#414042; font-weight:bold;}
.box-ticket .place {margin-bottom:20px; padding:15px 0 0 55px; font-size:13px; background:url('../images/map_icon.png') 35px bottom no-repeat; color:#595a5c;}
.box-ticket .box-info {overflow: hidden; padding:25px 27px; background:none; border:none;}
.box-ticket .box-info div {float: left; }
.box-ticket .box-info div.box-left {width:170px; padding:0 15px 0 0; border-right:1px solid #ccc;}
.box-ticket .box-info .date {font-size:15px; color:#414042; font-weight:bold; padding-bottom:10px; letter-spacing:-0.025em;}
.box-ticket .box-info .arrival {font-size:12px; padding:7px 0 7px 45px; background:url('../images/arrive.png') 0 center no-repeat; background-size:35px;}
.box-ticket .box-info .arrival span {font-weight:bold;}
.box-ticket .box-info .arrival span.label  {font-weight:normal; display:inline-block; width:70px;}
.box-ticket .box-info .departure {font-size:12px; padding:7px 0 7px 45px; background:url('../images/depart.png') 0 center no-repeat; background-size:35px;}
.box-ticket .box-info .departure span {font-weight:bold;}
.box-ticket .box-info .departure span.label {font-weight:normal; display:inline-block; width:70px;}
.box-ticket .box-info .cost {overflow: hidden; font-weight:bold; border-top:3px solid #fbbf2b; margin-top:10px; padding:10px 0 5px; color:#fbbf2b; font-size:16px;}
.box-ticket .box-info .cost span {float: right;}
.box-ticket .box-info .cost span.label {float: right;}
.box-ticket .box-info .box-right {padding:0 0 0 25px;}
.box-ticket .box-info .txt-number {margin-top:-5px; font-weight:bold; color:#fbbf2b; font-size:16px; line-height:1.5; padding:0 0 10px;}
.box-ticket .box-info .box-number {position:relative; width:120px; height:65px; background:url('../images/bg_car_pan.png') 0 0 no-repeat; background-size:120px 65px;}
.box-ticket .box-info .box-number p {top:100px; left:100px; position:absolute; color:#3b7e60; font-weight:bold; font-size:12px;}
.box-ticket .box-info .box-number .num1 {top:8px; left:32px;}
.box-ticket .box-info .box-number .num2 {top:8px; left:60px;}
.box-ticket .box-info .box-number .num3 {top:30px; left:17px; font-size:20px;}
.box-ticket .box-info .box-number .num4 {top:30px; left:40px; font-size:20px;}
.box-ticket .box-user {background:#fff; margin:15px 20px 70px; padding:15px 20px; height:70px;}
.box-ticket .box-user p {font-size:12px; color:#595a5c; margin-bottom:15px;}
.box-ticket .box-user p .label {display:inline-block; width:100px; background:url('../images/graydot.png') 0 center no-repeat; padding:0 0 0 10px;}
.box-ticket .box-act a {display:block; height:46px; margin-bottom:15px; line-height:46px; border-radius:3px; text-align:center; font-size:16px;}
.box-ticket .box-act .btn-type1 {background:#4d6384; color:#fff;}
.box-ticket .box-act .btn-type2 {background:#ebebeb; color:#414042;}

#parking-list-page .listview .name {position:relative; line-height:1.5;}
#parking-list-page .listview .name .hukidashi {position:absolute; z-index:1; top:-36px; right:-217px; display:inline-block; width:200px; height:36px; padding:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); background:#f8f8f8; border:1px solid #ccc; line-height:1.5; color:#414042; font-size:12px; display:none;}
.box-reserve .box-act button.btn-edit-reservation {width:180px;}
.box-num-plate {padding:30px; background:#fff;}
.box-num-plate .box-plate {width:337px; height:195px; margin:0 auto; position:relative; background:url('../images/bg_car_pan.png') 0 0 no-repeat; background-size:337px 195px;}
.box-num-plate .box-plate p {position:absolute; color:#3a7e5f; font-weight:bold;}
.box-num-plate .box-plate .num1 {top:17px; left:94px; font-size:34px;}
.box-num-plate .box-plate .num2 {top:16px; left:170px; font-size:34px;}
.box-num-plate .box-plate .num3 {top:68px; left:35px; font-size:64px;}
.box-num-plate .box-plate .num4 {top:70px; left:108px; font-size:64px;}
#confirm-modal .ul-cancel {overflow: hidden; margin:10px 20px 10px; border:1px solid #e1e1e1; border-bottom: none;}
#confirm-modal .ul-cancel .li-cancel {float: left; width:50%; text-align:center;}
#confirm-modal .ul-cancel .li-cancel p {background:#ebebeb; height:40px; font-size:16px; line-height:40px;}
#confirm-modal .ul-cancel .li-cancel li {padding:8px 0; font-size:14px; line-height:1.5; border-bottom:1px solid #e1e1e1;}
#confirm-modal .ul-cancel .li-cancel2 {float: right; width:50%;}
#confirm-modal .ul-cancel .li-cancel2 p {border-left:1px solid #e1e1e1;}
#confirm-modal .ul-cancel .li-cancel2 li {border-left:1px solid #e1e1e1;}
#confirm-modal .btn-close2 {display:block; margin:0 20px; width:auto; position:static; text-indent:0; text-align:center; font-size:16px; color:#fff; background:#656d78; height:46px; line-height:46px; border-radius:3px;}
#confirm-modal .ex {margin:0 20px; font-size:13px; color:#4d6384; line-height:1.5;}

.box-reservation .box-cancel-info {background:#f9f9f9;}
.box-reservation .box-cancel-info .data {height:46px; margin:0 20px; line-height:46px; border-bottom:1px solid #ebebeb; font-size:15px; color:#414042; }
.box-reservation .box-cancel-info .data:last-child {border-bottom:none;}
.box-reservation .box-cancel-info .data .label {display:inline-block; width:140px; color:#58595b;}
.box-reservation .status {border-top:1px solid #fbbf2b; border-bottom:1px solid #fbbf2b; height:46px; line-height:46px; font-size:15px; font-weight:bold; color:#414042; text-align:center; background:#f9f9f9;}
.box-rent {text-align:right; overflow: hidden; margin-bottom:-17px;}
.box-rent label {display:block; float: right; margin-right:0; font-size:14px; border:2px solid #4d6384; color:#4d6384; border-radius:3px; text-align:center; padding:0; width:160px; height:40px; line-height:40px; cursor:pointer;}
.box-rent label.on {margin-right:0;}
.box-rent-car {display:none; background:#fff; height:250px; margin-bottom:10px; text-align:center;}
.box-rent-car img {margin-top:55px;}
.btn-sure {display:block; margin:0 20px; text-align:right; font-size:13px; color:#696969;}
.txt-sure {display:none; position:absolute; z-index:9999; bottom:66px; right:-270px; border:1px solid #ccc; background:#f8f8f8; font-size:12px; line-height:1.5; padding:10px; box-shadow: 0 0 3px rgba(0,0,0,0.3);}

.wrap-bg-resersve {margin-top:100px; height:300px; background:url('../images/bg_reserve.png') center center;}
.wrap-bg-resersve .title {padding:110px 0 30px; font-size:30px; color:#fbbf2b; text-align:center;}
.wrap-bg-resersve .ex {line-height:1.5; color:#fff; font-size:25px; text-align:center;}

#confirm-modal.box-cancel-reserve {overflow:visible; height:660px;}
#confirm-modal.box-cancel-reserve .btn-reservation{margin:10px 20px;}
.box-parking-list.on .bx-wrapper {width:900px !important; max-width:900px !important;}
.box-parking-list.on .bx-wrapper .bx-controls-direction a.disabled {display:block;}
.box-parking-list.on .bx-pager {display:none;}
.box-parking-list.on .bx-wrapper img {height:auto;}
.box-parking-list.on .bx-viewport {height:330px !important;}

.box-page .box-parking .box-list-similar .box-thumb {margin-bottom:0;}
.box-parking-list.on .bx-wrapper .bx-controls-direction a.bx-prev {left:-20px; margin-top:-6px; width:38px; height:38px; background:url('../images/sll.png') 0 0 no-repeat; opacity:0.8;}
.box-parking-list.on .bx-wrapper .bx-controls-direction a.bx-next {right:-10px; margin-top:-6px; width:38px; height:38px; background:url('../images/slr.png') 0 0 no-repeat; opacity:0.8;}

.like_list h2 {margin-bottom:30px; padding:0px 0 40px; color: #414042; font-size: 30px; font-weight: 400; line-height: 1; background: url(../images/bg_pattern.png) 0 bottom no-repeat; }
#signup-agree-page .terms .caption {padding:36px 0 20px;}

.box-search-use {height:32px; margin-bottom:50px; padding:26px 50px; border: 3px solid #fbbf2b;}
.box-search-use span {display:inline-block; float: left; height:32px; line-height:32px; font-size:16px; color:#414042; font-weight:bold;}
.box-search-use span.s2 {display:inline-block; float: left; height:32px; line-height:32px; font-size:16px; color:#414042; font-weight:normal;}
.box-search-use .ul-option.open {overflow:visible;}
.box-search-use .option-select {overflow: hidden; position:relative; display:inline-block; float: left; width:90px; margin:0 10px 0 20px; border:1px solid #ccc; height:32px; background:url('../images/updown.png') 90% center no-repeat;}
.box-search-use .option-select .current a {width:100%; display:block; height:100%; font-size:14px; color:#414042; line-height:32px; text-indent:15px; text-align:left;}
.box-search-use .option-select .option {position:absolute; z-index:9997; width:100%; top:32px; left:-1px; background:#fff; border:1px solid #ccc;}
.box-search-use .option-select .option li {border-bottom:1px solid #ccc; overflow: hidden;}
.box-search-use .option-select .option li a {display:block; height:100%; font-size:14px; color:#414042; line-height:32px; text-indent:15px; text-align:left;}
.box-search-use .option-select .option li a:hover {background:#f5f5f5;}
.box-search-use .option-select .option li:last-child {border-bottom:none;}
.box-search-use .option-select2 {overflow: hidden; position:relative; display:inline-block; float: left; width:250px; margin:0 20px; border:1px solid #ccc; height:32px; background:url('../images/btn_open.png') 95% center no-repeat;}
.box-search-use .option-select2 .current a {width:100%; display:block; height:100%; font-size:14px; color:#414042; line-height:32px; text-indent:15px; text-align:left;}
.box-search-use .option-select2 .option {position:absolute; z-index:9997; width:100%; top:32px; left:-1px; background:#fff; border:1px solid #ccc;}
.box-search-use .option-select2 .option li {border-bottom:1px solid #ccc; overflow: hidden;}
.box-search-use .option-select2 .option li a {display:block; width:100%; height:100%; font-size:14px; color:#414042; line-height:32px; text-indent:15px; text-align:left;}
.box-search-use .option-select2 .option li a:hover {background:#f5f5f5;}
.box-search-use .option-select2 .option li:last-child {border-bottom:none;}
.box-search-use a {display:inline-block; width:93px; height:32px; line-height:32px; float: left; color:#fff; font-size:16px; text-align:center;}
.box-search-use a.btn-search {background:#fbbf2b; margin-right:20px;}
.box-search-use a#btn-pdf {background:#58595b;}
.box-info-use {background:#f1f2f2; padding:0 0 50px; margin:0 0 175px;}
.box-info-use table {width:100%; margin:35px 0 0; text-align:center; vertical-align:middle; border-collapse:collapse; border-bottom:1px solid #4d6384;}
.box-info-use table th {height:55px; background:#fff; border:1px solid #d7d7d7; border-top:3px solid #4d6384; vertical-align:middle;}
.box-info-use table th:first-child {border-left:none;}
.box-info-use table th:last-child {border-right:none;}
.box-info-use table td {height:55px; border:1px solid #d7d7d7; vertical-align:middle;}
.box-info-use table td:first-child {border-left:none;}
.box-info-use table td:last-child {border-right:none;}
.box-info-use table tr:last-child td {border-bottom:none;}
.box-info-use table.tbl2 td {width:20%;}
.box-info-use .box-table {margin:0 30px;}
.box-info-use h2 {background:#555; padding:45px 35px 30px; overflow: hidden; height:17px; margin:0 0 50px;}
.box-info-use h2 .title {color:#fff; font-size:17px; float: left;}
.box-info-use h2 .desc {color:#fbbf2b; font-size:14px; float: right;}
.box-info-use .box-total {position:relative; border-top:1px solid #4d6384; top:-1px; border-bottom:1px solid #4d6384; background:#fff; overflow: hidden;}
.box-info-use .box-total .title {background:#4d6384; height:56px; line-height:56px; font-size:16px; color:#fff; padding:0 0 0 55px; float: left; width:339px;}
.box-info-use .box-total .cost {height:56px; line-height:56px; font-size:16px; float: right; padding:0 50px 0 0;}
.bottle {display:inline-block; height:39px;}
.box-alert .option-parkinglot label {margin-left:60px; margin-bottom:15px; font-size:15px;}
.option-parkinglot-rent {text-align:right;}
.option-parkinglot-rent label {margin-right:0;}

.user-page h3 .blue {float: right; font-size:12px; color:blue; position:relative; top:5px; font-weight:bold; padding:0 0 0 10px; margin:0 50px 0 0; background:url('../img/star_b.png') 0 center no-repeat;}
table.formview th .blue {text-indent: 9999px; display: inline-block; width: 7px; height: 7px; background: url(../img/star_b.png) no-repeat; }
.box-parking-list.off .ul-parking .li-data .meter {float: left; color:blue; font-size:14px;}
.box-parking-list.on .ul-parking .li-data .meter {float: none; color:blue; font-size:14px; padding:0 0 15px 15px;}
.wrap-chart {width:960px; margin:100px auto 0; padding:30px 0 0;}
.wrap-chart h1 {font-size:30px; font-weight:bold; color:#414042; padding:0 0 35px; background:url('../images/bg_pattern.png') 0 bottom repeat-x;}
.wrap-chart .ul-tab {width:340px; height:55px; margin:50px auto; border:1px solid #e9e9e9; overflow: hidden;}
.wrap-chart .ul-tab li {float: left; width:50%;}
.wrap-chart .ul-tab li a {display:block; width:100%; height:100%; line-height:55px; text-align:center; color:#e1e1e1; font-size:16px;}
.wrap-chart .ul-tab li.on a {background:#4d6384; color:#fff;}
.wrap-chart .ul-data {width:100%; height:auto; margin:0 auto; overflow: hidden; padding:0; background:#f1f2f2;border-bottom: 2px solid #e1e1e1;}
.wrap-chart .ul-data li {float: left; width:25%; position:relative;}
.wrap-chart .ul-data li .title {padding:25px 0 22px; font-size:15px; color:#555555; text-align:center;}
.wrap-chart .ul-data li .money {font-size:24px; color:#fbbf2b; text-align:center;margin-bottom: 25px;}
.wrap-chart .ul-data li .bar {width:2px; height:100%; position:absolute; right:0; top:0; background:#e1e1e1;}
.wrap-chart .ul-doughnut-chart {width:100%; margin:0 auto; height:auto; padding:0; background:#f1f2f2; overflow: hidden;}
.wrap-chart .ul-doughnut-chart li {width:50%; float: left; height:140px; position:relative;}
.wrap-chart .ul-doughnut-chart li .title {padding:0 0 0 60px; float: left; height:140px; line-height:140px; font-size:15px; color:#414042; font-weight:bold;}
.wrap-chart .ul-doughnut-chart li div {float: right; padding:0 75px 0 0;}
.wrap-chart .ul-doughnut-chart li .bar {display:block; height:140px; width:2px; position:absolute; top:0; right:0; background:#e1e1e1;}
.wrap-chart .ul-doughnut-chart li .num {display:inline-block; width:50px; text-align:center; color:#414042; font-size:18px; position:absolute; top:63px; left:335px; }
.wrap-chart .ul-doughnut-chart li canvas {float: left; width:150px !important; height:150px !important; position:relative; top:-10px; left:10px;}
.wrap-chart .box-tab2 {display:none;}
.wrap-chart .box-tab2 div {position:relative;}
.wrap-chart .box-tab2 div .bar {display:inline-block; width:10px; height:100%; background:#fff; position:absolute; top:0; left:50px;}
.wrap-chart .box-tab2 div .bar2 {display:inline-block; width:750px; height:9px; background:#fff; position:absolute; bottom:18px; left:60px;}
.wrap-chart textarea {width:960px; height:120px; margin:100px auto 0; padding:16px; background:#fff; color:#959595; font-size:14px; line-height:1.5; resize:none; border-radius:5px; border:1px solid #d7d7d7; box-shadow:0 3px 4px rgba(0,0,0,0.2);}
.wrap-chart .btn-edit {width:60px; height:36px; text-align:center; display:block; float: right; font-size:14px; color:#636363; line-height:36px; background:#d7d7d7; border-radius:3px; margin:15px 6px 100px 0;}
.wrap-chart .chart-title {margin:30px 0 50px; padding:0 0 0 20px; background:url('../images/chart-dot.png') 0 4px no-repeat; color:#414042; font-size:16px;}
.wrap-chart .box-bar-chart {width:850px; height:410px; margin:0 auto 120px;}
#parking-edit-page .section_photo .box-modal-sample {display:none; position:absolute; top:60px; left:80px; padding:30px; background:#f5f5f5; border:1px solid #d5d5d5; z-index:1; box-shadow:2px 3px 15px rgba(0,0,0,0.5);}
#parking-edit-page .section_photo .box-modal-sample .photoframe {margin:0 !important;}
#parking-edit-page .section_photo .box-modal-sample .btn-modal-close {position:absolute; top:6px; right:10px; color:#c5c5c5; font-size:16px;}
.btn-sample {display:inline-block; background:#0058d0; color:#fff; border-radius:5px; padding:0 10px;}
.kana {position:absolute; left:15px; bottom:4px;}
.desc0123 {color:#0058d0; font-size:13px; display:inline-block; margin:0 0 0 10px;}
.desc01234 {color:#0058d0; font-size:13px; float: right; display:block; width:310px; line-height:1.6;}
.desc01235 {color:#0058d0; font-size:13px; display:inline-block; margin:10px 0 0;}
.desc01236 {color:#0058d0; font-size:13px; float: right; display:block; width:420px; line-height:1.6;}
.ex-modal {display:none; position:absolute; top:20px; right:-290px; background:#f5f5f5; border:1px solid #cdcdcd; box-shadow:2px 3px 15px rgba(0,0,0,0.5); width:350px; padding:20px; line-height:1.6; font-size:14px; color:#666;}
.ex-close {position:absolute; top:10px; right:10px; font-size:13px; color:gray; font-weight:bold;}


@media all and ( max-width:780px )
{
	html							{ min-width: 100% }
}