/* ==========================================================================
   custom styles
   ========================================================================== */

/* override */
/*
html {
    color: #505050 !important;
    height: 100%
}

body {f
    background-color: #FFFFFF !important;
    color: #505050 !important;
    font-size: 100%;
}
*/

#body-html {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#main {
    /*
    padding-bottom: 100px;
    */
}

#pad-wrapper {
    /*
    padding-bottom: 200px
    */
}

.navbar-collapse {
    margin: 10px 0;
}

.navbar-toggle {
    margin-top: 10px;
}

ul.nav-user {
    padding: 0;
}

label {
    font-weight: normal !important;
}

.navbar {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    border-bottom: 1px solid #CCCCCC !important;
    border-color: #CCC !important;
}

.navbar-inverse .navbar-brand {
    color: #333333 !important;
    text-shadow: none !important;
}

.navbar-inverse {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}

.navbar-inverse .nav > li > a {
    border-left: none !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #CCCCCC !important;
}

.navbar-inverse .navbar-toggle {
    float: right !important;
    border-color: #CCCCCC !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #F9F9F9 !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #CCCCCC !important;
}

.navbar-inverse .navbar-nav {
    padding-right: 0 !important;
}

.navbar-inverse .navbar-brand {
    text-transform: none !important;
    font-weight: bold !important;
    font-size: 200%;
    color: #0000FF !important;
    line-height: 36px;
    vertical-align: middle;
    /*margin-bottom: 5px;*/
    top: 18px;
    position: relative;
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
    color:#000;
    background-color:transparent
}

.inner {
    padding: 0 !important;
    max-width: 960px !important;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.table-responsive {
    border: none !important;
}

#main .searchIndex .boxTop {
    border-width: 3px 1px 1px;
    margin: 0px 0px 5px;
}

#main .box h2 {
    font-weight: bold;
    color: #505050;
}

.closed h2{
    color: #505050;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f0f0fe !important;
}

.dispList .table thead th {
    /* padding-bottom: 0 !important; */
}

.modal-header {
    border-bottom: 3px solid #CCCCCC !important;
}

.modal-footer button {
    margin-left: 10px;
}

#checkNum {
    font-size: 90%;
}

.checkNum {
    font-size: 90%;
}

.form-control {
    width: 100% !important;
}

.form-control-header {
    width: 20% !important;
}

.modal-footer {
    background: linear-gradient(to bottom, #fff 0%, #eee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
    border-radius: 5px;
}

.navbar-nav > li > a {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    margin: 5px 0;
}

.hope-wrapper hr {
    border-color: #ccc;
    margin-bottom: 0;
    margin-top: 0;
}

.hope-wrapper img {
    margin: 10px 0 5px 0;
}

.hope-wrapper div {
    font-size: 95%;
    font-weight: bold;
}

#main .hope-wrapper button {
    font-size: 85%;
    margin-bottom: 10px;
    line-height: 22px;
    height: auto;
}

.font-st {
    font-size: 85%;
    /*
    font-size: 35%\9;
    */
    color: #999;
    margin: 3px 0 0 10px;
}

.font-s {
    font-size: 85%;
    color: #999;
}

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

#main .hope-wrapper header h2 {
    /*
    font-size: 40%\9 !important;
    */
}

#main #findCriteriaList a {
    font-size: 90%;
}

.modal-title {
    font-weight: bold;
}

.form-control {
    /*
    height: auto !important;
    */
}

#search-area .col-sm-6, #search-area .col-sm-10 {
    padding-left: 0 !important;
}

.searchIc, .searchSta {
    margin: 60px 10px 10px 0 !important;
}

.seal-on {
    background: -moz-linear-gradient(left top, #265CFF,
            #537EFF 30%,
            #3366FF 50%,
            #3366FF 70%,
            #3366FF);
    background: -webkit-gradient(linear, left top, right bottom, from(#3366FF),
            color-stop(0.3, #537EFF),
            color-stop(0.5, #3366FF),
            color-stop(0.7, #3366FF),
            to(#3366FF));
}

.seal-off {
    background-color: #DDDDDD;
}

.detail ul, ol {
    padding-left: 0 !important;
}

.optionIcon {
    margin-bottom: 30px;
}

.optionIcon img {
    margin: 5px 0;
}

.btn-flat {
    color: #FFFFFF !important;
}

#main .favorite .col-sm-6 {
    /*
    padding-left: 0 !important;
    */
}

.favorite .col-sm-12 {
    padding-left: 0;
}

.mydashboard .col-sm-12 {
    padding-left: 0;
}

.moveLeft:hover, .movefirstLeft:hover, .moveRight:hover, .movelastRight:hover {
    cursor: pointer;
    opacity: 0.7;
}

#main .dispList table .btn {
    font-size: 90% !important;
}

#main ul.optionSeal li {
    border-radius: 4px;
    display: inline-block;
    height: 100px;
    margin: 0 2% 10px 0;
    text-align: center;
    white-space: nowrap;
    width: 100px;
}
/* end */

/* main */
.center {
    text-align: center;
}

.searchmap-wrap div.topMapErrorMsg span.font-warning {
    color: red;
    font-weight: bold;
}

.searchmap-wrap div.topMapErrorMsg span.font-warning i {
    color: red;
    font-weight: bold;
}

.search-wrap {
    /*
    background-color: #EEE;
    */
    padding: 10px 15px 10px 0;
}

.clear-both {
    clear: both;
}

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

.housing-new-arrival {
    border: 1px solid #EEEEEE;
}

.new-sidebar-title {
    background-color: #CCCCCC;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    margin: 10px 0 20px;
    padding: 5px;
    text-align: center;
}

.font-ssm {
    font-size: 70%;
}

.font-ssn {
    font-size: 90%;
    font-weight: normal;
}

.font-lbg {
    font-size: 100%;
    font-weight: bold;
    color: #666;
}

.border-bottom-dotteddefault {
    border-bottom: 1px dotted #CCCCCC;
}

.border-bottom-dotted {
    border-bottom: 2px dotted #CCCCCC;
    margin: 10px 0;
}

.border-bottom-dotted1 {
    border-bottom: 1px dotted #CCCCCC;
    margin: 10px 0;
}

.new-arrival-wrap {
    background-color: rgba(255,255,255,0.5);
    padding: 10px;
    margin: 5px 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;

}

#search-wrapper {
    /*
    background-image: -moz-radial-gradient(#e9f1fa, #E6E7F3);
    background-image: -webkit-gradient(radial, center top, 400, center center, 100, from(#E6E7F3), to(#e9f1fa));
    */
    background-color: #E6E7F3;
    /*
    border: 1px solid #CCCCCC;
    */
    min-height: 480px;
    margin: 5px 0 0;
    /*
    padding: 15px 0 0 0;
    */
    padding: 0;
}

#list-map-wrapper {
    background-color: #E6E7F3;
    min-height: 530px;
    margin: 5px 0 0;
    padding: 0;
}

#list-map-wrapper .backmap {
    height: 500px
}

.resultBox div.topMapErrorMsg span.font-warning {
    color: red;
    font-weight: bold;
}

.resultBox div.topMapErrorMsg span.font-warning i {
    color: red;
    font-weight: bold;
}

#detail-map-wrapper .backmap {
    height: 300px
}

.searchDetail .extract {
    margin-bottom: 20px;
    padding: 20px 10px 0 27%;
}

@media screen and (max-width: 768px) {
    .searchDetail .extract {
        margin-bottom: 20px;
        padding: 10px 10px 0 10px;
    }
}

.search-side-bar {
    /*
    background-color: #1756A5;
    border-radius: 0 0 50px;
    padding: 5px 5px 50px;
    margin-bottom: 20px;
    */
    background-color: #1756a5;
    border-radius: 0 0 4px;
    margin-bottom: 20px;
    padding: 0 5px 20px;
    position: absolute;
    width: 25%;
    z-index: 999;
}

@media screen and (max-width:992px) {
    .search-side-bar {
        background-color: #1756a5;
        border-radius: 0 0 4px;
        margin-bottom: 20px;
        padding: 5px 5px 20px;
        position: relative;
        width: 100%;
        z-index: 999;
    }
}

.search-side-bar button {
    min-height: 34px;
    margin-bottom: 8px;
}

.search-top-bar{
    position: absolute;
    z-index: 999;
}

.font-ln {
    font-size: 120%;
}

.active {
    color: #0099CC;
}

.search-side-bar .active {
    background-image: none;
    background-image: none !important;
    background-color: #CCC !important;
    color: #FFFFFF !important;
}

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

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

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

.search-btn-margin {
    margin: 5px 0;
}

.newsWrap {
    /*
    border: 1px solid #CCCCCC;
    */
}

.hope-wrap {
    border: 1px solid #CCCCCC;
    margin: 10px 0;
}

.hope-area {
    border-top: 3px solid #1756A5;
    border-radius: 0 0 10px 0;
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
    color: #999;
    font-size: 90%;
    min-width: 30%;
    left: 25%;
}

@media screen and (max-width: 768px) {
    .hope-area {
        left: 0;
    }
}

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

.marginBottom3 {
    margin-bottom: 3px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.position-rel {
    position: relative;
}

.position-ab {
    position: absolute;
}

.search-side-bar .btn {
    width: 100%;
    text-align: left;
}

.border-bottom {
    border-bottom: 1px solid #CCCCCC;
}

.border-bottom-black {
    border-bottom: 1px solid #000000;
}

.detail-main {
    margin-bottom: 20px;
}

.option {
    border: 1px solid #CCCCCC;
    height: 50px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.width40 {
    width: 40%;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.navbar .description {
    font-size: 70%;
    /*
    margin-left: 15px;
    margin-right: 15px;
    */
    min-height: 20px;
    /*margin-top: 3px;*/
    padding: 5px 9% 0 0;
    color: #999;
}

.hidden {
    display: none;
}

.bottom-line {
    margin: 0 0 15px 0;
    border-bottom: 1px dotted #FFFFFF;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    vertical-align: middle !important;
}

.dispBlock .col-sm-3 {
    padding-left: 3px;
    padding-right: 3px;
}

#body-html .on a{
    background-color: #CCCCCC !important;
    color: #505050;
}

#main ul.resultList #favorite-block .btn {
    font-size: 9px !important;
}

#div-userName {
    font-size: 100%;
}

.login-position {
    float: right;
}

.login-position a {
    color: #666666;
}

.login-position a:hover {
    text-decoration: none;
}

#ic-load .modal-body p, #ic-name .modal-body p, #route .modal-body p, #station .modal-body p{
    font-size: 90%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
}

#ic-load .modal-body, #ic-name .modal-body, #route .modal-body, #station .modal-body {
    font-size: 90%;
}

#ic-load hr, #ic-name hr, #route hr, #station hr {
    margin-top: 0;
    margin-bottom: 10px;
}

#ic-load .modal-body, #ic-name .modal-body, #route .modal-body, #station .modal-body {
    padding: 30px;
}

#ic-load .modal-body span, #ic-name .modal-body span, #route .modal-body span, #station .modal-body span {
    cursor: pointer;
}

#ic-load .modal-body span:hover, #ic-name .modal-body span:hover, #route .modal-body span:hover, #station .modal-body span:hover {
    color: #0099CC;
}

#ic-load .col-sm-6, #ic-name .col-sm-6, #route .col-sm-6, #station .col-sm-6 {
    padding-left: 0;
}

#ic-name .col-sm-4, #station .col-sm-4 {
    padding-left: 0;
}

/*
#wholeCountry {
    background: url("/resources/public/img/map/japan_map.png") no-repeat;
}

#tohokuMap {
    background: url("/resources/public/img/map/touhoku_map.png") no-repeat;
}

#kantouMap {
    background: url("/resources/public/img/map/kantou_map.png") no-repeat;
}

#tokyoMap {
    background: url("/resources/public/img/map/tokyo_map.png") no-repeat;
}
*/

#main .areaName div {
    min-width: 20%;
    font-size: 80%;
}

#main .returnName #nav-return-kantou{
    position: absolute;
    top: 370px;
    right: 20px;
}

#main .returnName #nav-return-japan{
    position: absolute;
    top: 410px;
    right: 20px;
}

#main .areaName #nav-hokkaidou1{
    position: absolute;
    top: 100%;
    right: 28%;
}

#main .areaName #nav-touhoku{
    position: absolute;
    top: 450%;
    right: 7%;
}

#main .areaName #nav-kantou{
    position: absolute;
    top: 660%;
    right: 15.5%;
}

#main .areaName #nav-tyubu{
    position: absolute;
    top: 305%;
    left: 43%;
}

#main .areaName #nav-toukai{
    position: absolute;
    top: 770%;
    right: 27%;
}

#main .areaName #nav-kansai{
    position: absolute;
    top: 440%;
    left: 28%;
}

#main .areaName #nav-tyugoku{
    position: absolute;
    top: 540%;
    left: 7%;
}

#main .areaName #nav-shikoku{
    position: absolute;
    top: 800%;
    left: 30%;
}

#main .areaName #nav-kyushu{
    position: absolute;
    top: 850%;
    left: 2.7%;
}

#main .areaName #nav-okinawa1{
    position: absolute;
    top: 100%;
    left: 5%;
}

.movWrap {
    padding-bottom: 10px;
}

#main .areaName #nav-ibaraki{
    position: absolute;
    top: 350%;
    right: 10%;
}

#main .areaName #nav-tochigi{
    position: absolute;
    top: 150%;
    right: 25%;
}

#main .areaName #nav-gunma{
    position: absolute;
    top: 200%;
    left: 12%;
}

#main .areaName #nav-saitama{
    position: absolute;
    top: 430%;
    left: 18%;
}

#main .areaName #nav-tokyo{
    position: absolute;
    top: 530%;
    left: 16%;
}

#main .areaName #nav-chiba{
    position: absolute;
    top: 680%;
    right: 16%;
}

#main .areaName #nav-kanagawa{
    position: absolute;
    top: 650%;
    left: 14%;
}

#main .areaName #nav-23ku{
    position: absolute;
    top: 350%;
    right: 10%;
}

#main .areaName #nav-tamahachiouji{
    position: absolute;
    top: 660%;
    left: 25%;
}

#main .areaName #nav-nishitama{
    position: absolute;
    top: 300%;
    left: 40%;
}

#main .areaName #nav-hokusou{
    position: absolute;
    top: 250%;
    right: 16%;
}

#main .areaName #nav-nansou{
    position: absolute;
    top: 580%;
    right: 24%;
}

#main .areaName #nav-toukatsu{
    position: absolute;
    top: 150%;
    left: 16%;
}

#main .areaName #nav-wangan{
    position: absolute;
    top: 300%;
    left: 18%;
}

#main .areaName #nav-yokohamakawasaki{
    position: absolute;
    top: 400%;
    right: 5%;
}

#main .areaName #nav-sagamihara{
    position: absolute;
    top: 220%;
    left: 14%;
}

#main .areaName #nav-seibu{
    position: absolute;
    top: 500%;
    left: 10%;
}

#main .areaName #nav-gaikan{
    position: absolute;
    top: 650%;
    right: 2%;
}

#main .areaName #nav-16nishi{
    position: absolute;
    top: 760%;
    right: 40%;
}

#main .areaName #nav-nishigawa{
    position: absolute;
    top: 550%;
    right: 20%;
}

#main .areaName #nav-nikkou{
    position: absolute;
    top: 450%;
    right: 1%;
}

#main .areaName #nav-touhokudou{
    position: absolute;
    top: 300%;
    right: 6%;
}

#main .areaName #nav-kanetsudou{
    position: absolute;
    top: 140%;
    right: 40%;
}

#main .areaName #nav-titibu{
    position: absolute;
    top: 350%;
    left: 10%;
}

#main .areaName #nav-gifu{
    position: absolute;
    top: 200%;
    left: 22%;
}

#main .areaName #nav-shizuoka{
    position: absolute;
    top: 420%;
    right: 10%;
}

#main .areaName #nav-aichi{
    position: absolute;
    top: 500%;
    left: 38%;
}

#main .areaName #nav-mie{
    position: absolute;
    top: 600%;
    left: 10%;
}

#main .areaName #nav-shiga{
    position: absolute;
    top: 300%;
    right: 8%;
}

#main .areaName #nav-kyoto{
    position: absolute;
    top: 120%;
    right: 30%;
}

#main .areaName #nav-hyougo{
    position: absolute;
    top: 250%;
    left: 12%;
}

#main .areaName #nav-osaka{
    position: absolute;
    top: 480%;
    left: 30%;
}

#main .areaName #nav-nara{
    position: absolute;
    top: 550%;
    right: 15%;
}

#main .areaName #nav-wakayama{
    position: absolute;
    top: 680%;
    left: 20%;
}

#main .areaName #nav-fukuoka{
    position: absolute;
    top: 180%;
    right: 22%;
}

#main .areaName #nav-saga{
    position: absolute;
    top: 120%;
    left: 28%;
}

#main .areaName #nav-nagasaki{
    position: absolute;
    top: 300%;
    left: 12%;
}

#main .areaName #nav-kumamoto{
    position: absolute;
    top: 400%;
    left: 40%;
}

#main .areaName #nav-oita{
    position: absolute;
    top: 320%;
    right: 12%;
}

#main .areaName #nav-miyazaki{
    position: absolute;
    top: 550%;
    right: 20%;
}

#main .areaName #nav-kagoshima{
    position: absolute;
    top: 650%;
    left: 20%;
}

#main .areaName #nav-aomori{
    position: absolute;
    top: 200%;
    right: 18%;
}

#main .areaName #nav-iwate{
    position: absolute;
    top: 400%;
    right: 13%;
}

#main .areaName #nav-miyagi{
    position: absolute;
    top: 600%;
    right: 20%;
}

#main .areaName #nav-hukushima{
    position: absolute;
    top: 780%;
    right: 26%;
}

#main .areaName #nav-akita{
    position: absolute;
    top: 300%;
    left: 25%;
}

#main .areaName #nav-yamagata{
    position: absolute;
    top: 500%;
    left: 20%;
}

#main .areaName #nav-niigata{
    position: absolute;
    top: 300%;
    right: 3%;
}

