﻿@charset "utf-8";

/*------------------ floormap page ------------------*/
#floormap_all_box {
    position:relative;
}
#floormap_all_box div a {
    display:block;
    position:absolute;
}

/* map bts */
#floor_shop01 a {
    height: 53px;
    left: 51px;
    top: 84px;
    width: 90px;
}
#floor_shop02 a {
    height: 87px;
    left: 407px;
    top: 273px;
    width: 65px;
}
#floor_shop03 a {
    height: 87px;
    left: 340px;
    top: 273px;
    width: 65px;
}
#floor_shop04 a {
    height: 87px;
    left: 260px;
    top: 273px;
    width: 80px;
}
#floor_shop05 a {
    height: 85px;
    left: 51px;
    top: 207px;
    width: 95px;
}
#floor_shop06 a {
    height: 120px;
    left: 190px;
    top: 18px;
    width: 49px;
}
#floor_shop07 a {
    height: 70px;
    left: 239px;
    top: 18px;
    width: 39px;
}
#floor_shop08 a {
    height: 70px;
    left: 420px;
    top: 18px;
    width: 63px;
}
#floor_shop09 a {
    height: 70px;
    left: 484px;
    top: 18px;
    width: 42px;
}
#floor_shop10 a {
    height: 90px;
    left: 535px;
    top: 176px;
    width: 120px;
}
#floor_shop11 a {
    height: 94px;
    left: 535px;
    top: 266px;
    width: 120px;
}

#floor_shop12 a {
    height:65px;
    left:50px;
    top:18px;
    width:138px;
}
#floor_shop13 a {
    height: 70px;
    left: 279px;
    top: 18px;
    width: 39px;
}
#floor_shop14 a {
    height: 70px;
    left: 368px;
    top: 18px;
    width: 51px;
}
#floor_shop15 a {
    height: 43px;
    left: 535px;
    top: 132px;
    width: 120px;
}
#floor_shop16 a {
    height: 70px;
    left: 319px;
    top: 18px;
    width: 49px;
}
#floor_shop17 a {
    height: 40px;
    left: 535px;
    top: 92px;
    width: 120px;
}
#floor_shop18 a {
    height: 65px;
    left: 535px;
    top: 20px;
    width: 120px;
}
#floor_shop19 a {
	height: 53px;
	left: 58px;
	top: 87px;
	width: 58px;
}
#floor_shop20 a {
	height: 70px;
	left: 484px;
	top: 18px;
	width: 44px;
}
#floor_shop21 a {
	height: 91px;
	left: 541px;
	top: 273px;
	width: 111px;
}
#floor_shop22 a {
	height: 75px;
	left: 539px;
	top: 189px;
	width: 115px;
}
#floor_shop23 a {
	height: 41px;
	left: 538px;
	top: 136px;
	width: 115px;
}
#floor_shop24 a {
	height: 52px;
	left: 126px;
	top: 91px;
	width: 63px;
}

#floormap_image {
    width:664px;
    height:398px;
    margin:5px auto;
    background: url("../img/floormap/map_base.jpg") no-repeat;
}

#floormap_bts {
    width:561px;
    margin:0 auto;
}
#floormap_bt_l,
#floormap_bt_c {
    width:181px;
    float:left;
    margin-right:9px;
}
#floormap_bt_r {
    width:181px;
    float:right;
}
#floormap_bts ul {
    list-style:none;
}
#floormap_bts ul li {
    margin-bottom:5px;
}

/* shop link img */
#fm_shop01 { background: url("../img/floormap/btn_01miyake_on.gif") no-repeat; }
#fm_shop02 { background: url("../img/floormap/btn_02syoukadori_on.gif") no-repeat; }
/*#fm_shop03 { background: url("../img/floormap/btn_03mh_on.gif") no-repeat; }*/
#fm_shop04 { background: url("../img/floormap/btn_04kunitomi_on.gif") no-repeat; }
#fm_shop05 { background: url("../img/floormap/btn_05cyuou_on.gif") no-repeat; }
#fm_shop06 { background: url("../img/floormap/btn_06yuu_on.gif") no-repeat; }
#fm_shop07 { background: url("../img/floormap/btn_07center_on.gif") no-repeat; }
#fm_shop08 { background: url("../img/floormap/btn_08syouei_on.gif") no-repeat; }
#fm_shop09 { background: url("../img/floormap/btn_09kouda_on.gif") no-repeat; }
#fm_shop10 { background: url("../img/floormap/btn_10shinkouri_on.gif") no-repeat; }
#fm_shop11 { background: url("../img/floormap/btn_11katou_on.gif") no-repeat; }
/*#fm_shop12 { background: url("../img/floormap/btn_12minamiova_on.gif") no-repeat; }*/
#fm_shop14 { background: url("../img/floormap/btn_14nomura_on.gif") no-repeat; }
#fm_shop15 { background: url("../img/floormap/btn_15casha_on.gif") no-repeat; }
#fm_shop16 { background: url("../img/floormap/btn_16milan_on.gif") no-repeat; }
#fm_shop17 { background: url("../img/floormap/btn_17osyou_on.gif") no-repeat; }
#fm_shop18 { background: url("../img/floormap/btn_18kohikan_on.gif") no-repeat; }

