html {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { font-size: 14px; white-space: normal; visibility: visible; word-spacing: 0px; letter-spacing: 0px; line-height: 17px; color: #003300; margin: 0; }
div,p,ul,h1.h2,h3,h5,h6 { margin: 0; padding: 0;}
img { border: 0;}
a { text-decoration: none;}

body { background: #F5EACA;}

#layer1 { background: url('img2016/back2.jpg'); border-bottom: 1px solid tan;}
#layer2 { box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;}
#layer2-page { height: 200px; overflow: hidden; box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;}
#layer3 { background: url('img2016/back2.jpg');}

.button{
	width: 100%;
    padding: 0;
    margin-left: 0;
    line-height: 20px;
    background: none;
    border: none;
    font-family: 'meiryo',sans-serif;
    outline: none;
    cursor: pointer;
}

.lay2color {
background: ivory;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d8c897), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #d8c897);
background: -moz-linear-gradient(#fff, #d8c897);
background: -o-linear-gradient(#fff, #d8c897);
background: -ms-linear-gradient(#fff, #d8c897);
background: linear-gradient(#fff, #d8c897);
}

#nav { width: 1100px; margin: 0 auto; list-style: none;}
#nav li { float: left; position: relative;}

.topbar { width: 100%;}
.mid { position: relative; width: 100%; background:  url('img2016/top.jpg'); height: 390px;}
.box-link li { width: 18%; margin: 20px 1%;}
.box-link li a { display: block;}
.box-link li a p { text-align: center; color: ivory; padding-bottom: 15px; font-size: 14px; font-weight: bold;}
.box-link li a img { width: 100%; border: 4px solid tan; box-shadow:2px 2px 5px rgba(0,0,0,0.5);}
.box-link li a:hover p { color: crimson;}
.box-link li a:hover img { box-shadow:none;}

#nav-news { width: 1100px; margin: 0 auto; list-style: none; width: 700px; }
#nav-news li { float: none; position: relative;}

.news { background: snow; padding: 17px 0; font-size: 15px;position: relative; padding-top: 30px; padding-left: 400px; min-height: 410px;}
ul.news li:nth-child(2) { font-size: 17px; line-height: 28px; padding-bottom: 0;}
ul.news li:nth-child(9) { min-height: 30px;}
ul.news li:nth-child(11) { width: 85%; padding-right:10%;}
ul.news li:nth-child(13) { font-size: 14px;}

.side-left { list-style: none; margin: 0 0 0 14px; padding: 0 0 10px 10px; font-weight: bold;}
.side-left span { display: inline-block; padding: 0; margin: 0; font-size: 17px; color: darkorange; text-shadow: 1px 1px 3px 
#ccc;}
.side-left span i { color:crimson; margin-right:10px;}
.side-right { line-height: 24px; position: relative; color: #6D591A; margin: 5px 0 30px 0; padding: 0 20px 20px 25px;border-bottom: 1px dotted coral; }

/*---bannerグラデーション----*/

.side-left div.top-hidari {position:absolute; top:425px; left: -400px; width: 370px; color:#250d00; font-size: 15px; font-weight:normal; padding:0; margin:0; z-index: 101;}
.side-left div.top-hidari p { position: relative; padding: 0 5px; margin: 0 0 25px 0; font-size: 14px;}/*--koko zentai--*/
.side-left div.top-hidari p.kiiro {background: #ededed; background: #f8f4e6; color: #804627;}/*--koko zentai iro--*/
.side-left div.top-hidari p.shiro {background: #fff;}
.side-left div.top-hidari p span { display: block; padding: 0 5px; margin: 0 -5px 8px -5px; font-size: 16px; background: #999999; background: #cbb994; color: #fff; color:#543f32;}/*--koko title--*/
.side-left div.top-hidari p span i { color: #FF6633; margin-right:11px; text-shadow:none;}
.side-left div.top-hidari p img.qr { width: 100px;}
.side-left div.top-hidari p a {color:#250d00; cursor: pointer;}

/*---bannerグラデーション画像入り----*/


article { background: #FFF9CE; width: 100%; max-width: 420px; margin: 0 0 10px 0; padding: 12px 0; position: relative;}
article div { margin: 0 100px 10px 5px; padding: 4px 7px; background: #FF6600; color:#FFF; font-size: 17px; line-height: 22px;}
.side-left div.top-hidari article p { margin: 0 100px 14px 5px; padding: 0 5px 7px 5px; border-bottom: 1px dotted #aaa; #aaa; font-size: 15px; line-height: 22px;}

.side-left div.top-hidari article span.a1 { display: block; margin: 0; padding: 0 10px; #aaa; color:#444; font-size: 13px; line-height: 18px;}

article img { position: absolute; top:10px; right:10px; width: 75px; height: 75px; border: 1px solid grey;}

article div.grd1 {background-image: linear-gradient(90deg, #fa709a 0%, #fee140 100%); color: #fff;}
article div.grd2 {background-image: linear-gradient(90deg, #96fbc4 0%, #f9f586 100%); color: #347A1B;}
article div.grd3 {background-image: linear-gradient(-90deg, #48c6ef 0%, #6f86d6 100%); color: #fff;}
article div.grd4 {background-image: linear-gradient(90deg, #bdc2e8 0%, #bdc2e8 1%, #e6dee9 100%); color: #3A427F;}
article div.grd5 {background-image: linear-gradient(90deg, #FF1D00 0%, #FF8F00 100%); color: #fff;}

article div.grd1 i { color: #FFDAFF; margin-right:11px; font-size: 17px;}
article div.grd2 i { color: #1F991D; margin-right:11px; font-size: 17px;}
article div.grd3 i { color: #A7EFFF; margin-right:11px; font-size: 17px;}
article div.grd4 i { color: #7150FF; margin-right:11px; font-size: 17px;}
article div.grd5 i { color: #FFBA00; margin-right:11px; font-size: 17px;}

/*----------*/

.foot { padding: 15px 20px 35px 20px; color: grey; border-top: 1px solid #666666; width: 100%; font-size: 13px;}
.foot p { font-size: 15px; padding: 0 0 5px 0; color: #6D591A;}

/*----------*/

.toplink { list-style: none; width: 100%;}
.toplink li { float: left;padding: 11px 0 15px 0; width: 12%; text-align: center}
.toplink li a { display: block; font-size: 14px; width: 90%;padding: 2px 0; color: #783500; border-radius:3px; 
background: #f0e6d5; box-shadow: 1px 2px 5px rgba(0,0,0,0.3); text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e2c26e), color-stop(0.00, #f0e6d5));
background: -webkit-linear-gradient(#f0e6d5, #e2c26e);
background: -moz-linear-gradient(#f0e6d5, #e2c26e);
background: -o-linear-gradient(#f0e6d5, #e2c26e);
background: -ms-linear-gradient(#f0e6d5, #e2c26e);
background: linear-gradient(#f0e6d5, #e2c26e);

}
.toplink li a:hover { background: ivory; box-shadow: none;}

button.wide { width: 75px; padding: 4px 0 4px 12px; position: absolute; text-align: left; border-width: 1px 0 1px 1px; border-style: solid; border-color: grey; background: rgba(255,255,255,0.8); border-radius: 5px 0 0 5px; cursor: pointer;}
button.english { top: 5px; right: 0; z-index: 99;}
button.chinese { top: 35px; right: 0; z-index: 99;}


#head { position:relative; width: 1100px; margin: 0 auto; }
h1 { color: #6f5943;padding: 10px 0 0 0; line-height: 16px; font-size: 15px;}
h2 { color: ivory; width: 1100px; margin: 0 auto; padding: 5px 0 0 0; line-height: 14px; font-size: 13px; font-weight: normal;}
#telephone { position: absolute; top: 20px; right:0; font-size: 20px;}

h3,h5,h6 { text-shadow:3px 3px 10px rgba(0,0,0,0.5);  position: absolute; z-index: 99;}
h6 { color: gold; line-height: 20px; font-size: 34px; top: 20px; left: 30px;}
h6 img { width: 200px;}

h3 { color: white; line-height: 24px; font-size: 24px;  top: 125px; left: 30px;}
#fuchidori { text-shadow:0 2px 5px #000; line-height: 25px; font-weight: bold; background: rgba(100,50,0,0.3); padding: 5px 10px 2px 10px; margin-left: -5px; border: 1px solid rgba(200, 180, 150,0.8);}

h5 { line-height: 25px; font-size: 17px; top: 170px; left: 30px; width: 25%;}




.page-left { margin: 0; padding: 10px 0; width: 23%; background: transparent;}
.page-right { margin: 0; padding: 15px 1%; width: 75%; background: ivory; line-height: 22px; color: #663300;}

#page-link { list-style: none;}
#page-link li { float: none; position: relative; margin: 5px 0;}
#page-link li a { display: block; border: 1px solid #997C57; width:75%; height: 150px; overflow: hidden; box-shadow:2px 2px 5px rgba(0,0,0,0.3);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e2c26e), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #e2c26e);
background: -moz-linear-gradient(#fff, #e2c26e);
background: -o-linear-gradient(#fff, #e2c26e);
background: -ms-linear-gradient(#fff, #e2c26e);
background: linear-gradient(#fff, #e2c26e);

}
#page-link li a p { color: #660000; padding: 7px 0 5px 7px;}
#page-link li a img { width: 100%;}
#page-link li a:hover { background: tan;}

.title { margin: 0 0 30px 0; padding: 10px 20px; font-size: 20px; color: white;
text-shadow: 2px 2px 5px #aaa; font-weight: bold;
background: red;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffd042), color-stop(0.01, #c81922));
background: -webkit-linear-gradient(top, #c81922 1%, #ffd042 100%);
background: -moz-linear-gradient(top, #c81922 1%, #ffd042 100%);
background: -o-linear-gradient(top, #c81922 1%, #ffd042 100%);
background: -ms-linear-gradient(top, #c81922 1%, #ffd042 100%);
background: linear-gradient(to bottom, #c81922 1%, #ffd042 100%);

}
.caption { margin: 0 0 20px 5px; font-size: 15px;}
.subtitle { margin: 22px 0 10px 5px; font-size: 17px; color: tomato; font-weight: bold;}
.para { margin: 0 0 20px 15px; font-size: 14px;}
.para span { color: green;}
#picture1 { width: 100%; max-width: 700px; margin-bottom: 20px; margin-left: 5px;}
#picture2 { width: 100%; max-width: 300px; margin-bottom: 20px; margin-left: 40px; float: right;}
#picture3 { width: 100%; max-width: 200px; margin-bottom: 20px; margin-left: 40px; float: right;}
#picture4 { width: 100%; max-width: 300px; margin-bottom: 20px; margin-right: 30px; float: left;}
#picture5 { width: 100%; max-width: 200px; margin-bottom: 20px; margin-right: 30px; float: left;}
/*----------*/

#menu { position: relative; min-height: 200px;}
#menu img { position: absolute; top: 40px; right: 0; width: 30%;}
#bunrui { font-size: 17px; color: firebrick; margin: 18px 0 10px 0; padding-bottom: 7px; font-weight: bold; border-bottom: 1px dotted tan;}
#menu ul { list-style: none; padding: 0 35% 0 0;}
#menu ul li { float: left;}
.menu-left { width: 70%; list-style: disc; margin-left: 40px;}
.menu-right { width: 20%; text-align: right;}

#tour { margin: 10px 40px; padding: 0;}
#tour li { float: none; margin-right: 50px; padding: 4px 40px 2px 0; color: red; position: relative; border-bottom: 1px dotted grey;}
#tour li span { color: #333;}

#hamanako { width: 100%;}

#tourmap { position: relative;}
#videoicon { position: absolute; z-index: 99; cursor: pointer; width: 40px;}
.shiro { position: absolute; top: 380px; left: 580px; z-index: 99;}
.bentenjima { position: absolute; bottom: 75px; left: 240px; z-index: 99;}
.kanzanji { position: absolute; top: 270px; left: 250px; z-index: 99;}
.ryotanji {  position: absolute; top: 140px; left: 490px; z-index: 99;}
.zoo {  position: absolute; top: 330px; left: 310px; z-index: 99;}
.flower {  position: absolute; top: 305px; left: 440px; z-index: 99;}
.dune {  position: absolute; bottom: 30px; right: 180px; z-index: 99;}

#videoicon1 { display: visible; width: 20px; margin: 0 10px; position: absolute; top: 7px; right: 14px;}
#videoicon2 { display: visible; width: 20px; margin: 0 10px; position: absolute; bottom: 7px; right: 14px;}
#cameraicon { display: visible; width: 18px; margin: 0 10px; position: absolute; top: 7px; right: 15px;}

#mapnumber { position: absolute; display: block; padding: 3px 10px 0 10px; border-radius:10px; color: #333; background: white; font-weight: bold; font-size: 13px; border: 3px solid gold; z-index: 99; box-shadow:2px 2px 5px rgba(0,0,0,0.4); line-height: 15px;}
#mapnumber span { font-size: 11px;}
a#mapnumber:hover { background: orange; box-shadow: none;}

.mapnum1 { left: 715px; top: 421px;}
.mapnum2 { left: 656px; top: 375px;}
.mapnum3 { left: 639px; top: 457px;}
.mapnum4 { left: 563px; top: 465px;}
.mapnum5 { left: 515px; top: 465px;}
.mapnum6 { left: 343px; top: 555px;}
.mapnum7 { left: 245px; top: 490px;}
.mapnum8 { left: 85px; top: 520px;}
.mapnum9 { left: 311px; top: 452px;}
.mapnum10 { left: 140px; top: 445px;}
.mapnum11 { left: 347px; top: 382px;}
.mapnum12 { left: 280px; top: 300px;}
.mapnum13 { left: 410px; top: 278px;}
.mapnum13-2 { left: 355px; top:335px;}
.mapnum14 { left: 436px; top: 389px;}
.mapnum15 { left: 347px; top: 50px;}
.mapnum16 { left: 235px; top: 20px;}
.mapnum17 { left: 493px; top: 107px;}
.mapnum18 { left: 367px; top: 183px;}
.mapnum19 { left: 155px; top: 90px;}
.mapnum20  { left: 656px; top: 560px;}
.mapnum21 { left: 546px; top: 322px;}
.mapnum22 { left: 680px; top: 90px;}

#meaning { padding: 10px 10px 2px 15px; font-size: 12px;}
.mappicture { background: white; padding: 7px; border: 1px solid grey; box-shadow:3px 3px 5px rgba(0,0,0,0.3);}

#youtube { width: 480px; height: 270px;}

/*-----javascript------*/
	 div.wrap {
	    width:1100px;
	    height: 390px;
	    background-color:#ffffff;
	}
         div.wrap.three {
            width:1100px;
            height:390px;
            border:none;
            margin:0;
            padding:0;
         }
         /* example3 */
         div.example3_container a.slider_prev,
         div.example3_container a.slider_next {
            color: #cccccc;
            margin-top: 0px;
         }
         ul#example3 {
            list-style: none;
            margin:0; padding:0;
         }
         ul#example3 li {
            list-style: none;
            margin:0; padding:0;
            position: relative;
         }
         ul#example3 li img {
         	border: none;
			height: 390px; /*google chrome騾包ｽｨ*/
         }
         ul#example3 li div { position: absolute; top: 40px; width: 300px; left: 570px; color:white; font-size: 17px; padding: 0; text-align: left;}
         ul#example3 li div span { font-size: 13px;}




.season { margin: 0 auto; width: 1100px; border: 1px solid tan; padding: 15px 0; margin-bottom: 20px; background: ivory; position: relative;}
.season-img1 {}
.season-txt1 { font-size: 15px; color:#996600; width: 510px; position: absolute; left: 580px; top: 22px; line-height:24px;}
.season1 { display: table; list-style: none; width: 510px; position: absolute; left: 580px; top:130px;}
.season1 li { display: table-cell; width: 170px; color: #333; line-height: 25px; font-size: 15px;}
.season-txt2 { color: #FF0033; margin-bottom: 14px; font-weight: bold;}