#main .areaName #nav-nagano{
    position: absolute;
    top: 550%;
    right: 20%;
}

#main .areaName #nav-yamanashi{
    position: absolute;
    top: 720%;
    right: 16%;
}

#main .areaName #nav-toyama{
    position: absolute;
    top: 460%;
    right: 42%;
}

#main .areaName #nav-ishikawa{
    position: absolute;
    top: 300%;
    left: 22%;
}

#main .areaName #nav-fukui{
    position: absolute;
    top: 550%;
    left: 10%;
}

#main .areaName #nav-kagawa{
    position: absolute;
    top: 180%;
    right: 12%;
}

#main .areaName #nav-tokushima{
    position: absolute;
    top: 350%;
    right: 5%;
}

#main .areaName #nav-ehime{
    position: absolute;
    top: 280%;
    left: 20%;
}

#main .areaName #nav-kouchi{
    position: absolute;
    top: 600%;
    left: 40%;
}

#main .areaName #nav-tottori{
    position: absolute;
    top: 230%;
    right: 3%;
}

#main .areaName #nav-okayama{
    position: absolute;
    top: 580%;
    right: 5%;
}

#main .areaName #nav-shimane{
    position: absolute;
    top: 280%;
    right: 50%;
}

#main .areaName #nav-hiroshima{
    position: absolute;
    top: 680%;
    right: 36%;
}

#main .areaName #nav-yamaguchi{
    position: absolute;
    top: 650%;
    left: 10%;
}

.highName-wrap, icName-wrap, routeName-wrap, stName-wrap {
    position: relative;
}

.highName-clr, .icName-clr, .routeName-clr, .stName-clr {
    position: absolute;
    right: 20px;
    top: 9px;
    cursor: pointer;
}

.searchmap-wrap i {
    color: #CCC;
}

.searchmap-wrap {
    position: absolute;
    /*
    border-top: 3px solid #1756A5;
    */
    background-color: rgba(255,255,255,0.5);
    top: 0px;
    /*
    left: 25%;
    */
    padding: 14px 5px;
    z-index: 1000;
    border-radius: 0 0 10px 0;
}

@media screen and (max-width: 992px) {
    .searchmap-wrap {
        width: 100%;
        left: 0;
    }
}

.mapwrap-bottom {
    margin-bottom: 10px !important;
}

.searchmap-wrap .form-control {
    margin: 0px !important;
}

#search-wrapper .col-sm-9 {
    min-height: 60px;
    /*
    padding-left: 0;
    padding-right: 0;
    */
}

#main .search-side-bar .btn {
    text-align: left;
    color: #000;
}

/*
#main ul.resultList #favorite-block .btn:before {
    content: "☆";
}

#main ul.resultList #favorite-block .on .btn:before {
    content: "×";
}
*/

#main ul.resultList .favorite {
    font-size: 9px !important;
}

.login-wrap {
    /*
    background: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    background: -webkit-linear-gradient(top, #fff 0%,#f9f9f9 100%);
    */
    background: #FFFFFF;
    padding: 30px;
    border: 1px solid #CCCCCC;
    margin: 0 auto;
    border-radius: 4px;
    opacity: 0.94;
}

.loginName {
    padding: 22% 30px 30px 30px;
    margin: 0 auto;
    text-align: center;
    opacity: 0.6;
}

@media (min-width: 768px) {
    .login-wrap {
        width: 50%;
    }
}

[id *= "bookmark_"] {
    font-size: 80%;
    float: right;
}

.marginLeft15 {
    margin-left: 15px !important;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.font-mb {
    font-size: 110%;
    font-weight: bold;
}

.font-sm {
    font-size: 90%;
    top: 10px;
}

.font-ss {
    font-size: 80%;
    top: 10px;
}

.font-sb {
    font-size: 90%;
    /*
    font-size: 35%\9;
    */
    font-weight: bold;
    margin: 5px;
    color: #555555;
}

.font-nbg {
    font-size: 120%;
    font-weight: bold;
    color: #666;
}

.font-sb-gray {
    font-size: 80%;
    font-weight: bold;
    margin: 5px;
    color: #999999;
}

.font-ssn-gray a{
    font-size: 80% !important;
    color: #999999 !important;
}

.height-130 {
    height: 130px;
}

.compareBox .height-130 img{
    height: auto;
    width: 170px !important;
}

.compareBox [id *= "option-label-"] img {
    margin: 3px;
}

#p2146-2-tbody tr:first-child {
    display: none;
}

.compare-edit {
    top: 50px;
}

.compare-edit input {
    margin: 3px;
}

.compare-edit-m input {
    margin: 5px 0;
    width: 100%;
}

.compare-arrow {
    top: 30px;
}

.compare-arrow button {
    margin: 3px;
}

#edit-compare .col-sm-1 {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 768px) {
    #edit-compare .col-sm-3, #edit-compare .col-sm-4 {
        width: 100% !important;
    }

    #edit-compare .dispTbl .col-sm-4  {
        width: 80% !important;
    }
}

#edit-compare .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
    width: 100px;
}

#edit-compare table, #edit-compare table tr, #edit-compare table td {
    border-color: #CCCCCC;
    font-size: 90%;
    height: auto;
    cursor: pointer;
}

#edit-compare table tr:hover {
    background-color: #E0E0FE;
}

.compareBox table td .moveLeft, .compareBox table td .movefirstLeft, .compareBox table td .moveRight, .compareBox table td .movelastRight {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #ccc;
    margin: 0 3px;
    padding: 0 5px;
}

.compareBox table td .icon-bar {
    float: left;
    background-color: #8080FF;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
    color: #FFFFFF;
    font-size: 8px;
    font-weight: normal;
    line-height: 1em;
    padding: 2px 4px;
    display: block;
    width: 41%;
    text-align: center;
    margin: 0 3px;
}

.compareBox table td .icon-bar-off {
    float: left;
    background-color: #CCC;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
    color: #FFFFFF;
    font-size: 8px;
    font-weight: normal;
    line-height: 1em;
    padding: 2px 4px;
    display: block;
    width: 41%;
    text-align: center;
    margin: 0 3px;
}

.compareBox table tbody tr th, .compareBox table tbody tr td {
    white-space: normal !important;
}

.edit-table {
    height: 200px;
    border-top: 2px solid #CCCCCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    overflow-y: auto;
}

.upList:hover {
    background: url(/resources/public/img/up_on.png) center center no-repeat;
}

.downList:hover {
    background: url(/resources/public/img/down_on.png) center center no-repeat;
}

#footer {
    /*
    position: absolute;
    */
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #FFF;
}

#footer .copyright {
    background-color: #FFF;
    padding-bottom: 20px;
    font-size: 90%;
}

footer p {
    /*
    font-size: 35%\9;
    font-weight: normal\9;
    */
}

.width-200 {
    width: 180px;
}

#bookmark_num {
    float: none;
}

.nolog-favorite {
    text-align: center;
}

.wait {
    background: url("/resources/public/img/indicator.gif") no-repeat scroll center center transparent;
    min-height: 200px;
}

.wait a{
    font-size: 11px;
    line-height:20px;
}

.please {
    color: #FFFFFF;
}

.blockPage {
    z-index: 10011;
    position: fixed;
    padding: 5px;
    margin: 0px;
    width: 50%;
    height: 30%;
    top: 30%;
    left: 25%;
    vertical-align: bottom;
    /*
    background-color: #FFFFFF;
    opacity: 0.5;
    */
    cursor: wait;
    border-radius: 4px;
}

.mydashboard .condition a {
    margin: 10px;
    font-size: 75% !important;
}

.mydashboard p {
    font-weight: bold;
    color: #006BB5;
}

.sub-title {
    font-weight: bold;
    font-size: 90%;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom3 {
    margin-bottom: 3px;
}

#edit-hope .modal-body {
    font-size: 80%;
}

.backmap {
    /*
    background: url(/resources/public/img/backmap.png) center center no-repeat;
    height: 390px;
    */
    height: 450px
}

.inquiryTop {
    margin-top: 10px;
}

#main .inquiryDetail ul.inquiryTop li {
    display: inline-block;
    height: 24px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

#main .inquiryDetail ul.inquiryAH li {
    display: inline-block;
    height: 24px;
    letter-spacing: 0.1em;
    margin-right: 10px;
}

#main .inquiryDetail ul {
    margin-bottom: 0;
}

#main .inquiryDetail .box {
    margin: 10px 0 10px !important;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop2 {
    margin-top: 2px;
}

#main .inquiryDetail header h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

.inquiryDetail .borderTxt {
    border: none;
    border-bottom: 1px solid #CCC !important;
    width: 100%;
    margin-bottom: 20px;
}

.inquiryHousing {
    border-radius: 4px;
    background-color: #e9f1fa;
    padding: 10px;
}

#main .inquiryHousing table {
    border-top: 0 !important;
    clear: both;
    font-size: 0.8em;
    line-height: 1.4em;
    margin: 0;
    width: 100%;
}

#main .inquiryHousing table thead {
    background-image: none !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    color: #515151;
    margin: 0 0 15px;
    padding: 6px 15px;
    display: none;
}

#main .inquiryHousing table td:first-of-type {
    width: 6% !important;
}

#main .inquiryHousing table tr:hover {
    background: none !important;
}

#main .inquiryHousing table tr:nth-child(even) {
    background-color: none !important;
}

#main .inquiryHousing table tr {
    border-bottom: none !important;
}

#main .inquiryHousing table tr {
    border-bottom: 1px dotted #CCC !important;
}

.inquiry-wrapper {
    border: 1px solid #CCCCCC;
    border-top: 3px solid #CCCCCC;
    border-radius: 0 0 4px 4px;
    font-size: 90%;
    margin: 0 0 30px 0;
    padding: 10px;
    background-color: #F9F9F9;
}

#main .inquiry header h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

.inquiryItem {
    margin-bottom: 20px;
}

.inquiryItem span {
    margin: 5px 0;
}

.inquiry input[type="text"] {
    /*
    width: 40%;
    */
}

.inquiry textarea {
    width: 100%;
    min-height: 200px;
}

.inquiryDetail ul li {
    margin-left: 10px;
    margin-top: -7px;
}

#main .inquiryList header h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

.inquiryReply span {
    margin: 5px 0;
}

.inquiryList u {
    border-color: #0099CC !important;
}

.font-sb-i {
    color: #555555;
    font-size: 90%;
    font-weight: bold;
}

.border-top3 {
    border-top: 3px solid #CCC;
}

.nowrap {
    white-space: nowrap;
}

.confirm-content {
    padding: 10px 20px 0 20px;
}

.otherTxt {
    /*
    line-height: 30px !important;
    width:75% !important;
    */
}

.ver-center {
    line-height: 35px;
}

#main hr {
    margin-top: 5px;
    margin-bottom: 10px;
    border-color: #CCCCCC;
}

.highwayimg {
    background: url(/resources/public/img/highway.png) center center no-repeat;
}

.routeimg {
    background: url(/resources/public/img/route.png) center center no-repeat;
}

#main .realestatedetail header h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

.realestatedetail span {
    font-size: 80%;
    margin: 5px 0;
    line-height: 34px;
}

.realestatedetail span.notDispEye {
    font-size: 80%;
    margin: 0 0;
    line-height: 0;
    padding: 0 3px;
}

.realestatedetail span.notDispEyeText {
    font-size: 80%;
    margin: 0 0;
    line-height: 0;
    padding: 0 3px;
}

.realestatedetail span.notDispEyeTextMsg {
    font-size: 100%;
    margin: 0 0;
    line-height: 0;
    padding: 0 3px;
}

.realestatedetail span label {
    line-height: 25px;
}

.realestatedetail span.datePicker, span.datePicker {
    font-size: 100%;
    margin: 5px 0;
    line-height: 0px;
}

.input-group-addon {
    background-color: #ccc;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
    background-image:    -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
    background-image:     -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
    background-image:      -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
    border: solid 1px #D8D8D8;
    color: #515151;
}

.realestatedetail div.date span {
    font-size: 100%;
    margin: 0px 0;
    line-height: 32px;
    padding: 0px 15px;
}

.details {
    font-size: 80%;
    line-height: 30px;
    margin: 5px 0;
}

.realestatedetail .estae-wrapper .col-sm-4 {
    padding-left: 0;
}

.localemarker {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -13px;
}

.staticmap{
    position: relative;
    background-color: #F9F9F9;
    text-align: center;
    padding: 20px;
    margin: 0 0 20px 0;
}

.color-red {
    color: #C81F19;
}

.margin-top20 {
    margin-top: 20px;
}

.navbar-inner {
    background-color: #000;
    color: #fff;
    font-size: 90%;
}

.nav-user {
    text-decoration: none;
    list-style: none;
    margin-bottom: 0;
}

.nav-user li {
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 3px;
}

.navbar-brand {
    /*
    width: 150px;
    */
}

.inquiryDetail .panel-title {
    font-size: 90%;
    font-weight: bold;
}

#all-open, #all-close {
    cursor: pointer;
}

.status {
    position: relative;
    font-size: 150%;
    color: #0099CC;
    top: 5px;
}

.non {
    position: absolute;
    font-size: 40%;
    color: #FFFFFF;
    top: 4px;
    left: 10%;
}

.kubun {
    top: 7px;
}

.realestatedetail .col-sm-2 {
    padding-left: 0;
}

.realestatedetail textarea {
    min-height: 150px;
}

.estate-header {
    margin-top: 20px;
}

.form-control {
    /*
    display: inline-block !important;
    */
}

/* admin */

#admin .navbar {
    background-color: #1756A5 !important;
    border-radius: 0;
    min-height: 35px;
    color: #ffffff;
}

#admin .login-position a {
    color: #DDDDDD !important;
}

#admin .login-position a:hover {
    color: #FFFFFF;
}

/* end */

/* test */
.footer-color {
    border-top: 1px solid #ccc;
    background-color: #ddd;
    margin-top: 30px;
}
/* end */

/* dm */
#main .searchDetail .searchSubmit {
    clear: both !important;
    padding: 20px !important;
}

#main .detailOutline dl dt {
    width: 10em !important;
    font-weight: normal;
}

#main .detailTab .detailOutline dl dt {
    width: 13em !important;
    font-weight: normal;
}

.img-box img {
    margin-bottom: 10px;
}

#main .detailBox dl.spec {
    width: 100% !important;
}

#main #search-area .box {
    border-style: none !important;
}

.margin-top10 {
    margin-top: 10px !important;
}

.margin-top8 {
    margin-top: 8px !important;
}

.margin-top100 {
    margin-top: 100px !important;
}

.margin-top60 {
    margin-top: 60px !important;
}

.margin-top30 {
    margin-top: 30px !important;
}

.favBtn {
    background: none !important;
    text-indent: 0 !important;
    cursor: pointer;
}

.favBtn a{
    background: none !important;
}

.favBtn a:hover{
    background: none !important;
}

#main .dispList table th {
    font-size: 1em !important;
}

#main .closed {
    margin: 0 0 10px !important;
}

#main .resultBox dl.dispSwitch {
    margin-right: 20px !important;
}

#main ul.resultList > li div {
    width: 95% !important;
}

#main ul.resultList > li {
    width: 100% !important;
}

#main ul.resultList > li dl dt {
    width: auto !important;
}

#main ul.resultList > li div {

}

#main ul.resultList > li h3 {
    font-size: 0.9em !important;
    font-weight: bold;
}

#main .detailBox dl.spec dd strong {
    font-size: 1.2em ;
}

.dispSwitch a {
    color: #505050;
}

#main ul.resultList > li dl dd {
    padding: 0.5em 0 !important;
}

.block-head {
    min-height: 195px;
}

.block-body {
    min-height: 200px;
}

.block-body-2 {
    min-height: 140px;
}

#main ul.resultList > li ul.append li.on {
    background-color: #666666 !important;
}

.compareBox table tr:first-child th, .compareBox table tr:first-child td {
    height: auto !important;
}

#main .btn {
    padding: 0 15px !important;
}

.forgot {
  display: block;
  text-align: right;
  font-style: italic;
  color: #3d88ba;
  font-size: 80%;
  margin-top: 10px;
  margin-bottom: 6px;
}

.forgot a {
  color: #3d88ba;
  text-decoration: underline;
}

.alert-warning {
    margin-top: 10px;
    font-size: 80%;
}

#main .searchDetail dl dd label input {
    vertical-align: text-bottom !important;
}

#main .searchDetail dl dt {
    line-height: 24px;
    width: auto !important;
}

#main .box header {
    margin: 0 !important;
}

#main .searchDetail ul.searchRegist li button {
    font-size: 0.7em;
    font-weight: normal;
    height: 100%;
    line-height: 24px;
    padding: 0 1em;
}

#listSwt, #blockSwt {
    cursor: pointer;
}

.pageNav .page {
    cursor: pointer;
}

.searchIc > div input, .searchSta > div input {
    clear: both;
}

.searchIc, .searchSta {
    max-width: none;
}

.searchIc h3, .searchSta h3 {
    background-color: #ffffff !important;
    border-radius: 20px 5px 0 0 !important;
    box-shadow: none !important;
    color: #666666 !important;
    line-height: 70px !important;
    text-shadow: none !important;
}

#main .searchDetail .searchSubmit {
    clear: none !important;
    float: right !important;
    margin: -10px 15px 0 0 !important;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 1px solid #DDDDDD !important;
}

.compareBox .tableHeader {
    /*
    border: 1px solid #CCCCCC !important;
    */
}

.compareBox .tableBody {
    border: none !important;
}

.compareBox table tr:first-child td {
    font-size: 80% !important;
}

.error-message-list {
    color: #b94a48;
    padding: 20px;
    background-color: #fde9f3;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 90%;
}

.error-input {
    border-color: #b94a48;
}

.compareBox .tableBody div {
    border-left: 1px solid #CCCCCC !important;
    border-right: none !important;
}

.file {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
}

.file input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}

#fileDisp div.upfileline10 {
    line-height: 10px;
}

#fileDisp span.fileLink {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    line-height:22px;
    font-size: 100%;
}

.fileLink input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}

/* InputAuxiliary start*/
#irnArea {
    position: absolute;
    background-color: #FFFFAA;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 100%;
    z-index: 9999;
}

