a{/*リンクされた文字*/
        color: #a1a1a1;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
        color: #a1a1a1;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
      color: #a1a1a1;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#848484;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}


#area{
    padding:45px 0 45px 0;
}

#area .left{
    float:left;
    width:978px;
    list-style-type:none;
    border:solid 0px #efefef;
}


#area .left ul { list-style-type: square;      margin: 0 0 0 20px;}


#area .left h3{
    color: #333;
    font-size: 18px;
    position: absolute;
    top: 65px;
    left: 35px;
    font-weight: bolder;
}
#area .left h4{
    color:#ccc;
    font-size:12px;
    font-weight:normal;
    position:absolute;
    top:35px;
    left:30px;
}
#area .left .msg{
    margin:80px 10px 38px 15px;
    padding:0 30px 20px 20px;
    font-size:14px;
    border-bottom:dotted 1px rgba(62, 62, 62, 0.38);
    line-height: 1.8em;
}
#area .left .info{
    margin: 0 90px 0 35px;
    border: none 0;
    width: 900px;
    border-collapse:collapse;
    border: 1px solid;
    border-color: rgba(68, 68, 68, 0.12);
}
#area .left .info th,
#area .left .info td{
    border:solid 0px #CCCCCC;
    border-bottom:dotted 0px #CCCCCC;
    height:42px;
    line-height:42px;
    font-size:15px;
     color: #333333;
  
     border-spacing: 0px;
}
#area .left .info td  span{
   line-height: 25px;
}
#area .left .info th.last,
#area .left .info td.last{
    border:solid 1px #CCCCCC;
}
#area .left .info .business{
    padding:20px 40px 20px 0;
    line-height:1.6em;
    font-size:12px;
    color: #333333;
}
#area .left .info th{
    width: 9999px;
    background: rgba(68, 68,68, 0.04);
    font-weight: normal;
    text-align: left;
    padding: 0 0 0 30px;
 
  
}
#area .left .info td{
    width: 388px;
    padding: 0px 40px 0 40px;
}
#area .left .map{
    padding:55px 37px 100px 37px;
}
#area .left .map ul{
    list-style-type:none;
}
#area .left .map li{
    float:left;
    width:270px;
}
#area .left .map li.padding{
    padding:0 40px 0 0;
}
#area .left .map h5{
    font-size:15px;
    border-left:solid 5px #000;
    line-height:24px;
    padding:0 0 0 17px;
}
#area .left .map .access{
    font-size:13px;
    line-height:2em;
    padding:25px 0 0 0;
}




#area .left li.business{
    padding: 10px 6px 6px 6px;
    margin: 0 200px 38px 200px;
    border: solid 1px #cccc;
    background: #fff;
}
#area .left li.business ul{
    list-style-type: none;
}
#area .left li.business ul li{
    font-size: 14px;
    padding: 20px 0 5px 0;
    margin: 0 0 0 66px;
    line-height: 1.5em;
    border-bottom:dotted 0px #ccc;
}
#area .left li.business ul li.title{
    padding: 0;
    margin: 0;
    text-align:center;
}
#area .left li.business ul li.title img{
    vertical-align:bottom;
}

@media screen and (max-width: 767px) {
    a{/*リンクされた文字*/
        color: #a1a1a1;
        font-style:normal;
        text-decoration:underline;
    }
    a:link {/*未訪問のリンク*/
        color: #a1a1a1;
        font-style:normal;
        text-decoration:underline;
    }
    a:visited {/*訪問後のリンク*/
        color: #a1a1a1;
        text-decoration:underline;
    }
    a:hover {/*マウスをのせたとき*/
        color:#848484;
        font-style:normal;
        text-decoration:underline;
    }
    a:active {/*クリック中*/
        text-decoration:none;
    }



    .title{
        font-size:19px;
        color:#fff;
        background:#9aa1a3;
        height:26px;
        line-height:26px;
        text-align:center;
        font-weight:bolder;
    }
    .text{
        margin:25px 18px 25px 15px;
        font-size:12px;
    }

    #area {
        margin-top: 100px;
        padding: 0;
    }
    #area .left .msg{
        margin: 25px 18px 25px 15px;
        font-size: 12px;
    }
    .info{
        margin:0 15px 25px 15px;
        font-size:10px;
        border-collapse: collapse;
        border-spacing: 0;
        width:290px;
    }


    .info ul {
        list-style-type: square;
        margin: 0 0 0 20px;
    }


    .info th,
    .info td{
        line-height:1.5em;
        padding:5px 10px;
        font-weight:normal;
        border:solid 1px #c0c0c0;
    }
    .info th{
        background:#edecec;
        width:290px;

    }
    .map{
        padding:0 30px 0px 30px;
    }
    .streetview{
        padding:0 30px 25px 30px;
    }
    .map h4,
    .streetview h4{
        font-size:21px;
        font-weight:normal;
        height:42px;
        line-height:42px;
        border-left:solid 9px #000;
        padding:0 0 0 15px;
    }
    .map div,
    .streetview div{
        padding:10px 0;
        width:287px;

    }
    .map div small,
    .streetview div small{
        display:none;
    }
    .map_1 {
        font-size: 13px;
        width: 287px;
    }

    .map div{
        font-size:13px;
        width:287px;

    }
    .sns_area{
        margin:0 0 20px 0;
        padding:30px 0 0 0;
        border-top:solid 1px #000;
    }
    .sns_area ul{
        list-style-type:none;
    }
    .sns_area ul li{
        float:left;
    }
    .sns_area ul li.twitter{
        width:120px;
        margin:0 0 0 5px;
    }
    .sns_area ul li.facebook{
        width:120px;
    }
}