/* 20120817 change */
#fm_shop12 { background: url("../img/floormap/btn_03mh_on.gif") no-repeat; }
#fm_shop13 { background: url("../img/floormap/btn_12minamiova_on.gif") no-repeat; }

#fm_shop01 a:hover img,
#fm_shop02 a:hover img,
#fm_shop03 a:hover img,
#fm_shop04 a:hover img,
#fm_shop05 a:hover img,
#fm_shop06 a:hover img,
#fm_shop07 a:hover img,
#fm_shop08 a:hover img,
#fm_shop09 a:hover img,
#fm_shop10 a:hover img,
#fm_shop11 a:hover img,
#fm_shop12 a:hover img,
#fm_shop13 a:hover img,
#fm_shop14 a:hover img,
#fm_shop15 a:hover img,
#fm_shop16 a:hover img,
#fm_shop17 a:hover img,
#fm_shop18 a:hover img {
    opacity: 0.1;
	filter: alpha(opacity=10);
}


/* tooltip */
.lightTip .top {
    width:143px;
    height:10px;
    background: url("../img/floormap/hukidashi_top.gif") no-repeat;
}
.lightTip .content { 
    width: 133px;
    font-weight:bold;
    text-align:center;
    font-size:14px;
    padding:5px;
    background: url("../img/floormap/hukidashi_mid.gif") repeat-y;
}
.lightTip .bottom { 
    width:143px;
    height:28px;
    background: url("../img/floormap/hukidashi_bottom.gif") no-repeat;
}
.lightTip .content .orange {
    color:#FF8700;
}
.lightTip .content .green {
    color:#2AAB39;
}
.lightTip .content .pink {
    color:#EF5BA1;
}

/*------------------ accessmap page ------------------*/
h3.access_h3 {
    color:#8CC63F;
    font-weight:bold;
    font-size:16px;
    text-indent:30px;
    background: url("../img/access/ico_bus.gif") no-repeat;
}
#gmap_box {
    width:650px;
    height:450px;
    margin:20px auto 80px;
}
#access_map_img {
    width:376px;
    height:639px;
    float:left;
    margin:20px 20px 0 0;
}
#access_map_cap {
    float:right;
    width:254px;
    margin-top:20px;
}

/*------------------ rentroom page ------------------*/
h2#rentroom_title {
    width:636px;
    height:41px;
    margin:4px auto 10px;
    padding:5px 5px 5px 20px;
    overflow:hidden;
    font-weight:bold;
    font-size:20px;
    line-height:41px;
    background: url("../img/rentroom/h2_green.gif") no-repeat;
    color:#8CC63F;
}
.small_text_box {
    margin:10px 40px 10px;
}
.small_text_box p {
    margin: 10px 0;
}
.small_text_box span.cap {
    font-weight:bold;
}
.small_text_box span.red_font {
    color:#EF3F32;
}
.small_text_box p.textbody {
    margin: 0 0 0 7px;
}

.application_bt {
    background: url("../img/rentroom/btn_application_on.gif") no-repeat;
    width:190px;
    height:36px;
    margin:15px auto 30px;
}
.application_bt a:hover img {
    opacity: 0.1;
	filter: alpha(opacity=10);
}

/*-------------------- about page -----------------------*/
.default_tbl {
    width:620px;
    margin:30px auto;
    border:1px solid #CBCBCB;
    border-collapse: collapse;
    border-spacing: 0;
}
.default_tbl th,
.default_tbl td {
    border:1px solid #CBCBCB;
    text-align:left;
    padding:10px 20px;
}
.default_tbl th {
    background-color:#75BB19;
    color:#FFF;
    vertical-align:middle;
}
.default_tbl td {
    background-color:#F2F2F2;
}

