@charset "utf-8";

body {
width:100%;
height: 100%;
margin:0;
padding:0;
background-color: #ffffff;
background-image: url(../img/bg_photo_01.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
font-family:Arial,Meiryo,"メイリオ",YuGothic,"游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",sans-serif;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}

html, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}


@charset "utf-8";


.fontadjust {
-webkit-text-size-adjust: 150%;
-moz-text-size-adjust: 150%;
-ms-text-size-adjust: 150%;
-o-text-size-adjust: 150%;
text-size-adjust: 150%;
}

h1 {
font-size: 18px;
line-height: 150%;
color:#cd5638;
font-family: 'Noto Sans JP', sans-serif;
text-shadow:
-2px -2px 0 #ffffff,
2px -2px 0 #ffffff,
-2px 2px 0 #ffffff,
2px 2px 0 #ffffff;
margin: 0px;
padding-top: 50px;
}

h3 {
font-size: 14px;
line-height: 150%;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: -0.1em;
color:#cd5638;
margin: 0px;
padding: 0px;
}

h5 {
font-size: 16px;
line-height: 150%;
font-family: Arial, "Trebuchet MS";
color:#cd5638;
margin: 0px;
padding: 0px;
}

.fs_10{
font-size:10px;
}

.fs_11{
font-size:11px;
}

.fs_12{
font-size:12px;
}

.fs_13{
font-size:13px;
}

.fs_14{
font-size:14px;
}

.fs_15{
font-size:15px;
}

.fs_16{
font-size:16px;
}

.fs_17{
font-size:17px;
}

.fs_18{
font-size:18px;
}

.fs_20{
font-size:20px;
}

.fs_22{
font-size:22px;
}

.fs_24{
font-size:24px;
}

.fs_26{
font-size:26px;
}

.fs_28{
font-size:28px;
}

.fs_30{
font-size:30px;
}

.lh_140{
line-height:140%;
}

.lh_150{
line-height:150%;
}

.lh_160{
line-height:160%;
}

.lh_170{
line-height:170%;
}

.lh_180{
line-height:180%;
}

.lh_190{
line-height:190%;
}

.lh_200{
line-height:200%;
}

.lh_210{
line-height:210%;
}

.lh_220{
line-height:220%;
}

.lh_230{
line-height:230%;
}

.lh_240{
line-height:240%;
}

.lh_250{
line-height:250%;
}

.fc_black{
color:#000000;
}

.fc_dgray{
color:#333333;
}

.fc_gray{
color:#999999;
}

.fc_lgray{
color:#cccccc;
}

.fc_white{
color:#ffffff;
}

.fc_red{
color:#ff0000;
}

.fc_orange{
color:#ff6600;
}

.fc_yellow{
color:#ffff00;
}

.fc_lyellow{
color:#ffffcc;
}

.fc_blue{
color:#0000ff;
}

.fc_mblue{
color:#0066cc;
}

.fc_dblue{
color:#000099;
}

.fc_lblue{
color:#99ffff;
}

.fc_green{
color:#006600;
}

.fc_lgreen{
color:#00cc00;
}

a {
margin: 0px;
padding: 0px;
}

a:link {
color:#000099;
text-decoration:underline;
}

a:visited {
color:#336699;
text-decoration:underline;
}

a:hover {
color:#ff6600;
text-decoration:none;
}

a:active {
color:#ff6600;
text-decoration:none;
}

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

}