@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 ;
}



@charset "utf-8";


@media screen and (max-width:768px)
{

.top-title {
width: 100%;
margin: 0px;
display: inline;
}

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

h1 {
font-size: 16px;
line-height: 150%;
color:#cd5638;
text-shadow:
-2px -2px 0 #ffffff,
2px -2px 0 #ffffff,
-2px 2px 0 #ffffff,
2px 2px 0 #ffffff;
margin: 0px;
padding: 0px;
}

}


@media screen and (max-width:480px)
{

.top-title {
display: block;
width: 100%;
margin: 0px auto;
padding: 5px 0px;
text-align: center;
}

.top-title img {
width: 100%;
max-width: 320px;
margin: 0px auto;
}

.top-msg {
margin: 0px 5px;
}

.contents {
max-width: 300px;
margin: 0px auto;
padding: 10px 0px 10px 0px;
text-align: center;
}

.sidemenu {
width: 100%;
margin: 0px auto;
text-align: center;
display: block;
padding: 0px 0px 20px 0px;
}

.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-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:#7ABF31;
text-decoration:underline;
}

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

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

.mainmenu {
width: 100%;
text-align: center;
display: block;
margin-left: 30px;
}

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

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

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

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

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

}