body {
background-color:#EBE9E1;
margin:0;
padding:0;
}
#outer {
background-color:#fff;
margin:0px auto;
width:960px;
font-size:13px;
line-height:100%;
padding:0;
color:#222;
}
#header {
height:90px;
}

a {color:#0080ff; text-decoration : underline; } /*未訪問のリンクの色*/
a:visited {color:#9f338b; text-decoration : underline;} /*訪問済みのリンクの色*/
/*a:hover {color:#ffffff; background:#0000cc;} カーソルが乗っているリンクの色*/
a:hover {color:#ff8080;} /*カーソルが乗っているリンクの色*/
a:active {color:#ffff00;} /*クリック中のリンクの色*/
.item2 a:hover img {opacity: 0.5 ;} /*カーソルが乗っている画像を半透明*/
/* #top2 a:hover img {opacity: 0.5 ;} カーソルが乗っている画像を半透明*/


/* #top2 {
margin:0 0 0 5px;
float:left;
}*/

/* #box1 {
    padding: 0.5em 1em;
    margin: -1em 0 1em 24em;
    border: double 5px #4ec4d3;
    background-color:#fbffff;
}
#box1 p {
    font-size:16px;
    margin: 0; 
    padding: 0;
}*/

#main {
width:640px;
float:left;
}
#main2 {
/*width:960px;*/
float:left;
}
#content {
padding:0 30px 10px 30px;
font-size:15px;
line-height:150%;
}

#content audio {
height:20px;
}

.ggmap {
margin:0 0 0 30px;
}
#right {
width:290px;
color:#004C25;
font-size:13px;
float:left;
}
.title {
height:35px;
line-height:35px;
font-size:13px;
padding:0 0 0 35px;
margin:0 0 0 5px;
font-weight:bold;
color:#fff;
background-color:#004C25;
}
.side {
font-size:18px;
padding:6px 0 10px 14px;
margin:0 0 0 5px;
background-color:#fbffff;
font-weight:bold;
color: #777;
line-height:150%;
border: solid 5px #4ec4d3;
}
.side a{
color:#036;
text-decoration : underline;
font-weight:bold;
}
.side a:hover{
color:#ffffff; background:#036;
}

.page0 {
font-size:14px;
margin:5px 5px;
padding:7px 0 9px 4px;
border-top:1px solid #999;
}
.page1 {
font-size:14px;
margin:5px 5px;
padding:7px 0 9px 4px;
border-top:1px solid #999;
border-bottom:1px solid #999;
}


/*#menu {
color:#004C25;
font-size:20px;
background-color:#ffeeee;
font-weight:bold;
/*text-align:center;
margin:-10px 0 0 0;
}*/

p.subttl1 {margin-left: 100px; margin-top: -10px;}

.table1 {margin-top: -14px;}

ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
/*list-style:disc;*/ 
}
.side ol {
margin: 0;
padding: 4px 0;
}
.side li {
margin: 7px 0 7px 20px;
/*list-style:disc;*/ 
padding: 0;
}
p {
margin:1em 0;
line-height:150%;
}
img{
border:0;
}
hr {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #ccc;
height: 1px;
}

/*a{
font-weight:normal;
color: #036;
}*/

h1 {
font-size:48px;
text-align:left;
color: #033;
padding:44px 0 0 34px;
margin:-80px 0 0 0;
font-family: メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
/*h1 a{
font-weight:bold;
color:#033;
text-decoration:none;
}*/
#update {
font-size:16px;
margin:-50px 5px 0 0;
text-align:right;
color:#FFFFFF;

}

h2 {
font-size:24px;
margin:0;
padding:7px 0 9px 4px;
border-bottom:1px solid #999;
}
h3 {
font-size:16px;
padding:0 0 0 0;
margin-bottom: 5px;
}
h4 {
font-size:16px;
padding-left: 4px;
}
#footer {
color:#666;
font-size:12px;
height:110px;
clear:left;
text-align:center;
}
.copy {
padding:20px 0 0 0;
}
blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}

 .header1 {
 background-color:#f0f4ff;
 text-align:center;
 font-weight:bold;
 }
 .line1 {
 padding: 5px;
 text-align:left;
 font-size:15px;
/* background-color:#F0F7F9;*/
 background-color:#f4ffff;
 }
 .line3 {
 padding: 5px;
 text-align:left;
 font-size:15px;
 background-color:#dfffff;
 }
 .line2 {
 padding: 30px 0 40px 150px;
 text-align:left;
 font-size:24px;
/* font-weight: bold;*/
 }
 .date-sat {
 background-color:#c6c6ff;
 text-align:center;
 }
 .date-sun {
 background-color:#fec0ce;
 text-align:center;
 }
 .date-week {
 text-align:center;
 }
 .item {
 text-align:left;
 padding: 0 3px 0;
 }
 .item2 {
 text-align:center;
/* padding: 0 3px 0;*/
 padding: 5px 3px 5px;
 }

 #fix1{
 position:fixed;
 top: 10px;
 height:25px;
 background: #f4ffff;
 }
/***トップへ戻るボタン***/
#page-top {
    display: block;
    font-weight: bold;
    padding: .7em;
    text-align: center;
    background: #fff; /*背景色*/
    color: #666; /*文字色*/
    transition: .3s;
}
/***マウスオーバー時***/
#page-top:hover {
    background: #666; /*背景色*/
    color: #fff; /*文字色*/
}
/***トップへ戻るボタンここまで***/

/*@media screen and (max-device-width: 480px) {
#outer {width:100%;}
#header {width:100%;clear:both;height:70px;}
h1 {padding:34px 0 0 34px;}
#main {width:100%;clear:both;}
.content {clear:both;font-size:120%;padding:0 10px;}
#right {width:100%;clear:both;}
#footer {width:100%;clear:both;}
img {zoom:80%;}
}*/

@media screen and (max-device-width: 480px) {
#outer {font-size:130%;}
#update {font-size:120%;
         margin:-30px 5px 0 0;}
h2 {font-size:130%;}
h3 {font-size:130%;}
/*#content {width:100%;}*/
#content {clear:both; font-size:150%; padding:0 0 0 10px;}

#content img {zoom:200%;}
/*#content audio {height:20px;}*/
/*#content audio {zoom:50%;}*/

.header1 {font-size:120%;}
.line1 {font-size:110%;}
.line1 img {zoom:200%;}

 .item2 {
 text-align:center;
 padding: 10px 3px 10px;
 }

#right {width:100%;clear:both;}

.page0 {font-size:30px;}
.page0 select {zoom:200%;}
.page1 {font-size:32px;}
.page1 input {zoom:200%;}
.page1 button {zoom:250%;}

.item input {zoom:200%;}
.item audio {zoom:150%;}

 #fix1{
 height:63px;
 }

/* #top2 {width:100%;clear:both; padding-left: 90px;}
#top2 img {zoom:200%;}*/

#footer {width:100%;clear:both;font-size:120%;}
.item2 img {zoom:200%;}

/* #box1 {
    width:100%;
    padding: 0.5em 1em;
    margin: -10px 0 0 0;
    border: double 5px #4ec4d3;
    background-color:#fdffff;
}
#box1 p {
    width:100%;
    font-size:150%;
    margin: 0; 
    padding: 0;
}*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

}