@charset "UTF-8";

/* 全体の背景,書体 */
body{
    background-image: url("../top_img/kabe02.jpg");
    background-attachment: fixed;
    font-family: "Sawarabi Gothic";
}

/* 全体の書体 */


/* コンテナ */
.container {
    max-width: 920px;
    margin: auto;
}


.header{
    width: 920px;
    height: 80px;
    overflow: auto;
    background-image: url("../top_img/title_kabe01.jpg");
    background-position: top center;
    background-repeat: no-repeat;
}

/* メニュー */
#global_navi ul{
    height: 24px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}



/* タイトル */
.box1-1{
    width: 345px;
    position: relative;
    top: 31px;
    left: 290px;
    font-size: 14px;
    color: white;
}


a.btn{
    position:relative;
    top: -10px;
    left: 820px
}


/* ヘッターの終わり */

/* カラム */
.wrapper{
    width: 920px;
    overflow: auto;
}

.main-conten{
    
    float: left;
    width: 310px;
    height: 678px;
    background-color: #696969;
}

.sidebar{
    float: left;
    width: 609px;
    height: 678px;
    background-image: url("../map/ishigaki.jpg");
    background-size: 610px auto;
    background-position: top center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

/* カラム終わり */


/*--テキストー--*/


p1{
    margin-left: 16px;
    margin-top: 20px;
    font-size:11pt;
    color: white;
    line-height: 1.5;
    position: relative;
    top: 10px;
    left: 15px;
}

p2{
    font-size:11pt;
    color: yellow;
    line-height: 1.5;
}

/*--画像一覧--*/
.photo-list{
    width: 300px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    position: relative;
    top: 30px;
    left: 7px;
}

.photo-item1{
    list-style-type: none;
    float: left;
    margin: 0px 2px;
}

.photo-item2{
    list-style-type: none;
    float: left;
    margin: 0px 2px;
}

/*--ガイド一覧--*/
.waku{
    border: 1px solid #000;
}


.guide1{/*--平久保--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 47px;
    left: 506px;
}

.guide2{/*--明石--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 202px;
    left: 450px;
}

.guide3{/*--玉取崎--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 262px;
    left: 450px;
}

.guide4{/*--川平湾--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 277px;
    left: 186px;
}

.guide5{/*--伊野田--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 252px;
    left: 391px;
}

.guide6{/*--御神崎--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 255px;
    left: 17px;
}

.guide7{/*--米原--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 229px;
    left: 227px;
}

.guide8{/*--於茂登--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 264px;
    left: 230px;
}

.guide9{/*--アンパル湿地帯--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 288px;
    left: 158px;
}

.guide10{/*--バンナ公園--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 301px;
    left: 194px;
}

.guide11{/*--富崎観音堂--*/
    width: 85px;
    height: 25px;
    position: relative;
    top: 315px;
    left: 113px;
}



/*--フッターー--*/
.footer{
    text-align: center;
    font-size: 12px;
}