@charset "utf-8";


.allclear {
height: 0;
visibility: hidden;
content: ".";
clear: both;
}

.spacer_10 {
max-width: 100%;
height: 10px;
margin: 0 auto;
}

.spacer_20 {
max-width: 100%;
height: 20px;
margin: 0 auto;
}

.spacer_30 {
max-width: 100%;
height: 30px;
margin: 0 auto;
}

.spacer_50 {
max-width: 100%;
height: 50px;
margin: 0 auto;
}

header {
max-width: 90%;
margin: 0px auto;
}

.top-title {
float: left;
width: 320px;
margin: 0px;
}

.top-msg {
margin-left: 340px;
}

.clearfix:after {
display: block;
clear: both;
content: "";
}

.contents {
max-width: 90%;
margin: 0px auto;
}

.sidemenu {
float: left;
width: 300px;
margin: 10px 0px 0px 10px;
text-align: center;
display: block;
}

.sidemenu-1 {
width: 300px;
height: 40px;
}

.sidemenu-2 {
background:url(../img/BG_sidemenu.png) repeat top;
width: 300px;
}

.sidemenu-2 ul{
margin: 0px 10px 0px 30px;
text-align: left;
}

.sidemenu-2 a {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
line-height: 200%;
font-weight: bold;
}

.sidemenu-2 a:link{
color:#398728;
text-decoration:none;
}

.sidemenu-2 a:visited{
color:#398728;
text-decoration:none;
}

.sidemenu-2 a:active{
color:#ff6600;
text-decoration:underline;
}

.sidemenu-2 a:hover{
color:#ff6600;
text-decoration:underline;
}

.sidemenu-3 {
width: 300px;
height: 40px;
}

.mainmenu {
margin-left:325px;
}

.menubox-1 {
float: left;
width: 240px;
height: 280px;
background:url(../img/bg_menu_1.png) no-repeat top;
margin: 10px 15px 20px 15px;
text-align: center;
}

.menubox-2 {
float: left;
width: 240px;
height: 280px;
background:url(../img/bg_menu_2.png) no-repeat top;
margin: 10px 15px 20px 15px;
text-align: center;
}

.menubox-3 {
float: left;
width: 240px;
height: 280px;
background:url(../img/bg_menu_3.png) no-repeat top;
margin: 10px 15px 20px 15px;
text-align: center;
}

.menubox-4 {
float: left;
width: 240px;
height: 280px;
background:url(../img/bg_menu_4.png) no-repeat top;
margin: 10px 15px 20px 15px;
text-align: center;
}

.menubox-5 {
float: left;
width: 240px;
height: 280px;
background:url(../img/bg_menu_5.png) no-repeat top;
margin: 10px 15px 20px 15px;
text-align: center;
}

.mainmenu a img.linkphoto {
padding-top: 35px;
padding-bottom: 5px;
-webkit-transition:0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.mainmenu a img.linkbutton {
padding-top: 10px;
-webkit-transition:0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.mainmenu a img:hover {
opacity: 0.6 ;
}