@charset "utf-8";
  * {margin: 0;  padding: 0;}
html,body{
height:100%;
}
body {
font-size: medium;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
line-height: 145%;
}
del{
font-weight: bold;
text-decoration: none;
}
p{
margin: 0px;
padding: 0px;
}
h1{
font-size: 1.5em;
font-weight: bold;
line-height: 150%;
}
h2{
color: #777ab2;
font-size: xx-large;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #777ab2;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h3{
font-size: medium;
padding: 8px;
margin-bottom: 8px;
border: 1px solid #1380ed;
background-color: #DFEEFD;
border-radius: 4px;
text-align: center;
display: block;
margin-top: 4px;
font-weight: normal;
}
h3 a{
font-size: medium;
background-image: url(//www.town.minamifurano.hokkaido.jp/wp-content/themes/nanpu/common/linkmark.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
font-weight: bold;
}
h4{
font-size: medium;
font-weight: bold;
text-decoration: none;
font-style: normal;
display: inline-block;
margin-bottom: 8px;
border: 1px solid #1380ed;
border-radius: 2px;
color: #1380ed;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
margin-top: 8px;
}
h5{
background-image: url(//www.town.minamifurano.hokkaido.jp/wp-content/themes/nanpu/common/pdfmark.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
font-size: medium;
font-weight: bold;
text-decoration: none;
font-style: normal;
margin-left: 16px;
}
h6{
background-image: url(//www.town.minamifurano.hokkaido.jp/wp-content/themes/nanpu/common/linkmark.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
font-size: medium;
font-weight: bold;
text-decoration: none;
font-style: normal;
margin-left: 16px;
}
table{
width: 100%;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 2px;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #333;
border-left-color: #FFF;
border-collapse: collapse;
}
td{
background-color: #FFF;
padding: 8px;
border: 1px solid #333;
}
th{
background-color: #FFF;
padding: 8px;
border: 1px solid #333;
white-space:nowrap;
}
em{
font-style: normal;
color: #F00;
}
a{
text-decoration: none;
color: #009;
}
ul,li{
margin: 0px;
padding: 0px;
list-style-type: none;
}
a:hover{
text-decoration: underline;
color: #06F;
}
a:visited{
color: #009;
text-decoration: none;
}
a img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a:hover img{
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}
#headerbg{
background-repeat: repeat,no-repeat;
background-position: center top,center center;
background-size: 3px 3px,cover;
min-width: 1160px;
width: 100%;
min-height: 70%;
background-attachment: fixed;
position: relative;
display: block;	
}
#headerbg H1{
font-size: 2.35em;
color: #FFF;
display: block;
text-shadow:0px 0px 6px #000000;
}
.height100{
bottom: 0;
position: absolute;
left: 0;
top: auto;
right: 0;	
}
#mainframe{
width: 940px;
margin-right: auto;
margin-left: auto;
padding-top: 1em;
padding-right: 0em;
padding-bottom: 1em;
padding-left: 0em;
overflow: hidden;
}
#footer{
padding-top: 3em;
padding-right: 0em;
padding-bottom: 3em;
padding-left: 0em;
width: 100%;
background-color: #EBEBEB;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #DDD;
border-right-color: #DDD;
border-bottom-color: #DDD;
border-left-color: #DDD;
}
.pankuzulistbox{
font-size:0.8em;
margin-top: 1em;
margin-bottom: 2em;
}
.footercopy{
font-size: 0.8em;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
width: 100%;
}
#schoolmenu{
width: 160px;
float: left;
background-color: #2c71b6;
padding-top: 0.5em;
}
#schoolmenu LI A{
padding-top: 1em;
padding-bottom: 1em;
border: 1px solid #EEE;
display: block;
text-align: center;
background-color: #FFF;
margin: 2px;
}
.container{
width: 740px;
float: right;
}
.backmark a{
border-radius: 32px;
margin-bottom: 64px;
display: block;
text-align: center;
margin-right: auto;
margin-left: auto;
padding: 12px;
border: 2px solid #e1e1e1;
width: 180px;
color: #666;
margin-top: 48px;
}
.backmark a:hover{
text-decoration: none;
background-color: #e1e1e1;
}
.fade-up {
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}