body
{
background: #fff;
color: #333;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:2em;
font-size: 16px;
}
a
{
color: #3EA600;
text-decoration: none;
}
a:hover
{
/* color: #AAB000; */
text-decoration: underline;
}
h1
{
font-weight: bold;
font-size: 20px;
text-align: center;
}
h2
{
font-weight: bold;
font-size: 16px;
}
h3
{
font-weight: bold;
font-size: 15px;
padding-left: 10px;
margin-bottom: 0px;
}
.warpper
{
/*background: #eee;*/
width: 1000px;
margin: auto;
padding: 0;
/*height: 500px;*/
}
.header
{
padding-top: 1px;
padding-bottom: 1px;
margin-top: -13px;
margin-bottom: 0px;
width: 100%;
background: #eee;
padding-left: 8px;
margin-left: -8px;
padding-right: 8px;
z-index: 99;
/* box-shadow: 0 5px 5px #999; */
}
.top-head
{
width: 100%;
margin: auto;
background: #fff;
padding-left: 8px;
margin-left: -8px;
padding-right: 8px;
margin-right: -8px;
box-shadow: 0 0 0 5px #5CAB2E;
margin-bottom: 10px;
}
.menu
{
width: 100%;
/*background: #fff;*/
}
.main-image
{
width: 1000px;
margin: auto;
}
.main-image img
{
/* border-radius: 25px; */
box-shadow: 0 0 5px #5893D3;
}
.push-1 ul
{
list-style: none;
margin-left: 0px;
padding:10px;
}
ul.top
{
list-style: outside none none;
text-align: center;
height: 70px;
margin: auto;
clear: both;
width: 100%;
padding: 0;
}
ul.top li
{
display:inline-table;
margin: 0;
margin-left: 0px;
margin-top: 10px;
}
ul.top li a
{
display: block;
/*margin: 0 5px 0 5px;*/
padding: 5px 0;
width: 190px;
background: #A4A839;
/* border-top: 5px solid #5893D3; */
color: #FFFFFF;
text-decoration: none;
position: relative;
}
ul.top li a:before{
position: absolute;
content: "";
top: 0px;
left: 0px;
border: 15px solid #ccc;
border-right-color: transparent;
border-bottom-color: transparent;
}
ul.top li a:hover
{
background: #5CAB2E;
text-decoration: none;
/* border-bottom: 5px solid #D6748D; */
}
ul.sub
{
list-style: outside none none;
text-align: center;
background: #eee;
margin: auto;
clear: both;
width: 100%;
padding: 0;
margin-bottom: 10px;
}
ul.sub li a
{
display: block;
color: #fff;
background: #FDC01A;
padding: 10px 0 10px 0;
}
ul.sub li a:hover
{
display: block;
color: #fff;
background: #CB9A16;
}
.contant
{
width: 100%;
margin: auto;
/*background: #fff;*/
float: left;
}
.sub-left
{
width: 20%;
float: left;
}
.main
{
width: 100%;
float: left;
/*margin: 0px 2% 0px 2%;*/
}
.sub
{
width: 20%;
float: right;
}
p
{
padding: 10px 10px 0px 10px;
margin: 0;
}
p.botton-more
{
float: left;
padding: 20px;
}
p.botton-more a
{
padding: 8px 20px;
background: #A4A839;
/* border-top: 5px solid #5893D3; */
color: #fff;
text-decoration: none;
}
p.botton-more a:hover
{
color: #fff;
/* border-bottom: 5px solid #D6748D; */
background: #5CAA2E;
}
/* 07.リボン型の見出し（切りっぱなし） */
.push h2{
position:relative;
padding:4px;
color: #fff;
padding-left: 20px;
margin: 5px;
background: #5CAA2E;
/* border-top: 5px solid #5893D3; */
/* box-shadow:
10px 0 0 0 #FDC01A,
-10px 0 0 0 #FDC01A,
0 3px 3px 0 rgba(0,0,0,0.1); */
}
.push h2:before{
position: absolute;
content: "";
top: 0px;
left: 0px;
border: 15px solid #ccc;
border-right-color: transparent;
border-bottom-color: transparent;
}
.push h2:after{
/* content:" "; */
position:absolute;
top:0px;
left:100%;
width:0;
height:0;
border-width:20px;
border-style:solid;
border-color:transparent;
border-left-color:#FDC01A;
}
.part
{
padding: 0;
margin: auto;
clear: both;
}
img.i-img-1
{
float: left;
margin-right: 10px;
border-radius: 15px;
width: 25%;
padding: 5px;
border: 1px solid #595959;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 10px;
}
img.i-img-2
{
float: left;
margin-right: 10px;
width: 100%;
}
img.i-img-3
{
float: left;
margin-right: 10px;
width: 100%;
}
img.i-img-4
{
float: left;
margin-right: 10px;
width: 100%;
}
img.i-img-c
{
float: left;
margin-right: 10px;
width: 50%;
}
.push-main img
{
float: left;
margin-right: 10px;
padding: 5px;    border: 1px solid #595959;
border-radius: 15px;
width:46%;
margin-left: 10px;
}
.push-main
{
width: 100%;
float: left;
margin: auto;
padding: 0;
background: #fff;
box-shadow: 0 0 5px #A4A839;
margin-bottom: 10px;
}
.push-sub
{
width: 100%;
float: left;
margin: auto;
padding: 0;
background: #fff;
box-shadow: 0 0 5px #999;
margin-bottom: 10px;
}
.push
{
/* border-radius: 25px; */
}
.push-1
{
width: 100%;
float: left;
margin: auto;
padding: 0;
background: #fff;
box-shadow: 0 0 5px #A4A839;
margin-bottom: 10px;
}
.push-2
{
width: 48%;
float: left;
margin: auto;
padding: 0;
margin-right: 40px;
background: #fff;
box-shadow: 0 0 5px #999;
margin-bottom: 10px;
}
.push-2:first-child
{
margin-left: 0px;
}
.push-2:nth-child(2)
{
margin-right: 0px;
}
.push-2:nth-child(4)
{
margin-right: 0px;
}
.push-3
{
width: 49%;
float: left;
margin: auto;
padding: 0;
margin-right: 20px;
background: #fff;
box-shadow: 0 0 5px #A4A839;
margin-bottom: 10px;
}
.push-3:last-child{
	margin-right: 0px;
}
.push-3:first-child
{
margin-left: 0px;
}
.push-3:nth-child(3)
{
margin-right: 0px;
}
.push-3:nth-child(6)
{
margin-right: 0px;
}
.push-4
{
width: 22%;
float: left;
margin: auto;
padding: 0;
background: #fff;
margin-right: 39px;
box-shadow: 0 0 5px #999;
margin-bottom: 10px;
}
.push-4:first-child
{
margin-left: 0px;
}
.push-4:nth-child(4)
{
margin-right: 0px;
}
.push-4:nth-child(8)
{
margin-right: 0px;
}
.footer
{
color: #303030;
background: #5CAA2E;
padding: 5px;
text-align: center;
margin-bottom: -8px;
clear: both;
padding-right: 8px;
padding-left: 8px;
margin-left: -8px;
margin-right: -8px;
}
address
{
margin-top: 10px;
}
address a
{
color: #fff;
text-decoration: none;
}
address a:hover
{
color: #fff;
text-decoration: underline;
}
.social
{
width: 349px;
margin: auto;
}