/*-------------------- privacy page ----------------------*/
.privacy_box {
    margin:20px 0 40px 0;
}
.privacy_box h3 {
    color:#8CC63F;
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.privacy_box p {
    margin:10px 0 0 20px;
}
.privacy_box ul {
    list-style:disc;
    margin-left:50px;
}

/*-------------------- sitemap page --------------------*/
#sitemap_lists {
    margin:30px auto 40px;
    width:540px;
}
#sitemap_l {
    width:250px;
    margin-right:40px;
    float:left;
    border-top:2px solid #CBCBCB;
}
#sitemap_r {
    width:250px;
    margin:0;
    float:right;
    border-top:2px solid #CBCBCB;
}

#sitemap_l li,
#sitemap_r li.solid_li {
    border-bottom:2px solid #CBCBCB;
    padding:10px 0 10px 15px;
}
#sitemap_r li {
    border-bottom:2px dotted #CBCBCB;
    padding:10px 0 10px 35px;
}

/*--------------------- links page ----------------------*/
#links_list {
    margin:30px 0;
}
#links_list .linkcat {
    margin-bottom:20px;
}
#links_list h2 {
    color:#2AAB39;
    font-size:19px;
}
#links_list .linkcat {
    list-style:none;
}
#links_list li {
    margin-bottom:10px;
}

/*--------------------- inquiry page --------------------*/
.send_bt {
    background: url("../img/inquiry/btn_transmission_on.gif") no-repeat;
    width:190px;
    height:36px;
    margin:15px auto 30px;
}
.send_bt a:hover img {
    opacity: 0.1;
	filter: alpha(opacity=10);
}
.default_tbl span.indispensable {
    color:#F7FC02;
}
.comp_message {
    width:620px;
    text-align:center;
    color:#FF4040;
}

/*---------------------- festival page ----------------------*/
.image_box_festival {
        margin: 10px auto 0;
        text-align: center;
        width: 661px;
}

.image_box_festival img {
        margin: 0 0 20px;
}

.festival_bt {
    width:241px;
    height:41px;
    margin:15px auto 30px;
}
.festival_bt a:hover img {
    opacity: 0.8;
        filter: alpha(opacity=80);
}


/*---------------------- pickup page ----------------------*/
#pickup_sec1 {
    text-align: center;
}

#pickup_sec1 .sec1_logo {
    padding: 43px 0 31px;
}

#pickup_sec1 .txt {
    text-align: left;
    padding: 29px 40px 46px 40px;
}

#pickup_sec2 .photo {
    padding-left: 40px;
}

#pickup_sec2 {
    overflow: hidden;
    margin-right: 20px;
}
#pickup_sec2 .box {
    padding-left: 40px;
    background: #e5f2d3;
    border-radius: 50%;
    width: 470px;
    height: 470px;
    margin-left: 260px;
    box-sizing: border-box;
    margin-top: -255px;
}

#pickup_sec2 .box .ttl {
    font-size: 18px;
    line-height: 25px;
    color: #8cc63f;
    font-weight: bold;
    text-align: center;
    padding-top: 103px;
}

#pickup_sec2 .box .txt {
    width: 270px;
    margin-left: 60px;
    text-align: justify;
    padding-top: 26px;
}

#pickup_sec3 {
    margin-top: -30px;
}

#pickup_sec3 .photo {
    text-align: center;
    padding-top: 20px;
}

#pickup_sec3 .txt {
    text-align: center;
    padding: 30px 0 40px;
}
#pickup_sec3 .box {
   border-radius: 5px;
   background: #e5f2d3;
   padding-bottom: 50px;
   margin: 0 40px 40px;
}
#pickup_sec3 .box .ttl {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    color: #8cc63f;
    padding: 52px 0 30px;
}

#pickup_sec3 .box ul {
    width: 465px;
    margin:  0 auto;
    padding-bottom: 28px;
}

#pickup_sec3 .box ul li {
   font-size: 15px;
   line-height: 45px;
   color: #535353;
   border-top:  1px dashed #b5b5b5;
   font-weight: bold;
   padding: 0 30px;
}
#pickup_sec3 .box ul li:last-child {
    border-bottom:  1px dashed #b5b5b5;
}
#pickup_sec3 .box .bnr {
    width: 420px;
    margin: 0 auto;
    background: #8cc63f;
    border-radius: 5px;
    text-align: center;
}

