/*共通*/
*{
padding: 0px;
margin: 0px ;
position:relative ;
}

html {
height:100% ;
font-size: 62.5%;
}

img {
border: none ;
vertical-align: bottom;
}

body {
background-color:#99CC99 ; 
font-size:11pt ;
font-size:1.4rem ;
color: #000000 ;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif ;
line-height:150% ;
text-align: center ;
height:100% ;
}

a {
text-decoration: none ;
}
a:link{color : #048802;}
a:visited{color : #048802;}
a:hover {color : #F37B56 ;}

p {
text-align: justify;
text-justify: auto;
margin-bottom: 5px ;
}

.smalltxt {
font-size: 11px ;
line-height: 140% ;
}

.selif {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



/*ページ構造*/

* html div#container {
height:100%;
}

div#container {
width:100% ;
margin: 0px auto ;
position:relative ;
min-height:100% ;
}

body > #container {
height: 100%;
}

#menu {
width:100% ;
height:160px ;
font-size: 8pt ;
padding-top: 5px ;
background:#cccccc url(img/header.jpg) top right;
background-size:contain ;
text-align: left ;
margin:0px ;
}
#menu_mas {
width:100% ;
height:160px ;
font-size: 8pt ;
padding-top: 5px ;
background:#cccccc url(img/mas/header.jpg) top right;
background-size:cover ;
text-align: left ;
margin:0px ;
}

#main {
background-color:#ffffff ;
margin:3px 50px 3px;
padding:20px 50px ;
min-height: calc(100vh - 235px) ;
}

#sitemap {
font-size: 11px ;
text-align: center ;
height: 20px ;
width:100% ;
position: absolute ;
left:0px ;
bottom:0px ;
background: #ffffff ;
padding-bottom:5px ;
}

#footer {
background-color: #048802 ;
font-size: 10px ;
font-family: Arial ;
text-align:center ;
color: #ffffff ;
position: absolute ;
padding: 2px 0px;
bottom:100vh-30px ;
left: 0px ;
width: 100% ;
height:20px ;
clear: both ;
}


/*ニュース*/
#npanel {
z-index:1 ;
float:right ;
margin-right:30px; 
border:4px solid #048802 ;
width: 280px ;
height: 840px ;
margin-top:15px ;
border-radius: 5px ;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
box-shadow: 10px 10px 10px rgba(0,0,0,0.6);
}
#npanel iframe {
width:280px ;
height:840px ;
}
#news {
background-color:#E4F5E4;
padding:15px ;
font-size:1.2em ;
}
#news img {
margin-bottom:10px ;
width:100% ;
}


/*メニュー*/
#tabs {
position: absolute ;
top: 132px;
margin-left:200px ;
}

#tabs a{
text-decoration: none ;
color:#ffffff ;
}
#tabs a:visited {color:#ffffff ;}
#tabs a:hover {color:#000000 ;}

#tabs div {
margin-right:5px ;
float:left ;
border-radius: 5px ;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
text-align:center ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
height:22px ;
font-size:10.5pt ;
padding-top:6px ;
}

.tab_mas, .tab_mas2 {
width:150px ;
}
.tab, .tab2 {
width:120px ;
}

