@charset "utf-8";

@import '../index.css';

body {
    background-image: url(/images/bg.gif);
}
#HEAD .row1 {
    margin-top: 0px;
}
#ALL {
    width: 1010px;
    background-image: url(/images/frame.png);
    background-repeat: repeat-y;
}
#ALL #HEAD,
#ALL #BODY,
#ALL #FOOT {
    width: 1000px;
}

#ALL #HEAD {
    margin-bottom: 10px;
}

#BODY #MAIN {
    float: left;
    width: 576px;
    margin: 0px 8px;
}
#BODY #MAIN #MainDetail {
    margin-bottom: 10px;
}

#BODY #MAIN #MainDetail .head {
    background-image: url(/images/Poi/Detail/head_bg01.gif);
    background-repeat: repeat-x;
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
    font-weight: bold;
    border: 1px solid #a4a4a4;
}
#BODY #MAIN .head .title {
    float: left;
}
#BODY #MAIN .head .sub {
    float: right;
}
#BODY #MAIN .body {
    padding:8px;
    border-right: 1px solid #909090;
    border-bottom: 1px solid #909090;
    border-left: 1px solid #909090;
}

#BODY #MAIN #RssEntryList .rsshead {
    background-image: url(/images/Poi/Detail/head_bg02.gif);
    background-repeat: repeat-x;
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
    font-weight: bold;
    border: 1px solid #a4a4a4;
    text-align: left;
}

#BODY #MAIN #RssEntryList .rssbody {
    border-left: 1px solid #909090;
    border-bottom: 1px solid #909090;
    border-right: 1px solid #909090;
}

#BODY #MAIN #RssEntryList .entry{
    background-color: #EEEEEE;
}
#BODY #MAIN #RssEntryList .entry .head{
    background-image: url(/images/Poi/Detail/head_bg03.gif);
    background-repeat: repeat-x;
    height: 25px;
    border-top: 1px solid #909090;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
#BODY #MAIN #RssEntryList .entry .head .title{
    float: left;
    text-align: left;
    font-family: "ＭＳ ゴシック", "Osaka-等幅";
}
#BODY #MAIN #RssEntryList .entry .head .date{
    float: right;
    text-align: right;
}
#BODY #MAIN #RssEntryList .entry .detail{
    display: none;
}
#BODY #MAIN #RssEntryList .entry .prof{
    background-color: #EEEEEE;
    height: 22px;
    padding-left: 10px;
}
#BODY #MAIN #RssEntryList .entry .prof .name{
    color: #006699;
    float: left;
    text-align: left;
    height: 22px;
    line-height: 22px;
}
#BODY #MAIN #RssEntryList .entry .prof .name a{
    color: #006699;
}
#RssEntryList .entry .comm{
    text-align: left;
    padding: 5px 10px;
    background-color: #FFFFFF;
}
#RssEntryList .entry .comm .menu a{
    color: #006699;
}

#BannerDokoiku h3{
    background-color: #ff3300;
    color: #FFFFFF;
    margin-bottom: 10px;
    padding: 2px;
}

#Tooltip {
    position : absolute;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 2px;
    z-index: 30020;
    display: none;
}

#ForCommentInsert {
    width: 500px;
    height: 200px;
    border: none;
}

#SurroundSpotList {
    width 389px;
}
#SurroundSpotList .item {

}
#SurroundSpotList .item:hover {
    background-color: #FCD245;
    cursor: pointer;
}
#SurroundSpotList td {
    vertical-align: top;
}

#CommentList {
    border: none;
    overflow: hidden;
    width: 576px;
}


#BODY #MAP {
    float: right;
    width: 400px;
    margin-right: 8px;
}

#BODY #MAP #PoiInfo .head {
    background-image: url(/images/Poi/Detail/head_bg01.gif);
    background-repeat: repeat-x;
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
    font-weight: bold;
    border: 1px solid #a4a4a4;
    text-align: left;
}
#BODY #MAP #PoiInfo .body {
    text-align: left;
    padding:8px;
    border-right: 1px solid #909090;
    border-bottom: 1px solid #909090;
    border-left: 1px solid #909090;
}
#BODY #MAP #PoiInfo .body .user {
    text-align: right;
    margin-top: 0px;
}
#BODY #MAP #PoiInfo .body .date {
    text-align: right;
    margin-bottom: 0px;
}


#BODY #MAP #MapSurroundSpot .head {
    background-image: url(/images/Poi/Detail/head_bg02.gif);
    background-repeat: repeat-x;
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
    font-weight: bold;
    border: 1px solid #a4a4a4;
    text-align: left;
}
#BODY #MAP #MapSurroundSpot .body {
    border-right: 1px solid #909090;
    border-bottom: 1px solid #909090;
    border-left: 1px solid #909090;
}
#BODY #MAP #Emap {
    width : 100%;
    height : 400px;
}
#BODY #MAP #MapSurroundSpot #SurroundSpot {
    text-align: center;
}