#pickup_sec3 .box .bnr a {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    padding: 30px 0;
    display: block;
}

#pickup_sec3 .box .bnr a span {
    display: block;
    padding-bottom: 15px;
}

#pickup_sec3 .box .bnr a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#pickup_sec4 {
    padding-bottom: 50px;
}
#pickup_sec4 .box {
    border: 1px solid #535353;
    margin: 0 40px 0px;
    position: relative;
    padding-bottom: 50px;
}

#pickup_sec4 .box .catch {
    position: absolute;
    top: 81px;
    right: 16px;
}
#pickup_sec4 .box .catch2 {
    position: absolute;
   left: 5px;
   bottom: -32px;
}

#pickup_sec4 .box .ttl {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    padding: 32px 0;
    background: #535353;
    font-weight: bold;
}
#pickup_sec4 .box .ttl span {
    color: #ffee73;
}

#pickup_sec4 .box .txt {
    text-align: center;
    padding: 35px 0;
}

#pickup_sec4 .box .bnr {
    width: 420px;
    margin: 0 auto;
    background: #8cc63f;
    border-radius: 5px;
    text-align: center;
}

#pickup_sec4 .box .bnr a {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    padding: 30px 0;
    display: block;
}

#pickup_sec4 .box .bnr a span {
    display: block;
    padding-bottom: 15px;
}

#pickup_sec4 .box .bnr a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.btn-right-pickup {
    margin-bottom: 15px;
}

/*---------------------- tenant page ----------------------*/
#tenant_sec1 {
    padding: 20px 0 0px;
}
#tenant_sec1 .txt {
    padding: 15px 40px 25px;
}
#tenant_sec1 .map {
    text-align: center;
}

#tenant_sec1 .list {
    display: flex;
    justify-content: center;
    padding: 35px 0;

}
#tenant_sec1 .list ul {
    padding: 0px 20px;
}

#tenant_sec2 {
    padding-bottom: 50px;
}

#tenant_sec2 .box1 {
    border: 1px solid #aaaaaa;
    margin: 0 40px;
	padding: 10px 0 30px;
}

#tenant_sec2 .box1 .ttl {
    font-size: 18px;
    line-height: 25px;
    color: #535353;
    text-align: center;
    border-bottom: 1px solid #aaaaaa;
    padding: 15px 0;
    font-weight: bold;
	margin-bottom: 10px;
}
#tenant_sec2 .box1 .txt {
    text-align: center;
    padding: 25px 0 0;
}
#tenant_sec2 .box1 .txt span {
    font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
#tenant_sec2 .box2  {
    background: #e5f2d3;
     margin: 40px 40px 0;
     padding-bottom: 50px;
}

#tenant_sec2 .box2 .ttl {
    font-size: 18px;
    line-height: 25px;  
    text-align: center;
    padding: 45px 0 25px;
    font-weight: bold;
}

#tenant_sec2 .box2 .txt {
    text-align: center;
    padding-bottom: 30px; 
}
#tenant_sec2 .box2 .bnr_tel {
    text-align: center; 
    background-color: #fff;
    border: 1px solid #8cc63f;
    width: 420px;
    margin: 0 auto 20px;
    padding: 20px 0px;

}

#tenant_sec2 .box2 .bnr_tel .icon {
    padding-bottom: 10px;
}
#tenant_sec2 .box2 .bnr_tel a {
    display: block;
    color: #000;
}

#tenant_sec2 .box2 .bnr_tel a:hover {
    text-decoration: none;
}
#tenant_sec2 .box2 span {
    display: block;

}

#tenant_sec2 .box2 span.txt_tel {
    font-size: 24px;
    color: #75bb19;
    font-weight: bold;
}

#tenant_sec2 .box2 .bnr {
    width: 420px;
    margin: 0 auto 20px;
    background: #8cc63f;
    border-radius: 5px;
    text-align: center;
}

#tenant_sec2 .box2 .bnr:last-child {
    margin-bottom: 0;
}

#tenant_sec2 .box2 .bnr a {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    padding: 30px 0;
    display: block;
}

#tenant_sec2 .box2 .bnr a span {
    display: block;
    padding-bottom: 15px;
}

#tenant_sec2 .box2 .bnr a:hover {
    text-decoration: none;
    opacity: 0.8;
}