/* ------------------------------ */
/* Base
/* ------------------------------ */
html { font-size: 62.5%; }

body { font-size: 14px; font-size: 1.4rem; line-height: 1.5; font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", Sans-serif; background: white; color: #4b4b4b; }
body.has-bar { padding-top: 52px; }

.image-modal { padding-top: 52px; padding-left: 20px; padding-right: 20px; padding-bottom: 52px; height: 730px;}

.nowrap { white-space: nowrap; }

a { color: #278bd1; text-decoration: none; }

img { vertical-align: bottom; }

dd, p { word-wrap: break-word; }

input[type="submit"] { border: 0; }

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

input[type="password"], input[type="text"], textarea { width: 100%; padding: 10px 5px; border: 1px solid #bebebe; }

input[type="password"], input[type="text"] { line-height: 1; min-height: 44px; }

input[readonly="readonly"] { background: #F5F5F5; }

select { display: inline-block; vertical-align: middle; padding: 15px; border: 1px solid #bebebe; height: 30px; }

textarea { min-height: 165px; }

label { display: block; }

hr { margin: 1rem 0; border: solid #ddd; border-width: 1px 0 0; clear: both; height: 0; }

h1 { font-size: 30px; font-size: 3rem; }

h2 { font-size: 24px; font-size: 2.4rem; }

h3 { font-size: 20px; font-size: 2rem; }

h4 { font-size: 18px; font-size: 1.8rem; }

h5 { font-size: 16px; font-size: 1.6rem; }

h5 { font-size: 14px; font-size: 1.4rem; }

/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; behavior: url(boxsizing.htc); }

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ol, ul, li, p, a, span, fieldset, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { margin: 0; padding: 0; }

ol, ul, li { list-style: none; }

fieldset { border: 0; }

/* ------------------------------ */
/* Helper
/* ------------------------------ */
.column { position: relative; float: left; display: block; padding-left: 40px; }

.row { margin-left: -40px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row-2 { margin-left: 17.5%; }

.grid-block-1:before, .grid-block-2:before, .grid-block-3:before, .grid-block-4:before, .grid-block-5:before, .grid-block-6:before, .grid-block-7:before, .grid-block-8:before, .grid-block-9:before, .grid-block-10:before, .grid-block-11:before, .grid-block-12:before, .grid-block-whole:before, .grid-block-harf:before, .grid-block-third:before, .grid-block-quoter:before, .grid-block-fifth:before, .grid-block-1:after, .grid-block-2:after, .grid-block-3:after, .grid-block-4:after, .grid-block-5:after, .grid-block-6:after, .grid-block-7:after, .grid-block-8:after, .grid-block-9:after, .grid-block-10:after, .grid-block-11:after, .grid-block-12:after, .grid-block-whole:after, .grid-block-harf:after, .grid-block-third:after, .grid-block-quoter:after, .grid-block-fifth:after { content: " "; display: table; }
.grid-block-1:after, .grid-block-2:after, .grid-block-3:after, .grid-block-4:after, .grid-block-5:after, .grid-block-6:after, .grid-block-7:after, .grid-block-8:after, .grid-block-9:after, .grid-block-10:after, .grid-block-11:after, .grid-block-12:after, .grid-block-whole:after, .grid-block-harf:after, .grid-block-third:after, .grid-block-quoter:after, .grid-block-fifth:after { clear: both; }
.grid-block-1 li, .grid-block-2 li, .grid-block-3 li, .grid-block-4 li, .grid-block-5 li, .grid-block-6 li, .grid-block-7 li, .grid-block-8 li, .grid-block-9 li, .grid-block-10 li, .grid-block-11 li, .grid-block-12 li, .grid-block-whole li, .grid-block-harf li, .grid-block-third li, .grid-block-quoter li, .grid-block-fifth li { float: left; }

.grid-1 { width: 8.33333%; }

.grid-block-1 li { width: 8.33333%; }

.grid-2 { width: 16.66667%; }

.grid-block-2 li { width: 16.66667%; }

.grid-3 { width: 25.0%; }

.grid-block-3 li { width: 25.0%; }

.grid-4 { width: 33.33333%; }

.grid-block-4 li { width: 33.33333%; }

.grid-5 { width: 41.66667%; }

.grid-block-5 li { width: 41.66667%; }

.grid-6 { width: 50.0%; }

.grid-block-6 li { width: 50.0%; }

.grid-7 { width: 58.33333%; }

.grid-block-7 li { width: 58.33333%; }

.grid-8 { width: 66.66667%; }

.grid-block-8 li { width: 66.66667%; }

.grid-9 { width: 75.0%; }

.grid-block-9 li { width: 75.0%; }

.grid-10 { width: 83.33333%; }

.grid-block-10 li { width: 83.33333%; }

.grid-11 { width: 91.66667%; }

.grid-block-11 li { width: 91.66667%; }

.grid-12 { width: 100.0%; }

.grid-block-12 li { width: 100.0%; }

.grid-whole { width: 100%; }

.grid-block-whole li { width: 100%; }

.grid-harf { width: 50%; }

.grid-block-harf li { width: 50%; }

.grid-third { width: 33.33333%; }

.grid-block-third li { width: 33.33333%; }

.grid-quoter { width: 25%; }

.grid-block-quoter li { width: 25%; }

.grid-fifth { width: 20%; }

.grid-block-fifth li { width: 20%; }

.offset-1 { margin-left: 8.33333%; }

.offset-2 { margin-left: 16.66667%; }

.offset-3 { margin-left: 25.0%; }

.offset-4 { margin-left: 33.33333%; }

.offset-5 { margin-left: 41.66667%; }

.offset-6 { margin-left: 50.0%; }

.offset-7 { margin-left: 58.33333%; }

.offset-8 { margin-left: 66.66667%; }

.offset-9 { margin-left: 75.0%; }

.offset-10 { margin-left: 83.33333%; }

.offset-11 { margin-left: 91.66667%; }

.offset-12 { margin-left: 100.0%; }

.pull-right { float: right; }

.pull-left { float: left; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.clear { clear: both; }

.text-bold { font-weight: bold; }

.text-normal { font-weight: normal; }

.text-xsmall { font-size: 10px; font-size: 1rem; }

.text-small { font-size: 12px; font-size: 1.2rem; }

.text-default { font-size: 14px; font-size: 1.4rem; }

.text-middium { font-size: 16px; font-size: 1.6rem; }

.text-large { font-size: 18px; font-size: 1.8rem; }

.text-xlarge { font-size: 24px; font-size: 2.4rem; }

.no-bg { background: none !important; }

.no-margin { margin: 0 !important; }

.no-padding { padding: 0 !important; }

.no-border { border: none !important; }

.mt-1e { margin-top: 1em; }

.mb-1e { margin-top: 1em; }

/***
* Text Helper
***/
.text-xsmall { font-size: 10px; font-size: 1rem; }

.text-small { font-size: 12px; font-size: 1.2rem; }

.text-default { font-size: 14px; font-size: 1.4rem; }

.text-midium { font-size: 16px; font-size: 1.6rem; }

.text-large { font-size: 18px; font-size: 1.8rem; }

.text-xlarge { font-size: 24px; font-size: 2.4rem; }

.text-emphasis { color: #f04c36 !important; }

.text-primary { color: #217e2d; }

.text-success { color: #2980b9; }

.text-pink { color: #ff9a92; }

.text-green { color: #217e2d; }

.text-yellow { color: #fee5b0; }

.text-lessor { color: #f87263 !important; }

.text-rent { color: #1dcd6e !important; }

.text-parking { color: #f8bb50 !important; }

.text-ledger { color: #c88ee0 !important; }

.text-yoyaku { color: #009260; }

/***
* Width Helper
***/
.w-0 { width: 0px !important; }

.w-10 { width: 10px !important; }

.w-20 { width: 20px !important; }

.w-30 { width: 30px !important; }

.w-40 { width: 40px !important; }

.w-50 { width: 50px !important; }

.w-60 { width: 60px !important; }

.w-70 { width: 70px !important; }

.w-80 { width: 80px !important; }

.w-90 { width: 90px !important; }

.w-100 { width: 100px !important; }

.w-110 { width: 110px !important; }

.w-120 { width: 120px !important; }

.w-130 { width: 130px !important; }

.w-140 { width: 140px !important; }

.w-150 { width: 150px !important; }

.w-160 { width: 160px !important; }

.w-170 { width: 170px !important; }

.w-180 { width: 180px !important; }

.w-190 { width: 190px !important; }

.w-200 { width: 200px !important; }

.w-210 { width: 210px !important; }

.w-220 { width: 220px !important; }

.w-230 { width: 230px !important; }

.w-240 { width: 240px !important; }

.w-250 { width: 250px !important; }

.w-260 { width: 260px !important; }

.w-270 { width: 270px !important; }

.w-280 { width: 280px !important; }

.w-290 { width: 290px !important; }

.w-300 { width: 300px !important; }

.w-310 { width: 310px !important; }

.w-320 { width: 320px !important; }

.w-330 { width: 330px !important; }

.w-340 { width: 340px !important; }

.w-350 { width: 350px !important; }

.w-360 { width: 360px !important; }

.w-370 { width: 370px !important; }

.w-380 { width: 380px !important; }

.w-390 { width: 390px !important; }

.w-400 { width: 400px !important; }

.w-410 { width: 410px !important; }

.w-420 { width: 420px !important; }

.w-430 { width: 430px !important; }

.w-440 { width: 440px !important; }

.w-450 { width: 450px !important; }

.w-460 { width: 460px !important; }

.w-470 { width: 470px !important; }

.w-480 { width: 480px !important; }

.w-490 { width: 490px !important; }

.w-500 { width: 500px !important; }

.w-full { width: 100%; }

/* ------------------------------ */
/* Regions
/* ------------------------------ */
.banner { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, -moz-transform; transition-property: opacity, transform; padding: 8px 0; background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 1; box-shadow: 0 1px 1px rgba(6, 8, 8, 0.1); }
.banner:before, .banner:after { content: " "; display: table; }
.banner:after { clear: both; }
.banner h1 { float: left; margin-right: 30px; }
.banner .l-container { position: relative; }
.banner.is-hidden { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(0, -62px, 0); -moz-transform: translate3d(0, -62px, 0); transform: translate3d(0, -62px, 0); -webkit-transition-property: opacity, -webkit-transform; -moz-transition-property: opacity, -moz-transform; transition-property: opacity, transform; }
.banner.is-visible { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; }
.banner .banner__balloon { font-size: 12px; font-size: 1.2rem; background: #282828; position: relative; display: inline-block; float: left; margin-left: -25px; margin-right: 20px; margin-top: 5px; padding: 5px 10px; border-radius: 3px; color: #fff; }
.banner .banner__balloon:before { border-style: solid; content: ""; display: block; position: absolute; border-color: transparent #282828; margin-top: -5px; top: 50%; border-width: 5px 5px 5px 0; left: -5px; }
.banner.bar--yoyaku { border-bottom: 3px solid #009260; }

.banner-menu { font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; top: 0; }
.banner-menu span { display: inline-block; vertical-align: middle; }
.banner-menu .icon { margin-left: 10px; margin-top: 7px; }
.banner-menu .list--dropdown { min-width: 160px; }

.contentinfo { margin-top: 50px; padding: 25px 0 15px; background: #969696; }

.contentinfo-copy { color: white; }

.navigation { font-size: 13px; font-size: 1.3rem; padding-top: 14px; line-height: 1; }
.navigation > ul:before, .navigation > ul:after { content: " "; display: table; }
.navigation > ul:after { clear: both; }
.navigation > ul > li { float: left; margin-left: 22px; }
.navigation > ul > li:first-child { margin-left: 0; }
.navigation > ul > li a { color: #282828; }
.navigation .list--dropdown { min-width: 160px; }

/* ------------------------------ */
/* Components
/* ------------------------------ */
.btn { display: inline-block; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #F8FAFB; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #d5d5d5)); background-image: -webkit-linear-gradient(top, #fefefe 0%, #d5d5d5 100%); background-image: -moz-linear-gradient(top, #fefefe 0%, #d5d5d5 100%); background-image: -o-linear-gradient(top, #fefefe 0%, #d5d5d5 100%); background-image: linear-gradient(top, #fefefe 0%, #d5d5d5 100%); text-align: center; text-decoration: none; color: #282828; border: 1px solid #bebebe; padding: 8px 10px; line-height: 1; white-space: nowrap; }
.btn.btn--primary { background: #3A91D1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0OThkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzNzdiYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3498db), color-stop(100%, #2377ba)); background-image: -webkit-linear-gradient(top, #3498db 0%, #2377ba 100%); background-image: -moz-linear-gradient(top, #3498db 0%, #2377ba 100%); background-image: -o-linear-gradient(top, #3498db 0%, #2377ba 100%); background-image: linear-gradient(top, #3498db 0%, #2377ba 100%); color: white; border: 1px solid #235e84; }
.btn.btn--info { background: #7BBAE5; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYzJmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVjYTNkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7dc2f0), color-stop(100%, #5ca3da)); background-image: -webkit-linear-gradient(top, #7dc2f0 0%, #5ca3da 100%); background-image: -moz-linear-gradient(top, #7dc2f0 0%, #5ca3da 100%); background-image: -o-linear-gradient(top, #7dc2f0 0%, #5ca3da 100%); background-image: linear-gradient(top, #7dc2f0 0%, #5ca3da 100%); color: white; border: 1px solid #5195c2; }
.btn.btn--emphasis { background: #E24736; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNGMzNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2MzUyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f04c36), color-stop(100%, #d63524)); background-image: -webkit-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: -moz-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: -o-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: linear-gradient(top, #f04c36 0%, #d63524 100%); color: white; border: 1px solid #b83625; }
.btn.btn--success { background: #4CC85B; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5Y2Y1MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMwYTczOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #49cf53), color-stop(100%, #30a738)); background-image: -webkit-linear-gradient(top, #49cf53 0%, #30a738 100%); background-image: -moz-linear-gradient(top, #49cf53 0%, #30a738 100%); background-image: -o-linear-gradient(top, #49cf53 0%, #30a738 100%); background-image: linear-gradient(top, #49cf53 0%, #30a738 100%); color: white; border: 1px solid #217e2d; }
.btn.is-active { background: #E24736; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNGMzNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2MzUyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f04c36), color-stop(100%, #d63524)); background-image: -webkit-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: -moz-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: -o-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: linear-gradient(top, #f04c36 0%, #d63524 100%); color: white; border: 1px solid #b83625; }
.btn.btn--full { display: block; }
.btn.btn--large { font-size: 16px; font-size: 1.6rem; padding: 15px; }
.btn.btn--small { font-size: 12px; font-size: 1.2rem; padding: 2px 5px; }

.btn-a { background: #3A91D1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0OThkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzNzdiYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3498db), color-stop(100%, #2377ba)); background-image: -webkit-linear-gradient(top, #3498db 0%, #2377ba 100%); background-image: -moz-linear-gradient(top, #3498db 0%, #2377ba 100%); background-image: -o-linear-gradient(top, #3498db 0%, #2377ba 100%); background-image: linear-gradient(top, #3498db 0%, #2377ba 100%); color: white; border: 1px solid #235e84; }

.btn-b { background: #E24736; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNGMzNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2MzUyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f04c36), color-stop(100%, #d63524)); background-image: -webkit-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: -moz-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: -o-linear-gradient(top, #f04c36 0%, #d63524 100%); background-image: linear-gradient(top, #f04c36 0%, #d63524 100%); color: white; border: 1px solid #b83625; }

.btn-block { display: block; width: 100%; }

.btn--action--a { min-width: 80px; }

.btn--action { min-width: 390px; }

.btn--drawing_edit { width: 190px; }

.icon { display: inline-block; vertical-align: middle; }

.icon--block { margin-right: 5px; }

.icon--block1, .icon--block2, .icon--block3, .icon--block4, .icon--block5, .icon--block8, .icon--block9, .icon--block12 { margin-left: 10px; }

.icon--dial { margin-right: 10px; }

.icon--mail, .icon--home, .icon--listing, .icon--setting, .icon--global, .icon--search3, .icon--box-add, .icon--maintenance { margin-right: 5px; }

.input { position: relative; display: inline-block; }

.input-icon input[type="text"] { padding-right: 3em; }
.input-icon .icon { position: absolute; right: .5em; top: .5em; }

.message { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px 17px; background: #fff2f2; color: #f45757; }
.message.message--warning { background: #FCF8E3; color: #C09853; }

.icon--arrow-blue-left, .icon--arrow-blue-right, .icon--badge-arrow, .icon--badge-arrow_bottom, .icon--badge-minus, .icon--badge-success, .icon--block, .icon--block1, .icon--block12, .icon--block2, .icon--block3, .icon--block4, .icon--block5, .icon--block8, .icon--block9, .icon--box-add, .icon--cal, .icon--close-gray-large, .icon--close-gray, .icon--cong, .icon--copy-gray-large, .icon--dial, .icon--global-gray-large, .icon--global, .icon--hand, .icon--home, .icon--list-gray-large, .icon--list, .icon--listing, .icon--mail, .icon--maintenance, .icon--next, .icon--prev, .icon--search, .icon--search2, .icon--search3, .icon--setting, .icon--top, .icon--word { background: url("../images/components/sprites/icon.png"); }

.icon--arrow-blue-left { height: 15px; width: 13px; background-position: 0 -745px; }

.icon--arrow-blue-right { height: 15px; width: 12px; background-position: 0 -760px; }

.icon--badge-arrow { height: 25px; width: 25px; background-position: 0 -329px; }

.icon--badge-arrow_bottom { height: 25px; width: 25px; background-position: 0 -436px; }

.icon--badge-minus { height: 25px; width: 24px; background-position: 0 -643px; }

.icon--badge-success { height: 25px; width: 24px; background-position: 0 -461px; }

.icon--block { height: 15px; width: 15px; background-position: 0 -920px; }

.icon--block1 { height: 23px; width: 37px; background-position: 0 -1054px; }

.icon--block12 { height: 27px; width: 37px; background-position: 0 -987px; }

.icon--block2 { height: 17px; width: 37px; background-position: 0 -903px; }

.icon--block3 { height: 23px; width: 37px; background-position: 0 -1014px; }

.icon--block4 { height: 37px; width: 37px; background-position: 0 -950px; }

.icon--block5 { height: 37px; width: 37px; background-position: 0 -799px; }

.icon--block8 { height: 17px; width: 37px; background-position: 0 -1037px; }

.icon--block9 { height: 36px; width: 36px; background-position: 0 -836px; }

.icon--box-add { height: 24px; width: 23px; background-position: 0 -775px; }

.icon--cal { height: 28px; width: 31px; background-position: 0 -668px; }

.icon--close-gray-large { height: 64px; width: 64px; background-position: 0 -72px; }

.icon--close-gray { height: 25px; width: 24px; background-position: 0 -304px; }

.icon--cong { height: 25px; width: 24px; background-position: 0 -557px; }

.icon--copy-gray-large { height: 33px; width: 32px; background-position: 0 -696px; }

.icon--dial { height: 30px; width: 46px; background-position: 0 -250px; }

.icon--global-gray-large { height: 32px; width: 32px; background-position: 0 -136px; }

.icon--global { height: 24px; width: 24px; background-position: 0 -280px; }

.icon--hand { height: 33px; width: 39px; background-position: 0 -354px; }

.icon--home { height: 23px; width: 25px; background-position: 0 -534px; }

.icon--list-gray-large { height: 31px; width: 34px; background-position: 0 -872px; }

.icon--list { height: 15px; width: 16px; background-position: 0 -935px; }

.icon--listing { height: 24px; width: 24px; background-position: 0 -24px; }

.icon--mail { height: 19px; width: 24px; background-position: 0 -582px; }

.icon--maintenance { height: 24px; width: 24px; background-position: 0 0; }

.icon--next { height: 41px; width: 41px; background-position: 0 -168px; }

.icon--prev { height: 41px; width: 41px; background-position: 0 -209px; }

.icon--search { height: 16px; width: 16px; background-position: 0 -729px; }

.icon--search2 { height: 24px; width: 24px; background-position: 0 -387px; }

.icon--search3 { height: 25px; width: 24px; background-position: 0 -411px; }

.icon--setting { height: 24px; width: 24px; background-position: 0 -48px; }

.icon--top { height: 48px; width: 48px; background-position: 0 -486px; }

.icon--word { height: 42px; width: 36px; background-position: 0 -601px; }

.table { font-size: 12px; font-size: 1.2rem; width: 100%; border-left: 1px solid #bebebe; border-top: 1px solid #bebebe; }
.table .table__separate { height: 10px; padding: 0; border: 0; }
.table th, .table td { padding: 10px 15px; border-right: 1px solid #bebebe; border-bottom: 1px solid #bebebe; }

.table--a th { background: #b6dcf9; color: white; white-space: nowrap; }
.table--a td { background: white; }

.table--b { font-size: 14px; font-size: 1.4rem; }
.table--b th { background: #b6dcf9; color: white; }
.table--b tbody tr:nth-child(odd) td:first-child { background: #7ab3de; }
.table--b tbody tr:nth-child(even) td:first-child { background: #5b98c7; }

.table--yoyaku th { background: #f6fde6; white-space: nowrap; }
.table--yoyaku td { background: white; }

.table--rent th { background: #1dcd6e; }

.table--parking th { background: #f8bb50; }

.table--lessor th { background: #f87263; }

.table--ledger th { background: #c88ee0; }

.table-item { font-size: 12px; font-size: 1.2rem; width: 100%; }
.table-item th { white-space: nowrap; }
.table-item th, .table-item td { padding: 10px; border: 1px solid #c0c0c0; border-left: 0; background: #f5f5f5; }
.table-item th:first-child, .table-item td:first-child { border-left: 1px solid #c0c0c0; }
.table-item th.table-item__gray, .table-item td.table-item__gray { background: #d2d2d2; }
.table-item th.table-item__green, .table-item td.table-item__green { background: #f6fde6; }
.table-item .table-item__sparate--large th, .table-item .table-item__sparate--large td { padding: 0; border: 0; height: 35px; background: none; }
.table-item .table-item__sparate th, .table-item .table-item__sparate td { padding: 0; border: 0; height: 5px; background: none; }
.table-item .is-selected td { background: #ff8679; }
.table-item .bg--pink td { background: #fedad9; }
.table-item .bg--yellow td { background: #fee5b0; }
.table-item .bg--white td { background: white; }
.table-item .bg--green td { background: #90eab9; }

.table-item--rent thead th { background: #1dcd6e; }

.table-item--parking thead th { background: #fedd97; }

.table-item--lessor thead th { background: #fdc2c0; }

.table-item--ledger thead th { background: #c88ee0; }

.table-item--yoyaku thead th { background: #f6fde6; }

.table-stripe tr:nth-child(even) { background: #f5f5f5; }

.table-title_stripe tr:nth-child(odd) th { background: #b6dcf9; }
.table-title_stripe tr:nth-child(even) th { background: #86cafc; }
.table-title_stripe th { color: white; }

.table-dotted th, .table-dotted td { padding: 5px 0; border-bottom: 1px dotted #999; }

.table-pad th, .table-pad td { padding: 10px 15px; }

.table-line th, .table-line td { border-bottom: 1px solid #999; }

.column-scroll { overflow-x: scroll; padding: 5px; }
.column-scroll:before, .column-scroll:after { content: " "; display: table; }
.column-scroll:after { clear: both; }
.column-scroll table { background: #fafafa; }
.column-scroll table tbody th { padding: 10px 5px; }
.column-scroll table tbody td { padding: 0 20px; }
.column-scroll .is-yoyaku { background: #217e2d; cursor: pointer; }
.column-scroll .is-other { background: #2980b9; cursor: pointer; }

.thumbnail { display: block; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border: solid 4px #fff; }

.thumbnail-a { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border: solid 4px #fff; text-align: center; }

/* ------------------------------ */
/* Layouts
/* ------------------------------ */
.l-container { max-width: 1000px; margin-left: auto; margin-right: auto; padding: 0 15px; }

.l-content:before, .l-content:after { content: " "; display: table; }
.l-content:after { clear: both; }
.l-content .l-content-secondary { float: left; width: 260px; }
.l-content .l-content-primary { float: right; width: 680px; }

.l-footer a { color: white; }

.l-box--a { width: 480px; }

.l-box--b { width: 450px; }

.l-box--c { width: 450px; }

.l-box--d { width: 785px; }

.l-box--actionicon { width: 50px; }

.l-top { vertical-align: top !important; }

.l-middle { vertical-align: middle !important; }

.l-bottom { vertical-align: bottom !important; }

.l-block { display: block !important; }

.l-table { display: table !important; }

.l-cell { display: table-cell !important; min-width: 1% !important; vertical-align: middle; }

.l-cell--min { width: 1% !important; }

.l-inline { display: inline-block; vertical-align: middle; }

.l-center { text-align: center; }

.l-left { text-align: left; }

.l-right { text-align: right; }

.l-space { margin-bottom: 5px; }

.l-space--xsmall { margin-bottom: 1.66667px; }

.l-space--small { margin-bottom: 2.5px; }

.l-space--large { margin-bottom: 10px; }

.l-space--xlarge { margin-bottom: 15px; }

.l-space--xlarge-top { margin-top: 35px; }

.l-table-fixed { table-layout: fixed; }

.l-absolute { position: absolute; }

.l-relative { position: relative; }

.l-top--0 { top: 0; }

.l-right--0 { right: 0; }

/* ------------------------------ */
/* Modules
/* ------------------------------ */
.size-1_1 { width: 100%; }

.size-1_2 { width: 50% !important; }

.size-block-1_2:before, .size-block-1_2:after { content: " "; display: table; }
.size-block-1_2:after { clear: both; }
.size-block-1_2 li { float: left; width: 50% !important; }

.size-1_3 { width: 33.33333% !important; }

.size-block-1_3:before, .size-block-1_3:after { content: " "; display: table; }
.size-block-1_3:after { clear: both; }
.size-block-1_3 li { float: left; width: 33.33333% !important; }

.size-2_3 { width: 66.66667% !important; }

.size-block-2_3:before, .size-block-2_3:after { content: " "; display: table; }
.size-block-2_3:after { clear: both; }
.size-block-2_3 li { float: left; width: 66.66667% !important; }

.size-1_4 { width: 25% !important; }

.size-block-1_4:before, .size-block-1_4:after { content: " "; display: table; }
.size-block-1_4:after { clear: both; }
.size-block-1_4 li { float: left; width: 25% !important; }

.size-2_4 { width: 50% !important; }

.size-block-2_4:before, .size-block-2_4:after { content: " "; display: table; }
.size-block-2_4:after { clear: both; }
.size-block-2_4 li { float: left; width: 50% !important; }

.size-3_4 { width: 75% !important; }

.size-block-3_4:before, .size-block-3_4:after { content: " "; display: table; }
.size-block-3_4:after { clear: both; }
.size-block-3_4 li { float: left; width: 75% !important; }

.size-1_5 { width: 20% !important; }

.size-block-1_5:before, .size-block-1_5:after { content: " "; display: table; }
.size-block-1_5:after { clear: both; }
.size-block-1_5 li { float: left; width: 20% !important; }

.size-2_5 { width: 40% !important; }

.size-block-2_5:before, .size-block-2_5:after { content: " "; display: table; }
.size-block-2_5:after { clear: both; }
.size-block-2_5 li { float: left; width: 40% !important; }

.size-3_5 { width: 60% !important; }

.size-block-3_5:before, .size-block-3_5:after { content: " "; display: table; }
.size-block-3_5:after { clear: both; }
.size-block-3_5 li { float: left; width: 60% !important; }

.size-4_5 { width: 80% !important; }

.size-block-4_5:before, .size-block-4_5:after { content: " "; display: table; }
.size-block-4_5:after { clear: both; }
.size-block-4_5 li { float: left; width: 80% !important; }

.size-1_6 { width: 16.66667% !important; }

.size-block-1_6:before, .size-block-1_6:after { content: " "; display: table; }
.size-block-1_6:after { clear: both; }
.size-block-1_6 li { float: left; width: 16.66667% !important; }

.size-2_6 { width: 33.33333% !important; }

.size-block-2_6:before, .size-block-2_6:after { content: " "; display: table; }
.size-block-2_6:after { clear: both; }
.size-block-2_6 li { float: left; width: 33.33333% !important; }

.size-3_6 { width: 50% !important; }

.size-block-3_6:before, .size-block-3_6:after { content: " "; display: table; }
.size-block-3_6:after { clear: both; }
.size-block-3_6 li { float: left; width: 50% !important; }

.size-4_6 { width: 66.66667% !important; }

.size-block-4_6:before, .size-block-4_6:after { content: " "; display: table; }
.size-block-4_6:after { clear: both; }
.size-block-4_6 li { float: left; width: 66.66667% !important; }

.size-5_6 { width: 83.33333% !important; }

.size-block-5_6:before, .size-block-5_6:after { content: " "; display: table; }
.size-block-5_6:after { clear: both; }
.size-block-5_6 li { float: left; width: 83.33333% !important; }

.size-1_7 { width: 14.28571% !important; }

.size-block-1_7:before, .size-block-1_7:after { content: " "; display: table; }
.size-block-1_7:after { clear: both; }
.size-block-1_7 li { float: left; width: 14.28571% !important; }

.size-2_7 { width: 28.57143% !important; }

.size-block-2_7:before, .size-block-2_7:after { content: " "; display: table; }
.size-block-2_7:after { clear: both; }
.size-block-2_7 li { float: left; width: 28.57143% !important; }

.size-3_7 { width: 42.85714% !important; }

.size-block-3_7:before, .size-block-3_7:after { content: " "; display: table; }
.size-block-3_7:after { clear: both; }
.size-block-3_7 li { float: left; width: 42.85714% !important; }

.size-4_7 { width: 57.14286% !important; }

.size-block-4_7:before, .size-block-4_7:after { content: " "; display: table; }
.size-block-4_7:after { clear: both; }
.size-block-4_7 li { float: left; width: 57.14286% !important; }

.size-5_7 { width: 71.42857% !important; }

.size-block-5_7:before, .size-block-5_7:after { content: " "; display: table; }
.size-block-5_7:after { clear: both; }
.size-block-5_7 li { float: left; width: 71.42857% !important; }

.size-6_7 { width: 85.71429% !important; }

.size-block-6_7:before, .size-block-6_7:after { content: " "; display: table; }
.size-block-6_7:after { clear: both; }
.size-block-6_7 li { float: left; width: 85.71429% !important; }

.size-1_8 { width: 12.5% !important; }

.size-block-1_8:before, .size-block-1_8:after { content: " "; display: table; }
.size-block-1_8:after { clear: both; }
.size-block-1_8 li { float: left; width: 12.5% !important; }

.size-2_8 { width: 25% !important; }

.size-block-2_8:before, .size-block-2_8:after { content: " "; display: table; }
.size-block-2_8:after { clear: both; }
.size-block-2_8 li { float: left; width: 25% !important; }

.size-3_8 { width: 37.5% !important; }

.size-block-3_8:before, .size-block-3_8:after { content: " "; display: table; }
.size-block-3_8:after { clear: both; }
.size-block-3_8 li { float: left; width: 37.5% !important; }

.size-4_8 { width: 50% !important; }

.size-block-4_8:before, .size-block-4_8:after { content: " "; display: table; }
.size-block-4_8:after { clear: both; }
.size-block-4_8 li { float: left; width: 50% !important; }

.size-5_8 { width: 62.5% !important; }

.size-block-5_8:before, .size-block-5_8:after { content: " "; display: table; }
.size-block-5_8:after { clear: both; }
.size-block-5_8 li { float: left; width: 62.5% !important; }

.size-6_8 { width: 75% !important; }

.size-block-6_8:before, .size-block-6_8:after { content: " "; display: table; }
.size-block-6_8:after { clear: both; }
.size-block-6_8 li { float: left; width: 75% !important; }

.size-7_8 { width: 87.5% !important; }

.size-block-7_8:before, .size-block-7_8:after { content: " "; display: table; }
.size-block-7_8:after { clear: both; }
.size-block-7_8 li { float: left; width: 87.5% !important; }

.size-1_9 { width: 11.11111% !important; }

.size-block-1_9:before, .size-block-1_9:after { content: " "; display: table; }
.size-block-1_9:after { clear: both; }
.size-block-1_9 li { float: left; width: 11.11111% !important; }

.size-2_9 { width: 22.22222% !important; }

.size-block-2_9:before, .size-block-2_9:after { content: " "; display: table; }
.size-block-2_9:after { clear: both; }
.size-block-2_9 li { float: left; width: 22.22222% !important; }

.size-3_9 { width: 33.33333% !important; }

.size-block-3_9:before, .size-block-3_9:after { content: " "; display: table; }
.size-block-3_9:after { clear: both; }
.size-block-3_9 li { float: left; width: 33.33333% !important; }

.size-4_9 { width: 44.44444% !important; }

.size-block-4_9:before, .size-block-4_9:after { content: " "; display: table; }
.size-block-4_9:after { clear: both; }
.size-block-4_9 li { float: left; width: 44.44444% !important; }

.size-5_9 { width: 55.55556% !important; }

.size-block-5_9:before, .size-block-5_9:after { content: " "; display: table; }
.size-block-5_9:after { clear: both; }
.size-block-5_9 li { float: left; width: 55.55556% !important; }

.size-6_9 { width: 66.66667% !important; }

.size-block-6_9:before, .size-block-6_9:after { content: " "; display: table; }
.size-block-6_9:after { clear: both; }
.size-block-6_9 li { float: left; width: 66.66667% !important; }

.size-7_9 { width: 77.77778% !important; }

.size-block-7_9:before, .size-block-7_9:after { content: " "; display: table; }
.size-block-7_9:after { clear: both; }
.size-block-7_9 li { float: left; width: 77.77778% !important; }

.size-8_9 { width: 88.88889% !important; }

.size-block-8_9:before, .size-block-8_9:after { content: " "; display: table; }
.size-block-8_9:after { clear: both; }
.size-block-8_9 li { float: left; width: 88.88889% !important; }

.size-1_10 { width: 10% !important; }

.size-block-1_10:before, .size-block-1_10:after { content: " "; display: table; }
.size-block-1_10:after { clear: both; }
.size-block-1_10 li { float: left; width: 10% !important; }

.size-2_10 { width: 20% !important; }

.size-block-2_10:before, .size-block-2_10:after { content: " "; display: table; }
.size-block-2_10:after { clear: both; }
.size-block-2_10 li { float: left; width: 20% !important; }

.size-3_10 { width: 30% !important; }

.size-block-3_10:before, .size-block-3_10:after { content: " "; display: table; }
.size-block-3_10:after { clear: both; }
.size-block-3_10 li { float: left; width: 30% !important; }

.size-4_10 { width: 40% !important; }

.size-block-4_10:before, .size-block-4_10:after { content: " "; display: table; }
.size-block-4_10:after { clear: both; }
.size-block-4_10 li { float: left; width: 40% !important; }

.size-5_10 { width: 50% !important; }

.size-block-5_10:before, .size-block-5_10:after { content: " "; display: table; }
.size-block-5_10:after { clear: both; }
.size-block-5_10 li { float: left; width: 50% !important; }

.size-6_10 { width: 60% !important; }

.size-block-6_10:before, .size-block-6_10:after { content: " "; display: table; }
.size-block-6_10:after { clear: both; }
.size-block-6_10 li { float: left; width: 60% !important; }

.size-7_10 { width: 70% !important; }

.size-block-7_10:before, .size-block-7_10:after { content: " "; display: table; }
.size-block-7_10:after { clear: both; }
.size-block-7_10 li { float: left; width: 70% !important; }

.size-8_10 { width: 80% !important; }

.size-block-8_10:before, .size-block-8_10:after { content: " "; display: table; }
.size-block-8_10:after { clear: both; }
.size-block-8_10 li { float: left; width: 80% !important; }

.size-9_10 { width: 90% !important; }

.size-block-9_10:before, .size-block-9_10:after { content: " "; display: table; }
.size-block-9_10:after { clear: both; }
.size-block-9_10 li { float: left; width: 90% !important; }

.size-1_11 { width: 9.09091% !important; }

.size-block-1_11:before, .size-block-1_11:after { content: " "; display: table; }
.size-block-1_11:after { clear: both; }
.size-block-1_11 li { float: left; width: 9.09091% !important; }

.size-2_11 { width: 18.18182% !important; }

.size-block-2_11:before, .size-block-2_11:after { content: " "; display: table; }
.size-block-2_11:after { clear: both; }
.size-block-2_11 li { float: left; width: 18.18182% !important; }

.size-3_11 { width: 27.27273% !important; }

.size-block-3_11:before, .size-block-3_11:after { content: " "; display: table; }
.size-block-3_11:after { clear: both; }
.size-block-3_11 li { float: left; width: 27.27273% !important; }

.size-4_11 { width: 36.36364% !important; }

.size-block-4_11:before, .size-block-4_11:after { content: " "; display: table; }
.size-block-4_11:after { clear: both; }
.size-block-4_11 li { float: left; width: 36.36364% !important; }

.size-5_11 { width: 45.45455% !important; }

.size-block-5_11:before, .size-block-5_11:after { content: " "; display: table; }
.size-block-5_11:after { clear: both; }
.size-block-5_11 li { float: left; width: 45.45455% !important; }

.size-6_11 { width: 54.54545% !important; }

.size-block-6_11:before, .size-block-6_11:after { content: " "; display: table; }
.size-block-6_11:after { clear: both; }
.size-block-6_11 li { float: left; width: 54.54545% !important; }

.size-7_11 { width: 63.63636% !important; }

.size-block-7_11:before, .size-block-7_11:after { content: " "; display: table; }
.size-block-7_11:after { clear: both; }
.size-block-7_11 li { float: left; width: 63.63636% !important; }

.size-8_11 { width: 72.72727% !important; }

.size-block-8_11:before, .size-block-8_11:after { content: " "; display: table; }
.size-block-8_11:after { clear: both; }
.size-block-8_11 li { float: left; width: 72.72727% !important; }

.size-9_11 { width: 81.81818% !important; }

.size-block-9_11:before, .size-block-9_11:after { content: " "; display: table; }
.size-block-9_11:after { clear: both; }
.size-block-9_11 li { float: left; width: 81.81818% !important; }

.size-10_11 { width: 90.90909% !important; }

.size-block-10_11:before, .size-block-10_11:after { content: " "; display: table; }
.size-block-10_11:after { clear: both; }
.size-block-10_11 li { float: left; width: 90.90909% !important; }

.size-1_12 { width: 8.33333% !important; }

.size-block-1_12:before, .size-block-1_12:after { content: " "; display: table; }
.size-block-1_12:after { clear: both; }
.size-block-1_12 li { float: left; width: 8.33333% !important; }

.size-2_12 { width: 16.66667% !important; }

.size-block-2_12:before, .size-block-2_12:after { content: " "; display: table; }
.size-block-2_12:after { clear: both; }
.size-block-2_12 li { float: left; width: 16.66667% !important; }

.size-3_12 { width: 25% !important; }

.size-block-3_12:before, .size-block-3_12:after { content: " "; display: table; }
.size-block-3_12:after { clear: both; }
.size-block-3_12 li { float: left; width: 25% !important; }

.size-4_12 { width: 33.33333% !important; }

.size-block-4_12:before, .size-block-4_12:after { content: " "; display: table; }
.size-block-4_12:after { clear: both; }
.size-block-4_12 li { float: left; width: 33.33333% !important; }

.size-5_12 { width: 41.66667% !important; }

.size-block-5_12:before, .size-block-5_12:after { content: " "; display: table; }
.size-block-5_12:after { clear: both; }
.size-block-5_12 li { float: left; width: 41.66667% !important; }

.size-6_12 { width: 50% !important; }

.size-block-6_12:before, .size-block-6_12:after { content: " "; display: table; }
.size-block-6_12:after { clear: both; }
.size-block-6_12 li { float: left; width: 50% !important; }

.size-7_12 { width: 58.33333% !important; }

.size-block-7_12:before, .size-block-7_12:after { content: " "; display: table; }
.size-block-7_12:after { clear: both; }
.size-block-7_12 li { float: left; width: 58.33333% !important; }

.size-8_12 { width: 66.66667% !important; }

.size-block-8_12:before, .size-block-8_12:after { content: " "; display: table; }
.size-block-8_12:after { clear: both; }
.size-block-8_12 li { float: left; width: 66.66667% !important; }

.size-9_12 { width: 75% !important; }

.size-block-9_12:before, .size-block-9_12:after { content: " "; display: table; }
.size-block-9_12:after { clear: both; }
.size-block-9_12 li { float: left; width: 75% !important; }

.size-10_12 { width: 83.33333% !important; }

.size-block-10_12:before, .size-block-10_12:after { content: " "; display: table; }
.size-block-10_12:after { clear: both; }
.size-block-10_12 li { float: left; width: 83.33333% !important; }

.size-11_12 { width: 91.66667% !important; }

.size-block-11_12:before, .size-block-11_12:after { content: " "; display: table; }
.size-block-11_12:after { clear: both; }
.size-block-11_12 li { float: left; width: 91.66667% !important; }

.form-inline label { padding: 10px 0; }

.form-item { display: inline-block; vertical-align: middle; margin-right: 20px; }
.form-item:last-child { margin-right: 0; }

.form-item--a { margin-right: 10px; }

.form--password { padding: 20px; }
.form--password input[type="text"] { width: 200px; }
.form--password button { min-width: 200px; }

.form--along { width: 500px; }

.radio { margin-right: 5px; }

.labels:before, .labels:after { content: " "; display: table; }
.labels:after { clear: both; }
.labels label { float: left; margin-right: 20px; }

.labels--vertical label { margin-bottom: 10px; }

.label-left { margin-right: 10px; }

.label-right { margin-left: 10px; }

.label-center { margin-left: 10px; margin-right: 10px; }

.input { position: relative; }
.input input { padding-right: 45px; }
.input.has-icon .icon { position: absolute; top: 10px; right: 10px; }

.exselect-control.input-xsmall, select.input-xsmall, input[type="text"].input-xsmall { width: 60px; }
.exselect-control.input-small, select.input-small, input[type="text"].input-small { width: 100px; }
.exselect-control.input-midium, select.input-midium, input[type="text"].input-midium { width: 165px; }
.exselect-control.input-large, select.input-large, input[type="text"].input-large { width: 185px; }

.input-group { display: table; position: relative; }
.input-group input[type="text"] { width: 100%; }
.input-group .input-group__label, .input-group .input-group__button, .input-group input[type="text"] { display: table-cell; vertical-align: middle; }
.input-group .btn { height: 44px; }
.input-group .input-group__button { width: 1%; }
.input-group .input-group__button:first-child .exselect .exselect__btn { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-right: 0; }
.input-group .input-group__button:last-child .exselect .exselect__btn { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-left: 0; }
.input-group .input-group__button:last-child .btn:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-left: 0; }

.card--panel { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 18px 100px; }

.card--menu { padding: 5px; }

.card--side { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; }

.card--field { padding: 25px 20px; }

.card--rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.card--index { padding: 10px; }

.card--action { padding: 15px; }

.card--group { padding: 20px; }

.card--a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; background: #d9edf7; }

.card--b { padding: 40px; border: 1px solid #bcbcbc; }

.card--c { background: #e2e2e2; }

.card--d { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; background: #D7EDF6; }

.card--e { padding: 10px; border: 1px solid #bcbcbc; background: #fff; }

.card--f { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; background: whitesmoke; }

.card--dot { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 2px dotted #282828; background: #fafafa; }

.card--box { background: #faf9ef; }

.card--internet { background: #fffed3; }

.card--rent { background: #2ecc71; }

.card--lessor { background: #fdc2c0; }

.card--parking { background: #fedd97; }

.card--search { background: #fbe685; }

.card--flyer { background: #f29c9f; }

.card--business { background: #69beeb; }

.card--staff { background: #e9bcff; }

.card--media { background: #a6fba0; }

.list--inline li { display: inline-table; margin-right: 5px; margin-bottom: 10px; }
.list--inline li:last-child { margin-right: 0; }

.list--horizontal:before, .list--horizontal:after { content: " "; display: table; }
.list--horizontal:after { clear: both; }
.list--horizontal li { float: left; margin-left: 10px; }
.list--horizontal li:first-child { margin-left: 0; }

.list--btns:before, .list--btns:after { content: " "; display: table; }
.list--btns:after { clear: both; }
.list--btns li { float: left; margin-left: 10px; }
.list--btns li:first-child { margin-left: 0; }

.list--vbtns li { margin-bottom: 20px; }
.list--vbtns li:last-child { margin-bottom: 0; }

.list--state:before, .list--state:after { content: " "; display: table; }
.list--state:after { clear: both; }
.list--state li { float: left; margin-right: 20px; line-height: 2; }

.list--stacked li { line-height: 2; }

.list--inbtn li { margin-bottom: 24px; }
.list--inbtn .btn { margin-left: 10px; }

.list--dropdown { box-shadow: 0 0 3px; background: #fff; }
.list--dropdown a { display: block; padding: 5px; }
.list--dropdown a:hover { background: #2980b9; color: #fff; }

.list--format li { margin-bottom: 20px; }
.list--format .icon { margin-right: 20px; }

.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav li { float: left; }

.nav-inline, .nav-local, .nav-tab { letter-spacing: -0.4em; }
.nav-inline li, .nav-local li, .nav-tab li { letter-spacing: normal; display: inline-block; vertical-align: middle; }

.nav-local li { margin-left: 30px; }
.nav-local li:first-child { margin-left: 0; }

.nav-menu:before, .nav-menu:after { content: " "; display: table; }
.nav-menu:after { clear: both; }
.nav-menu li { float: left; margin-left: 10px; }
.nav-menu li:first-child { margin-left: 0; }
.nav-menu a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; vertical-align: middle; background: #f5f5f5; padding: 15px; }
.nav-menu a:hover, .nav-menu a.is-selected { color: white; background: #2980b9; }
.nav-menu.has-label { margin-left: 5px; }

.nav-tab li { margin-left: 10px; }
.nav-tab li:first-child { margin-left: 0; }
.nav-tab a { display: inline-block; vertical-align: middle; font-size: 16px; font-size: 1.6rem; padding: 5px 35px; background: #f5f5f5; font-weight: bold; }
.nav-tab a:hover, .nav-tab a.is-selected { background: #ff8679; color: white; }

.nav-button { margin-top: 50px; text-align: center; }
.nav-button.nav-button--multi ul { display: inline-block; vertical-align: middle; }
.nav-button.nav-button--multi ul:before, .nav-button.nav-button--multi ul:after { content: " "; display: table; }
.nav-button.nav-button--multi ul:after { clear: both; }
.nav-button.nav-button--multi li { float: left; margin-left: 12px; }
.nav-button.nav-button--multi li:first-child { margin-left: 0; }

.nav-tip { margin-bottom: 15px; }
.nav-tip:before, .nav-tip:after { content: " "; display: table; }
.nav-tip:after { clear: both; }
.nav-tip li { float: left; margin-left: 10px; }
.nav-tip li:first-child { margin-left: 0; }
.nav-tip a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; vertical-align: middle; min-width: 140px; color: white; padding: 10px; text-align: center; }
.nav-tip a.nav-tip__btn { background: white; color: #278bd1; font-weight: bold; }
.nav-tip a.nav-tip__btn:hover { color: #278bd1; background: white; }
.nav-tip a.nav-tip__btn:hover:before { border: 0; }

.nav-tip--rent a { color: white; }
.nav-tip--rent a:hover, .nav-tip--rent a.is-selected { background: #13982f; position: relative; color: white; }
.nav-tip--rent a:hover:before, .nav-tip--rent a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #13982f transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--parking a { color: white; }
.nav-tip--parking a:hover, .nav-tip--parking a.is-selected { background: #ff9300; position: relative; color: white; }
.nav-tip--parking a:hover:before, .nav-tip--parking a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #ff9300 transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--lessor a { color: white; }
.nav-tip--lessor a:hover, .nav-tip--lessor a.is-selected { background: #f87263; position: relative; color: white; }
.nav-tip--lessor a:hover:before, .nav-tip--lessor a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #f87263 transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--internet a { color: #969696; }
.nav-tip--internet a:hover, .nav-tip--internet a.is-selected { background: #c8c42c; position: relative; color: white; }
.nav-tip--internet a:hover:before, .nav-tip--internet a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #c8c42c transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--flyer a:hover, .nav-tip--flyer a.is-selected { background: #df5156; position: relative; color: white; }
.nav-tip--flyer a:hover:before, .nav-tip--flyer a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #df5156 transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--search a:hover, .nav-tip--search a.is-selected { background: #f0ca1b; position: relative; color: white; }
.nav-tip--search a:hover:before, .nav-tip--search a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #f0ca1b transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--business a:hover, .nav-tip--business a.is-selected { background: #0096ff; position: relative; color: white; }
.nav-tip--business a:hover:before, .nav-tip--business a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #0096ff transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--staff a:hover, .nav-tip--staff a.is-selected { background: #d889ff; position: relative; color: white; }
.nav-tip--staff a:hover:before, .nav-tip--staff a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #d889ff transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.nav-tip--media a:hover, .nav-tip--media a.is-selected { background: #61f857; position: relative; color: white; }
.nav-tip--media a:hover:before, .nav-tip--media a.is-selected:before { border-style: solid; content: ""; display: block; position: absolute; border-color: #61f857 transparent; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; bottom: -5px; }

.title-page { margin-bottom: 20px; color: #969696; }

.title-main { margin-bottom: 15px; padding: 0 15px; }
.title-main .title-main__title { font-size: 30px; font-size: 3rem; font-weight: bold; color: #fff; line-height: 1; }
.title-main .title-main__inner { padding: 25px 0; }
.title-main.title-main--top { background: #2980b9; }
.title-main.title-main--rent { background: #1dcd6e; }
.title-main.title-main--rent .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--parking { background: #f8bb50; }
.title-main.title-main--parking .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--lessor { background: #f87263; }
.title-main.title-main--lessor .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--ledger { background: #c88ee0; }
.title-main.title-main--internet { background: #fffed3; }
.title-main.title-main--internet .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--internet .title-main__title { color: #969696; }
.title-main.title-main--setting { background: #868686; }
.title-main.title-main--setting .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--flyer { background: #f29c9f; }
.title-main.title-main--flyer .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--search { background: #fbe685; }
.title-main.title-main--search .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--format { background: #b8dd84; }
.title-main.title-main--format .title-main__inner { background: url(/assets/images/components/item/chintiger.png) right bottom no-repeat; }
.title-main.title-main--business { background: #69beeb; }
.title-main.title-main--business .title-main__inner { background: url(/assets/images/components/item/chintiger_glitter.png) right bottom no-repeat; }
.title-main.title-main--staff { background: #e9bcff; }
.title-main.title-main--staff .title-main__inner { background: url(/assets/images/components/item/chintiger_glitter.png) right bottom no-repeat; }
.title-main.title-main--environment { background: #a6fba0; }
.title-main.title-main--environment .title-main__inner { background: url(/assets/images/components/item/chintiger_glitter.png) right bottom no-repeat; }
.title-main.title-main--comingitem { background: #f8bb50; }
.title-main.title-main--comingitem .title-main__inner { background: url(/assets/images/components/item/chintiger_glitter.png) right bottom no-repeat; }
.title-main.title-main--media { background: #a6fba0; }
.title-main.title-main--media .title-main__inner { background: url(/assets/images/components/item/chintiger_glitter.png) right bottom no-repeat; }

.title-section { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px; font-weight: bold; color: #2980b9; border-bottom: 1px solid #2980b9; }

.title-form { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; }

.title-statement { font-size: 24px; font-size: 2.4rem; font-weight: bold; }

.title-dotline { border-bottom: 1px dotted #999; }

.title-line { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #969696; }

.title-formgroup { font-size: 20px; font-size: 2rem; }

.title-error { font-size: 48px; font-size: 4.8rem; color: #3399cc; }

.media:before, .media:after { content: " "; display: table; }
.media:after { clear: both; }
.media .media__image { float: left; margin-right: 40px; }
.media .media__body { overflow: hidden; }

/* image-unit */
.image-unit { position: relative; }
.image-unit .image-unit__handle { right: -10px; top: -10px; position: absolute; }

/* text */
.text-a { padding-bottom: 5px; border-bottom: 1px solid white; color: white; }

.text-publish { color: #49d053; }

.text-private { color: #f04c36; }

.text-emphasis { color: #f45757; }

.text-all { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #969696; }

dl.accordion { background: #f0f0f0; padding: 10px 10px 5px 10px; margin-bottom: 10px; }
dl.accordion dt { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #F8FAFB; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #d5d5d5)); background-image: -webkit-linear-gradient(top, #fefefe 0%, #d5d5d5 100%); background-image: -moz-linear-gradient(top, #fefefe 0%, #d5d5d5 100%); background-image: -o-linear-gradient(top, #fefefe 0%, #d5d5d5 100%); background-image: linear-gradient(top, #fefefe 0%, #d5d5d5 100%); text-align: center; text-decoration: none; color: #282828; border: 1px solid #bebebe; padding: 8px 10px; line-height: 1; white-space: nowrap; margin-bottom: 10px; }
dl.accordion dt.open { background: #ccc; }
dl.accordion dd { background: #fff; display: none; padding: 10px; }

.calendar { background: #ddd; border-radius: 5px; box-sizing: border-box; padding: 10px 5px 5px 5px; width: 220px; }
.calendar header { overflow: clear; position: relative; }
.calendar h2 { font-size: 14px; font-size: 1.4rem; font-weight: 600; text-align: center; margin-bottom: 10px; }
.calendar button { font-size: 10px; font-size: 1rem; cursor: pointer; position: absolute; top: -4px; }
.calendar button:first-child { left: 0; }
.calendar button:last-child { right: 0; }
.calendar table { background: #fff; border-collapse: collapse; color: #222; font-family: 'PT Sans', sans-serif; font-size: 13px; width: 100%; }
.calendar th, .calendar td { border: 1px solid #ccc; color: #444; cursor: pointer; line-height: 22px; text-align: center; }
.calendar th { background: #fafafa; }
.calendar .is-holiday { background: #ff9a92; font-weight: 600; }
.calendar .is-today { background: #ddd; }
.calendar .is-selected { background: #f49a08; color: #fff; }

.pagination { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; vertical-align: middle; padding: 8px; background: #f5f5f5; line-height: 1; }
.pagination .pagination__item { display: inline-block; vertical-align: middle; }
.pagination .pagination__list { margin-right: 10px; }
.pagination .pagination__list:before, .pagination .pagination__list:after { content: " "; display: table; }
.pagination .pagination__list:after { clear: both; }
.pagination .pagination__list li { float: left; margin-left: 10px; }
.pagination .pagination__list span, .pagination .pagination__list a { display: block; padding: 8px; text-align: center; }
.pagination .pagination__list span.is-selected, .pagination .pagination__list span:hover, .pagination .pagination__list a.is-selected, .pagination .pagination__list a:hover { background: #2980b9; color: white; }

.breadcrumb { margin-bottom: 25px; }
.breadcrumb:before, .breadcrumb:after { content: " "; display: table; }
.breadcrumb:after { clear: both; }
.breadcrumb li { float: left; }
.breadcrumb li:last-child:after { content: ''; margin: 0 5px; }
.breadcrumb li:after { content: '/'; margin: 0; }

.property .media .media__image { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); background: white; text-align: center; }

.property { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted #999; }
.property:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.property .property__pict { display: inline-block; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; font-size: 12px; font-size: 1.2rem; padding: 3px; color: white; background: #92a6e6; }
.property .property__action { margin-top: 10px; text-align: right; }
.property .property__item { margin-bottom: 20px; }
.property .property__item:last-child { margin-bottom: 0; }
.property .media .media__image { width: 170px; }

.property-header { padding: 10px; background: #faf9ef; margin-bottom: 20px; }
.property-header:before, .property-header:after { content: " "; display: table; }
.property-header:after { clear: both; }
.property-header .property-header__title { float: left; }
.property-header .property-header__name { font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.property-header .property-header__nav { float: right; }
.property-header .property-header__nav li { margin-left: 10px; }

.step.step--noarrow li { margin-bottom: 20px; }
.step.step--noarrow li:after { display: none; }
.step li { position: relative; }
.step li .icon { position: absolute; right: -5px; top: -5px; }
.step li:after { background: url(/assets/images/components/item/arrow.png); display: block; content: ''; width: 31px; height: 17px; margin: 18px auto; }
.step li:last-child:after { display: none; }
.step a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 15px; font-size: 1.5rem; display: block; text-align: center; text-decoration: none; padding: 15px; background: white; }
.step a.is-selected, .step a:hover { background: #2980b9; color: white; }

.separate { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted #999; }
.separate .l-space:last-child { margin-bottom: 0; }

.separate-a { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #999; }

.modal { position: relative; width: 790px; padding: 50px; background: white; }
.modal.modal--middle { width: 890px; }
.modal.modal--large { width: 960px; }
.modal.is-hidden { display: none; }
.modal .modal__close { position: absolute; right: -30px; top: -30px; }

.unit { display: table; margin-bottom: 50px; }
.unit:last-child { margin-bottom: 0; }
.unit .unit__item { display: table-cell; vertical-align: middle; }
.unit .unit__check { padding: 15px; }
.unit .unit__body { position: relative; padding-left: 40px; vertical-align: top; }
.unit .unit__fixbottom { position: absolute; left: 40px; bottom: 0; }

.widget { margin-bottom: 35px; }
.widget:last-child { margin-bottom: 0; }
.widget .widget__title { font-size: 16px; font-size: 1.6rem; margin-bottom: 8px; }
.widget .widget__title .icon { margin-right: 5px; }
.widget.widget--side { border-top: 1px solid #bebebe; padding-top: 15px; margin-top: 15px; margin-bottom: 0; }
.widget.widget--side:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.widget.widget--side .widget__item { margin-bottom: 15px; }
.widget.widget--side .widget__item:last-child { margin-bottom: 0; }

.exselect { position: relative; display: inline-block; vertical-align: middle; }
.exselect a { outline: none; }
.is-open.exselect .exselect__menu { display: block; }
.is-disabled.exselect a { cursor: not-allowed; }

.exselect .exselect__menu { display: none; position: absolute; z-index: 1000; top: 100%; left: 0; width: 100%; }

.exselect .exselect__label { overflow: hidden; text-align: left; }

.exselect .exselect__arrow { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; }

select.js-exselect { display: none; }

.exselect a { background: #F8FAFB; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background-image: linear-gradient(top, #ffffff 0%, #e6e6e6 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; position: relative; padding-top: 11px; padding-left: 5px; width: 100%; height: 44px; border: solid 1px #bebebe; cursor: pointer; color: #333; }
.exselect .exselect__label { margin-right: 20px; }
.exselect .exselect__btn { position: relative; }
.exselect .exselect__btn .exselect__arrow { position: absolute; top: 20px; right: 10px; }
.exselect .exselect__list li { cursor: pointer; padding: 5px; }
.exselect .exselect__list li:hover { background: #2980b9; color: #fff; }
.exselect.is-disabled a { background: #fff; color: #969696; }
.exselect.is-disabled .exselect__arrow { border-top-color: #969696; }
.exselect .exselect__menu { box-shadow: 0 0 3px; background: #fff; max-height: 186px; overflow: auto; }

select.js-exselect-block { display: none; }

/* linelink */
.linelink { font-size: 24px; font-size: 2.4rem; padding: 33px 0; border-top: 2px solid #969696; border-bottom: 2px solid #969696; font-weight: bold; }
.linelink a { color: #2980b9; }
.linelink .icon { margin-right: 10px; }

/* dropfield */
.dropfield { padding: 80px 0; text-align: center; }

.frame { width: 100%; border-left: 2px solid #828282; border-top: 2px solid #828282; }
.frame td { vertical-align: middle; text-align: center; background: #fafafa; border-right: 2px solid #828282; border-bottom: 2px solid #828282; }
.frame .frame__number { font-size: 24px; font-size: 2.4rem; color: #828282; margin-right: 20px; }
.frame .frame__cell-a { height: 480px; }
.frame .frame__cell-b { height: 340px; padding-top: 30px; }
.frame .frame__cell-c { height: 690px; }
.frame .frame__cell-d { height: 245px; }
.frame .frame__cell-e { height: 225px; }
.frame .frame__cell-f { height: 380px; }
.frame .frame__cell-g { height: 460px; }
.frame .frame__cell-h { height: 195px; }

.block { display: inline-block; vertical-align: middle; width: 100px; height: 17px; border: 1px solid #c0c0c0; }

.block--a { background: #ff8679; }

.pagetop { text-align: right; }
.pagetop.is-fluid { display: block; margin-right: 30px; margin-top: -48px; }
.pagetop.is-hidden { display: none; }
.pagetop.is-fixed { position: fixed; right: 30px; bottom: 0px; }

.spec-item:before, .spec-item:after { content: " "; display: table; }
.spec-item:after { clear: both; }
.spec-item .spec-item__check { float: left; margin-right: 10px; padding: 10px; background: #e1e1e1; }
.spec-item .spec-item__image { float: left; margin-right: 10px; width: 150px; max-height: 200px; text-align: center; }
.spec-item .spec-item__image img { max-width: 142px; }
.spec-item .spec-item__body { overflow: hidden; }
.spec-item table { font-size: 14px; font-size: 1.4rem; }

.slider__prev, .slider__next { position: absolute; top: 50%; margin-top: -20px; }

.slider { position: relative; }

.slider__prev { left: 15px; }

.slider__next { right: 15px; }

.slider__container { width: 190px; height: 175px; overflow: hidden; margin-left: auto; margin-right: auto; }
.slider__container img { max-width: 190px; max-height: 175px; }

.panel { background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border-radius: 3px; border: solid 1px #c8c8c8; }

.panel__header { padding: 1em; background: #f5f5f5; border-bottom: solid 1px #c8c8c8; }

.panel__content { padding: 1em; }

.symbol { font-size: 15px; font-size: 1.5rem; display: block; text-align: center; font-weight: bold; }
.symbol img { display: block; margin-bottom: 5px; }

.article { margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px dotted #999999; }
.article:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.article .article__title { font-size: 16px; font-size: 1.6rem; }
.article .article__header { margin-bottom: 30px; }
.article .article__header .label { margin-left: 14px; }
.article .article__meta { font-size: 12px; font-size: 1.2rem; }
.article p { margin-bottom: 1em; }
.article p:last-child { margin-bottom: 0; }

.label { font-size: 12px; font-size: 1.2rem; display: inline-block; color: white; padding: 3px 20px; border-radius: 5px; font-weight: normal; }

.label--emphasis { background: #F94937; }

.alert_field { position: relative; }
.alert_field .alert_field__item { position: absolute; top: 20px; padding: 10px; background: #D2363A; background: rgba(255, 51, 51, 0.8); color: white; border-radius: 5px; }
.alert_field .alert_field__item.alert_field__item--right { right: 0; }

.menu-top { position: relative; height: 1050px; }
.menu-top .menu-top__item { position: absolute; }
.menu-top .menu-top__1-1 { left: 0; top: 0px; }
.menu-top .menu-top__1-2 { left: 170px; top: 0px; }
.menu-top .menu-top__1-3 { left: 340px; top: 0px; }
.menu-top .menu-top__1-4 { left: 510px; top: 0px; }
.menu-top .menu-top__2-1 { left: 0px; top: 220px; }
.menu-top .menu-top__2-2 { left: 170px; top: 220px; }
.menu-top .menu-top__2-3 { left: 340px; top: 220px; }
.menu-top .menu-top__2-4 { left: 510px; top: 220px; }
.menu-top .menu-top__3-1 { left: 0; top: 420px; }
.menu-top .menu-top__3-2 { left: 170px; top: 420px; }
.menu-top .menu-top__3-3 { left: 340px; top: 420px; }
.menu-top .menu-top__3-4 { left: 510px; top: 420px; }
.menu-top .menu-top__4-1 { left: 0px; top: 640px; }
.menu-top .menu-top__4-2 { left: 170px; top: 640px; }
.menu-top .menu-top__4-3 { left: 340px; top: 640px; }
.menu-top .menu-top__4-4 { left: 510px; top: 640px; }
.menu-top .menu-top__5-1 { left: 0px; top: 860px; }
.menu-top .menu-top__5-2 { left: 170px; top: 860px; }
.menu-top .menu-top__5-3 { left: 340px; top: 860px; }
.menu-top .menu-top__5-4 { left: 510px; top: 860px; }

.box-selects { height: 200px; overflow: auto; background: #F5F5F5; font-weight: bold; }
.box-selects.box-selects--left td { text-align: left; }
.box-selects tr.is-selected, .box-selects tr:hover { border-radius: 10px; background: #0D99D8; color: white; }
.box-selects td { padding: 10px; text-align: center; }

.box-field { -webkit-box-shadow: inset 1px 2px 4px rgba(1, 1, 1, 0.2); -moz-box-shadow: inset 1px 2px 4px rgba(1, 1, 1, 0.2); box-shadow: inset 1px 2px 4px rgba(1, 1, 1, 0.2); height: 40px; border: 1px solid #969696; }
.box-field.is-selected { background: #E8F7FE; }

.box-border { padding: 10px; border: 1px solid #bebebe; }

.box-card { position: relative; padding: 20px; background: url(/assets/images/components/item/cutout.png) 10px 10px no-repeat #f0f0f0; border-radius: 3px; }
.box-card .box-card__symbol { height: 130px; text-align: center; }
.box-card .box-card__title { font-size: 24px; font-size: 2.4rem; margin: 0 0 20px; text-align: center; font-weight: bold; }

.page-error { padding-top: 90px; }

.js-dropdown-menu { display: none; }

.highlight { background: #fcf8e3 !important; }
.highlight td { background: transparent; }
.highlight.highlight--red { background: #fff2f2 !important; }

.top-item-wrapper { background: url(/assets/images/components/item/chintiger_bath.png) right bottom no-repeat; }

.ui-datepicker { background: #fff; box-shadow: 0 0 3px #333; border-radius: 3px; }

.media-cells { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.media-cells .l-cell { border-left: 1px solid #ddd; width: 20%; text-align: center; }
.media-cells .inner { height: 145px; overflow: hidden; }
.media-cells img { max-width: 100%; }

.accordion__content { display: none; }

.accordion__content.is-visible { display: block; }

.input-m { width: 120px; }

.select-h { width: 690px; }

.template_sort_btn {background-color: #fff; border-color: #278BD1; border-width: thin; border-radius: 5px; color: #278BD1; height: 21px; width: 86px; font-size: 12px;}
 
.bunrei_sort_btn {background-color: #fff; border-color: #278BD1; border-width: thin; border-radius: 5px; color: #278BD1; height: 21px; width: 86px; font-size: 12px;}
 
.category_sort_btn {background-color: #fff; border-color: #278BD1; border-width: thin; border-radius: 5px; color: #278BD1; height: 50px; width: 104px; font-size: 15px; margin-bottom: 14px;}
 
.category_placeholder {border: 2px dashed #FFD400; margin-bottom: 14px;}
 
.template_placeholder {border: 1px dashed #FFD400;}
 
.bunrei_placeholder {border: 1px dashed #FFD400;}
 
.regist_sort_btns_area {display: flex; justify-content: space-around;}
 
.template_list {display: block;}
 
.bunrei_list {display: block;}
 
.sort_handle {float: right; font-weight: bold; color: #278BD1; display: none;}

/* jQuery UI - v1.10.3 - 2013-10-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-front { z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }