html { -webkit-size-text-adjust: 100%; 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 {}
#layer2-page { height: 0; overflow: hidden; box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;}
#layer3 { background: url('../img2016/back2.jpg');}

.lay2color {
background: ivory;

}

#nav { list-style: none;}
#nav li { position: relative;}

.topbar { width: 100%;}
.mid { position: relative; width: 100%; background: url('../img2016/topsmartphone.jpg') no-repeat; border-top: 7px solid #FF3300; height: 230px;}
.box-link li { width: 155px; float: left; margin-left: 2px;}
.box-link li a { display: block;}
.box-link li a p { text-align: center; color: ivory; padding: 5px 0 3px 0; font-size: 13px;}
.box-link li a img { width: 90%; 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 { list-style: none; display: block; width: 100%;}
#nav-news li { position: relative;}

.news { background: snow; padding: 17px 0; width:100%; margin: 0; font-size: 15px; float: none;}

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;}
.fullsize {width:100%}

.side-left { list-style: none; color: crimson; margin: 10px 4px 2px 22px; padding: 8px 0 0 0; line-height:25px; border-top: 2px dotted coral;}
.side-left span { display: inline-block; padding: 0; margin: 0; font-size: 17px; color: darkorange; text-shadow: 1px 1px 3px #ccc;}
.side-left button { text-align:left; padding:15px 10px; font-size: 17px; color:crimson; line-height: 25px; border:none; background:rgb(250, 197, 178);}

/*------------*/
.side-left div.top-hidari { font-weight:normal; padding:0; margin:0; color: #5B4418;}
.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: #FF3333; 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;}


.side-right { line-height: 24px; display: block; width: 90%; padding: 4px 20px; color: #6D591A;}
.side-right-border1 { border-top: 1px dotted black; padding-top: 14px;}
.side-right-border2 { border-top: 1px dotted black; padding-top: 14px;}

/*---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; color: #5B4418; 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 5px 35px 5px; color: grey; border-top: 1px solid #666666; font-size: 13px;}
.foot p { font-size: 15px; padding: 0 0 5px 0; color: #6D591A;}

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

.toplink { list-style: none; width: 100%;}
.toplink li { float: none; width: 100%;}
.toplink li a { display: block; font-size: 14px; padding: 8px; color: #783500; 
background: #f0e6d5; box-shadow: 1px 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, #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: 59px; padding: 3px 0 3px 5px; position: absolute; text-align: left; border-width: 1px 0 1px 1px; border-style: solid; border-color: grey; background: rgba(255,255,255,0.7); border-radius: 5px 0 0 5px;}
button.english { top: 12px; right: 0; z-index: 99;}
button.chinese { top: 42px; right: 0; z-index: 99;}


h1 { }
h2 { }

h3,h5,h6 { text-shadow:2px 2px 7px rgba(0,0,0,0.3); padding: 5px; font-weight: normal; margin: 0;}
h6 { color: gold; line-height: 25px; font-size: 20px; position: absolute; top: 5px; left: 5px;}
h6 img { width: 120px;}
h3 { color: ivory; font-weight: bold; line-height: 20px; font-size: 15px; position: absolute; top: 70px; left: 5px; text-shadow:2px 2px 5px #555; width: 150px;}
h5 { color: #CC0000; line-height: 18px; font-size: 14px; padding: 252px 8px 10px 8px;}


.page-left { margin: 0; padding: 0; background: transparent;}
.page-right { margin: 0; padding: 8px 3px; background: ivory; line-height: 22px; color: #663300;}


#page-link { list-style: none;}
#page-link li { float: none; position: relative; margin: 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 10px 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;}
.text { padding: 0 5px;}
#picture1 { width: 100%; max-width: 100%; margin-bottom: 10px;}
#picture2 { width: 100%; max-width: 300px; margin-bottom: 10px;}
#picture3 { width: 100%; max-width: 200px; margin-bottom: 10px;}
#picture3-1 { width: 100%; max-width: 170px; margin-bottom: 10px;}
#picture4 { width: 100%; max-width: 300px; margin-bottom: 10px; }
#picture5 { width: 100%; max-width: 200px; margin-bottom: 10px; }

#youtube { width: 100%; max-width: 480px;}
/*----------*/

#menu { position: relative;}
#menu img { width: 100%;}
#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;}
#menu ul li { float: none;}
.menu-left { list-style: disc; margin-left: 20px;}
.menu-right { padding-left: 30px;}

#tour { margin: 10px 5px 0 30px; padding: 0;}
#tour li { float: none; color: red; position: relative; padding: 5px 40px 3px 0; border-bottom: 1px dotted grey;}
#tour li span { color: #333;}

#tourmap img { width: 100%;}
#videoicon { display: none;}

#videoicon1 { height: 17px; vertical-align: bottom; margin: 0 2px 3px 4px; position: absolute; top: 7px; right: 5px;}
#videoicon2 { height: 17px; vertical-align: bottom; margin: 0 2px 3px 4px; position: absolute; bottom: 5px; right: 5px;}
#cameraicon { height: 14px; vertical-align: bottom; margin: 0 2px 3px 4px; position: absolute; top: 7px; right: 7px;}

#mapnumber { display: none;}
.mappicture { width: 100%; max-width: 500px;}

#meaning { padding: 10px 10px 2px 15px; font-size: 13px;}



.season { border: 1px solid tan; padding: 15px 0; background: ivory; position: relative;}
.season-img1 { width: 100%;}
.season-txt1 { font-size: 14px; color:#996600; line-height:24px;}
.season1 { display: block; list-style: none;}
.season1 li { width: 200px; color: #333; line-height: 22px; font-size: 14px;}
.season-txt2 { color: #FF0033; margin-bottom: 10px; font-weight: bold;}