#irnArea div {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#irnArea div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}

#irnArea div.over{
    background-color: #99CCFF;
}

#inArea {
    position: absolute;
    background-color: #FFFFAA;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 100%;
    z-index: 9999;
}

#inArea div {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#inArea div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}

#inArea div.over{
    background-color: #99CCFF;
}

#irnArea2 {
    position: absolute;
    background-color: #FFFFAA;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 100%;
    z-index: 9999;
}

#irnArea2 div {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#irnArea2 div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}

#irnArea2 div.over{
    background-color: #99CCFF;
}

#inArea2 {
    position: absolute;
    background-color: #FFFFAA;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 100%;
    z-index: 9999;
}

#inArea2 div {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#inArea2 div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}

#inArea2 div.over{
    background-color: #99CCFF;
}

#srnArea {
    position: absolute;
    background-color: #FFFFAA;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 100%;
    z-index: 9999;
}

#srnArea div {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#srnArea div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}

#srnArea div.over{
    background-color: #99CCFF;
}

#snArea {
    position: absolute;
    background-color: #FFFFAA;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 100%;
    z-index: 9999;
}

#snArea div {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#snArea div.select{
    color: #FFFFFF;
    background-color: #3366FF;
}

#snArea div.over{
    background-color: #99CCFF;
}

/* InputAuxiliary end*/

/* account */
#main .account header h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

#main .account header div {
    /*
    margin: 0 0 10px;
    */
}

.account .col-sm-12 {
    padding-left: 0;
}

/* footer */
.footer-nav {
    /*
    margin-top: 50px;
    background-color: #DDDDDD;
    padding: 20px;
    */
    font-size: 80%;
}

#footer ul {
    padding-left: 0px;
}

#footer ul li {
    margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    list-style: none;
}

.comment {
    line-height: 60px;
}

.icon-wrap {
    border: 1px solid #ccc;
    padding: 3px;

}

.base-color {
    color: #0071BC;
}

.color-orange {
    color:#FFB600
}

.color-yellow {
    color:#FFC700
}

.autoWrap {
    margin: 0 0 10px 0;
    font-size: 90%;
}

/* alert */
@media screen and (min-width: 768px) {
    .alert .modal-dialog {
        width: 400px;
    }
}

.alert .modal-body {
    font-size: 90%;
    font-weight: bold;
    text-align: center;
}

.alert .modal-footer {
    padding: 10px 20px;
}

.modal-open .modal-backdrop.in {
    /*
    opacity: 0;
    */
}

.alert .modal-content {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.contact-wrapper {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 3px 1px 1px;
    font-size: 90%;
    margin: 0 0 30px;
    padding: 10px;
}

.modal-footer .autoWrap {
    text-align: left;
}

.inquiryList .panel-body {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-bottom: 15px;
}

a {
    outline: none !important;
}

.hopeWrap {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: linear-gradient(to bottom, #fff 70%, #f9f9f9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top, #fff 70%,#f9f9f9 100%);
    margin: 10px 0;
    padding: 10px;
}

#publicSpace table, #publicSpace table tr, #publicSpace table td {
    border-color: #CCCCCC;
    cursor: pointer;
    font-size: 90%;
    height: auto;
}

#publicSpace .modal-body {
    font-size: 90%;
}

#publicSpace .modal-body hr {
    margin-bottom: 20px;
    margin-top: 0;
}

.line30 {
    line-height: 30px;
}

.line35 {
    line-height: 35px;
}

i.areaicon {
  background: url("/resources/public/img/areaicon-gray.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 1px;
  vertical-align: text-bottom;
}

button.active i.areaicon {
  background: url("/resources/public/img/areaicon.png") no-repeat;
}

i.icicon {
  background: url("/resources/public/img/icicon-gray.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 1px;
  vertical-align: text-bottom;
}

button.active i.icicon {
  background: url("/resources/public/img/icicon.png") no-repeat;
}

i.staicon {
  background: url("/resources/public/img/staicon-gray.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 1px;
  vertical-align: text-bottom;
}

button.active i.staicon {
  background: url("/resources/public/img/staicon.png") no-repeat;
}

i.detailsearchicon {
  background: url("/resources/public/img/detailicon.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 1px;
  vertical-align: middle;
}

.optionIcon .col-sm-1 {
    padding-right: 5px;
    padding-left: 5px;
}

.detailWrap label {
    font-weight: bold !important;
    min-height: 32px;
    line-height: 34px;
}

.detailWrap span {
    line-height: 34px;
}

.font-sbg {
    color: #999999;
    font-size: 75%;
}

.font-lb150 {
    font-size: 150%;
}

.useWrap {
    padding: 3px 10px;
    font-size: 75%;
    color: #FFF;
    background-color: #999;
}

.outline span {
    line-height: 30px;
}

.backColor-gray {
    background-color: #EEE;
}

.color-gray {
    color: #CCC;
}

.font-sbb {
    font-size: 80%;
}

#main .detailOutline .boxBody {
    margin: 0 !important;
    padding: 10px !important;
}

.borderClr {
    border: none !important;
}

.borderClrGray {
    border-bottom: 1px solid #EEE !important;
}

.font-sst {
    color: #999999;
    font-size: 80%;
}

.pointerDefault {
    cursor: pointer;
}

.font80 {
    font-size: 80%;
}

#main .spaceApply header h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

#main .spaceApply textarea {
    min-height: 200px;
}

.spaceApply table, .spaceApply table tbody, .spaceApply table tr, .spaceApply table tr td {
    border-color: #CCC !important;
}

.spaceApply i {
    cursor: pointer;
}

.thumbnailWrap {
    background-color: #F9F9F9;
    padding: 20px 10px 10px 10px;
    border-radius: 4px;
}

.thumbnailWrap img {
    height: 76px;
}

@media (max-width: 768px) {
    .thumbnailWrap img {
        height: auto;
    }
}


.spaceApply table.disabled {
    background: #EEE;
    pointer-events: none;
}

.estate-header a {
    font-size: 80%;
    margin-right: 20px;
}

.details .borderBottom {
    border-bottom: 1px dotted #CCC;
}

body.loginBack {
    /*
    border-top: 3px solid #1756A5;
    */
    /*
    background-color: #E6E7F3 !important;
    */
    background: url(/resources/public/img/common/login_bg.jpg) center top no-repeat;
    color: #505050 !important;
    font-size: 100% !important;
}

.footer-nav .inner {
    margin-bottom: 20px;
    text-align: center;
}

.navbar-inverse .navbar-nav > li > a {
    color: #666666;
}

.nav-user a {
    color: #333 !important;
}

.color-black {
    color: #000 !important;
}

.realestatedetail .publicOption .col-sm-2 {
    padding-left: 15px;
}

#admin .navbar .description {
    color: #FFFFFF;
    font-size: 80%;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 3px;
    min-height: 20px;
    padding: 5px 0;
}

a {
    cursor: pointer;
}

i.detailicon {
    background: url("/resources/public/img/icon-detail.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    position: relative;
    top: 1px;
    vertical-align: middle;
    width: 20px;
}

i.notdetailicon {
    display: inline-block;
    height: 20px;
    position: relative;
    top: 1px;
    vertical-align: middle;
    width: 20px;
}

/*
.blueimp-gallery {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1) !important;
}
*/

.blueimp-gallery > .slides > .slide > .blueimp-margin-height {
   width: auto !important;
   height: 80% !important;
}

.blueimp-gallery > .slides > .slide > .blueimp-margin-width {
   width: 80% !important;
   height: auto !important;
}

.blueimp-gallery > .indicator > li {
    box-shadow: none !important;
}

.blueimp-gallery > .close, .blueimp-gallery > .title {
    text-shadow: 0 0 1px #000000 !important;
}

.movWrap .areaNav {
    margin: 2px 0;
}

#main .movWrap .returnName #nav-return-japan {
    position: static;
    width: 100%;
}

#main .movWrap .returnName [id *= "nav-return-"] {
    position: static !important;
    margin-bottom: 5px;
    width: 100%;
}

.returnWrap {
    margin-top: 20px;
}

.login-wrap input[type = "password"] {
    font-family: Verdana, sans-serif;
    letter-spacing: 1px;
}

#main .contactWrap header h2{
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0 0 0.5em;
}

.contactWrap {
    border: 1px solid #CCC;
    border-top: 3px solid #C5C5C5;
    padding: 20px;
}

.cautions {
    border-radius: 4px;
    padding: 20px;
    background-color: #fde9f3;
}

.contactWrap .col-sm-8 {
    padding-left: 0;
    padding-right: 0;
}

.marginBottom100 {
    margin-bottom: 100px;
}

.lineHeight40 {
    line-height: 40px;
}

.accountWrap .details {
    background-color: #EEE;
    border-radius: 4px;
    padding: 10px;
}

#body-html a:hover,
#body-html a:focus,
#body-html a:active {
    color: #1765B8 !important;
}

.contact a:hover,
.contact a:focus,
.contact a:active {
    color: #FFF;
}

#body-html .blueimp-gallery a:hover,
#body-html .blueimp-gallery a:focus,
#body-html .blueimp-gallery a:active {
    color: #FFF !important;
}


.inquiryDetail .col-sm-5 {
    padding-left: 0;
}

/* privacypolicy */
.policyCont a {
    border-bottom: 1px solid #666;
}

/* company */
#main .companyWrap .box .boxBody, #main .faqWrap .box .boxBody {
    padding: 20px 20px 10px 20px;
}
@media screen and (max-width: 736px) {
  .companyWrap .googlemap {
    width: calc(100% - 15px);
    margin-left: 15px;
    margin-bottom: 5px;
    padding-bottom: 95%;
  }
  .companyWrap .googlemap iframe {
    min-width: auto;
  }
}
/* end */

/* sitemap */
#main .sitemapWrap .box .boxBody {
    padding: 20px;
}

#contents .sitemapTree div {
    font-weight: bold;
    padding: 10px;
    vertical-align: top;
}

.background-g {
    background-color: #F0F0F0;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
}

#contents div.sitemapTree>div a:before {
    content: "▼ ";
    font-size: 0.7em;
    vertical-align: middle;
}

#contents div.sitemapTree>div>div a:before {
    content: "▶ ";
}

#contents div.sitemapTree>div>div>ul {
    font-weight: normal;
    margin: 5px 0 -5px;
    padding: 0;
    list-style: none;
}

#contents div.sitemapTree>div>div>ul>li {
    margin: 0 0 0.5em 0;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
}
/* end */

/* faq */
#contents .faqNav ul li .active {
    color: #1765B8 !important;
}
/* end */

#contents {
    float: none !important;
}

ul.mypageList li a:hover {
        color: #FFF !important;
}

/* CREアカウント */
.acctounAuth {
    background-color: #F0F0F0;
    border-radius: 4px;
    padding: 10px;
}
/* end */

/* google map レスポンシブ */
.googlemap {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    min-width: 300px;
}
/* google map end */

/* google map */
html, body, #map-canvas  {
  margin: 0 !important;
  padding: 0 !important;
  /*
  height: 100% !important;
  */
}

#map-canvas {
  width:500px;
  height:480px;
}
/* end */

#main .box .boxBody {
    /*
    padding: 0 !important;
    */
}

.optionIcon-xs .col-sm-1 {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) {
    .realSearch .col-sm-8 {
        padding-left: 0;
        padding-right: 0;
    }
}

#main .compare ul.buttonWrap li {
    margin-bottom: 5px;
}

/* header */
.header {
    /*
    max-width: 940px;
    */
    margin: 0 auto 16px;
}

.header .siteTitle {
	margin: 24px 0 0;
}
.header .contact {
	float: right;
	width: 130px;
	height: 30px;
	text-align: center;
	font-size: 75%;
	line-height: 30px;
	font-weight: bold;
	margin: 0 0 16px 5px;
}
.header .contact a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #E4A6B5;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
        margin-top: 5px;
}
.header .contact a:hover {
	background-color: #BC2247;
        color: #fff !important;
}
.header .tel {
	float: right;
	margin: 8px 0 0;
}
.header ul.headerNav {
	list-style: none;
	margin: 0;
	float: right;
	clear: right;
}
.header ul.headerNav li {
	float: left;
        width: 102px;
        cursor: pointer;
        color: white;
        font-size:12px;
        /*
        height: 14px;
	line-height: 14px;
	*/
}
.header ul.headerNav li a {
        font-size: 80%;
        padding: 0 16px;
        /*
	background: url(/resources/public/img/common/header_nav_arrow.png) left center no-repeat;
        */
}

.header ul.headerNav li a.housingMenu {
    /*
    border-bottom: 2px solid #2696bd;
    */
    color: #FFF !important;
    padding: 5px 15px !important;
}

.header ul.headerNav li a.activeMenu {
    background-color: #666;
    color: #FFF !important;
    padding: 3px 20px !important;
}

@media screen and (max-width:767px) {
    .header {
            padding: 0 8px;
    }
    .header .navbar-toggle {
            margin-right: 0;
            background-color: #fff;
    }
    .header .contact {
            float: none;
            margin: 16px auto 16px;
            text-align: center;
            width: 100%;
    }
    .header .contact a {
            border-radius: 3px;
    }
    .header .tel {
            float: none;
            margin: 0 auto 16px;
            text-align: center;
    }
    .header .navbar-collapse {
            background-color: rgba(255,255,255,0.8);
            padding: 0;
            border-top: solid 1px #aaa;
            border-bottom: solid 1px #aaa;
    }
    .header .navbar-collapse ul {
            margin: 0;
    }
    .header .navbar-collapse ul li {
            border-bottom: solid 1px #ccc;
    }
    .header .navbar-collapse ul li:last-of-type {
            border: none;
    }
    .header .navbar-collapse ul li a:hover {
            color: #3657A0;
            background-color: rgba(255,255,255,0.8);
    }
}

.navbar-brand {
    padding: 5px 0;
}

.errWrapper {
    background-color: #fde9f3;
    color: #C81F19;
    padding: 20px;
    border-radius: 4px;
    font-size: 80%;
}

#spaceApplyData .col-sm-6 {
    padding-left: 0;
}

.headerNav li a {
    color: #333;
    font-weight: normal;
}

.disabled {
    background-color: #CCC;
    pointer-events: none;
}

#backdrop {
    background-color: #000000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1030;
}

.newsWrap .col-sm-12 {

}

.left0 .col-sm-6 {
    padding-left: 0;
}

.right0 .col-sm-6 {
    padding-right: 0;
}

/*
.topBorder {
    border-top: 3px solid #006BB5;
}
*/

.hopeContent {
    color: #999;
    margin: 10px 0 10px 15px;
}

/* news */
.mainWrap {

}

.sideWrap {
    font-size: 90%;
}

.mainWrap img {
    margin: 0 20px 10px 0;
}

.newsHeader {
    font-size: 150%;
    font-weight: bold;
    color: #666;
    /*
    border-left: 8px solid #1756A5;
    padding-left: 15px;
    */
    margin-bottom: 10px;
}

.newsWrap p {
    line-height: 25px;
}

.color-gray2 {
    color: #999;
    font-weight: bold;
}

.newsLbl {
    /*
    background-color: #1756A5;
    */
    background: url(/resources/public/img/article/lbl_blue.jpg) 0 0 no-repeat;
    color: #FFF;
    padding: 5px 20px;
    margin-bottom: 15px;
}

.sideWrap div.underBar {
    border-bottom: 1px solid #CCC;
    padding: 0 10px 0 10px;
}

.sideWrap .col-sm-7 {
    padding-left: 0;
    padding-right: 0;
}

.newsBtn {
    background-color: #F9F9F9;
    padding: 18px 10px;
    border: 1px solid #EEE;
    border-radius: 4px;
    margin-bottom: 10px;
}

.newsBtn:hover {
    background-color: #F0F0F0;
}

.earth {
    background: url(/resources/news/earth.png) 0 0 no-repeat;
}

.bgGray {
    background-color: #F0F0F0;
    padding: 20px;
    border-radius: 4px;
}

.newsArticle a {
    color: #1756A5 !important;
}

.newsArticle a:hover {
    color: #0099CC !important;
}

#main .newsBtn hr {
    border-color: #CCC;
    margin-bottom: 3px;
    margin-top: 3px;
}

#menucontent div.seminarSide, #menucontent div.columnSide, #menucontent div.interviewSide {
    background-color: rgba(255, 255, 255, 0.8);
    list-style: none outside none;
    padding: 20px 0;
}

#menucontent div.seminarSide p, #menucontent div.columnSide p {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}

#menucontent div.seminarSide h3, #menucontent div.columnSide h3 {
    font-size: 75%;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0 0 12px;
}

#menucontent div.seminarSide .col-sm-6, #menucontent div.columnSide .col-sm-6 {
    width: 100% !important;
    border: 1px solid #DDD;
    padding: 15px;
    margin-bottom: 20px;
}

#menucontent .seminarSide dl {
    font-size: 80%;
}

#menucontent .seminarSide dd {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
}

#menucontent .interviewSide .intvHeadline {
    height: 168px;
    margin: 0 0 16px;
    position: relative;
}

#menucontent .interviewSide .intvHeadline h3 {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 20px;
    line-height: 0.7em;
    padding: 5px;
    text-align: center;
    width: 193px;
}

#menucontent .interviewSide .intvHeadline h3, #menucontent .interviewSide .intvHeadline h4, #menucontent .interviewSide .intvHeadline p {
    position: relative;
    z-index: 100;
}

#menucontent .interviewSide .intvHeadline div {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: -5px;
    color: #fff;
    font-size: 13px;
    left: 0;
    line-height: 1.5em;
    position: absolute;
    width: 193px;
    z-index: 1;
    text-align: center;
}

#menucontent .interviewSide ul li h3 .intvNum {
    background: none repeat scroll 0 0 #6c6c6c;
    color: #fff;
    display: block;
    float: left;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 0 12px 0 0;
    text-align: center;
    width: 35px;
}

#menucontent .interviewSide .intvHeadline h3 .intvCom {
    font-size: 12px;
}

.interviewSide ul li h4 {
    color: #6c6c6c;
    font-size: 75%;
    font-weight: bold;
}

