/*==== 共通 の スタイル ====*/
body{
    margin: 0;
}

a{
    text-decoration: none;
}
a:hover{
    opacity: 0.6;
    filter: alpha(opacity=40);
}
.clear{
    height: 0px !important;
    line-height: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    clear: both;
}
#body{
    font-family:sans-serif;
    height: auto;
}
img {
    width:100%;
    max-width: 100%;
    height: auto;
}
p {
    font-size:20px;
    font-weight:bold;
    color:#000;
    margin: 0px;
    padding:10px 0px 0px 12px;  
}

/*====[ ヘッダー ]====*/
#header{
    width:100%;
    height:160px;
    margin: 0px;
}
img.banner{
    width:100%;
    height: 100px;
    margin: 0px;
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    opacity: 1;
}
#header a{
    color: #fff;
    margin:0px;
    padding: 0px;
    text-decoration: none;
}
/*----[ ナビ ]----*/
#header ul{
    padding: 0;
    margin: 0;
    position: fixed;            /* ヘッダーの固定 */
    top: 100px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
}
#header li{
    padding:5px 0;
    margin: 0;
    font-size:14px;
    font-weight:bold;
    color: #fff;
    float: left;
    width: 25%;
    height:30px;   
    box-sizing:border-box;
    display: block;
    text-align: center;
    border: 1px #fff solid;
    background:#7aa813; /* デフォルト */
}

@media screen and (max-width: 812px){
/* 640px以下は3列 */
#header li {
    width: 50%;
}
}
/*----[ コンテンツ ]----*/
#content{
    width:100%;
    height:auto;
    margin:0px;
    padding-bottom:85px;
}
#content2{
    width:100%;
    height:auto;
    margin:0px;
    padding-bottom:165px;
}
#LINEcontent{
    width:100%;
    height:auto;
    margin:0 auto;
    text-align:center;
    padding-bottom:80px;
}
.mk1{
	width:100%;
	height:280px;
    float:left;
    margin-bottom:5px;
    padding:0px;
    opacity: 1;
}
.mk2{
	width:100%;
	height:278px;
    float:left;
    margin-bottom:5px;
    padding:0px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    opacity: 1;
}
.mk3{
    width:100%;
	height:80px;
    float:left;
    margin:0px 0px 5px 0px;
    padding:0px;
    position: fixed;            /* ヘッダーの固定 */
    bottom: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    opacity: 1;
}
.mk32{
    width:100%;
	height:80px;
    float:left;
    margin:0px 0px 85px 0px;
    padding:0px;
    position: fixed;            /* ヘッダーの固定 */
    bottom: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    opacity: 1;
}
.mk33{
    width:100%;
	height:80px;
    float:left;
    margin:0px 0px 165px 0px;
    padding:0px;
    position: fixed;            /* ヘッダーの固定 */
    bottom: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    opacity: 1;
}
.mk4{
	width:100%;
	height:50px;
}
.mk5{
	width:100%;
	height:600px;
    float:left;
    padding:0px;
    opacity: 1;
}
.mk6{
	width:100%;
	height:80px;
    float:left;
    padding:0px;
    opacity: 1;
}
.mk7{
	width:100%;
	height:100px;
    float:left;
    margin:0px 0px 20px 0px;
    padding:0px;
}
.mk8{
	width:100%;
	height:80px;
    float:left;
     margin:0px 0px 5px 0px;
    padding:0px;
}
.mk9{
	width:100%;
	height:140px;
    float:left;
    margin-bottom:5px;
    padding:0px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    opacity: 1;
}

.mk11{
	width:50%;
	height:80px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd01{
	width:100%;
	height:208px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd03{
	width:100%;
	height:467px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd05{
	width:100%;
	height:193px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd07{
	width:100%;
	height:193px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd09{
	width:100%;
	height:337px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd11{
	width:100%;
	height:365px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd13{
	width:100%;
	height:286px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd15{
	width:100%;
	height:450px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd17{
	width:100%;
	height:193px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd19{
	width:100%;
	height:193px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd21{
	width:100%;
	height:193px;
    float:left;
    padding:0px;
    opacity: 1;
}
.wd23{
	width:100%;
	height:407px;
    float:left;
    padding:0px;
    opacity: 1;
}

.line{
	width:250px;
	height:250px;
    margin-bottom:5px;
    text-align:center;
    padding:0;
    opacity: 1;
}
.line2{
	width:100%;
	height:500px;
    margin-bottom:5px;
    padding:0;
}

h1{
	font-size:14px;
    font-weight:bold;
	color:#f00;
    margin:5px 0px;
    padding:0px;
}
/*====[ カレンダーＴＯＰ ]====*/
#content th{
    margin: 0px 0px 0px 10px;
    padding: 3px 0px 3px 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    color: #777;
}
#content td{
    padding: 3px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
    color: #777;
}
#content .d1 {
    border-collapse:collapse;
    margin: 10px 0px 10px 2px;
    width:99%;
}  
#content .d1 td {
    border:solid 1px #ccc;
    height:24px;
    text-align:center;
}  
#content .d2 td {
    font-weight:bold;  
    font-size:16px;  
    color:#000;  
    text-align:center;
    border:none;  
}  
#content .d3,.d3a {  
    color:#f00;  
    text-align:center;
}  
.d3 {  
    background:#fee;  
    text-align:center;
}  
#content .d4,.d4a {  
    color:#00f;  
    text-align:center;
}  
#content .d4 {  
    background:#eef;  
    text-align:center;
}  
#content .d5 {  
    background:#ff8;  
    text-align:center;
    font-weight:bold;  
}  
#content .d6 {  
    font-weight:bold;  
    background:#efe;
    text-align:center;
} 
#content h4{
    color:#444;
    font-size:14px;
    font-weight:bold;
    margin:13px 10px;
}