#wrapper{
    width: 925px;
    margin:auto;
/*    font-family: 'Zen Antique', serif; */
}
a{
    text-decoration:none;
    color:#43190aed;
    text-shadow: 2px 2px 0px #FFF, 1px 1px 1px #000;
}
h1,#title_img p{
    margin-left:380px;
    padding-top:20px;
    font-size:2.2em;
    color:#43190aed;
    font-weight: bold;
    
}
header{
    font-family: 'Shippori Antique', sans-serif;
}



/* スムーススクロール */
#top_w{
    position: fixed;
    bottom: 30px;
    right:10%;
    z-index: 100; /* レイヤーの順番が大きい　100あれば下に99入る */
}
#top_w a{
    display: block;
    padding:20px;
    background:#555;
    border-radius: 5px;
    text-align: center;
    transition: all .5s ease;
}

/*個別CSS*/
#title_1{
    display:block;
    width: 925px;
    height:420px;

}


#title_img{
    width: 925px;
    height: 420px;
    background-image:url(../img/yamaguchi_top.png),url(../img/haikei_1.jpg);
    background-size: 310px  420px,925px 420px;
    text-shadow: 3px 3px 0px #FFF, 2px 2px 5px #000;
}




#main_img{
    padding-top:20px;
}

span{
    font-size:1.4em;
}

#title_sub,#news_part2{
    padding-top:7px;
    width: 925px;
    height: 60px;
    overflow: hidden;
    font-size: 1.8em;
    text-shadow: 4px 4px 7px #FFF;
    background: -moz-linear-gradient(to bottom,#c5b14d,#FFF 30%,#c5b14d); 
    background: -webkit-linear-gradient(to bottom,#c5b14d,#FFF 30%,#c5b14d); 
    background: linear-gradient(to bottom,#c5b14d,#FFF 30%,#c5b14d);
    font-family: 'Shippori Antique', sans-serif;  
}

/* 文字動かすアニメ設定 */
p.marquee_ani{
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
}

@keyframes marquee {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
/* main */
#main_wrapper{
    background-image: url(../img/haikei_sub_24.jpg);
}

#main_vidual{
    margin: 0 0 0 auto;
    width:800px;
    height:1205px;
    text-align: right;
    background-color: #ecf7e8;
    overflow:scroll;
}
/*
.btn_main1{
    margin-top:360px;
    width:200px;
    height:180px;

    margin:0 0 0 auto;
}
*/



/* ボタンサイズを設定 */

#btn_wrapper{
    padding-top: 60px;
    padding-left:40px;
    padding-right:40px;
    display:block;
    float:left;

}


#btn_wrapper ul li{
    width:300px;
    height:110px;
    margin-left: 40px;
    margin-right:10px;
    margin-top:  40px;
    margin-bottom:20px; 
    display: block;
    float:left;
    background-color:#dac87d;
    box-shadow: 3px 3px 6px -2px #555,-5px -5px 10px #242424 inset;
    border-radius: 10px;
    text-align: center;
    /*padding-top: 15px;*/
}

#btn_wrapper ul li:nth-child(6){
    background-color:#f5a875;
}

#btn_wrapper ul li:nth-child(7) ,
#btn_wrapper ul li:nth-child(8) {
    background-color:#aaf58a;
}


#btn_wrapper ul li span{
    font-size: 0.8em;
}

#btn_wrapper ul li a{
    text-align: center;   
    margin:0 auto;
    width:300px;
    height:110px;
    padding-top:20px;

    font-size: 1.9em;
    
    font-weight: bold;
    display:block;
}

#btn_wrapper ul li:nth-child(4) a,#btn_wrapper ul li:nth-child(3) a,#btn_wrapper ul li:nth-child(1) a,#btn_wrapper ul li:nth-child(2) a
{
    padding-top:20px;
    font-size: 2.2em;
    font-weight: bold;
}


h2 a{
    display: block;
    box-shadow: 5px 5px 5px #444343 ;
}

#btn_title1{
    text-align: center;
    float:left;
    background-image: url(../img/okayama.png);
    background-size: 100%;
}

#btn_wrapper a:hover{
    background-color: rgba(82, 82, 91, 0.219);
    color:#9e9c9a;
}

#btn_title2{
    text-align: center;   
    background-image: url(../img/yamaguchi.png);
    background-size: 100%;
    float:right;
}

.komoji{
    font-size: medium;
}

#return_1{
    padding-right:30px;
    display: block;
    float:right;
}

#return_1 a:hover{
    background-color: #868585;
}

/*リンクボタン*/
#sub_wrapper{
    width: 124px;
}
#sticky_part{
    background-image: url(../img/haikei_sub_24.jpg);
    background-repeat: repeat;
    width: 125px;
    height:605px;
}


#sub_visual{
    width: 125px;
    height:605px;
    float: left;
    text-align: center;
    background-image: url(../img/haikei_sub_24.jpg);
    background-repeat: repeat;

}

#sub_visual dt {
    width:120px ;
    height: 45px;
    font-size:1.2em; 
    padding-top: 20px;
    color: #43190aed;
    font-weight: bold;
    text-shadow: 2px 2px 2px #FFF, 2px 2px 2px #555;
}

#sub_visual #last_item a{    
    display: block;
}

#sub_visual dd{
    display: block;
    width:120px ;
    height: 75px;
    display: block;
    margin:0 auto;
    overflow: hidden;
}

#sub_visual dt:nth-child(5){
    padding-top:0;
    margin-bottom: 10px;
}

#sub_visual dd:last-child{
    display:block;
    margin:0 auto;
    width:95px;
    height:75px;
    border-radius: 5px;
    background-color:#ddd292;
    box-shadow: 3px 3px 6px -2px #555,-5px -5px 10px #242424 inset;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
    color: #43190aed;
    text-shadow:1px 1px 0px #000 ,2px 2px 2px #FFF,2px 2px 2px #000;
}

#sub_visual dd a:hover{
    opacity: 0.6;
    width:90px;
    height:75px;
    display: block;
    margin:0 auto;
    overflow: hidden;
}

#sub_visual dd:last-child a:hover{
    opacity: 0.6;
    width:90px;
    height:75px;
    display: block;
    margin:0 auto;
    padding:0;
    overflow: hidden;
    color:#e77f08;
}

/* map */
#yamaguchi_map{
    float:left;
    margin-top: 50px;
    margin-left:100px;
}

#yamaguchi_map h2,#yamaguchi_map p{
    text-align: center;
    margin-bottom:5px;
}
/*フッター*/
footer{
    display: block;
    margin: 0 auto;
    text-align: center;
}
#footer_nav{
    width:925px;
    height:285px;
    background-image: url(../img/haikei_3.jpg);    
    background-size: 925px 285px;
    text-align: left;
    font-size: large;
    color: #43190aed;

    text-shadow:1px 1px 0px #000 ,2px 2px 2px #FFF,2px 2px 2px #000;
}
#foot_info1{
    text-align: center;
    margin-left:50px;
    margin-top: 50px;
    width: 600px;
    height:280px;
    float: left;
}

#index_footer{
    text-align: right;
    padding-right:50px;
}

#foot_info2{
    text-align: center;
    background-image: url(../img/tanan.png); 
    width: 275px;
    height: 290px;
    float:right;
    padding-top: 10px;

}

#foot_info2 p{
    bottom:50px;
}
#index_footer a{
    font-family: 'Cherry Bomb One', cursive;
    font-family: 'Potta One', cursive;
}
#index_footer a:hover{
    color:#ddd292;
    font-family: 'Cherry Bomb One', cursive;
    font-family: 'Potta One', cursive;
}