#menucontent .interviewSide .intvHeadline h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    text-align: left;
}

#menucontent .interviewSide .intvHeadline img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}

#menucontent .interviewSide .intvHeadline div h4 {
    color: #fff !important;
    font-size: 90% !important;
    font-weight: bold;
    margin: 0 0 8px;
}

#menucontent .interviewSide ul {
    list-style: none outside none;
    padding-left: 0;
}

.interviewSide ul li .intvCom {
    color: #6c6c6c;
    font-size: 11px;
    text-indent: 0;
    padding-left: 30px;
}

#menucontent .seminarSide .newIcon, #menucontent .columnSide .newIcon  {
    color: #fff;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 50px;
}

.seminarSide .seminar:hover img, .columnSide .column:hover img{
    cursor:pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity:0.7;
    zoom:1;
}

#menucontent .seminarSide img, #menucontent .columnSide img  {
    margin-bottom: 10px;
}

#menucontent .newsSide dl {
    font-size: 80%;
}

#menucontent .newsSide dd {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
}
/* news end */

/* header固定 */
div.header  {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important;
    border-bottom: 2px solid #EB5B19 !important;
    background-color: #FFF !important;
    z-index: 1031;
}

@media screen and (min-width: 300px) {
    body{
        margin: 0 !important;
        padding: 52px 0 50px 0 !important;
    }
    .navbar-inverse .navbar-brand {
        width: 70%;
    }
}
@media screen and (min-width: 400px) {
    body{
        margin: 0 !important;
        padding: 52px 0 50px 0 !important;
    }
    .navbar-inverse .navbar-brand {
        width: 80%;
    }
}
@media screen and (min-width: 768px) {
    body{
        margin: 0 !important;
        padding: 74px 0 10px 0 !important;
    }
    .navbar-inverse .navbar-brand {
        width: 100%;
    }
}

body.loginBack {
    padding: 0 !important;
}

.navbar {
    border-radius: 0;
}

.container {
    max-width: 940px;
}

body#admin  {
    margin: 0 !important;
    padding: 0 !important;
}
/* header固定 end */

/* google map コントロール */
#map_canvas img {
  max-width: none;
}
/* google map end */

.color-white {
    color: #FFFFFF !important;
}

/* To TOP */
#top-p p{
    text-shadow: none;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    font-size: 77%;
    opacity:0.7;
    z-index: 11111;
}

#page-top a {
    background: #000000;
    text-decoration: none;
    color: #fff !important;
    width: 70px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: #333;
    color: #fff !important;
}

.tool-tip {
    display: inline-block;
}

/* search.html */
.searchIndex .col-sm-9 {
    padding-left: 0;
    padding-right: 0;
}

.searchIndex .col-sm-3 {
    padding-right: 0;
}
/* search.html end */

.loginHeight {
    margin-top: 570px;
}

.news .col-sm-3 {
    /*
    padding-left: 0;
    */
}

.cntTitle {
    background: url("/resources/public/img/columnmark.jpg") no-repeat scroll left center transparent;
    font-weight: bold;
    padding: 17px 15px 17px 30px;
}

.otherWrap .cntTitle {
    background: url("/resources/public/img/columnmark.jpg") no-repeat scroll left center transparent;
    font-weight: bold;
    padding: 17px 0 17px 25px;
}

.housingWrap {
    padding: 15px 20px 0;
}

.margin-bottom15 {
    margin-bottom: 15px;
}

.margin-bottom22 {
    margin-bottom: 22px;
}

.paddingLeft0 .col-sm-6 {
    padding-left: 0;
}

.font-ssg {
    font-size: 75%;
    color: #888;
}

.backnumbar h2 {
    font-size: 120%;
    font-weight: bold;
    color: #555;
    margin-bottom: 10px;
}

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

.borderLeft {
    border-left: 5px solid #1765B8;
    padding-left: 20px;
}

.bgMenu {
    /*
    background-color: #F0F0F0 !important;
    padding: 5px 10px;
    border-radius: 4px;
    */
}

.bgMenu a span {
    /*
    color: #000 !important;
    text-shadow: 1px 0 0 #CCC;
    */
}

.newsColor .housingmWrap, .matchWrap, .analysisWrap, .drayageWrap, .drayageWrap, .diagnosisWrap {
    background-color: #ccc !important;
}

.newsColor:hover {
    background-color: #3657a0 !important;
}

.housingmWrap:hover {
    background-color: #EB5B19 !important;
}

.matchWrap:hover {
    background-color: #c96C26 !important;
}

.analysisWrap:hover {
    background-color: #669900 !important;
}

.drayageWrap:hover{
    background-color: #8ca31a !important;
}

.diagnosisWrap:hover {
    background-color: #999900 !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    /*
    background-color: #fff;
    margin-top: 10px;
    */
}

.accountJ {
    position: relative;
}

.theaderHidden {
    /* display: none !important; */
}

#compareTableHidden .compareBox .tableBody {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset;
    overflow-x: visible;
    position: relative;
    white-space: nowrap;
    width: auto;
}

.adminsearch .col-sm-6 {
    padding-left: 0;
}

ul.tabWrapper li.menutab {
    background-color: #ccc;
    border-radius: 4px 4px 0 0;
    margin-left: 3px;
    padding: 11px 0px 8px 0px;
    /* width: 100px; */
    text-align: center;
}

ul.tabWrapper li a {
    color: #FFF !important;
    font-weight: normal;
}

#housingSearch img {
    vertical-align: text-bottom;
}

div.color-base {
    border-bottom: 2px solid #3657a0 !important;
}

div.color-matching {
    border-bottom: 2px solid #c96C26 !important;
}

div.color-report {
    border-bottom: 2px solid #669900 !important;
}

div.color-drayage {
    border-bottom: 2px solid #8ca31a !important;
}

div.color-diagnosis {
    border-bottom: 2px solid #999900 !important;
}

.newsColor.active {
    background-color: #3657a0 !important;
}

.housingmWrap.active {
    background-color: #EB5B19 !important;
}

.matchWrap.active {
    background-color: #c96C26 !important;
}

.analysisWrap.active {
    background-color: #669900 !important;
}

.drayageWrap.active {
    background-color: #8ca31a !important;
}

.diagnosisWrap.active {
    background-color: #999900 !important;
}

/* error */
#error-wrap {
    border-top: 3px solid #3657a0;
}

#errorR-wrap {
    border-top: 1px solid #3657a0;
}

.regularWrap {
    margin: 25% auto;
    width: 50%;
    text-align: center;
}

.err404 {
    background: url("/resources/public/img/404.png") no-repeat scroll 0 0 #F2F4FB;
    padding-left: 33px;
    background-position: right -150px;
    height: 100%;
}

.err500 {
    background: url("/resources/public/img/500.png") no-repeat scroll 0 0 #F2F4FB;
    padding-left: 33px;
    background-position: right -150px;
    height: 100%;
}

.errorRegular {
    background: url("/resources/public/img/regularerror.jpg") no-repeat scroll center 0 transparent;
    padding-left: 33px;
    background-position: right -150px;
    height: 100%;
}

.font-color09c {
    font-size: 270%;
    color: #0099CC;
}

.font-colorccc {
    font-size: 200%;
    color: #666;
}

.font-color35a {
    font-size: 270%;
    color: #3657a0;
}

.font-colorhousing {
    color: #EB5B19;
    font-weight: bold;
}

.font-colorh0070C0 {
    color: #0070C0;
    font-weight: bold;
}

.font-bc {
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 28px;
    color: #999;
}
/* end */

.inquiryDetail textarea {
    border: none;
    height: 100px !important;
    width: 100% !important;
}

.housingWrap ul li {
    background: url("/resources/public/img/common/header_nav_arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    margin: 0 0 8px;
    padding-left: 20px;
}

.housingWrap ul {
    border-bottom: 1px dashed #8a8a8a;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
}

textarea {
    margin-top: 10px;
    background-color: #FFF !important;
}

.font-sb {
    font-size: 90%;
    font-weight: bold;
}

.housingWrap .col-sm-5 {
    padding-left: 0;
    padding-right: 0;
}

.housingWrap .col-sm-7 {
    padding-right: 0;
}

.seminarTbl th{
    background-color: #666;
    color: #FFF;
    border: 1px solid #CCC;
    padding: 5px 10px;
    white-space: nowrap;
}

.seminarTbl td{
    border: 1px solid #CCC;
    padding: 5px 10px;
    width: 100%;
}

.contForm {
    margin-top: 20px;
    padding: 20px 0;
    background-color: #eff3ea;
    margin-bottom: 20px;
}

.seminarWrap {
    border: 1px solid #CCC;
    padding: 15px;
    border-top: 3px solid #CCC;
    text-align: center;
    margin-bottom: 10px;
    background: -moz-linear-gradient(left top, #FFF,
            #FFF 30%,
            #FFF 50%,
            #FFF 70%,
            #EEE);
    background: -webkit-gradient(linear, left top, right bottom, from(#FFF),
            color-stop(0.3, #FFF),
            color-stop(0.5, #FFF),
            color-stop(0.7, #FFF),
            to(#EEE));
}

.collectionBg {
    background-color: #eb5b19;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
}

.collectionBgOff {
    background-color: #666;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
}

.marginBottom40 {
    margin-bottom: 40px;
}

table.appli th, table.appli tr, table.appli td {
    border: 1px solid #CCC;
    text-align: center;
    padding: 2px 10px;
}

table.appli th {
    background-color: #999;
    color: #FFF;
    padding: 0;
}

.spaceModify {
    background-color: #e9f1fa;
    border-radius: 4px;
    padding: 10px;
}

.textShadow {
    text-shadow: 1px 0 0 #999;
}

#pad-wrapper h4 {
    color: #696d73;
    font-style: normal !important;
}

.hope-wrapper .col-sm-3{
    padding-right: 10px;
    padding-left: 10px;
}

.marginBottom70 {
    margin-bottom: 70px;
}

.requareLine {
    border-right: 3px solid #C81F19;
}

.deliveryLine {
    border-right: 3px solid #EB5B19;
}

.font-sn {
    font-size: 70% !important;
    font-weight: normal !important;
}

.seminarBtn {
    background-color: #eb5b19;
    height: 26px;
    line-height: 26px !important;
    text-align: center;
    color: #fff;
}

a .seminarBtn {
    color: #FFF !important;
}

.seminarSide .seminar:hover, .seminarSide .seminar:hover h3,
.columnSide .column:hover, .columnSide .column:hover h3
{
    cursor:pointer;
    color: #1765b8;
}

.seminarSide .seminar:hover .seminarBtn{
    background-color: #E88053;
}

.seminarBtnOff {
    background-color: #666;
    padding: 3px 8px;
    text-align: center;
}

.seminarBtnOff a {
    color: #FFF !important;
}

div.middleContact div {
    margin-top: 9px;
}

.modifyWrap {
    color: #C81F19;
}

.font-sss {
    font-size: 60%;
    vertical-align: top;
}

.modifyWrap label {
    margin-bottom: 0 !important;
}

.font-ssmsg {
    font-size: 80%;
}

.zipMsg {
    padding-left: 20px;
    line-height: 8px;
}

.commentMsg {
    line-height: 10px;
}

#menucontent .cntTitle {
    background: none;
}

#menucontent #colTitle {
    display: none;
}

#menucontent .newsSide .cntTitle {
    background: url("/resources/public/img/columnmark.jpg") no-repeat scroll left center transparent;
}

.comparepreview table tr, .comparepreview table tr td {
    border: 1px solid #CCC;
    padding: 2px 10px;
    min-width: 200px;
}

.comparepreview table th {
    background-color: #EEE;
    padding: 2px 10px;
    width: 130px;
    white-space: nowrap;
}

.font-ssc {
    font-size: 75%;
}

.comparepreview hr {
    display: none;
}

.color-blue {
    color: #3657a0;
}

.contactWrap label {
    line-height: 0;
}

.contactWrap textarea {
    margin-top: 0;
}

.padding10 {
    padding: 10px;
}

.normalTbl td {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

#fromEditImg label {
    line-height: 30px;
}

.greeting {
    position: absolute;
    top: 10%;
    left: 0%;
}

.backColor-green {
    background-color: #ebf1de;
    padding: 20px 0;
}

.seminarReq {
    background-color: #8EC323;
}

#contents .policyCont ul.otherDisc li {
    list-style: disc;
}

#contents .policyCont ol li ol li.otherDisc ul li {
    list-style: disc;
}

#contents .policyCont ul.disc-b>li:before {
	content: "◆";
}

#contents .policyCont ol li ul.square-b li:before {
	content: "◆";
}

#contents .policyCont ul li ul.square-w li:before {
	content: "◇";
}

/* dm */
#main .searchDetailTop .boxBody .searchSubmit {
    clear: both !important;
    padding: 0 20px !important;
}

.searchDetailTop .extract {
    /*
    margin-bottom: 20px;
    */
    padding: 10px 0 0 25%;
}

@media screen and (max-width: 768px) {
    .searchDetailTop .extract {
        margin-bottom: 20px;
        padding: 10px 10px 0 10px;
    }
}

#main .searchDetailTop .boxBody .searchSubmit {
    clear: none !important;
    float: right !important;
    margin: 5px 0 0 0 !important;
}

#main .searchDetailTop ul.searchRegist li button {
    font-size: 0.7em;
    font-weight: normal;
    height: 100%;
    line-height: 24px;
    padding: 0 1em;
}

#main .searchDetailTop dl dt {
    line-height: 24px;
    width: auto !important;
}

#main .searchDetailTop dl dd label input {
    vertical-align: text-bottom !important;
}

#main .searchDetailTop dl dd select {
	margin: 0px;
}

#main .searchDetailTop dl {
	float: left;
	max-width: 430px;
	margin: 0 20px 10px 0;
	font-size: 0.8em;
	line-height: 1.5em;
}

#edit-block table, #edit-block table tr, #edit-block table td {
    border-color: #cccccc;
    cursor: pointer;
    height: auto;
}

.cNews table tr, .cNews table tr td {
    border: 1px solid #CCC;
}

.searchDetail #accordion .col-sm-6　{
    padding-left: 0 !important;
}

.textIndent {
    text-indent: 14px;
}

#main .searchDetailTop dl dd select {
    height: 26px;
}

#main .searchDetailTop dl dd input[type="text"] {
    width: 80px;
    height: 26px;
}

.mailto {
    background: url("/resources/public/img/mail.gif") no-repeat 60px center transparent;
}

.mailto_osaka {
    background: url("/resources/public/img/mail_osaka.gif") no-repeat 60px center transparent;
}

#contContent .col-sm-6 .col-sm-12 .col-sm-5 {
    padding-left: 0;
    padding-right: 0;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-top5 {
    margin-top: 5px;
}

.highlight {
    color: #0099cc;
}

#tabA img, #tabB img {
    vertical-align: text-top;
}

.interviewWrap .newsWrap p {
    text-indent: 14px;
}

.indent p {
    text-indent: 12px;
}

.topInterview .intvHeadline h3 {
    width: 193px !important;
    line-height: 1em !important;
}

.topInterview .intvHeadline div h4 {
    text-align: center;
}

.realestatedetail .newsletter textarea {
    min-height: 500px;
}

.realestatedetail .newsletter span {
    font-size: 80%;
    margin: 5px 0;
    line-height: 20px;
}

.newsWrap .landing .btn-flat:hover {
	color: #FFF !important;
}

body.welcome {
	padding: 0 0 10px !important;
}

#main .inquiry-up-bak {
    background: url(/resources/public/img/inquiry-up-bak.png) left center no-repeat;
    width:50%;
}

#main .bookmark-up-bak {
    background: url(/resources/public/img/bookmark-up-bak.png) left center no-repeat;
    width:70%;
}

#main .compare-up {
    text-align: left;
}

#main .compare-up span {
    display: inline-block;
    margin: 10px 22px 5px 22px;
}

#main .compare-up span input{
    margin-top: 10px;
}

#main .compare-up span label{
    margin-top: 7px;
}

#main .inquiry-bottom-bak {
    background: url(/resources/public/img/inquiry-bottom-bak.png) left center no-repeat;
    width:50%;
}

#main .bookmark-bottom-bak {
    background: url(/resources/public/img/bookmark-bottom-bak.png) left center no-repeat;
    width:70%;
}

#main .compare-bottom {
    text-align: left;
    margin-top: 15px;
}

#main .compare-bottom span {
    display: inline-block;
    margin: 10px 22px 5px 22px;
}

#main .compare-bottom span input{
    margin-top: 10px;
}

#main .compare-bottom span label{
    margin-top: 7px;
}

#main .height67{
    height: 67px;
}

.margin-top15-important {
    margin-top: 15px !important;
}

.td-check-back {
    background-color: #e9f1fa;
}

#main .searchDetail dl dd input[type="text"] {
    height: 26px;
}

#main .searchDetail dl dd select {
    height: 26px;
}

.searchBtn button {
    margin: 0 2px -6px 2px;
}

#main .searchBtn .btn {
    border-radius: 0px;
    height: 37px;
}

#main .searchBtn .btn.active {
    border-bottom: none;
}

#main .searchBtn .btn:hover {
    border-top: 2px solid #1756a5;
}

#main .searchBtn .active {
    border-top: 2px solid #1756a5;
}

#main .searchBtn .box .boxBody {
    margin: 0;
    padding: 0 0 0 20px;
}

#main .searchSubmit .searchSubmit {
    margin: 0 0 14px 0 !important;
}

.searchDetailTop {
    background-color: #f3f3f8;
}

.searchSubmit a {
    text-decoration: underline;
}

#headerKeyword {
	height: 22px;
}

#main .theadNone table thead {
    display: none;
}

#main .theadNone table tr td.name {
    width: 41.66666666666667%;
}

#main .theadNone table tr td.office {
    width: 33.33333333333333%;
}

#main .theadNone table tr td.tel {
    width: 25%;
}

#main table.tableNotMarginBottom {
    margin-bottom: 0;
}

.backnumbarDetail {
    /* background-color: #EEF1F9; */
    background-color: #3657a0;
    line-height: 30px;
    color: #fff;
}