.tab_mas, .tab {
background: #048802 ;
background: -moz-linear-gradient(top,#048802 0%,#05773E);
background: -webkit-gradient(linear, left top, left bottom, from(#048802), to(#05773E));
}

.tab_mas:hover, .tab:hover{
background: #F5D500 ;
background: -moz-linear-gradient(top,#F5D500 0%,#B08B03);
background: -webkit-gradient(linear, left top, left bottom, from(#F5D500), to(#B08B03));
}

.tab_mas2, .tab2 {
background: #F5D500 ;
background: -moz-linear-gradient(top,#F5D500 0%,#B08B03);
background: -webkit-gradient(linear, left top, left bottom, from(#F5D500), to(#B08B03));
}


#goindex {
float:left ;
margin-left: 10px ;
width:150px ;
}

#flag {
position:absolute ;
top:110px ;
left:315px ;
}
#flag img{
width:25px ;
}


/*見出し*/
h1 {
position:relative ;
text-align:left ;
height:26px ;
font-size: 16pt ;

padding: 8px 0px 0px 20px;
background: #F5D500 ;
font-family: "游明朝" , YuMincho , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
transform: rotate(.03deg);
}
h1:after {
content:"" ;
position: absolute;
top:0px ;
right: 0px;
height:34px ;
width: 300px;
background: #F5D500 ;
background: -moz-linear-gradient(left,#F5D500 0%,#ffffff);
background: -webkit-gradient(linear, left top, right top, from(#F5D500), to(#ffffff));
}

h2 {
font-size: 18pt ;
line-height:160% ;
font-weight: bold ;
margin: 10px 0px 20px ;
text-shadow: 2px 2px 2px rgba(255,221,0,0.8);
}

h3 {
font-size: 13pt ;
line-height:160% ;
}

h3.course{
float:left ;
width:700px ;
}
h3.course div{
padding-left:5px ;
width:75px ;
height:26px ;
color:#fff ;
background:#048802 ;
float:left ;
margin-right:30px ;
}
h3.course div:after{
content:"" ;
position:absolute ;
left: 80px;
box-sizing: border-box;
top:0px ;
width: 24px;
height: 13px;
border: 13px solid transparent;
border-left: 20px solid #048802;
}

h4 {
position:relative ;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-align:center ;
height:20pt ;
font-size: 16pt ;
padding: 8px 0px 0px 20px;
background: #F5D500 ;
}
h4:before {
content:"" ;
position: absolute;
top:0px ;
left: 0px;
height:26pt ;
width: 100px;
background: #F5D500 ;
background: -moz-linear-gradient(right,#F5D500 0%,#ffffff);
background: -webkit-gradient(linear, right top, left top, from(#F5D500), to(#ffffff));
}
h4:after {
content:"" ;
position: absolute;
top:0px ;
right: 0px;
height:26pt ;
width: 100px;
background: #F5D500 ;
background: -moz-linear-gradient(left,#F5D500 0%,#ffffff);
background: -webkit-gradient(linear, left top, right top, from(#F5D500), to(#ffffff));
}

h5 {
position:relative ;
height: 20px ;
width: 350px ;
font-size: 11pt ;
padding-left: 10px ;
margin-bottom: 10px ;
border-bottom:3px solid #048802 ;
}

h6 {
font-size:8pt ;
margin-left:205px ;
font-weight: normal ;
color:#fff ;
text-shadow: 2px 2px 2px rgba(0,0,0,3);
}



/*テーブル＆ボックス*/
table {
margin: 0px auto ;
border-top: solid 1px #999999 ;
border-right: solid 1px #999999 ;
}
th, td {
border-bottom: solid 1px #999999 ;
border-left: solid 1px #999999 ;
padding: 3px ;
}
th {
background-color: #CBECCB ;
}
td {
text-align:left ;
}


.lrbox {
border: 3px solid #048802 ;
border-radius: 8px;
padding: 5px ;
}

.gbbox {
background-color: #eeeeee ;
margin: 0px 50px ;
padding:5px
}

/*リスト*/
dl{
border: 3px solid #048802 ;
border-radius: 8px;
text-align:left ;
margin-right:10px ;
margin-bottom:15px ;
padding:0px ;
}

dt {
color:#ffffff ;
font-size:11pt ;
font-weight: bold ;
padding-left:5px ;
background-color:#048802 ;
}

dd {
line-height: 130% ;
margin:10px ;
text-align: justify;
text-justify: auto;
}



/*ボタン*/
.btn span,.btn div{
padding: 3px 10px ;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #F5D500 ;
font-weight:bold ;
box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3) ;
-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3) ;
white-space: nowrap
}
.btn div {
width:150px ;
float:right ;
text-align:center ;
margin-left:10px ;
}

.btn a{
text-decoration: none ;
color:#000 ;
}
.btn span:hover,.btn div:hover{
background: #F37B56 ;
}
.btn a:visited {color:#000000 ;}


.rbutton {
width:100px;
float:right ;
text-align:right ;
font-size:8pt ;
line-height:250% ;
}
.rbutton div {
width:30px ;
height:30px ;
float:right ;
text-align:center ;
line-height:150% ;
border-radius:15px ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color: #F5D500 ;
font-size:15pt ;
font-weight:bold ;
color:#000 ;
margin:5px ;
}
.rbutton div:hover {
background: #F37B56 ;
color:#fff ;
}


/*その他*/
.sub {
margin-top:10px ;
text-align:center ;
font-size: 11pt ;
letter-spacing:2px ;
}
.subtitle {
margin-top:10px ;
margin-left:10px ;
font-weight:bold ;
text-align:left ;
font-size: 12pt ;
text-shadow: 2px 2px 2px rgba(255,221,0,0.8);
}
.detail {
text-align:left ;
margin:0px 30px 30px ;
}
.hilight{
font-weight:bold;
color:#ff0000 ;
}

#sum {
float:left;
text-align:left; 
width:850px;
}
#sum img {
width:65px ;
margin-right:5px ;
margin-bottom:5px ;
}

.sbj{
font-weight:bold ;
}
.sbj:before {
content: "◆";
position: absolute;
left: -1.2em;
height: 10px;
width: 10px;
color:#048802 ;
}

.addop {
background-color:#eeeeee ;
padding:3px ;
margin-top:5px ;
}

.addop span{
background-color:#F5D500 ;
padding: 2px 3px ;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.btmline{
border-top: 1px solid #000000 ;
padding-top:5px ;
text-align:right ;
}

.answer{
font-size:15pt ;
font-weight:bold ;
color:#048802 ;
}


/*レスポンシブ*/
.cp{
display:none ;
}

#indexad {
width:300px ;
float:left;
padding-right:10px ;
}

.tmain{
float:left;
width:500px;
margin-bottom:30px ;
}
.tmain table {
width:100% ;
}
.rphoto {
width:45% ;
float:right ;
text-align:right ;
}
.rphoto img {
width:100% ;
}

.text{
z-index:0 ;
margin:auto ;
background-image:url(img/mas/top.jpg);
background-size:cover ;
width:80% ;
height:400px ;
font-size:20pt;
color:#fff;
line-height:200%;
padding-top:30px;
margin-bottom:30px ;
text-shadow: 2px 2px 2px rgba(0,0,0,0.8) ;
}
.desc {
width:80% ;
}

.mtable {
width:50%;
float:left ;
}    

/*色指定*/

.green {
color: #048802 ;
}
.lightgreen {
color: #99cc99 ;
}
.palegreen {
color: #CBECCB ;
}
.darkyellow {
color: #E5B403 ;
}
.lightyellow {
color: #F5D500 ;
}
.red {
color: #F37B56 ;
}