@charset "UTF-8";
body	{
font-family:'メイリオ','Hiragino Kaku Gothic Pro','sans-serif';
font-size:13px;
background-image: url("images/haikei.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color:#fff8dc;
margin:0px;

color:#663300;

}


.mainbox{
box-sizing: border-box;
background-color:#fff8dc;
width:900px;
max-width:100%;
border:solid 0px #000000;
margin:20px auto;
}



.contents{
box-sizing: border-box;
width:90%;
min-height:500px;
padding-top:10px;
margin: 0 auto;
overflow: hidden;
position: relative;
zoom:1;
border:solid 0px #ff0000;
text-align;left;

background-color:#fff8dc;
}

.footer{
box-sizing: border-box;
border:solid 0px #00ff00;
background-color:#009090;
padding:20px;
color:#663300;

}

.footbox{
width:900px;
max-width:100%;
margin:0 auto;
overflow: hidden;
position: relative;
zoom:1;
}

.foot1{
float:left;
width:50%;
font-size:13px;

}

.foot2{
float:left;
width:50%;
font-size:13px;

}

.foot2 a{
color:#663300;

}

.bb{
display:block;
font-weight:bold;
font-size:14px;
margin-bottom:0px;
}

.copy{
padding-top:10px;
font-size:14px;

text-align:center;
}

.toibo2{
width:50%;
}

h1{
margin:0px;
}

h2{
color:#663300;
margin:0px;
}

h3{
color:#663300;
margin:0px;
}


hr{
border:solid 1px #663300;
}

.herder a{
text-decoration:none;
}


a img {
border-style:none;
}




.herder{
background-color:#fff8dc;
box-sizing: border-box;
content: "";
width:100%;
border:solid 0px #000000;
width:100%;
border:solid 0px #ff0000;
margin: 0 auto;
overflow: hidden;
position: relative;
zoom:1;
}

.herdbox{
width:900px;
max-width:100%;
margin:10px auto 0px auto;
overflow: hidden;
position: relative;
zoom:1;
}

.herd1{
box-sizing: border-box;
width:40%;
border:solid 0px #ff0000;
float:left;
background-color:#009090;
padding:10px;
}

.conbox a{
border-style:none;
text-decoration:none;
color:#663300;
}

.conbox:hover{
opacity:0.8;
}


/* ##########　767px以下　################ */
@media (max-width: 767px){

.herd1{
box-sizing: border-box;
width:60%;
border:solid 0px #ff0000;
float:left;
background-color:#009090;
padding:10px;
}

}

.herderimg{
box-sizing: border-box;
width:100%;
display:block;
margin:0px;
float:left;
border:solid 0px #ff0000;

}

.topimgbox{
	width:100%;
	box-sizing: border-box;
	border:solid 0px #ff0000;
	margin: 0 auto;
}

.kihonbox{
display:table;
box-sizing: border-box;
overflow: hidden;
position: relative;
zoom:1;
border:solid 0px #ff0000;
margin-bottom:20px;
}

.ti{
box-sizing: border-box;
display:table-cell;
color:#009090;
width:5%;
border:solid 0px #ff0000;
background-color:#009090;
}

.tx{
box-sizing: border-box;
display:table-cell;
padding-left:10px;
border:solid 0px #ff0000;
width:95%;
}


.ti2{
box-sizing: border-box;
color:#ffffff;
width:100%;
border:solid 0px #ff0000;
background-color:#009090;
text-align:center;
padding:3px;
margin-top:10px;
}

.con1{
box-sizing: border-box;
color:#009090;
border:solid 0px #ff0000;
display:block;
}

.con2{
box-sizing: border-box;
border:solid 0px #ff0000;
width:100%;
}



.conimg{
width:100%;
margin:10px 0px 10px 0px;
}

.cona{
border-style:none;
text-decoration:none;
color:#663300;
}


.cona:hover{
border-style:none;
text-decoration:none;
color:#663300;
}


.rekibox{
padding:10px;
border-top: 2px solid #663300;
border-bottom: 2px solid #663300;
margin:20px auto;
}

.reki{
display:table;
}

.rekibox hr{
border:none;
	border-top: 1px dashed #663300;
}

.rdate{
display:table-cell;
}

.rtext{
display:table-cell;
padding-left:30px;
}

.rekibox a{
color:#663300;
}





/* ##########　768px以上　################ */
@media (min-width: 768px){

.contable{
box-sizing: border-box;
display:block;
overflow: hidden;
position: relative;
zoom:1;
width:100%;
border:solid 0px #663300;
}

.conbox{
box-sizing: border-box;
float:left;
display:block;
width:30%;
margin:1%;
border:solid 2px #663300;
padding:10px;
color:#663300;
}




.topimg{
box-sizing: border-box;
width:100%;
border:solid 0px #0000ff;
vertical-align: bottom;

}

.herdwid{
box-sizing: border-box;
max-width:900px;
width:100%;
margin:0px auto;
border:solid 0px #0000ff;
border-bottom:solid 3px #663300;
overflow: hidden;
position: relative;
zoom:1;
display:table;

}

.herdm{
box-sizing: border-box;
width:100%;
background-color:#fff8dc;
border:solid 0px #ff0000;
overflow: hidden;
position: relative;
zoom:1;
margin:0px auto;
}

.herdmenu{
box-sizing: border-box;
border:solid 0px #ff0000;
margin-bottom:0px;
display:table;
border-spacing:10px;
table-layout: fixed;
margin:0 auto;
width:50%;
padding:0px;
margin-bottom:0px;
float:left;
font-weight:bold;
font-size:15px;
}

.herdmenu2{
box-sizing: border-box;
border:solid 0px #ff0000;
display:table;
border-spacing:10px;
table-layout: fixed;
margin:0 auto;
width:50%;
padding:0px;
margin-bottom:0px;
float:left;
font-weight:bold;
font-size:15px;
}



.menu-box{
box-sizing: border-box;
background-color:#fff8dc;;
border:solid 2px #663300;
display:table-cell;
*display:inline;
*zoom:1;
text-align:center;
padding:5px;
vertical-align: middle;
color:#663300;
}



.menu-box:hover {
	opacity:0.7;
}


.herdmenu a{
color:#663300;
text-decoration:none;
}

.herdmenu2 a{
color:#663300;
text-decoration:none;
}








}