.backnumbarDetail:hover {
    opacity: 0.8;
}

#main #interviewmenu .box {
    margin: 0;
}

.topInterview .intvHeadline {
    height: 174px !important;
}

.topInterview .intvHeadline .intvNum {
    font-size: 20px !important;
}

.topInterview .interviewSide ul li h3 .intvNum {
    font-size: 14px;
    height: 55px;
    line-height: 35px;
    margin: 0 5px 0 0;
    padding: 10px 0;
    width: 24px;
    opacity: 0.7;
}

#menucontent .interviewSide .intvNum {
    font-size: 20px;
    line-height: 1.1em;
}

#menucontent .interviewSide ul li h3 .intvNum {
    font-size: 14px;
    height: 55px;
    line-height: 35px;
    margin: 0 5px 0 0;
    padding: 10px 0;
    width: 24px;
    opacity: 0.7;
}

 .interviewSide ul li {
    margin: 0 0 12px;
    max-height: 50px;
}

.newsWrap .topInterview p {
    line-height: 12px;
}

.topInterview h4 {
    margin-bottom: 5px;
}

.topInterview .interviewSide .intvHeadline div {
    padding: 5px 0 0;
}

.topInterview .interviewSide .intvHeadline h3 {
    font-size: 18px;
    padding: 5px;
}

.newsWrap .topNews ul li h4 {
    font-size: 13px;
}

.topNews .tab-content ul {
    padding: 20px 15px 4px;
    list-style: none;
}

.topNews .tab-content {
    border: solid 4px #3657A0;
    list-style: none;
    margin-bottom: 6px;
    background-color: rgba(255,255,255,0.8);
}

#main .detailTab .detailOutline.box {
    padding: 0;
}

.newsWrap .nav-tabs>li.active>a, .newsWrap .nav-tabs>li.active>a:hover, .newsWrap .nav-tabs>li.active>a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #3657a0;
    border-radius: 4px 4px 0 0;
    border: none !important;
}

.topNews .nav-tabs>li>a {
    color: #fff !important;
    background-color: #ccc;
    border-radius: 4px 4px 0 0;
    border: none;
}

.topNews .nav > li > a {
    font-size: 90%;
    padding: 5px 20px;
}

.topNews .moreBtn a {
    opacity: 0.7;
}

.rankingwWrap ul {
    font-size: 75%;
}

.rankingwWrap section ol {
    padding: 10px !important;
    font-size: 75%;
}

.rankingwWrap ol {
    counter-reset:li;
    margin:0;
    padding:0;
}

.rankingwWrap ol li{
    list-style:none;
    position: relative;
    padding: 5px 5px 5px 35px;
}

.rankingwWrap ol li:before {
    counter-increment: li;
    content:counter(li) "位";
    position: absolute;
    left: 5px;
    color: #fff;
}

.rankingwWrap .nav > li > a {
    padding: 3px 10px 0;
    color: #3657a0;
}

.rankingwWrap .nav li.active>a {
    border-radius: 14px 0 0 0;
    background-color: #5678C7;
    color: #fff;
}

.rankingwWrap .nav-tabs > li > a {
    border-radius: 10px 0 0 0;
    border: none;
}

#week {
    background: linear-gradient(to bottom, #5678C7 0%, #3657a0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top, #5678C7 0%,#3657a0 100%);
    color: #fff;
}

#month {
    background: linear-gradient(to bottom, #5678C7 0%, #3657a0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top, #5678C7 0%,#3657a0 100%);
    color: #fff;
}

.backnumberNews {
    height: 20px;
    margin-top: 0;
}

.backnumberNews a {
    float: right;
    /* background: #EEF1F9; */
    background: #3657a0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px 10px;
    width: 100%;
    margin: 0 0 15px;
}

.backnumberNews a:visited {
    color: #fff;
}

.backnumberNews a img, .backnumbarDetail img {
    vertical-align: inherit;
}

.backnumberNews a:hover {
    /*
    background-color: #ccc;
    */
    color: #FFF !important;
    opacity: 0.8;
}

.topNews.col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

.news #main .box {
    margin: 0 0 10px;
}

.news .nav-tabs {
    border-bottom: 0;
}

.topNews .detailTab ul li {
    margin-bottom: 0;
}

.backnumberNews {
    line-height: 25px;
    margin-bottom: 15px;
}

.topNews .seminarmenu.col-sm-6 {
    padding-right: 7px;
}

.rankingwWrap a {
    color: #fff;
}

.rankingwWrap a:hover {
    color: #ccc !important;
}

#search-wrapper img {
    max-width: none;
}

#list-map-wrapper img {
    max-width: none;
}

#news-wrapper {
    margin-top: 20px;
}

.topNews .detailTab ul li h4 {
    margin-bottom: 11px;
}

.rankingwWrap {
    margin-bottom: 18px;
}

.rankingwWrap #week, .rankingwWrap #month {
    padding: 9px 0 10px;
}

#main #interviewmenu .box {
    padding: 19px 10px 21px;
}

.news #footer {
    background-color: rgba(255,255,255,0);
}

.newsWrap .col-sm-9 {
    padding-right: 0;
}

a.underline-on {
    text-decoration: underline;
}

#div-TmpHeader h1 {
    font-size: 110%;
}

.wareWrap {
    background-color: #EEE;
    padding: 20px;
    border-radius: 4px;
}

.font-sm-seminar {
    font-size: 90%;
}

.imageNoteCursor {
    cursor: default!important;
}

#bookletSpan:hover img {
    cursor:pointer;
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity:0.85;
    zoom:1;
    cursor:pointer;
}

p.moreBtn:after {
    padding-left: 8px;
}

.seminarSide .seminar:hover p.moreBtn,
.columnSide .column:hover p.moreBtn,
p.moreBtn:hover {
    background-color: #3657A0;
    color: #FFF !important;
}

p.moreBtn {
    background: none repeat scroll 0 0 #6c6c6c;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 26px !important;
    text-align: center;
    width: 100%;
}

.shortUrl table {
    width: 100%;
}

.shortUrl table, .shortUrl table tbody tr, .shortUrl table tbody tr td {
    border: 1px #c0c0c0 solid;
}

.shortUrl table tbody tr td {
    padding: 15px 10px 10px 10px;
    line-height: 120%;
}

.shortUrl table tbody tr td p {
    word-wrap: break-word;
}

.newsdesireHeader {
    background-color: #3657a0;
    font-size: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    line-height: 100px;
}


.manual-desired {
    line-height: 50px;
}

.stepWrap {
    background-color: #666;
    padding: 5px 20px;
    margin-right: 20px;
    color: #fff;
}

.manual-desired ul li {
    list-style: none;
}

.step-sNum {
    background-color: #ccc;
    padding: 5px 20px;
    margin-right: 20px;
    color: #fff;
}

a.desireBtn {
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 4px;
}

a.desireBtn:hover {
    color: #fff !important;
    background-image: -webkit-linear-gradient(top, rgba(235,91,25,1), rgba(235,91,25,0.7));
    background-image: -moz-linear-gradient(top, rgba(235,91,25,1), rgba(235,91,25,0.7));
    background-image: -ms-linear-gradient(top, rgba(235,91,25,1), rgba(235,91,25,0.7));
    background-image: -o-linear-gradient(top, rgba(235,91,25,1), rgba(235,91,25,0.7));
}

.desireBtn {
    -webkit-appearance: none;
    background-image: -webkit-linear-gradient(bottom, rgba(235,91,25,1), rgba(235,91,25,0.7));
    background-image: -moz-linear-gradient(bottom, rgba(235,91,25,1), rgba(235,91,25,0.7));
    background-image: -ms-linear-gradient(bottom, rgba(235,91,25,1), rgba(235,91,25,0.7));
    background-image: -o-linear-gradient(bottom, rgba(235,91,25,1), rgba(235,91,25,0.7));
    border: solid 1px #EB5B19;
}

.topSeminar.col-sm-6 {
    padding-left: 15px;
    padding-right: 7px;
}

.topColumn.col-sm-6 {
    padding-left: 7px;
    padding-right: 15px;
}

#div-download.lightblue {
    background-color: #ADD8E6 !important;
}

img.pdficon {
    height: 75%;
    vertical-align: top;
    margin-top:4px;
}

.datePicker .form-control {
    padding: 6px 11px 6px 12px;
}

.interview .col-sm-6, .interview .col-xs-6 {
    padding-left: 0;
}

.infoMsg {
    border-radius: 4px;
    padding: 20px;
    background-color: #fde9f3;
    font-size: 11px;
}

.maintenance {
    background: url(/resources/public/img/500.png) left top no-repeat #fff;
    opacity: 0.8;
    color: #000;
    height: 100px;
}

.maintenanceWrap {
    padding: 12% 30px 30px 30px;
    margin: 0 auto;
    text-align: center;
    opacity: 0.6;
}

body.maintenanceBack {
    background: url(/resources/public/img/common/maintenance_bg.jpg) center top no-repeat;
    color: #505050 !important;
    font-size: 100% !important;
    padding: 0 !important;
}

.maintenanceHeight {
  margin-top: 350px;
}

#loginMenu {
  margin-top: 20px;
}

/* symposium */
.symposium .textHeader {
  background-color: #008BD1;
  padding: 10px;
  color: #fff;
  font-size: 130%;
  padding: 20px;
}

.symposium .font-130 {
    font-size: 130%;
    color: #000;
}

.symposium .font-170 {
    font-size: 170%;
    color: #000;
}

.symposium .panelist {
    font-size: 120%;
    color: #000;
}

.symposium .cfooter {
    background-color: #008BD1;
    padding: 10px;
    color: #fff;
}

.symposium .cheader {
    background-color: #008BD1;
    padding: 10px;
    color: #fff;
}

.symposiumcontent {
    background: url(/resources/news/seminar/img/symposium-bg.jpg) center top no-repeat rgba(235,239,254,0.2);
}

.symposium .symposiumContactWrap {
    background-color: #ebeffe;
}

.fontBold {
    font-weight: bold;
}

.symposium .cheaderSub {
    background-color: #2B6079;
    padding: 5px 10px;
    color: #fff;
    font-size:70%;
    text-align: right;
}

.symposium .symposiumcontent {
    /*
    background-color: rgba(235,239,254,0.2);
    */
}

#main .symposiumContactWrap .btn {
  height: 100px;
  line-height: 100px;
  font-size: 120%;
}

.symposium .newsWrap .col-sm-9 {
    padding-right: 15px;
    padding-left: 0;
}

/* end */

.margin-left10 {
    margin-left: 10px;
}

.errMsg {
    background-color: #fde9f3;
    padding: 20px;
    font-size: 90%;
    color: #c1272d;
    margin: 20px 0;
}

.ver-stripe tr td:nth-child(odd) {
    background-color: #eee;
}

.margin-bottom18 {
    margin-bottom: 18px;
}

.sneakPreview .newsHeader {
    color: #000 !important;
}

.balloon-up {
    background-color:#E9F1FA;
    border-radius:8px;
    position:relative;
}

.balloon-up:after {
    border-top: 10px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid transparent;
    border-top-color:#E9F1FA;
    border-bottom-width:0;
    bottom:-10px;
    content:"";
    display:block;
    left:9px;
    position:absolute;
    width:0;
}

.balloon-bottom {
    background-color:#E9F1FA;
    border-radius:8px;
    position:relative;
}

.balloon-bottom:after {
    border-top: 10px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid transparent;
    border-bottom-color:#E9F1FA;
    border-top-width:0;
    top:-10px;
    content:"";
    display:block;
    left:9px;
    position:absolute;
    width:0;
}

.fontM {
    font-size: 90% !important;
}

.sslWrap {
    background-color: #eee;
    padding: 20px;
    margin-right: 20px;
}

.symposium .textDeco a {
    text-decoration: underline;
}

.cursorPointer {
    cursor: pointer;
}

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

.fontSize13 {
    font-size: 13px;
}

.newsHeader2 {
    font-size: 80%;
}

.interviewWrap .newsWrap p.indent-no {
    text-indent: 0;
}

.introductionWrap {
    border: 1px solid #ccc;
    padding: 20px;
}

.fontSize16 {
    font-size: 16px;
}

.newsLbl2 {
    background: url('/resources/public/img/article/lbl_blue.jpg') 0 0 no-repeat;
    color: #FFF;
    padding: 5px 8px;
    margin-bottom: 15px;
    margin-right: 10px;
}

.subtitleWrap {
    background-color: #3657a0;
    padding: 7px 14px;
    color: #fff;
    line-height: 56px;
    margin-right: 20px;
}

ul.newsPagenate li a {
    position: absolute;
    color: #fff !important;
    top: 0;
    left: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

ul.newsPagenate li {
    position: relative;
    display: inline-block;
    background-color: #3657a0;
    color: #fff;
    width: 30px;
    height: 30px;
}

ul.newsPagenate li:hover {
    cursor: pointer;
    opacity: 0.8;
}

ul.newsPagenate li a:hover {
    color: #fff !important;
}

ul.newsPagenate li.active {
    background-color: #ccc;
}

#nextPage {
    background-color: #3657a0;
    padding: 10px;
    text-align: center;
    color: #fff !important;
    display: block;
}

#nextPage:hover {
    opacity: 0.8;
    cursor: pointer;
}

.lecturerWrap {
    border: 3px solid #3657a0;
    padding: 20px;
    color: #000;
}

.planeTbl tr {
    line-height: 26px;
}

.planeTbl tr td:first-child {
    width: 80px;
    vertical-align: text-top;
}

.planeTbl-2 tr {
    line-height: 22px;
}

.planeTbl-2 tr td:first-child {
    width: 110px;
    vertical-align: text-top;
}

@media screen and (max-width: 768px) {
    .planeTbl-2 {
        clear: both;
    }
}

.topColumn div .column.dummy img {
    margin: 0 0 4px;
}

.sympbanner a:hover img {
    opacity: 0.8 !important;
}

.overviewWrap {
    padding: 20px;
    border: 1px solid #eee;
    min-height: 308px;
    background-color: #555;
    color: #fff;
    font-size: 13px;
}

.lp .contact {
    text-align: center;
    line-height: 52px;
}

.lp .contact a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    background-color: #3657A0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 5px;
}

.lp .contact a:hover {
    color: #fff !important;
    opacity: 0.8 !important;
}

#main .newsEndOfTheYear {
    padding: 10px;
    border: 3px solid #EB5B19;
    border-radius: 4px;
    margin-bottom: 10px;
}

/*
.lines-on-sides {
  display: table;
  text-align: center;
  white-space: nowrap;
}

.lines-on-sides:after, .lines-on-sides:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}

.lines-on-sides:after, h2:after {
  border-left: 1em solid transparent;
}

.lines-on-sides:before, h2:before {
  border-right: 1em solid transparent;
}
*/

.newsLbl3 {
    background-color: #1756A5;
    color: #FFF;
    padding: 5px 20px;
    margin-bottom: 15px;
}

.committe .contactWrap {
    padding: 20px 0;
}

.propthumbWrap .col-sm-12 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.propthumbWrap .col-sm-2 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.propthumbWrap2 .col-sm-12 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.propthumbWrap2 .col-sm-2 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.mainWrap .propthumbWrap2 img {
    margin: 0 10px 0px 0;
    vertical-align: bottom;
}

.overviewWrap2 {
    padding: 17px 19px;
    min-height: 288px;
    color: #fff;
    font-size: 13px;
    background-color: #555;
}

.propribonWrap {
    /* border: 3px solid #bdccd4; */
    /* background: url("http://gss.solution-partners.co.jp/wp-content/uploads/2015/11/poly.png") left top #eee; */
    background: url("/resources/public/img/development/urawamisono/bg.jpg") no-repeat center center #eee;
    /* background-color: #3657A0; */
    padding: 20px 50px 12px 10px;
    position: relative;
    margin: 0 -500%;
    padding: 30px 500%;
}

.introprop .pdfbutton a:hover {
    background-color: #3657A0 !important;
    color: #fff !important;
}

.devLbl {
    background-color: #6788B7;
    padding: 5px 20px;
    margin-bottom: 15px;
    color: #fff;
}

.propcontentWrap {
    background-color: rgba(255,255,255,0.7);
    padding: 20px 20px 10px;
}

.sneakPreview .infoTbl th {
    background-color: #A0C3E7;
    width: 16%;
    text-align: center;
    line-height: 50px;
    border: 1px solid #fff;
}

.sneakPreview .infoTbl td {
    padding: 0 10px;
    background-color: #EDF4F7;
    border: 1px solid #fff;
}

.sneakPreview .infoTbl {
    width: 100%;
}

.contactWrap2 {
    border: 1px solid #CCC;
    border-top: 3px solid #C5C5C5;
    padding: 20px 0;
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 768px) {
    .introprop .col-sm-2 img {
        padding-right: 5px !important;
        padding-left: 5px !important;
        width: 29%;
    }
    .mainWrap img {
        margin: 0 0 10px 0;
    }
    .mainWrap .propthumbWrap2 .otherprop img {
        margin: 0 0 10px 0;
        vertical-align: bottom;
    }
    .propribonWrap {
        background: #ccc;
    }
}

.misono {
    background: url("/resources/public/img/development/urawamisono/bg.jpg") no-repeat top center;
}

.introprop .contact a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    background-color: #3657A0;
    padding: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 5px;
}

.introprop .contact {
    text-align: center;
    line-height: 30px;
}

.sneakPreview .btn-flat {
    padding: 1px 14px 0 8px;
}

.introWrap p {
    line-height: 23px;
}

.overviewWrap3 {
    padding: 24px;
    min-height: 250px;
    color: #fff;
    font-size: 13px;
    background-color: #555;
}

.lpribonWrap {
    /*
    border: 3px solid #bdccd4;
    background: url("http://gss.solution-partners.co.jp/wp-content/uploads/2015/11/poly.png") left top #eee;
    */
    background-color: #124A87;
    padding: 20px 50px 12px 10px;
    position: relative;
    margin: 0 -500%;
    padding: 0 500%;

}

body.lpWrap {
    overflow-x: hidden;
    padding: 20px 0 !important;
    color: #000;
}

