@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500);
@import url(//fonts.googleapis.com/css?family=Qwigley);

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:"メイリオ", "ＭＳ ゴシック", "Times New Roman";
    /*    -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;*/
}

.areaclear{ overflow: hidden; }

a{ text-decoration: underline; }
.nobr{ white-space: nowrap; }
.heading{
    border-bottom:5px solid #FFF;
    background: -moz-linear-gradient(left, #1e2188 0%, #fdfdfe 45%, #fdfdfe 51%, #1e2188 100%);
    background: -webkit-linear-gradient(left, #1e2188 0%,#fdfdfe 45%,#fdfdfe 51%,#1e2188 100%);
    background: linear-gradient(to right, #1e2188 0%,#fdfdfe 45%,#fdfdfe 51%,#1e2188 100%);
    padding-top:30px;
}

h1,h2,h3,h4{margin:0px; padding-top:10px;}

h1{ font-size:16px; background-color:#1e2188; color:#FFF;  padding:7px 20px;}

h2.page_title{
    /*    background-image: linear-gradient(to right, #000 49%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 7px 4px;
        background-repeat: repeat-x;*/
    font-family:"メイリオ", "ＭＳ ゴシック", "Times New Roman";
    border-bottom: 2px solid #1e2188;
    color: #1e2188;
    font-size:28pt;
    padding-bottom:5px;
    font-weight: bold;

    /*font-weight:bold;*/
}
h3.page_subtitle{
    font-size:20px;
    padding-bottom:10px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align:middle;
}
.leftSpace{
    padding-left: 56px;
}
.tdstr{
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle;
}

td.t_noborder{ border-top: none !important; }
.indexStrArea{
    overflow: auto;
    width: 100%;
    max-width: 100%;
    height: 200px;
}
.subpage_conts{
    padding:10px;
    font-size:16px;
}

.Imagedata {
    max-width: 100%;
    width: auto;
    height: auto;
}
table.voiceTBL{
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    width:100%; max-width:100%;
}
td.voiceStr{
    font-size:10pt;
    width:20% !important;
    max-width:20% !important;
    border-top:1px solid #333;
    border-left:1px solid #333;
    text-align: center;
    padding: 8px 0px;
    background-color: #fff2cc;
}
td.voiceimg{
    font-size:10pt;
    width:40% !important;
    max-width:40% !important;
    border-top:1px solid #333;
    border-left:1px solid #333;
    padding: 8px 0px;
}
td.voicetext{
    font-size:10pt;
    width:60% !important;
    max-width:60% !important;
    border-top:1px solid #333;
    padding: 8px 10px;
    line-height: 25px;
}
td.voicetext2{
    font-size:10pt;
    width:60% !important;
    max-width:60% !important;
    border-top:1px solid #333;
    padding: 8px 10px;
    line-height: 25px;
    border-left:1px solid #333;
}

ol.list_parentheses{
    padding:0 0 0 2em;
    margin:0;
}

ol.list_parentheses li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
ol.list_parentheses li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
}

td.workImageArea{ height:24vw; width: 40vw; padding-right: 1vw; }

.topMainMenu{
    margin-top: 15px;
}
.topMainMenu2{
    margin-top: 25px;
}

.townbg_top{
    background-image: url(../image/townbg_top.png);
    background-size: 100% auto;
    background-position: center top;
}
.townbg_top>h3{
    font-size: 1.8vw;
    padding-top: 4.5%;
    padding-left: 4.5%;
    padding-bottom: 1%;
}
.townbg_top>h3>span{
    font-size:1.1vw;
}

.imgwrapper {
    position: relative;
    width: 100%;
}
.imgwrapper:before {
    content:"";
    display: block;
    padding-top: 62.5%;/* 高さと幅の比を8:5に固定。5/8*100=62.5 */
}
.mapImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.imgwrapper2 {
    position: relative;
    width: 100%;
}
.imgwrapper2:before {
    content:"";
    display: block;
    padding-top: 75%;/* 高さと幅の比を8:5に固定。5/8*100=62.5 */
}
.mapImage2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.townbg_side{
    background-image: url(../image/townbg_side.png);
    background-size: 100% auto;
}
.town_sidetextarea{
    max-width: 100%;
}
.town_sidetext{
    padding-left: 9%;
    line-height: 30px;
}
.town_sideimgarea{
    margin: 0px -10px;
}

.townbg_bottom{
    background-image: url(../image/townbg_bottom.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-top:5%;
}

.town_linkarea{
    font-size: 17px;
    padding: 30px 0px 0px 0px;
    line-height: 30px;
}

#copy_area{ font-size:16px; background-color:#1e2188; color:#FFF;  padding:10px 20px; }

.trainIcon{ max-width: 25px; width: auto; height: auto; margin-right: 5px; margin-bottom: 10px; float: left; }
.trainStr{ margin-top: 3px; }

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


.table_lay{
    display: table;
    margin: 0px;
    width: 100%;
    max-width:100%;
    padding:0px;
}

div.table_lay div.title_str {
    display: table-cell;
    width: 20%;
    max-width:20%;
    padding:5px 15px;
    background-color:#CCC;
    text-align:left;
    font-size:14px;
    line-height:30px;
}
div.table_lay div.summary_str {
    display: table-cell;
    width: 80%;
    max-width:80%;
    padding:5px 15px;
    background-color:#EFEFEF;
    font-size:14px;
    line-height:30px;
}



.table_lay2{
    border:none;
    display: table;
    margin: 0px;
    width: 95%;
    max-width:95%;
    padding:0px;
}

/*---------------------ギャラリー用----------------*/

#wrp {
    width:100%;
    height:380px;
    background-color:rgba(0,0,0,0.5);
    margin:0px auto;
}

#mainImg {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#mainImg img {
    top: 0;
    left: 0;
    position: absolute;
}

.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    /*background-size: cover;*/
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.minmax_image{
    min-height:435px;
    max-height:435px;
}
.list_img{
    min-height:150px;
    max-height:150px;
    margin:0px auto;
}

.minmax_sub{
    min-height:100px;
    max-height:100px;
}
.gallery-top {
    max-height: 80%;
    width: auto;
    height: auto;
}
.gallery-thumbs {
    max-height: 20%;
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.slider_str{
    background-color:rgba(255,255,255,0.5);
    padding:5px 10px;
    font-size:18px;
}


.gallery_img{
    max-width: 100% !important;
    width:auto;
    height:auto;
}
/*---------------------ギャラリー用▲----------------*/

.navbar{ border-radius: 0px; margin-bottom:0px; min-height:36px; }
.navbar-default{ border-color:#dcdddd; background-color:#dcdddd; }
.navbar-nav>li>a { font-size:16px; color:#000 !important; padding-top:7px; padding-bottom:7px; font-weight:bold; text-decoration: none; }

li.contact_link{ float:right; background-color:#FFF; border:1px #666666 solid; margin-top:3px; }
li.contact_link:hover{ background-color:#dddddd; }
li.contact_link>a{ padding:3px 15px; }

.box1{
    border:1px solid #1f4e79;
    overflow:hidden;
}
.box1>.box_title_right{
    background-color:#1f4e79;
    color:#FFF;
    float:right;
    width:80%;
    font-size:22px;
    padding:5px 10px;
    text-align:left;
}
.box1>.box_title_left{
    background-color:#2e74b5;
    color:#FFF;
    float:left;
    width:20%;
    font-size:22px;
    padding:5px 10px;
    text-align:left;
}
.box1>.box_conts_left{
    float:left;
    width:38%;
}
.box1>.box_conts_right{
    float:right;
    width:62%;
    font-size:17px;
    padding:10px 15px;
    text-align:left;
    line-height:30px;
}

.searchottomStr>.bigStr{
    font-size: 20px;
}

.searchottomStr{
    background-color:#EFEFEF;
    margin:30px 0;
    padding: 30px 40px;
    line-height: 30px;
}
.searchBtnImg{
    width: 23%;
    max-width: 23%;
    float: left;
    margin: 1%;
}

.box2{
    float:right;
    min-width:54%;
    font-size:20px;
    text-align:center;
    color:#000;
}
.box2>.box2_child{ 
    max-width: 100%;
    height: auto;
    padding: 22.5% 0; }

.k_nagare1,
.k_nagare2,
.k_nagare3,
.k_nagare4,
.k_nagare5,
.k_nagare6,
.k_nagare7,
.b_nagare1,
.b_nagare2,
.b_nagare3,
.b_nagare4,
.b_nagare5,
.b_nagare6,
.r_nagare1,
.r_nagare2,
.r_nagare3,
.r_nagare4,
.r_nagare5,
.r_nagare6{
    line-height: 26px;
    font-size: 16.5px;
    margin-top:40px;
    background-size:100% auto;
    background-repeat:no-repeat;
}
.k_nagare1{
    background-image:url("../image/hudousankounyu_nagare1.png");
    padding:3% 37.5% 8% 30.4%;
}
.k_nagare2{
    background-image:url("../image/hudousankounyu_nagare2.png");
    padding:3% 38% 8% 30.4%;
}
.k_nagare3{
    background-image:url("../image/hudousankounyu_nagare3.png");
    padding:2% 38.4% 8% 31%;
}
.k_nagare4{
    background-image:url("../image/hudousankounyu_nagare4.png");
    padding:3% 38% 8% 30.4%;
}
.k_nagare5{
    background-image:url("../image/hudousankounyu_nagare5.png");
    padding:3% 37% 8% 30.4%;
}
.k_nagare6{
    background-image:url("../image/hudousankounyu_nagare6.png");
    padding:3% 38% 8% 30.4%;
}
.k_nagare7{
    background-image:url("../image/hudousankounyu_nagare7.png");
    padding:3% 38% 8% 30.4%;
}
.lspacing0{ letter-spacing: 0px;}

.b_nagare1{
    background-image:url("../image/hudousanbaikyaku_nagare1.png");
    padding:3% 38% 8% 30.4%;

}
.b_nagare2{
    background-image:url("../image/hudousanbaikyaku_nagare2.png");
    padding:2% 38% 6% 30.4%;
}
.b_nagare3{
    background-image:url("../image/hudousanbaikyaku_nagare3.png");
    padding:5% 38% 8% 30.4%;
}
.b_nagare4{
    background-image:url("../image/hudousanbaikyaku_nagare4.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:5% 38% 11.5% 30.4%;
    margin-top:40px;
}
.b_nagare5{
    background-image:url("../image/hudousanbaikyaku_nagare5.png");
    padding:4% 38% 8% 30.4%;
}
.b_nagare6{
    background-image:url("../image/hudousanbaikyaku_nagare6.png");
    padding:2.3% 38% 7% 30.4%;
}

.r_nagare1{
    background-image:url("../image/hudousankanri_nagare1.png");
    padding:3% 38% 8% 31%;
}
.r_nagare2{
    background-image:url("../image/hudousankanri_nagare2.png");
    padding:5% 38% 9% 31%;
}
.r_nagare3{
    background-image:url("../image/hudousankanri_nagare3.png");
    padding:7% 38% 11% 30%;
}
.r_nagare4{
    background-image:url("../image/hudousankanri_nagare4.png");
    padding:3% 38% 8% 30.3%;
}
.r_nagare5{
    background-image:url("../image/hudousankanri_nagare5.png");
    padding:4% 38% 7% 30.4%;
}
.r_nagare6{
    background-image:url("../image/hudousankanri_nagare6.png");
    padding:2.3% 37% 7% 30%;
}

.c_nagare1{
    background-image:url("../image/chitai_nagare1.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:3% 38% 8% 31%;
    line-height:28px;
    margin-top:40px;
}

.c_nagare2{
    background-image:url("../image/chitai_nagare2.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:2% 38% 7% 31%;
    line-height:28px;
    margin-top:10px;
}
.c_nagare3{
    background-image:url("../image/chitai_nagare3.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:2% 38% 7% 31%;
    line-height:28px;
    margin-top:10px;
}
.c_nagare4{
    background-image:url("../image/chitai_nagare4.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:5% 38% 11% 31%;
    line-height:28px;
    margin-top:10px;
}
.c_nagare5{
    background-image:url("../image/chitai_nagare5.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:3% 38% 8% 31%;
    line-height:28px;
    margin-top:10px;
}
.c_nagare6{
    background-image:url("../image/chitai_nagare6.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    padding:3% 38% 10% 31%;
    line-height:28px;
    margin-top:10px;
}
header{ max-width:100%; min-width:100%;
        background-image:url("../image/header_bg.png");
        background-repeat: repeat-x;
        background-position:center bottom;
        padding-bottom:3px;
        margin:0px 0px -2px 0px;
}

footer{ margin-top:30px; }

ul.footer_nav{ float:right; list-style:none; margin-bottom:0px; }
ul.footer_nav>li{ float:left; margin-left:26px; padding:8px 0px 5px 0px; }
ul.footer_nav>li>a{ color:#000; font-size:16px; font-weight:bold; text-decoration: none; }

th.yougo_td,
td.yougo_td{
    padding-top: 20px;
}
td.yougo_td a{
    text-decoration: none;
    margin-right: 5px;
}
.yougoStrArea{
    margin-bottom: 10px;   
}
a.yougoStr{
    font-size:16px;
}
a.yougoStr:before{
    content: '・ ';
}

.yougoTitle{
    font-size:24px;
    font-weight: bold;
    color:#ff8c00;
    border-bottom:1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.yougoText{
    font-size:16px;
    line-height:25px;
}


.shiorui_title{
    background-color:#269e5f;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
    padding: 5px;
    border: 1px solid #333;
    border-bottom: none;
}

.hissuarea{ border: 1px solid #1f4e79; margin-bottom: 20px; overflow: hidden; }
.hissu-left{ float: left; width: 42%; max-width: 42%;}
.hissu-right{ float: left; width: 58%; max-width: 58%; padding-left:15px; }
.hissu-table{ margin: 0px -15px 15px; }
.hissuareaTitle{
    font-weight: bold;
    font-size: 16pt;
    padding: 5px;
    background-color: #269e5f;
    color: #FFF;
    text-align: center;
}
.hissuareaStrTitle{
    font-weight: bold;
    font-size: 11pt;
    padding:10px 5px 9px 0px;
}
.hissuStr{
    font-size: 12pt;
    padding: 5px 5px 0px 0px;
    line-height: 25px;
}
.hissuStr2{
    font-size: 12pt;
    padding: 5px 5px 0px 0px;
    line-height: 35px;
}
.hissuStr3{
    font-size: 12pt;
    padding: 5px 5px 0px 0px;
}

.tokuchouarea{ border: 1px solid #1f4e79; margin-bottom: 20px; overflow: hidden; }
.tokuchou-left{ float: left; width: 38%; max-width: 38%;}
.tokuchou-right{ float: left; width: 62%; max-width: 62%; }
.tokuchouTitle{
    font-weight: bold;
    font-size: 25px;
    padding: 10px;
    background-color: #2e74b5;
    color: #FFF;
    text-align: center;
}
.tokuchouStr2{
    font-size: 12pt;
    padding: 5px 10px 0px 10px;
    line-height: 35px;
}

th.resTh{
    width: 20%;
    font-size: 15px;
    border-bottom:2px solid #ccc;
    font-weight: normal;
}
td.resTd{
    width: 80%;
    font-size: 18px;
    border-bottom:2px solid #ccc;
    padding: 5px 10px 5px 5px;
}

.titleNews{
    border-bottom:2px solid #777;
    font-size: 21px;
    padding-bottom: 5px;
    margin: 0 0 10px 20px;
}
.titleTopics{
    border-bottom:2px solid #777;
    font-size: 21px;
    padding-bottom: 5px;
    margin: 0 20px 10px 0px;
}
.tableMarNews{
    margin-left: 20px;
}
.tableMarTopics{
    margin-right: 20px;
}

.searchListArea{
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}

.searchListAreaSummary{ clear: both; border-top: 1px solid #CCC; padding-top: 10px; }

.listImgTitle,
.listHouseNameTitle,
.listStationTitle,
.listMoneyTitle,
.listRoomTitle,
.listSummaryTitle,
.listImg,
.listHouseName,
.listStation,
.listMoney,
.listRoom,
.listSummary{ float: left; text-align: center; margin: 0px; background-color: #EEEEEE; font-weight: bold; }

.listImg,
.listHouseName,
.listStation,
.listMoney,
.listRoom,
.listSummary{ background-color: #FFF; font-weight: normal; margin-bottom: 10px; }

.listcach{ float: right; text-align: left; width: 900px; padding: 20px 0; font-size: 18px; }
.listImgTitle{ width:260px; line-height: 3.5vw; }
.listHouseNameTitle{ width:250px; line-height: 3.5vw; }
.listStationTitle{ width:180px; line-height: 3.5vw; }
.listMoneyTitle{ width:180px; line-height: 1.75vw; }
.listRoomTitle{ width:150px; line-height: 3.5vw; }
.listSummaryTitle{ width:150px; line-height: 3.5vw; }

.listImg{ width:260px; line-height: 3.5vw; }
.listHouseName{ width:250px; line-height: 3.5vw; }
.listStation{ width:180px; line-height: 1.75vw; }
.listMoney{ width:180px; line-height: 1.75vw; }
.listRoom{ width:150px; line-height: 1.75vw; }
.listSummary{ width:150px; line-height: 3.5vw; }
.pc-hid{ display: none; }
.sp-block{ display: none; }

.listHouseNameSP{ display: none; }
.listStationSP{ display: none; }

.indexPCmarginR { margin-right:10px; }
.indexPCmarginL { margin-left:10px; }

.accessBody{ padding: 40px; }

@media only screen and (min-width:1200px){

    .gallery_img{
        max-height:424px !important;
    }
    .minmax_image{
        min-height:424px;
        max-height:424px;
    }

    ul.global_menu>li{ border-right:1px #CCCCCC solid; text-align:center; }
    ul.global_menu>li:last-child{ border-right:none; }


}

@media only screen and (max-width:1199px){
    ul.global_menu>li{ border-right:1px #CCCCCC solid; text-align:center; }
    ul.global_menu>li:last-child{ border-right:none; }
    .container{ width:97%; }
    h1{ font-size:18px;}
    .pc-hid{ display: inline-block; }
    td.workImageArea{ height:25vw; }
}
@media only screen and (max-width:1170px){

    .searchListArea{
        max-width: 100vw;
        margin: 0 auto;
        overflow: hidden;
    }

    .searchListAreaSummary{ clear: both; border-top: 1px solid #CCC; padding-top: 10px; }

    .listImg,
    .listHouseName,
    .listStation,
    .listMoney,
    .listRoom,
    .listSummary{ float: left; text-align: center; margin: 0px; background-color: #EEEEEE; font-weight: bold; }

    .listImg,
    .listHouseName,
    .listStation,
    .listMoney,
    .listRoom,
    .listSummary{ background-color: #FFF; font-weight: normal; margin-bottom: 10px; font-size: 2vw; }

    .listcach{ float: none; text-align: left; width: 98vw; padding: 0 0 0px 2vw; font-size:2vw; }
    .listImg{ width:40vw; max-width: 40vw; margin-left: 1vw; margin-bottom: 5vw; margin-top: 2vw; }
    .listHouseName{ width:50vw; max-width: 50vw; line-height: 2.5vw; text-align: left; margin-top: 3vw; }
    .listStation{ width:55vw; line-height: 2.3vw; text-align: left; }
    .listMoney{ width:55vw; line-height: 2.3vw; text-align: left; padding-top: 1vw; }
    .listRoom{ width:55vw; line-height: 2.3vw; text-align: left; padding-top: 2vw; }
    .listSummary{ width:96vw; line-height: 3.5vw; text-align: left; margin-left: 2vw; }

    .list_img{
        min-height:20vw;
        max-height:20vw;
        text-align: left;
    }
    .listHouseNameSP{ display: none; }
    .listStationSP{ display: none; }
    .pcOnly{ display: none; }
    .br-sp{ display: none; }
}
@media only screen and (max-width:1055px){
    h1{ font-size:16px;}
}

@media only screen and (max-width:991px){

    h2.page_title{ font-size:5vw; }
    #acMenu dt{
        padding-right: 40px;
        line-height: 20px;
    }
    #acMenu dt:after{
        top: 5px !important;
        right:15px !important;
        font-size:25px !important;

    }
    .q{ margin-right: 10px !important; font-size: 20px !important; }

    .faqGbtn{ margin-bottom: 10px; }

    .logo-img{ max-width:90%; width:auto; height:auto; }
    ul.global_menu>li{ border-right:1px #CCCCCC solid; text-align:center; }
    ul.global_menu>li:last-child{ border-right:none; }
    h1{ font-size:14px;}

    .searchListArea{ background-color: #eeeeee; margin-top: 20px; }
    .searchListAreaSummarySP{
        overflow: hidden;
        border: 1px solid #CCC;
        margin: 10px;
        padding: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        background-color: #FFF;
        position: relative;
    }
    .searchListAreaSummarySP>a {
        position: absolute; top:0; left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        padding: 10px;
        text-decoration: none;
        color: #333;
    }

    .spListName{ border-bottom: 1px solid #CCC; padding-bottom: 10px; font-weight: bold; font-size: 17px; }
    .spListImg{ padding: 10px 0px; float: left; margin-right: 10px; }
    .spListStation{ padding-top: 10px; font-size: 16px; }
    .spListMoney{ padding-top: 5px; font-size: 15px; }
    .spListMadori{ padding-top: 5px; font-size: 15px; }
    .spListLink{ border-top: 1px solid #CCC; padding-top: 10px; text-align: right; clear: both; }

    div.table_lay div.summary_str {
        display: block;
        width: 100%;
        max-width:100%;
    }

    .voiceArea{
        background-color: #f3f3ff;
        padding: 20px;
        border-radius: 5px;
    }

    .voiceTitle{
        font-size:16px;
        font-weight: bold;
        border-bottom: 1px solid #1e2188;
        padding-bottom:10px;
        margin-bottom: 10px;
    }

    .voiceStr{

    }

    .townArea{
        background-color: #f3f3ff;
        padding: 20px;
        border-radius: 5px;
    }
    .townArea>h3{
        font-weight: bold;
        border-bottom: 1px solid #1e2188;
        padding-bottom:10px;
        margin-bottom: 10px;
    }

    .accessBody{ padding: 10px; }
    .slick-initialized .slick-slide{ margin: 0 3px;}
    /*
        文字列の一部をグラデーションで隠す
    */
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    @-webkit-keyframes slideDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes slideDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .slide-down {
        -webkit-animation-name: slideDown;
        animation-name: slideDown;
    }
    @-webkit-keyframes slideUp {
        0% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }
    @keyframes slideUp {
        0% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }
    .slide-up {
        -webkit-animation-name: slideUp;
        animation-name: slideUp;
    }
    .content-wrap {
        height: 150px;
        overflow: hidden;
        position: relative;
        margin: 0;
    }
    .close-btn {
        background: none;
    }
    .slide-up {
        height: 150px;
        padding-bottom: 0;
        overflow: hidden;
    }
    .slide-down {
        height: auto;
        overflow: visible;
        padding-bottom: 50px;
    }
    .close-btn {
        padding:0;
    }
    .close-btn p {
        background: #aaa;
    }
    /*
    文字を隠すここまで
    */

    #chevron1 {
        position: relative;
        text-align: center;
        padding: 4vw;
        margin: 10vw 5vw;
        width: 90vw;
        max-width: 90vw;
        border-top:2px solid #c17f4f;
        font-size:3.5vw;
        text-align: left;
        background: -moz-linear-gradient(top, #e6bfa5, #FFF 50%, #FFF 100%) !important;
        background:  -ms-linear-gradient(top, #e6bfa5, #FFF 50%, #FFF 100%) !important;
        background:      linear-gradient(top, #e6bfa5, #FFF 50%, #FFF 100%) !important;
        background:     -webkit-gradient(linear, left top, left bottom, from(#e6bfa5), color-stop(0.5, #FFF), to(#FFF)) !important;
    }

    #chevron1:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, 6deg);
        -moz-transform: skew(0deg, 6deg);
        -ms-transform: skew(0deg, 6deg);
        -o-transform: skew(0deg, 6deg);
        transform: skew(0deg, 6deg);
        border:2px solid #c17f4f;
        border-right:none;
        border-top:none;
        margin-top: 2.5vw;
    }

    #chevron1:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, -6deg);
        -moz-transform: skew(0deg, -6deg);
        -ms-transform: skew(0deg, -6deg);
        -o-transform: skew(0deg, -6deg);
        transform: skew(0deg, -6deg);
        border:2px solid #c17f4f;
        border-top:none;
        border-left:none;
        margin-top: 2.5vw;
    }

    #chevron2 {
        position: relative;
        text-align: center;
        padding: 4vw;
        margin: 10vw 5vw;
        width: 90vw;
        max-width: 90vw;
        border-top:2px solid #dfb34b;
        font-size:3.5vw;
        text-align: left;
        background: -moz-linear-gradient(top, #edd49d, #FFF 50%, #FFF 100%) !important;
        background:  -ms-linear-gradient(top, #edd49d, #FFF 50%, #FFF 100%) !important;
        background:      linear-gradient(top, #edd49d, #FFF 50%, #FFF 100%) !important;
        background:     -webkit-gradient(linear, left top, left bottom, from(#edd49d), color-stop(0.5, #FFF), to(#FFF)) !important;
    }

    #chevron2:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, 6deg);
        -moz-transform: skew(0deg, 6deg);
        -ms-transform: skew(0deg, 6deg);
        -o-transform: skew(0deg, 6deg);
        transform: skew(0deg, 6deg);
        border:2px solid #dfb34b;
        border-right:none;
        border-top:none;
        margin-top: 2.5vw;
    }

    #chevron2:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, -6deg);
        -moz-transform: skew(0deg, -6deg);
        -ms-transform: skew(0deg, -6deg);
        -o-transform: skew(0deg, -6deg);
        transform: skew(0deg, -6deg);
        border:2px solid #dfb34b;
        border-top:none;
        border-left:none;
        margin-top: 2.5vw;
    }



    #chevron3 {
        position: relative;
        text-align: center;
        padding: 4vw;
        margin: 10vw 5vw;
        width: 90vw;
        max-width: 90vw;
        border-top:2px solid #ba126e;
        font-size:3.5vw;
        text-align: left;
        background: -moz-linear-gradient(top, #d28eba, #FFF 50%, #FFF 100%) !important;
        background:  -ms-linear-gradient(top, #d28eba, #FFF 50%, #FFF 100%) !important;
        background:      linear-gradient(top, #d28eba, #FFF 50%, #FFF 100%) !important;
        background:     -webkit-gradient(linear, left top, left bottom, from(#d28eba), color-stop(0.5, #FFF), to(#FFF)) !important;
    }

    #chevron3:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, 6deg);
        -moz-transform: skew(0deg, 6deg);
        -ms-transform: skew(0deg, 6deg);
        -o-transform: skew(0deg, 6deg);
        transform: skew(0deg, 6deg);
        border:2px solid #ba126e;
        border-right:none;
        border-top:none;
        margin-top: 2.5vw;
    }

    #chevron3:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, -6deg);
        -moz-transform: skew(0deg, -6deg);
        -ms-transform: skew(0deg, -6deg);
        -o-transform: skew(0deg, -6deg);
        transform: skew(0deg, -6deg);
        border:2px solid #ba126e;
        border-top:none;
        border-left:none;
        margin-top: 2.5vw;
    }



    #chevron4 {
        position: relative;
        text-align: center;
        padding: 4vw;
        margin: 10vw 5vw;
        width: 90vw;
        max-width: 90vw;
        border-top:2px solid #2f7300;
        font-size:3.5vw;
        text-align: left;
        background: -moz-linear-gradient(top, #6fa649, #FFF 50%, #FFF 100%) !important;
        background:  -ms-linear-gradient(top, #6fa649, #FFF 50%, #FFF 100%) !important;
        background:      linear-gradient(top, #6fa649, #FFF 50%, #FFF 100%) !important;
        background:     -webkit-gradient(linear, left top, left bottom, from(#6fa649), color-stop(0.5, #FFF), to(#FFF)) !important;
    }

    #chevron4:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, 6deg);
        -moz-transform: skew(0deg, 6deg);
        -ms-transform: skew(0deg, 6deg);
        -o-transform: skew(0deg, 6deg);
        transform: skew(0deg, 6deg);
        border:2px solid #2f7300;
        border-right:none;
        border-top:none;
        margin-top: 2.5vw;
    }

    #chevron4:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 45vw;
        -webkit-transform: skew(0deg, -6deg);
        -moz-transform: skew(0deg, -6deg);
        -ms-transform: skew(0deg, -6deg);
        -o-transform: skew(0deg, -6deg);
        transform: skew(0deg, -6deg);
        border:2px solid #2f7300;
        border-top:none;
        border-left:none;
        margin-top: 2.5vw;
    }


    .nagareHeight1,.nagareHeight1:before,.nagareHeight1:after{ height: 75vw; }
    .nagareHeight2,.nagareHeight2:before,.nagareHeight2:after{ height: 70vw; }
    .nagareHeight3,.nagareHeight3:before,.nagareHeight3:after{ height: 70vw; }
    .nagareHeight4,.nagareHeight4:before,.nagareHeight4:after{ height: 80vw; }
    .nagareHeight5,.nagareHeight5:before,.nagareHeight5:after{ height: 75vw; }
    .nagareHeight6,.nagareHeight6:before,.nagareHeight6:after{ height: 83vw; }
    .nagareHeight7,.nagareHeight7:before,.nagareHeight7:after{ height: 78vw; }
    .nagareHeight8,.nagareHeight8:before,.nagareHeight8:after{ height: 85vw; }
    .nagareHeight9,.nagareHeight9:before,.nagareHeight9:after{ height: 73vw; }
    .nagareHeight10,.nagareHeight10:before,.nagareHeight10:after{ height: 65vw; }
    .nagareHeight11,.nagareHeight11:before,.nagareHeight11:after{ height: 85vw; }
    .nagareHeight12,.nagareHeight12:before,.nagareHeight12:after{ height: 85vw; }

    #chevron1>img{ max-width: 40%; width: auto; height: auto; float: left; margin-right: 4vw; margin-bottom: 2vw; }
    #chevron2>img{ max-width: 40%; width: auto; height: auto; float: left; margin-right: 4vw; margin-bottom: 2vw; }
    #chevron3>img{ max-width: 40%; width: auto; height: auto; float: left; margin-right: 4vw; margin-bottom: 2vw; }
    #chevron4>img{ max-width: 40%; width: auto; height: auto; float: left; margin-right: 4vw; margin-bottom: 2vw; }

    .spNagareTitle{
        font-size:9vw;
        color: #FFF;
        font-weight: bold;
        text-shadow: 5px 5px 5px #dfb34b,
            -5px 5px 5px #dfb34b,
            5px -5px 5px #dfb34b,
            -5px -5px 5px #dfb34b;
        text-align: center;
        padding-top: 5vw;
    }

    .spNagareTitle2{
        font-size:9vw;
        color: #FFF;
        font-weight: bold;
        text-shadow: 5px 5px 5px #c17f4f,
            -5px 5px 5px #c17f4f,
            5px -5px 5px #c17f4f,
            -5px -5px 5px #c17f4f;
        text-align: center;
        padding-top: 5vw;
    }

    .spNagareTitle3{
        font-size:9vw;
        color: #FFF;
        font-weight: bold;
        text-shadow: 5px 5px 5px #ba126e,
            -5px 5px 5px #ba126e,
            5px -5px 5px #ba126e,
            -5px -5px 5px #ba126e;
        text-align: center;
        padding-top: 5vw;
    }
    .spNagareTitle4{
        font-size:9vw;
        color: #FFF;
        font-weight: bold;
        text-shadow: 5px 5px 5px #2f7300,
            -5px 5px 5px #2f7300,
            5px -5px 5px #2f7300,
            -5px -5px 5px #2f7300;
        text-align: center;
        padding-top: 5vw;
    }
    .spNagareStr{
        clear: both;
    }


    .hissu-left{ float: none; width: 90%; max-width: 90%; margin: 5% 5% 0 5%;}
    .hissu-right{ float: none; width: 90%; max-width: 90%; margin: 0 5% 5% 5%; padding-left:0px; }

}

@media only screen and (max-width:846px){
    .navbar-nav>li{ min-width:13.4%;}
    h1{ font-size:13px;}


    .listcach{ font-size:2.8vw; }
    .listHouseNameSP{ display: block; font-size:2.8vw; margin-left: 2vw; margin-top: 1vw; }

    .listImg{ width:36vw; max-width: 36vw; margin-left: 1vw; margin-bottom: 5vw; }
    .listStation{ width:58vw; line-height: 3vw; text-align: left; margin-top: 2vw; }
    .listMoney{ width:58vw; line-height: 3vw; text-align: left; padding-top: 0vw; }
    .listRoom{ width:58vw; line-height: 3vw; text-align: left; padding-top: 0vw; }
    .listSummary{ width:96vw; line-height: 3.5vw; text-align: left; margin-left: 2vw; }

    .listImg,
    .listStation,
    .listMoney,
    .listRoom,
    .listSummary{ background-color: #FFF; font-weight: normal; margin-bottom: 10px; font-size:2.8vw; }

    .listHouseName{ display: none; }
    .sp-block{ display: block; }
    .pc-hid{ display: none; }
}
@media only screen and (max-width:767px){
    h1{ font-size:12px;}


    .topMainMenu,
    .topMainMenu2{
        margin-top: 15px;
    }

    .is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
    }
    .navbar-default{
        border-color: none;
        background-color: none;
    }

    .logo-img{ max-width:55%; width:auto; height:auto; margin: 2vw 0.5vw; }

    .box2>.box2_child{ padding: 4.5vw 0; font-size: 3.5vw; }

    th.resTh{
        width: 100%;
        display: block;
        font-size: 4vw;
        border-bottom: none;
        font-weight: normal;
    }
    td.resTd{
        width: 100%;
        display: block;
        font-size: 3.3vw;
        border-bottom:2px solid #ccc;
        padding: 5px 10px 5px 5px;
        margin-bottom: 3vw;
    }

    .titleNews,
    .titleTopics{
        font-size: 5vw;
        padding-bottom: 1vw;
        padding-left: 1vw;
        margin: 0 0 2vw 0;
    }

    .tableMarNews,
    .tableMarTopics{
        margin-left: 0px;
    }


    .box1>.box_title_right{
        float:none;
        width:100%;
        font-size:4.5vw;
    }
    .box1>.box_title_left{
        float:none;
        width:100%;
        font-size:5vw;
    }

    .box1>.box_conts_left{
        float:none;
        width:96%;
        margin: 0 2%;
    }
    .box1>.box_conts_right{
        float:noen;
        width:96%;
        margin: 0 2%;
        font-size:4vw;
    }


    .searchottomStr{
        margin:10px 0;
        padding: 20px 10px;
        line-height: 30px;
        font-size: 4vw;
    }

    .searchottomStr>.bigStr{
        font-size: 5vw;
    }

    .searchBtnImg{
        width: 48%;
        max-width: 48%;
        float: left;
    }

    .leftSpace{
        padding-left: 54px;
    }

}

@media only screen and (max-width:640px){

    .listcach{ font-size:4vw; }
    .listHouseNameSP{ display: block; font-size:4.5vw; margin-left: 2vw; font-weight: bold; margin-top: 1vw; }
    .listStationSP{ display: block; font-size:4vw; margin-left: 2vw; margin-top: 1vw; }
    .listStation{ display: none; }
    .listMoney{ margin-top: 2vw; font-size: 4vw; line-height: 4vw; margin-top: 3vw; margin-bottom: 0.5vw; }
    .listRoom{ margin-top: 2vw; font-size: 4vw; line-height: 4vw; margin-top: 0.5vw; }

    div.table_lay div.title_str {
        display: block;
        width: 100%;
        max-width:100%;
        background-color:#CCC;
        padding:5px 10px;
    }
    div.table_lay div.summary_str {
        display: block;
        width: 100%
    }

    div.table_lay div.title_str {
        text-align:left;
    }
}
/*---------------jsタブ切り替えスタイル--------------*/
.tab{overflow:hidden;}
.tab li{ }
.tab li.select{ }
.content li{ }
.hide {display:none;}

/*---------------文字スタイル--------------*/

.panel_title1{
    background-color:#c93f35 !important;

    padding:10px;
    color:#FFF;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px; 
}

.panel_title2{
    background-color:#889500 !important;

    padding:10px;
    color:#FFF;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px; 
}

.panel_title3{
    background-color:#1e2188 !important;

    padding:10px;
    color:#FFF;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px; 
}

.panel_title4{
    background-color:#333 !important;

    padding:10px;
    color:#FFF;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px; 
}

.panel_title5{
    background: -moz-linear-gradient(top, #1e2188, #474bcc 50%, #1e2188 100%) !important;
    background:  -ms-linear-gradient(top, #1e2188, #474bcc 50%, #1e2188 100%) !important;
    background:      linear-gradient(top, #1e2188, #474bcc 50%, #1e2188 100%) !important;
    background:     -webkit-gradient(linear, left top, left bottom, from(#1e2188), color-stop(0.5, #474bcc), to(#1e2188)) !important;
    padding:10px;
    color:#FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px; 
}

.panel_title6{
    background: -moz-linear-gradient(left, #1e2188, #1e2188 60%, #FFF 100%) !important;
    background:  -ms-linear-gradient(left, #1e2188, #1e2188 60%, #FFF8 100%) !important;
    background:      linear-gradient(left, #1e2188, #1e2188 60%, #FFF 100%) !important;
    background:     -webkit-gradient(linear, left, right, from(#1e2188), color-stop(0.6, #1e2188), to(#FFF)) !important;
    padding:10px;
    color:#FFF !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px; 
}


.text_shadow1{  /*text-shadow: 4px 0px 3px #aaa;*/  }

thead>tr.listcolor1{ background-color:#EEE; }

.border1{ border:1px solid #ccc; }
.border2{ border:1px solid #333; }
.border3{ border:3px solid #e4007e; }
.border4{ border:3px solid #ea5514; }
.border5{ border:3px solid #fff000; }
.border6{ border:3px solid #009943; }
.border7{ border:3px solid #0a308f; }
.border8{ border:3px solid #5f1885; }

.border_bot1{ border-bottom:1px solid #333; }
.border_bot2{ border-bottom:1px dotted #ccc; }
.border_bot3{ border-bottom:2px solid #221814; }
.border_bot4{ border-bottom:2px solid #ccc; }
.border_bot5{ border-bottom:2px solid #777; }
.border_top_bot5{ border-top:5px solid #595857; border-bottom:5px solid #595857; }

table.table td.border1{  border:none; border-bottom:1px solid #ccc; }

.bgcolor1{ background-color:#e4f3fd; }
.bgcolor2{ background-color:#1c1f87; }
.bgcolor3{ background-color:#333; }
.bgcolor4{ background-color:#EFEFEF; }
.bgcolor5{ background-color:#ccc; }
.bgcolor6{ background-color:#dcdddd; }
.bgcolor7{ background-color:#269e5f; }

.bgimage{
    background-image:url("../image/header_bg.png");
    background-repeat: repeat-x;
    background-position:center bottom;
}

.bgimage2{
    background-image:url("../image/footer_bg.png");
    background-repeat: repeat-x;
    background-position:center bottom;
}
/* font-color */
.col_red{ color:#FF0000;}
.col_blue{ color:#0000FF;}
.col_green{ color:#006600;}
.col_pink{ color:#FF33CC;}
.col_kon{ color:#000033;}
.col_white{ color:#FFF !important;}

li.footer_menu{ margin:5px 10px; }
li.footer_menu>a{ color:#FFF; }

/* font-size */
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{ font-size:17px;}
.font18{ font-size:18px;}
.font19{ font-size:19px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font23{ font-size:23px;}
.font24{ font-size:24px;}
.font25{ font-size:25px; line-height:40px;}
.font26{ font-size:26px; line-height:40px;}
.font27{ font-size:27px; line-height:40px;}
.font28{ font-size:28px; line-height:40px;}
.font29{ font-size:29px; line-height:40px;}
.font30{ font-size:30px; line-height:40px;}
.font35{ font-size:35px; line-height:40px;}
.font40{ font-size:40px; line-height:45px;}

.font-w_n{ font-weight:normal !important; }
.font-w_b{ font-weight:bold !important; }

/*---------------背景スタイル--------------*/

.background_color1{
    background: -moz-linear-gradient(top, #eee, #FEFEFE);
    background:  -ms-linear-gradient(top, #eee, #FEFEFE);
    background:      linear-gradient(top, #eee, #FEFEFE);
    background:     -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FEFEFE));
}

.background_color2{
    background: -moz-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:  -ms-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:      linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:     -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.7, #FEFEFE), to(#FEFEFE));
}

.background_color3{	background-color:#9cb5da;}
.background_color4{	background-color:#999;}
.background_color5{	background-color:#1c1f87 !important;}



/*---------------margin paddingスタイル--------------*/

.pad0{ padding:0px !important; }
.pad1{ padding:1px !important; }
.pad2{ padding:2px !important; }
.pad3{ padding:2px !important; }
.pad0_2{ padding:0px 2px !important; }
.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
.pad25{ padding:25px;}
.pad30{ padding:30px;}
.pad40{ padding:40px;}
.pad50{ padding:50px;}
.pad100{ padding:100px;}
.pad150{ padding:150px;}
.pad200{ padding:200px;}

.pad10_0{ padding:10px 0px;}
.pad5_10{ padding:5px 10px;}
.pad10_20{ padding:10px 20px;}
.pad20_40{ padding:20px 40px;}
.pad30_40{ padding:30px 40px;}
.pad30_60{ padding:30px 60px;}
.pad40_80{ padding:40px 80px;}
.pad40_0{ padding:40px 0px;}
.pad50_100{ padding:50px 100px;}
.pad100_200{ padding:100px 200px;}
.pad150_300{ padding:150px 300px;}
.pad200_400{ padding:200px 400px;}


.mar5_10{ margin:5px 10px;}
.mar0{ margin:0px;}
.mar3{ margin:3px;}
.mar5{ margin:5px;}
.mar10{ margin:10px;}
.mar10{ margin:10px;}
.mar20{ margin:20px;}
.mar30{ margin:30px;}
.mar40{ margin:40px;}
.mar50{ margin:50px;}
.mar100{ margin:100px;}
.mar150{ margin:150px;}
.mar200{ margin:200px;}

.mar_top-15{ margin-top:-15px;}
.mar_top3{ margin-top:3px;}
.mar_top5{ margin-top:5px;}
.mar_top10{ margin-top:10px;}
.mar_top15{ margin-top:15px;}
.mar_top20{ margin-top:20px;}
.mar_top25{ margin-top:25px;}
.mar_top30{ margin-top:30px;}
.mar_top35{ margin-top:35px;}
.mar_top40{ margin-top:40px;}
.mar_top50{ margin-top:50px;}
.mar_top70{ margin-top:70px;}
.mar_top100{ margin-top:100px;}
.mar_top150{ margin-top:150px;}
.mar_top200{ margin-top:200px;}

.mar_bot10{ margin-bottom:10px;}
.mar_bot15{ margin-bottom:15px;}
.mar_bot20{ margin-bottom:20px;}
.mar_bot25{ margin-bottom:25px;}
.mar_bot30{ margin-bottom:30px;}
.mar_bot35{ margin-bottom:35px;}
.mar_bot40{ margin-bottom:40px;}
.mar_bot50{ margin-bottom:50px;}
.mar_bot70{ margin-bottom:70px;}
.mar_bot100{ margin-bottom:100px;}
.mar_bot150{ margin-bottom:150px;}
.mar_bot200{ margin-bottom:200px;}


.mar_left2p{ margin-left:2%;}
.mar_side-reset{ margin-left:-15px; margin-right:-15px;}
.mar_side-reset-1{ margin-left:-10px; margin-right:-10px;}
.mar_left10{ margin-left:10px;}
.mar_left15{ margin-left:15px;}
.mar_left20{ margin-left:20px;}
.mar_left25{ margin-left:25px;}
.mar_left30{ margin-left:30px;}
.mar_left35{ margin-left:35px;}
.mar_left50{ margin-left:50px;}
.mar_left70{ margin-left:70px;}
.mar_left100{ margin-left:100px;}
.mar_left200{ margin-left:200px;}

.mar_right0{ margin-right:0px;}
.mar_right10{ margin-right:10px;}
.mar_right15{ margin-right:15px;}
.mar_right20{ margin-right:20px;}
.mar_right25{ margin-right:25px;}
.mar_right30{ margin-right:30px;}
.mar_right35{ margin-right:35px;}
.mar_right40{ margin-right:40px;}
.mar_right50{ margin-right:50px;}
.mar_right70{ margin-right:70px;}
.mar_right100{ margin-right:100px;}
.mar_right200{ margin-right:200px;}

.pad_right0{ padding-right:0px;}
.pad_rl0{ padding-left:0px !important; padding-right:0px !important; }


.pad_right10{ padding-right:10px;}
.pad_right35{ padding-right:35px;}

.pad_left5{ padding-left:5px;}
.pad_left10{ padding-left:10px;}
.pad_left15{ padding-left:15px;}
.pad_left20{ padding-left:20px;}
.pad_left25{ padding-left:25px;}
.pad_left30{ padding-left:30px;}
.pad_left35{ padding-left:35px;}
.pad_left50{ padding-left:50px;}
.pad_left70{ padding-left:70px;}
.pad_left100{ padding-left:100px;}
.pad_left200{ padding-left:200px;}

.pad_top0{ padding-top:0px;}
.pad_top2{ padding-top:2px;}
.pad_top3{ padding-top:3px;}
.pad_top5{ padding-top:5px;}
.pad_top10{ padding-top:10px;}
.pad_top15{ padding-top:15px;}
.pad_top20{ padding-top:20px;}
.pad_top25{ padding-top:25px;}
.pad_top30{ padding-top:30px;}
.pad_top35{ padding-top:35px;}
.pad_top40{ padding-top:40px;}
.pad_top45{ padding-top:45px;}
.pad_top50{ padding-top:50px;}
.pad_top55{ padding-top:55px;}
.pad_top60{ padding-top:60px;}
.pad_top65{ padding-top:65px;}
.pad_top70{ padding-top:70px;}
.pad_top75{ padding-top:75px;}
.pad_top80{ padding-top:80px;}
.pad_top85{ padding-top:85px;}
.pad_top90{ padding-top:90px;}
.pad_top95{ padding-top:95px;}
.pad_top100{ padding-top:100px;}
.pad_top150{ padding-top:150px;}
.pad_top200{ padding-top:200px;}
.pad_top250{ padding-top:250px;}
.pad_top300{ padding-top:300px;}

.pad_bot5{ padding-bottom:5px;}
.pad_bot10{ padding-bottom:10px;}
.pad_bot15{ padding-bottom:15px;}
.pad_bot20{ padding-bottom:20px;}
.pad_bot25{ padding-bottom:25px;}
.pad_bot30{ padding-bottom:30px;}
.pad_bot35{ padding-bottom:35px;}
.pad_bot50{ padding-bottom:50px;}
.pad_bot70{ padding-bottom:70px;}
.pad_bot100{ padding-bottom:100px;}
.pad_bot150{ padding-bottom:150px;}
.pad_bot200{ padding-bottom:200px;}
.pad_bot300{ padding-bottom:300px;}


.img-w25{ max-width: 25px; width: auto; height: auto; }
.img-w80{ max-width: 80px; width: auto; height: auto; }
.img-w100{ max-width: 100px; width: auto; height: auto; }
.img-w150{ max-width: 150px; width: auto; height: auto; }
.img-w200{ max-width: 200px; width: auto; height: auto; }
.img-w250{ max-width: 250px; width: auto; height: auto; }
.img-w300{ max-width: 300px; width: auto; height: auto; }
.img-w350{ max-width: 350px; width: auto; height: auto; }
.img-w400{ max-width: 400px; width: auto; height: auto; }
.img-w450{ max-width: 450px; width: auto; height: auto; }
.img-w500{ max-width: 500px; width: auto; height: auto; }

.img-w30p{ max-width: 30%; width: auto; height: auto; }
.img-w40p{ max-width: 40%; width: auto; height: auto; }
.img-w45p{ max-width: 45%; width: auto; height: auto; }
.img-w50p{ max-width: 50%; width: auto; height: auto; }
.img-w55p{ max-width: 55%; width: auto; height: auto; }
.img-w60p{ max-width: 60%; width: auto; height: auto; }
.img-w70p{ max-width: 70%; width: auto; height: auto; }
.img-w80p{ max-width: 80%; width: auto; height: auto; }
.img-w90p{ max-width: 90%; width: auto; height: auto; }
.img-w95p{ max-width: 95%; width: auto; height: auto; }
.img-w100p{ max-width: 100%; width: auto; height: auto; }

.box_overflow100{ overflow:auto; height:100px; }
.box_overflow200{ overflow:auto; height:200px; }
.box_overflow300{ overflow:auto; height:300px; }

.w10p{ width: 10% !important; }
.w15p{ width: 15% !important; }
.w20p{ width: 20% !important; }
.w22p{ width: 22% !important; }
.w25p{ width: 25% !important; }
.w30p{ width: 30% !important; }
.w33p{ width: 33% !important; }
.w35p{ width: 35% !important; }
.w40p{ width: 40% !important; }
.w45p{ width: 45% !important; }
.w50p{ width: 50% !important; }
.w55p{ width: 55% !important; }
.w60p{ width: 60% !important; }
.w65p{ width: 65% !important; }
.w70p{ width: 70% !important; }
.w65p{ width: 65% !important; }
.w70p{ width: 70% !important; }
.w75p{ width: 75% !important; }
.w78p{ width: 78% !important; }
.w80p{ width: 80% !important; }
.w85p{ width: 85% !important; }
.w90p{ width: 90% !important; }
.w100p{ width: 100% !important; max-width: 100% !important; }


.wm65p{ width: 65% !important; max-width: 65% !important; }

.w50{
    width: 50px !important;
    max-width: 100% !important;
}
.w100{
    width: 100px !important;
    max-width: 100% !important;
}
.w130{
    width: 130px !important;
    max-width: 100% !important;
}
.w150{
    width: 150px !important;
    max-width: 100% !important;
}
.w200{
    width: 200px !important;
    max-width: 100% !important;
}
.w250{
    width: 250px !important;
    max-width: 100% !important;
}
.w300{
    width: 300px !important;
    max-width: 100% !important;
}
.w350{
    width: 350px !important;
    max-width: 100% !important;
}
.w400{
    width: 400px !important;
    max-width: 100% !important;
}
.w450{
    width: 450px !important;
    max-width: 100% !important;
}
.w500{
    width: 500px !important;
    max-width: 100% !important;
}
.max_w1170{
    max-width: 1170px !important;
}

.max_w1200{
    max-width: 1200px !important;
}

.lh20{ line-height:20px; }
.lh22{ line-height:22px; }
.lh25{ line-height:25px; }
.lh30{ line-height:30px; }

.block-inline{ display: inline; }
.ui-menu-item{ background: #b2dba1; }
.cursor_move{ cursor: move; }
.link_box{ display: block; position: relative; }
a .linkarea{ position: absolute; width: 100%; height: 100%; }