.mainWrap .lpribonWrap img {
    margin: 0;
}

body.lpWrap {
    background: url("/resources/public/img/article/lpbg.jpg") no-repeat top center;
}

.lpWrap .navbar {
    background: none !important;
}

.lpContent {
    border: 1px solid #fff;
    background-color: #fff;
    opacity: 0.9;
    padding: 20px;
    color: #0071BC;
    min-height: 335px;
}

.lpWrap #footer .copyright, .lpWrap #footer {
    background: none;
}

.lpWrap .mainWrap img {
    margin: 0;
}

.lpTitle {
    font-weight: bold;
    margin-bottom: 20px;
}

.lpMsg {
    color: #0071BC;
    font-size: 14px;
    margin-top: 20px;
}

h3.lines-sides {
    text-align:center;
    position: relative;
    margin-top: 20px;
    margin-top: 0;
}

h3.lines-sides:before {
    content: "";
    display: block;
    border-top: solid 1px #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

h3.lines-sides span {
    background: #0071BC;
    padding: 0 20px;
    position: relative;
    z-index: 5;
    color: #fff;
}

.lpWrap h3 {
    font-size: 1.2em;
    color: #fff;
}

@media (min-width: 768px) {
    .lpWrap .login-wrap {
        width: 100%;
    }
}

.lpWrap .login-wrap {
    padding: 30px;
    border: none;
    margin: 0 auto;
    border-radius: 4px;
    color: #000;
    border: 6px solid #0071BC;
    min-height: 295px;
}

.lpWrap .login-wrap {
    opacity: 1;
}

.lptopMsg {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 100px #fff;
}

@media (max-width: 967px) {
    .lpContent {
        min-height: 375px;
    }
}

@media (max-width: 767px) {
    body.lpWrap {
        background: url("/resources/public/img/article/lpbg.jpg") no-repeat top center;
        background-size: 100% 19%;
    }
    .lpWrap h3.lines-sides span {
        padding: 0 10px;
        font-size: 14px;
    }
    .lpContent {
        background-color: #f9f9f9;
    }
    .lptopMsg {
        line-height: 40px;
    }
    .lpWrap .col-sm-12, .lpWrap .col-sm-4, .lpWrap .col-sm-8 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .lpWrap .navbar {
        padding: 0 20px;
    }
    .lpContent {
        min-height: 335px;
    }
}

@media (max-width: 650px) {
    body.lpWrap {
        background: url("/resources/public/img/article/lpbg.jpg") no-repeat top center;
        background-size: 100% 20.5%;
    }
    .lpContent {
        min-height: 335px;
    }
}

body.lpWrap, body.lpWrap h1, body.lpWrap h3, body.lpWrap, body.lpWrap button {
    font-family: Arial,"Lucida Sans Unicode","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Verdana,sans-serif !important;
}

body.lpWrap button.btn {
    background-color: #0071BC !important;
    background-image: none !important;
    font-weight: normal !important;
    color: #fff !important;
}

body.lpWrap button.btn:hover {
    opacity: 0.8;
}

body.lpWrap .btn[disabled] {
    opacity: 1;
}

body.lpWrap #contents .policyCont ul {
    line-height: 1.6em;
    margin: 0 15px 0.5em 15px !important;
    letter-spacing: 0.1em;
    list-style: none;
    padding: 0;
}

body.lpWrap .login-wrap button.btn {
    animation: bgAnime 30s infinite linear;
}

@keyframes bgAnime {
    0% {
      background-color: #fff;
    }
    10% {
      background-color: #C1272D;
    }
    20% {
      background-color: #fff;
    }
    30% {
      background-color: #C1272D;
    }
    40% {
      background-color: #fff;
    }
    50% {
      background-color: #C1272D;
    }
    60% {
      background-color: #fff;
    }
    70% {
      background-color: #C1272D;
    }
    80% {
      background-color: #fff;
    }
    90% {
      background-color: #C1272D;
    }
    100% {
      background-color: #fff;
    }
}

body.lpWrap .navbar-header {
    float: none;
}

@media screen and (min-width: 300px) {
    .lpWrap .navbar-inverse .navbar-brand {
        width: 100%;
    }
}

@media screen and (min-width: 400px) {
    .lpWrap .navbar-inverse .navbar-brand {
        width: 100%;
    }
}

@media screen and (max-width: 890px) {
    .navbar-inverse .navbar-brand {
        top: 0;
    }
}

.padding30 {
    padding: 30px;
}

.label-blue {
    background-color: #0099cc;
    padding: 3px 10px;
    color: white;
    border-radius: 4px;
}

.news-outside {
    background-color: #326610;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    border-radius: 1px;
}

.news-domestic {
    background-color: #95488B;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    border-radius: 1px;
}

#menucontent .backnumbarDetail {
    margin-top: 5px;
}

#menucontent .backnumbarDetail img {
    vertical-align: bottom;
    margin-top: 10px;
}

#menucontent .newsSide .backnumbarDetail img {
    vertical-align: inherit;
    margin-top: 10px;
}

#menucontent .interviewSide img {
    vertical-align: inherit;
}

.normalTbl.table-w td:nth-child(2n) {
    width: 32%;
}

.sneakreviewIn1 {
    position: absolute;
    top: 0px;
    right: 0;
    background-color: rgba(45,69,97,0.8);
    color: #fff;
}

.sneakreviewIn2 {
    position: absolute;
    bottom: 0;
    background-color: rgba(45,69,97,0.8);
}

.sneakreviewmapIn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(255,255,255,0.8);
}

@media screen and (max-width: 768px) {
    .sneakreviewIn1, .sneakreviewIn2 {
        position: relative;
    }
    .sneakreviewmapIn {
        position: relative;
        bottom: 0;
        left: 0;
    }
}

@media screen and (max-width: 468px) {
    .preBtn {
        font-size: 12px !important;
        width: 334px !important;
    }
}

.tablevtop {
    vertical-align:top;
}

.niiza {
    background: url("/resources/public/img/development/niiza/bg.jpg") no-repeat top center;
}

.moriya {
    background: url("/resources/public/img/development/moriya/bg.jpg") no-repeat top center;
}

.font-130 {
    font-size: 130%;
}

table.propWrap tr td {
    padding: 0 10px;
}

table.propWrap tr:nth-child(even) {
    background-color: #f9f9f9;
}

table.propWrap tr:nth-child(odd) {
    background-color: #eee;
}

a.op80:hover {
    opacity: 0.8;
}

.ribon {
    /*
    padding: 20px 500%;
    margin: 0 -500% 6px;
    */
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(54,87,158,0.8);
}

#temp_body.misonoindex, #temp_body.niizaindex, #temp_body.moriyaindex, #temp_body.hidakaindex, #temp_body.hanyuindex, #temp_body.kukiindex, #temp_body.kuki2index, #temp_body.soukaindex, #temp_body.yashioindex {
    overflow-x: hidden;
    position: relative;
}

.misonoindex {
    background: url("/resources/public/img/development/urawamisono/bg_index.jpg") no-repeat top center #939393;
}

.niizaindex {
    background: url("/resources/public/img/development/niiza/bg_index.jpg") no-repeat top center #939393;
}

.moriyaindex {
    background: url("/resources/public/img/development/moriya/bg_index.jpg") no-repeat top center #939393;
}

.tosuindex {
    background: url("/resources/public/img/development/tosu/bg_index.jpg") no-repeat top center #939393;
}

.hidakaindex {
    background: url("/resources/public/img/development/hidaka/bg_index.jpg") no-repeat top center #939393;
}

.hanyuindex {
    background: url("/resources/public/img/development/hanyu/bg_index.jpg") no-repeat top center #939393;
}

.kukiindex {
    background: url("/resources/public/img/development/kuki/bg_index.jpg") no-repeat top center #939393;
}

.kuki2index {
    background: url("/resources/public/img/development/kuki2/bg_index.jpg") no-repeat top center #939393;
}

.soukaindex {
    background: url("/resources/public/img/development/souka/bg_index.jpg") no-repeat top center #939393;
}

.yashioindex {
    background: url("/resources/public/img/development/yashio/bg_index.jpg") no-repeat top center #939393;
}

.misonoindex .description-msg h1, .niizaindex .description-msg h1, .moriyaindex .description-msg h1, .tosuindex .description-msg h1, .hidakaindex .description-msg h1, .hanyuindex .description-msg h1, .kukiindex .description-msg h1, .kuki2index .description-msg h1, .soukaindex .description-msg h1, .yashioindex .description-msg h1 {
    color: #ddd !important;
}

.slick-slide:not(.slick-center) {
    opacity: 0.2;
    /* pointer-events: none; */
}

.slick-slide:not(.slick-center) a {
    cursor: default;
}

.slick-slide:not(.slick-center) a:hover img {
    opacity: 1;
}

.slick-center a:hover img {
    opacity: 0.85;
}

@media screen and (max-width: 768px) {
    .ribon {
        padding: 20px 2%;
        margin: 0 -2% 6px;
    }
}

@media screen and (max-width: 468px) {
    .ribon {
        padding: 20px 4%;
        margin: 0 -4% 6px;
    }
}

@media screen and (max-width: 780px) {
    .misonoindex, .niizaindex, .moriyaindex, .tosuindex, .hidakaindex, .hanyuindex, .kukiindex, .kuki2index, .soukaindex, .yashioindex {
        background-size: 2000px 1100px;
    }
}

.visible-940 {
    display: none;
}
.hidden-940 {
    display: block;
}

@media screen and (max-width: 939px) {
    .visible-940 {
        display: block;
    }
    .hidden-940 {
        display: none !important;
    }
}

.gmapWrap {
    height: 400px;
}

@media screen and (max-width: 468px) {
    .gmapWrap {
        height: 200px;
    }
}

.footer-nav {
    background-color: #fff;
}

.footer-nav .inner {
    margin-bottom: 0;
}

#footer .copyright {
    padding-top: 20px;
}

.slick-prev {
    left: 18px !important;
    z-index: 1;
}

.slick-next {
    right: 18px !important;
    z-index: 1;
}

.developMenu li {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 10px;
}

.developMenu li:last-child {
    border-right: none;
}

.developMenu a {
    color: #3657a0 !important;
}

.developMenu.color-white a {
    color: #fff !important;
    font-weight: normal;
    font-size: 90%;
}

.developMenu.color-white a:hover {
    color: #3657a0 !important;
}

@media screen and (max-width: 768px) {
    .developTitle {
        width: 100%;
    }
}

.devland {
    /* background: url(/resources/news/column/img/bg_square.png) left top transparent; */
    background-color: #3657a0;
}

.devland #main {
    background: rgba(255,255,255,1);
    padding: 30px;
    margin: 20px auto 40px;
    border-radius: 4px;
}

.devland .nav-user a {
    color: #fff !important;
}

.devland .description-msg h1 {
    color: #fff !important;
}

.ageo .propcontentWrap {
    padding: 0;
}

#recommendModal .detailBtn a {
    position: relative;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    background-color: #012e4d;
    padding: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 5px;
    text-align: center;
    border-radius: 4px;
}

#recommendModal .detailBtn a:hover {
    color: #fff !important;
    opacity: 0.9;
}

#recommendModal .modal-content {
    background-size: cover;
}

#recommendModal .modal-dialog {
    max-width: 394px;
    padding-top: 15%;
}

#recommendModal button.close {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255,255,255,0.5);
    padding: 0px 3px;
    /* border-top: solid 1px #a9dbff; */
    /* border-left: solid 1px #a9dbff; */
    /* border-right: solid 1px black; */
    /* border-bottom: solid 1px black; */
    font-size: 16px;
}

#recommendModal img:hover {
    cursor: pointer;
}

#recommendModal .close {
    opacity: 1;
}

.introWrap p {
    line-height: 33px;
    margin: 0;
}

.font-m-t {
    font-size: 32px;
}

.font-m-d {
    font-size: 18px;
}

.font-m-g {
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    #main .container .sneakPreview .row {
        padding: 0;
    }
    .font-m-t {
        font-size: 12px;
    }

    .font-m-d {
        font-size: 12px;
    }

    .font-m-g {
        font-size: 10px;
    }
    .font-m-desc {
        font-size: 11px;
    }
}

.sneakPreview_op {
    color: #fff;
    background-color: #1c8dcc;
    padding: 10px 16px;
    margin-bottom: 10px;
}

/* !foundation */
/* --------------------------- */
html,body {
	color: #505050;
	position: relative;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        font-size: 100%;
}
body {
	height: 100%;
}
a {
	color: #505050;
}
a:visited {
	color: #999;
}
a:hover,
a:focus,
a:active {
	color: #0000FF;
	text-decoration: none;
}
a img {
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:hover img {
	opacity: 0.6;
}
.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

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

.clearfix:after,
.boxBody:after {
    clear: both;
}

/* IE6/7 support */
.clearfix,
.boxBody {
    *zoom: 1;
}

/* material
--------------------------- */
.clearFloat {
	clear: both;
}
.floatLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.floatRight {
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
}

/* !layout */
/* --------------------------- */
#globalHeader {
	width: 100%;
	min-height: 90px;
	min-width: 290px;
	margin: 0 0 25px;
	border-bottom: solid 1px #D6D6D6;
}
#main {
	max-width: 940px;
	min-width: 290px;
	position: relative;
	margin: 0 auto;

}
#globalFooter {
	width: 100%;
	min-width: 290px;
	background-color: #EAEAEA;
	text-align: center;
	padding-top: 1px;
	clear: both;
}
.inner {
	max-width: 940px;
	margin: 0 auto;
	text-align: left;
	padding: 0 15px;
	position: relative;
}
#side {
	width: 225px;
	margin-right: 20px;
	padding: 0;
}
#contents {
        /* ☆
	width: 695px;
        end */
	padding: 0;
	float: right;
}

/* !header */
/* --------------------------- */
#globalHeader .description {
	font-size: 0.7em;
	margin: 0.5em 0 1em;
	position: absolute;
	top: 0px;
	left: 15px;
}
#globalHeader .siteTitle {
	margin: 0;
	clear: left;
	float: left;
	padding-top: 30px;
}
#globalHeader .headerBtn {
	float: right;
	margin: 0 0 20px;
	width: 40%;
	text-align: center;
	font-size: 0.8em;
	line-height: 2.4em;
}
#globalHeader .headerBtn p {
	float: right;
	margin: 0;
	text-align: center;
	height: 2.4em;
	font-weight: bold;
}
#globalHeader .headerBtn p a {
	display: block;
	height: 100%;
	background-color: #8B8B8B;
	color: #fff;
	text-decoration: none;
	padding: 0 15px;
	border-radius: 0 0 3px 0;
}
#globalHeader .headerBtn p a:hover {
	background-color: #505050;
}
#globalHeader .headerBtn p.login a {
	background-color: #EAEAEA;
	color: #505050;
	border-radius: 0 0 0 3px;
}
#globalHeader .headerBtn p.login a:hover {
	background-color: #ccc;
	color: #505050;
}
#globalHeader ul.headerSubnav {
	float: right;
	font-size: 0.75em;
	line-height: 1.6em;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#globalHeader ul.headerSubnav li {
	display: inline-block;
	margin: 0 0 0 1em;
}
#globalHeader ul.headerSubnav li a {
	text-decoration: none;
	padding-left: 12px;
	background: url(../img/common/common_link-arrow.png) left center no-repeat;
}
#globalHeader ul.headerSubnav li a:hover {
	background: url(../img/common/common_link-arrow_hover.png) left center no-repeat;
}
#globalHeader .freedial {
	float: right;
	clear: right;
	margin: 0 0 0 30px;
}

/* !main */
/* --------------------------- */
#main .pagetop {
	width: 160px;
	height: 30px;
	float: right;
	text-align: center;
}
#main .pagetop a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/common/pagetop_arrow.png) 10px center no-repeat #8B8B8B;
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 30px;
	border-radius: 3px;
	text-indent: 15px;
}
#main .pagetop a:hover {
	background-color: #808080;
}

/* !footer */
/* --------------------------- */
#globalFooter .inner {
	padding: 25px 15px 15px;
}
#globalFooter .inner h2 {
	float: left;
	margin: 0 20px 20px 0;
}
#globalFooter .inner p {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0 0 20px;
	padding: 0.3em 0 0;
}
#globalFooter .inner ul {
	list-style: none;
	font-size: 0.8em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	clear: both;
}
#globalFooter .inner ul li {
	float: left;
	margin: 0 0.75em 0.75em 0;
	padding: 0 0.75em 0 0;
	border-right: solid 1px #aaa;
}
#globalFooter .copyright {
	background-color: #fff;
	border-top: solid 1px #D6D6D6;
	padding: 0.5em 0 0;
	font-size: 1em;
	letter-spacing: 0.1em;
}

/* !side */
/* --------------------------- */
#side .newArticle {
	border: solid 1px #D5D5D5;
	background-color: #F9F9F9;
	padding: 10px;
}
#side .newArticle h3 {
	margin: 0 0 5px;
	text-align: center;
	font-size: 1em;
	line-height: 30px;
	font-weight: bold;
	height: 30px;
	background-color: #8b8b8b;
	color: #fff;
}
#side .newArticle ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.5em;
}
#side .newArticle ul li {
	margin: 0;
	min-height: 50px;
	border-bottom: dashed 1px #c7c7c7;
	clear: both;
    *zoom: 1;
}
#side .newArticle ul li img {
	width: 70px;
	height: 50px;
	float: left;
	margin: 0 8px 0 0;
}
#side .newArticle ul li a {
	display: block;
	padding: 10px 0;
}
#side .newArticle ul li a:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}
#side .newArticle ul li a:before,
#side .newArticle ul li a:after {
    content: " ";
    display: table;
}

#side .newArticle ul li a:after {
    clear: both;
}
#side .newArticle p {
	margin: 0 0 0 auto;
	width: 5em;
}
#side .newArticle p .btn {
	font-size: 0.8em;
}
/* !common */
/* --------------------------- */
#main .box {
	border: solid 1px #C5C5C5;
	border-top-width: 3px;
	margin: 0 0 30px;
}
#main .box header {
	border-bottom: solid 1px #D4D4D4;
	border-left: none;
	border-right: none;
	margin: 0 0 15px;
	padding: 6px 15px;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	color: #515151;
}
#main .box header h2 {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0;
}
#main .box .boxBody {
	margin: 0;
	padding: 0 0 10px 20px;
}

/* ☆ insert */
@media screen and (max-width: 768px) {
    #main .box .boxBody {
        margin: 0;
        padding: 0;
    }
}
/* end */

#main .box .boxBody .para {
	font-size: 1;
	line-height: 1.6em;
	margin: 0 15px 0.5em 0;
}
#main .btn {
	display: block;
    -webkit-appearance: none;
    text-align: center;
    background-color: #ccc;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	border: solid 1px #D8D8D8;
	border-radius: 3px;
	font-weight: bold;
	color: #515151;
	font-size: 14px;
	line-height: 34px;
	text-decoration: none;
	height: 34px;
	padding: 0;
}
#main .btn:hover {
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	border: solid 1px #D8D8D8;
	color: #000;
}

/* !search result */
/* --------------------------- */
#main .searchDetail header h2 {
	float: left;
	height: 30px;
	line-height: 30px;
}
#main .searchDetail ul.searchRegist {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	height: 30px;
}
#main .searchDetail ul.searchRegist li {
	display: inline-block;
	margin: 0 0 0 5px;
	height: 24px;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#main .searchDetail ul.searchRegist li a {
	font-size: 0.7em;
	line-height: 24px;
	font-weight: normal;
	padding: 0 1em;
	height: 100%;
}

#main .searchDetail dl {
	float: left;
	max-width: 430px;
	margin: 0 20px 10px 0;
	font-size: 0.8em;
	line-height: 1.5em;
}
#main .searchDetail dl dt {
	width: 4.5em;
	float: left;
	font-weight: bold;
	color: #515151;
}
#main .searchDetail dl dd {
	padding-left: 6.5em;
        margin: 0 0 0.7em;
}
#main .searchDetail dl dd label {
	padding-right: 0.75em;
	white-space: nowrap;
	vertical-align: middle;
}
#main .searchDetail dl dd label input {
	vertical-align: middle;
}

#main .searchDetail .searchSubmit {
	clear: both;
	float: right;
	margin: -35px 15px 0 0;
}
#main .searchDetail .searchSubmit input {
    /* ☆
	width: 10em;
    */
}

#main .closed {
	margin: 0 0 30px;
}
#main .closed h2 {
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0 0 0.5em;
	letter-spacing: 0.1em;
}
#main .closed h2 strong {
	font-size: 1.5em;
}
#main .closed .closedBody {
	background-color: #E0E0FE;
	padding: 15px 0 10px 15px;
	border-radius: 0 6px 6px 6px;
}
#main .closed .closedBody ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main .closed .closedBody ul li {
	float: left;
	width: 420px;
	margin: 0 20px 5px 0;
	border-bottom: solid 1px rgba(255,255,255,0.6);
	padding: 0 10px 5px;
}
#main .closed .closedBody p.contact {
	float: right;
	width: 10em;
	margin: 5px 15px 0 0;
}

#main .resultBox {
	margin: 0 0 30px;
}
#main .resultBox .title {
	display: none;
}
#main .resultBox dl.dispSwitch {
	margin: 0 0 30px;
	padding: 0;
	font-size: 0.8em;
	height: 24px;
	float: left;
}
#main .resultBox dl.dispSwitch dt {
	float: left;
	font-weight: bold;
	width: 4.5em;
	height: 28px;
	line-height: 28px;
}
#main .resultBox dl.dispSwitch dd {
	padding: 0 0 0 5em;
	margin: 0;
}
#main .resultBox dl.dispSwitch dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main .resultBox dl.dispSwitch dd ul li {
	display: inline-block;
	margin: 0;
	border-right: solid 1px #fff;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
}
#main .resultBox dl.dispSwitch dd ul li a:before {
	content: "　";
	background: url(../img/common/disp-switch_icon_list.png) 0 1px no-repeat;
	padding-right: 3px;
}
#main .resultBox dl.dispSwitch dd ul li:last-of-type a:before {
	background: url(../img/common/disp-switch_icon_block.png) 0 2px no-repeat;
}
#main .resultBox dl.dispSwitch dd ul li a {
	background-color: #f0f0f0;
	display: block;
	height: 100%;
	text-decoration: none;
	padding: 0 1em;
	font-weight: bold;
}
#main .resultBox dl.dispSwitch dd ul li a:hover,
#main .dispList dl.dispSwitch dd ul li:first-of-type a,
#main .dispBlock dl.dispSwitch dd ul li:last-of-type a {
	background-color: #ccc;
	color: #525252;
}
#main .resultBox .sortSelect {
	float: right;
	margin: 0;
	min-height: 28px;
	line-height: 28px;
}
#main .resultBox .sortSelect select {
	font-size: 12px;
	width: 8em;
	min-height: 28px;
}
#main .dispList table {
	clear: both;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0;
	border-top: solid 3px #C5C5C5;
	width: 100%;
}
#main .dispList table thead {
	border-top: solid 1px #D4D4D4;
	border-bottom: solid 1px #D4D4D4;
	margin: 0 0 15px;
	padding: 6px 15px;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	color: #515151;
}
#main .dispList table tr {
	border-bottom: solid 1px #D4D4D4;
}
#main .dispList table tr:nth-child(even) {
    /* ☆　background-color: rgba(0,0,0,0.02); */
}

/* ☆
#main .dispList table tr:hover {
	background-color: #F0F0FE;
}
*/
/* ☆ */
#main .dispList table tbody tr:hover {
	background-color: #F0F0FE;
}
/* end */

#main .dispList table th,
#main .dispList table td {
	padding: 5px 10px;
	vertical-align: middle;
}
#main .dispList table th {
	font-size: 0.85em;
	white-space: nowrap;
	text-align: center;
}
#main .dispList table td {
	/* ☆ text-align: center; */
}
#main .dispList table td a {
	font-weight: bold;
}
#main .dispList table td:first-of-type {
	width: 1em;
}
#main .dispList table td:nth-of-type(2) {
	width: 100px;
}
#main .dispList table td:last-of-type {
	width: 40px;
}
#main .dispList table td img {
	width: 100px;
	max-height: 100px;
	vertical-align: middle;
}
.favBtn {
	width: 40px;
	height: 50px;
	margin: 0 auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(../img/common/favorite_btn.png) center -50px no-repeat;
}
.favBtn a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/common/favorite_btn.png) center 0 no-repeat;
}
.favBtn a:hover {
	background-position: center -50px;
}

.pageNav {
	font-size: 1em;
	border: 0;
	margin: 0 auto 15px;
	padding: 0.5em 0;
	text-align: center;
	clear:both;
}

.pageTop {
	margin: 10px auto 0px;
}

#main .pageNav ul.pageNav-deluxe{
	float:none;
	margin:0 auto;
	padding:5px 0;
	overflow:hidden;
	zoom:1;
	list-style: none;
}
ul.pageNav-deluxe li span,
ul.pageNav-deluxe li a{
	display: block;
	margin:0;
	width:30px;
    background-color: #ccc;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.7));
	border: solid 1px #D3D3D3;
	color:#333333;
	border-radius:3px;
	font-weight:bold;
	font-size:0.875em;
	line-height:30px;
	text-align:center;
	text-decoration:none;
}
ul.pageNav-deluxe li.previous a,ul.pageNav-deluxe li.previous span,ul.pageNav-deluxe li.next a,ul.pageNav-deluxe li.next span{
	padding:0;
	width:30px;
}
ul.pageNav-deluxe li.previous span,ul.pageNav-deluxe li.next span{
	background:none;
	box-shadow:none;
	height:1px;
	width:30px;
	opacity: 0.5;
}
ul.pageNav-deluxe li{
	display: inline-block;
	width: 30px;
}
ul.pageNav-deluxe li.page:first-of-type{
	margin-left: 20px;
}
ul.pageNav-deluxe li.page span{
	background:#5d5d5f;
	background-image:-webkit-gradient(linear,from(#5d5d5f),to(#78797b));
	background-image:-webkit-linear-gradient(#5d5d5f,#78797b);
	background-image:-moz-linear-gradient(#5d5d5f,#78797b);
	background-image:-o-linear-gradient(#5d5d5f,#78797b);
	background-image:linear-gradient(#5d5d5f,#78797b);
	border-radius:3px;
	color:#ffffff;
}
#main ul.pageNav-deluxe li a:hover{
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	border: solid 1px #D8D8D8;
	text-decoration:none;
	opacity: 1;
}

#main .compare {
	text-align: center;
	margin: 0 auto 20px;
}
#main .compare p {
	display: inline;
	font-size: 0.85em;
}
#main .compare ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#main .compare ul li {
	display: inline-block;
	/*　☆変更 width: 8em; */
	margin: 0 0 0 5px;
}

/* !result list */
/* --------------------------- */
#main ul.resultList {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
#main ul.resultList>li {
	width: 224px;
	border: solid 1px #c7c7c7;
	border-top-width: 4px;
	border-radius: 0 0 3px 3px;
	float: left;
	margin: 0 12px 12px 0;
	font-size: 0.8em;
	line-height: 1.4em;
}
#main ul.resultList>li:nth-child(4n) {
	margin-right: 0px;
}
#main ul.resultList>li input {
	margin-right: 0.5em;
}
#main ul.resultList>li h3 {
	padding: 10px 7px;
	margin: 0;
	font-size: 1.3em;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
}
#main ul.resultList>li div {
    /* ☆　削除
	width: 210px;
	height: 145px;
    */
	overflow: hidden;
	position: relative;
	margin: 0 auto 5px;
	border-radius: 3px;
}
#main ul.resultList>li div img {
	width: 100%;
	height: auto;
}
#main ul.resultList>li ul.append {
	width: 100%;
	height: 24px;
	text-align: center;
	list-style: none;
	margin: 0 auto 10px;
	padding: 0;
}
#main ul.resultList>li ul.append li {
	display: inline-block;
	width: 31%;
	height: 24px;
	font-size: 1em;
	line-height: 2em;
	font-weight: bold;
	color: #bbb;
	background-color: #eee;
	border: solid 1px #fff;
	margin: 0 0 0 -1px;
}
#main ul.resultList>li ul.append li.on {
	color: #fff;
	background-color: #999;
}
#main ul.resultList>li dl {
	margin: 0;
	padding: 0 7px 5px;
	font-size: 11px;
	line-height: 1.3em;
}
#main ul.resultList>li dl dt {
	float: left;
	width: 3em;
	padding: 0.5em 0.5em;
	background-color: #f0f0f0;
	margin: 0;
}
#main ul.resultList>li dl dd {
	padding: 0.5em 0 0.5em 4.5em;
	margin: 0;
	border-bottom: solid 1px #c7c7c7;
	font-weight: bold;
}
#main ul.resultList>li dl dd:nth-of-type(1) {
	float: left;
	padding-left: 0.5em;
	padding-right: 1em;
}
#main ul.resultList>li dl dt:nth-of-type(2) {
	margin-right: 0.5em;
	width: 2.5em;
}
#main ul.resultList .kentou {
	margin: 0 0 5px;
	font-size: 0.8em;
	text-align: center;
}
#main ul.resultList .kentou em {
	font-style: normal;
	font-size: 1.3em;
	padding: 0 0.3em;
}
#main ul.resultList .favorite {
	margin: 0 0 10px;
	padding: 0 7px;
	height: 20px;
	font-size: 0.8em;
	line-height: 20px;
	text-align: right;
	letter-spacing: 0.1em;
}
#main ul.resultList .favorite .btn {
	float: right;
	font-size: 0.9em;
	height: 20px;
	line-height: 20px;
	padding: 0 0.7em;
	margin: 0 0 0 0.5em;
	letter-spacing: 0;
}
#main ul.resultList .favorite .btn:before {
	content: "☆";
}
#main ul.resultList .favorite .btn:hover:before {
	content: "★";
	color: #FFB600;
}
#main ul.resultList .favorite span.btn {
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	border: solid 1px #D8D8D8;
	color: #999;
}
#main ul.resultList .favorite span.btn:before {
	content: " ";
	color: #999;
}
#main ul.resultList .favorite span.btn:hover:before {
	content: " ";
	color: #999;
}

/* !detail */
/* --------------------------- */
#main .detailHeader {
	margin: 0 0 15px;
}
#main .detailHeader .condition {
	margin: 0 0 10px;
	padding: 0 0.5em;
	font-size: 0.8em;
	line-height: 26px;
	height: 26px;
	background-color: #f0f0f0;
	border-radius: 3px;
	letter-spacing: 0.1em;
}
#main .detailHeader .condition em {
	font-style: normal;
	font-weight: bold;
	color: #999;
}
#main .detailHeader .kentou {
	margin: 0;
	float: left;
	font-size: 0.8em;
}
#main .detailHeader .kentou em {
	font-style: normal;
	font-size: 1.3em;
	padding: 0 0.3em;
}
#main .detailHeader ul.detailNav {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}
#main .detailHeader ul.detailNav li {
	display: inline-block;
}
#main .detailHeader ul.detailNav li a {
	font-size: 0.7em;
	padding: 0 1em;
	margin: 0 0 0 1em;
}
#main .detailBox {
	margin: 30px 0;
}
#main .detailBox .photo {
	max-width: 500px;
	min-width: 300px;
	width: 40%;
	height: 300px;
	overflow: hidden;
	float: left;
	text-align: center;
	margin: 0 0 15px;
	position: relative;
}
#main .detailBox .photo img {
	max-width: 100%;
	max-height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(0px,450,315px,0px);
}
#main .detailBox dl.spec {
	float: right;
	margin: 0;
	min-width: 320px;
	width: 55%;
}
#main .detailBox dl.spec dt {
	font-size: 0.7em;
	font-weight: bold;
	float: left;
	margin: 0;
	color: #999;
	padding-top: 0.4em;
}
#main .detailBox dl.spec dd {
	margin: 0 0 1em;
	padding: 0 0 0.1em 6em;
	border-bottom: solid 1px #ccc;
}
#main .detailBox dl.spec dd strong {
	font-size: 1.5em;
}
#main .detailBox dl.spec dd:last-of-type strong {
	font-size: 2.5em;
	font-weight: normal;
}
#main .detailBox ul.gallery {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 20px 0 10px;
	text-align: center;
	background-color: #f6f6f6;
	border-radius: 3px;
}
#main .detailBox ul.gallery li {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 19%;
	height: 140px;
	overflow: hidden;
	position: relative;
}
#main .detailBox ul.gallery li a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000%;
	height: 2000px;
	line-height: 2000px;
	margin: -1000px 0 0 -500%;
	text-align: center;
}
#main .detailBox ul.gallery li a img {
	min-width: 10%;
	width: 12%;
	height: auto;
	vertical-align: middle;
}


#main .detailOutline dl {
	float: left;
	margin: 0;
	min-width: 280px;
	width: 32%;
	font-size: 0.9em;
	line-height: 1.3em;
}
#main .detailOutline dl:nth-of-type(3) {
	margin-bottom: 20px;
}
#main .detailOutline dl.notes {
	float: none;
	clear: both;
	margin: 20px 0 20px;
	min-width: 280px;
	width: 96.2%;
}
#main .detailOutline dl dt {
	float: left;
	width: 7em;
	margin: 0 1em 0 0;
	padding: 0.5em 1em;
	background-color: #f0f0f0;
}
#main .detailOutline dl dd {
	margin: 0;
	padding: 0.5em 1em 0.5em 10em;
	border-bottom: solid 1px #C7C7C7;
	font-weight: bold;
}

#main ul.optionIcon {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	font-weight: bold;
	font-size: 0.8em;
	height: auto;
}
#main ul.optionIcon li {
	width: 100px;
	height: 100px;
	display: inline-block;
	margin: 0 2% 10px 0;
	text-align: center;
	border-radius: 50px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#main ul.optionIcon li div {
	width: 80px;
	height: 80px;
	margin: 10px auto 0;
}
#main ul.optionIcon li.on {
	background-color: #0000FF;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.3));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.3));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.3));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.3));
	box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
}
#main ul.optionIcon li.on div {
	background: url(../img/common/detail_icon_on.png) no-repeat;
	background-size: 400px 80px;
}
#main ul.optionIcon li.off {
	background-color: #eee;
}
#main ul.optionIcon li.off div {
	background: url(../img/common/detail_icon_off.png) no-repeat;
	background-size: 400px 80px;
}
#main ul.optionIcon li.office div {background-position: 0px 0px}
#main ul.optionIcon li.takayuka div {background-position: -80px 0px}
#main ul.optionIcon li.crane div {background-position: -160px 0px}
#main ul.optionIcon li.airecon div {background-position: -240px 0px}
#main ul.optionIcon li.toilet div {background-position: -320px 0px}

#main .detailTab ul.tabNav {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main .detailTab ul.tabNav li {
	float: left;
	width: 130px;
	margin-right: -1px;
}

#main .detailTab ul.tabNav .visible-xs li {
	float: left;
	width: 72px;
	margin-right: -1px;
}

#main .detailTab ul.tabNav li a {
	border-radius: 6px 6px 0 0;
}

#main .detailTab ul.tabNav a.active {
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.7), rgba(255,255,255,1));
	border: solid 1px #D8D8D8;
	color: #000;
}

#main .detailTab h2 {
	display: none;
}
#main .detailTab .box {
	padding: 20px 0 10px;
	clear: both;
	font-size: 0.8em;
        margin: 0 0 5px;
}
#main .detailTab .detailOutline dl {
}
#main .detailTab .detailOutline dl dt {
	width: 11em;
}
#main .detailTab .detailOutline dl dd {
	padding: 0.5em 1em 0.5em 13em;
}
#main .detailTab #tabA dl:nth-of-type(3) dt {
	width: 14em;
}

/* !favorite */
/* --------------------------- */

#main .favorite header h2{
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0 0 0.5em;
}
#main .favorite header h2 strong {
	font-size: 1.15em;
	font-weight: normal;
	padding: 0 0.15em;
}
#main .favorite header div {
	margin: 0 0 15px;
}
#main .favorite header div>p {
	float: left;
	font-size: 0.85em;
}
#main .favorite header div>p em {
	font-size: 1.3em;
	font-style: normal;
	padding: 0 0.2em;
}
#main .favorite table td:last-of-type {
	width: auto;
}

/* !compare */
/* --------------------------- */
#main .compareBox {
	margin: 0 0 30px;
}
#main .compareBox header {
	margin: 0 0 20px;
}
#main .compareBox header h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0 0 0.5em;
	float: left;
}
#main .compareBox ul {
	list-style: none;
	float: right;
}
#main .compareBox ul li {
	display: inline-block;
        /* ☆
	width: 4em;
	*/
        margin: 0 0 0 1em;
}

.compareBox .tableHeader {
	float: left;
	width: auto;
	background-color: #f0f0f0;
	border: solid 1px #ccc;
	border-right: none;
}
.compareBox .tableBody {
	width: auto;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	box-shadow: inset 0 0 8px rgba(0,0,0,0.15);
	border: solid 1px #ccc;
	border-left: none;
}
.compareBox .tableBody div {
	display: inline-block;
	*display: inline;
    *zoom: 1;
	vertical-align: top;
	border-right: solid 1px #ccc;
}
.compareBox .tableBody div:last-of-type {
	border-right: none;
}

.compareBox table {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
}
.compareBox table tbody tr th,
.compareBox table tbody tr td {
	padding: 4px 10px;
	white-space: nowrap;
	line-height: 15px;
}
.compareBox table tr:first-child th,
.compareBox table tr:first-child td {
	height: 155px;
	border-top: none;
	padding-top: 10px;
	overflow: hidden;
}
.compareBox table tr:first-child td {
	text-align: center;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.compareBox table tr:first-child td img {
	width: 170px;
	height: auto;
	margin: 3px auto 0;
}
.compareBox table tr:nth-of-type(even) {
	background-color: rgba(0,0,0,0.015);
}
.compareBox table td span {
        /* ☆
	background-color: #8080ff;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.1), rgba(0,0,0,0.2));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.1), rgba(0,0,0,0.2));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.1), rgba(0,0,0,0.2));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.1), rgba(0,0,0,0.2));
	box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
	color: #fff;
	font-size: 8px;
	line-height: 1em;
	font-weight: bold;
	padding: 2px 4px;
	border-radius: 3px;
        */
}
.compareBox hr {
	display: none;
}

/* !search ic sta */
/* --------------------------- */
#test {
	background: url(../../../imgs/top_rough_a.jpg) center top no-repeat;
}
#test .searchBox {
	margin-top: 297px;
}
.searchBox {
	float: right;
	width: 100%;
	max-width: 695px;
	height: 420px;
	background-color: #e8f0f9;
	background-image: -webkit-linear-gradient(top, #e8f0f9 60%, #cddfea);
	background-image:    -moz-linear-gradient(top, #e8f0f9 60%, #cddfea);
	background-image:     -ms-linear-gradient(top, #e8f0f9 60%, #cddfea);
	background-image:      -o-linear-gradient(top, #e8f0f9 60%, #cddfea);
	padding: 10px 0 10px 10px;
}
.searchIc,
.searchSta {
	float: left;
	background-color: #fff;
	margin: 115px 10px 10px 0;
	min-width: 260px;
	max-width: 330px;
	width: 100%;
	border-radius: 15px 3px 3px 3px;
}
.searchBox .btn {
	clear: both;
	margin: 0 auto;
	width: 260px;
	letter-spacing: 1em;
	text-indent: 0.5em;
}
.searchIc h3,
.searchSta h3 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	background-color: #8b8b8b;
	color: #fff;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	box-shadow: inset 0 0 20px rgba(0,0,0,0.1);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	z-index: 80;
}
.searchIc h3:before,
.searchSta h3:before {
	content: "";
	width: 60px;
	height: 60px;
	background: url(../img/common/search_icon.png) no-repeat #fff;
	display: block;
	float: left;
	margin: 5px 10px 0 5px;
	border-radius: 30px;
	z-index: 90;
}
.searchIc h3:before {background-position: 5px -45px;}
.searchSta h3:before {background-position: -45px 5px;}

.searchIc>div,
.searchSta>div {
	padding: 0px 20px 10px;
	z-index: 100;
	position: relative;
}
.searchIc>div input,
.searchSta>div input {
	margin: 0 auto 10px;
	width: 100%;
}

/* !mypage */
/* --------------------------- */
ul.mypageList {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

/* ☆　変更 */
ul.mypageList li {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	line-height: 150px;
	overflow: hidden;
	/*
        border-radius: 20px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
        */
}
ul.mypageList li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	/* text-shadow: 0 -1px 2px rgba(0,0,0,0.5); */
	background-color: #0000ff;
	background: url(../img/common/mypage_icon.png) no-repeat;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 4px;
	/* box-shadow: inset 0 0 6px rgba(0,0,0,0.4); */
}
ul.mypageList li a:hover {
	text-decoration: none;
	opacity: 0.6;
}
ul.mypageList li.mlIcon01 a {background-position: -16px 0px;}
/* ☆
ul.mypageList li.mlIcon02 a {background-position: -131px 0px;}
ul.mypageList li.mlIcon03 a {background-position: -262px 0px;}
*/
ul.mypageList li.mlIcon02 a {background-position: -147px 0px;}
ul.mypageList li.mlIcon03 a {background-position: -280px 0px;}
/* end */
ul.mypageList li.mlIcon04 a {background-position: -413px 0px;}
ul.mypageList li.mlIcon05 a {background-position: -540px 0px;}
ul.mypageList li.mlIcon06 a {background-position: -675px 0px;}

/* 追加 */
ul.mypageList li.mlIcon07 a {background-position: -810px 0px;}
ul.mypageList li.mlIcon08 a {background-position: -945px 0px;}

/* !company */
/* --------------------------- */
#contents table.outlineDate {
	font-size: 0.8em;
	border-bottom: solid 1px #ddd;
}
#contents table.outlineDate th,
#contents table.outlineDate td {
	padding: 10px 15px;
	line-height: 1.6em;
	vertical-align: middle;
}
#contents table.outlineDate th {
	text-align: center;
	background-color: #f0f0f0;
}
#contents table.outlineDate td .btn {
	width: 6em;
	font-size: 0.8em;
	line-height: 2em;
	height: 2em;
}
#contents .modal-header{
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0));
}
#contents .modal-title {
	font-style: normal;
	text-align: center;
}
#contents .modal-body {
	text-align: center;
	font-size: 0.85em;
	line-height: 1.5em;
}
#contents .modal-body p {
	margin: 0 0 0.5em;
}
#contents .modal-footer {
	text-align: center;
}
#contents .modal-footer .btn {
	margin: 0 auto;
	width: 5em;
}
/* !policy */
/* --------------------------- */
#contents .policyCont {
}
@media screen and (max-width: 736px) {
  #contents .policyCont {
    margin-left: 15px !important;
    padding-bottom: 1em !important;
  }
}
#contents .policyCont h3 {
	margin: 1.5em 0 0.5em;
	font-size: 1.2em;
	clear: both;
}
#contents .policyCont h3:first-of-type {
    /* ☆
    margin-top: 0;
    */
}
#contents .policyCont p {
	font-size: 0.8em;
	line-height: 1.6em;
  margin: 20px 20px 0.5em 15px;
  letter-spacing: 0.1em;
}
#contents .policyCont p.sign {
	float: right;
	padding-bottom: 2em;
}
#contents .policyCont ol,
#contents .policyCont ul {
	font-size: 0.8em;
	line-height: 1.6em;
	margin: 0 20px 0.5em 15px;
	letter-spacing: 0.1em;
	list-style: none;
	padding: 0;
}
#contents .policyCont ol {
	list-style: decimal;
	padding-left: 1.5em;
}
#contents .policyCont ol ol {
	list-style: lower-roman;
}
#contents .policyCont ol ul,
#contents .policyCont ul ul,
#contents .policyCont ol ol,
#contents .policyCont ul ol {
	font-size: 1em;
	line-height: 1.6em;
	margin-top: 0.75em;
	margin-right: 0;
}
#contents .policyCont ol>li,
#contents .policyCont ul>li {
	margin: 0 0 0.75em;
}
#contents .policyCont ul>li {
	padding-left: 1em;
	text-indent: -1em;
}

/* ☆
#contents .policyCont ul>li:before {
	content: "◆";
}
#contents .policyCont ol li ul li:before,
#contents .policyCont ul li ul li:before {
	content: "◇";
}
*/

.linkPdf:before {
	content: "　　";
	background: url(/resources/public/img/company/icon_pdf.gif) 0 0 no-repeat;
	padding: 3px 0;
}

/* !faq */
/* --------------------------- */
.faqNav {
	margin: 0 auto 20px;
}
.faqNav h3 {
	font-size: 1.1em;
	margin: 0 0 0.5em;
}
#contents .faqNav ul {
	position: relative;
	width: 100%;
}
#contents .faqNav ul li {
	width: 48%;
	margin: 0 5px 10px 0;
	padding: 0;
}
#contents .faqNav ul li .btn {
	font-size: 0.9em;
	height: 3em;
	line-height: 3em;
}
#contents .faqNav ul li .active {
	color: #0000FF;
	background-color: #666;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}
#contents .faqList {
	margin: 15px 15px 30px 0;
	padding: 15px 0 0;
	border-top: solid 1px #999;
}
#contents .faqList dt {
        /* ☆ */
	background: url(/resources/public/img/common/faq_icon_q.png) 0 0 no-repeat;
	/* end */
        padding: 0 0 15px 30px;
	margin: 0 0 15px;
	border-bottom: dashed 1px #ccc;
}
#contents .faqList dd {
        /* ☆ */
	background: url(/resources/public/img/common/faq_icon_a.png) 0 0 no-repeat;
	/* end */
        padding: 0 0 15px 30px;
	margin: 0 0 15px;
	border-bottom: solid 1px #999;
	font-size: 0.9em;
	line-height: 1.6em;
}

/* !sitemap */
/* --------------------------- */
#contents ul.sitemapTree {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	line-height: 1.5em;
}
#contents ul.sitemapTree>li {
	margin: 0 1em 1em 0;
	padding: 10px;
	border: solid 1px #eee;
	border-radius: 3px;
	min-width: 46%;
	font-weight: bold;
	background-color: #f0f0f0;
	display: inline-block;
	vertical-align: top;
}
#contents ul.sitemapTree>li a:before {
	content: "▼";
	font-size: 0.7em;
	vertical-align: middle;
}
#contents ul.sitemapTree>li>ul>li a:before {
	content: "▶";
}
#contents ul.sitemapTree>li.home {
	float: none;
	width: 95%;
	display: block;
}
#contents ul.sitemapTree>li>ul {
	font-weight: normal;
	margin: 5px 0 -5px;
	padding: 0;
	list-style: none;
}
#contents ul.sitemapTree>li>ul>li {
	margin: 0 0 0.5em 0;
	padding: 5px 10px;
	border-radius: 3px;
	background-color: #fff;
}/* end */



/* !sp */
/* --------------------------- */
@media screen and (max-width:480px) {
/* !layout */
/* --------------------------- */

#side {
	width: 100%;
	margin-right: 0;
	padding: 0;
	float: none;
}
#contents {
	width: 100%;
	padding: 0;
	float: none;
}
#globalHeader .description {
	font-size: 9px;
	margin: 0.5em 0 1em;
	position: relative;
	top: auto;
	left: auto;
	text-align: center;
}
#globalHeader .siteTitle {
	margin: 0;
	clear: left;
	float: none;
	padding-top: 0;
	text-align: center;
}
#globalHeader .headerBtn {
	float: none;
	margin: 0 0 10px;
	width: 100%;
	line-height: 3em;
}
#globalHeader .headerBtn p {
	float: none;
	height: 3em;
}
#globalHeader .headerBtn p a {
	border-radius: 3px 3px 0 0;
}
#globalHeader .headerBtn p.login a {
	border-radius: 0 0 3px 3px;
}
#globalHeader ul.headerSubnav {
	text-align: center;
	float: none;
	margin: 0 auto 10px;
}
#globalHeader ul.headerSubnav li {
	width: 33%;
	margin: 0;
	border-right: solid 1px #fff;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
	padding: 0;
}
#globalHeader ul.headerSubnav li a {
	background-color: #f0f0f0;
	display: block;
	height: 100%;
	background-image: none;
	padding: 0;
}
#globalHeader .freedial {
	float: none;
	margin: 0;
	text-align: center;
	padding: 10px 0;
}

.pagetop {
    /* ☆
        display: none;
    */
}
#globalFooter .inner h2 {
	float: none;
	margin: 0 0 10px 0;
}
#globalFooter .inner ul li {
	float: none;
	width: 100%;
	text-align: center;
	margin: 0;
	height: 30px;
	line-height: 30px;
	border-right: none;
	border-bottom: solid 1px #efefef;
}
#globalFooter .inner ul li a {
	display: block;
	background-color: #fff;
	height: 100%;
	text-decoration: none;
}
#globalFooter .inner ul li:first-of-type a {
	border-radius: 3px 3px 0 0;
}
#globalFooter .inner ul li:last-of-type a {
	border-radius: 0 0 3px 3px;
}
#globalFooter .copyright {
	font-size: 10px;
}

/* !result */
/* --------------------------- */
#main .searchDetail .searchSubmit {
	clear: both;
	float: none;
	margin: 0 15px 0 0;
}
#main .searchDetail .searchSubmit input {
	width: 100%;
}

#main .closed .closedBody p.contact {
	float: none;
	clear: both;
	width: auto;
	margin: 5px 15px 0 0;
}
#main .closed .closedBody ul li {
	float: none;
	width: auto;
}

#main .dispList table th {
	white-space: normal;
	line-height: 1.3em;
}

#main .compare ul li {
	width: 100%;
	margin: 0 auto;
}

/* !block */
/* --------------------------- */
#main ul.resultList {
	width: 292px;
	overflow: hidden;
}
#main ul.resultList>li {
	width: 290px;
	float: none;
	margin: 0 auto 12px 0;
}
#main ul.resultList>li div {
	width: 270px;
	height: 200px;
}

/* !detail */
/* --------------------------- */

#main .detailHeader .kentou {
	margin: 0 0 5px;
	float: none;
}
#main .detailHeader ul.detailNav {
	float: none;
	clear: both;
}
#main .detailHeader ul.detailNav li {
	display: block;
	margin: 0;
}
#main .detailHeader ul.detailNav li a {
	margin: 0;
}
#main .detailBox .photo {
	max-width: 500px;
	min-width: 300px;
	width: auto;
	height: 200px;
	overflow: hidden;
	float: none;
	text-align: center;
	margin: 0 0 15px;
	position: relative;
}
#main .detailBox ul.gallery li {
	height: 40px;
}
#main .detailBox dl.spec {
	float: none;
	margin: 0;
	min-width: 300px;
	width: auto;
	clear: both;
}
#main .detailOutline dl {
	float: none;
	min-width: 210px;
	width: auto;
	font-size: 12px;
}
#main .detailOutline dl.notes {
	min-width: 210px;
	width: auto;
}
#main .detailOutline .boxBody {
	padding: 0 10px;
}

#main ul.optionIcon li {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
#main ul.optionIcon li div {
	width: 40px;
	height: 40px;
	margin: 5px auto 0;
}
#main ul.optionIcon li.on div {
	background-size: 200px 40px;
}
#main ul.optionIcon li.off div {
	background-size: 200px 40px;
}
#main ul.optionIcon li.office div {background-position: 0px 0px}
#main ul.optionIcon li.takayuka div {background-position: -40px 0px}
#main ul.optionIcon li.crane div {background-position: -80px 0px}
#main ul.optionIcon li.airecon div {background-position: -120px 0px}
#main ul.optionIcon li.toilet div {background-position: -160px 0px}

#main .detailTab ul.tabNav li {
	width: 97px;
}
#main .detailTab ul.tabNav li a {
	font-size: 11px;
}

/* !compare */
/* --------------------------- */

#main .compareBox ul li:last-of-type {
	display: none;
}
.compareBox table tr th,
.compareBox table tr td {
	font-size: 8px;
	padding: 4px 8px;
}
.compareBox table tr td {
	font-size: 10px;
}
.compareBox table tbody {
	border-bottom: solid 1px #ccc;
}

/* !search ic sta */
/* --------------------------- */
#test {
	background: none;
}
#test .searchBox {
	margin-top: 0;
}
.searchBox {
	float: none;
	width: 100%;
	padding: 10px;
	height: auto;
}
.searchIc,
.searchSta {
	margin-top: 0px;
	float: none;
}
.searchIc h3,
.searchSta h3 {
	font-size: 16px;
	line-height: 30px;
}
.searchIc h3:before,
.searchSta h3:before {
	content: "";
	width: 40px;
	height: 40px;
	background-size: 70px 70px;
	border-radius: 20px;
	z-index: 90;
}
.searchIc h3:before {background-position: 3px -32px;}
.searchSta h3:before {background-position: -33px 4px;}

/* !mypage */
/* --------------------------- */
ul.mypageList {
}
ul.mypageList li {
	width: 118px;
	height: 110px;
	font-size: 13px;
	line-height: 180px;
	margin: 0 10px 10px 0;
}
ul.mypageList li a {
	background-size: 1159px 110px;
}
ul.mypageList li.mlIcon01 a {background-position: -13px 0px;}
ul.mypageList li.mlIcon02 a {background-position: -158px 0px;}
ul.mypageList li.mlIcon03 a {background-position: -303px 0px;}
ul.mypageList li.mlIcon04 a {background-position: -448px 0px;}
ul.mypageList li.mlIcon05 a {background-position: -593px 0px;}
ul.mypageList li.mlIcon06 a {background-position: -738px 0px;}

/* 追加 */
ul.mypageList li.mlIcon07 a {background-position: -882px 0px;}
ul.mypageList li.mlIcon08 a {background-position: -1028px 0px;}


/* !faq */
/* --------------------------- */

#contents .faqNav ul li {
	width: 95%;
}
}

.header {
    margin-bottom: 0 !important;
}