/******スタート画面***********/
#loader{
position: fixed;
width: 100%;
height: 100%;
top:0%;
left:0%;
background-color:RGB(0,68,0);
z-index:0;
}

#loader_logo{
position: fixed;
align-items: center;
justify-content:center;
z-index:1;
}

/*******本文１*************/

body{
margin:0px;
padding:0px;
background-image : url(back_nen.png);
background-repeat :repeat;
background-attachment :fixed;
background-size :100% 100%;
}

#main{
display:grid;
grid-template-columns:30% 70%;
grid-template-rows:auto auto auto auto;
}

header{
grid-column:1/3;
grid-row:1;
margin:0px;
padding:0px;
text-align:center;
}

#sub_1{
grid-column:1/3;
grid-row:2;
color:white;
margin:0px 0px 10px 0px;
padding:0px;
position:relative;
}

#sub_2{
grid-column:1;
grid-row:3;
background:RGB(225,225,220);
margin:10px;
padding:0px;
border:solid 0px black;
}

#sub_3{
grid-column:2;
grid-row:3;
background:white;
margin:10px;
padding:0px;
border:solid 0px black;
}

footer{
grid-column:1/3;
grid-row:4;
}
/******ロゴ*****************/
#logo{
width:20%;
}

/*******TOP画像************/
#catch{
position:absolute;
bottom:7%;
left:3%;
padding:0.5em;
background-color:RGB(0,0,0,0.3);
font-size:1.5em;
font-style:"";
}

.slide{
position:relative;
height:300px;
}

.thank{
position:absolute;
display:none;
width:100%;
height:300px;
}

.thank,#catch{
animation: fadeIn 4s ease 0s 1 normal;
-webkit-animation: fadeIn 4s ease 0s 1 normal;
} 
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1} 
}

/*****お知らせ******************/
.news{
margin:10px;
padding:20px;
border:solid 5px gray;
}

.news h1{
margin-top:0;
margin-bottom:5px;
font-size:18px;
color:gray;
}

.news ul{
margin:0;
padding:0;
list-style-type:none;
}

.news li{
display:block;
padding:5px;
color:black;
font-size:14px;
border-bottom:dotted 2px gray;
}

.news a:after{
content:"";
display:block;
clear:both;
}

.news time{
float:left;
width:25%;
}

.news .newstext{
float:left;
width:75%;
}

/*****メニューバー******************/
.menu{
margin:0px;
padding:0px;
}

.menu ul{
margin:0;
padding:0;
list-style-type:none;
}

.menu li{
display:block;
color:black;
border-bottom:solid 1px white;
font-size:16px;
}

.menu li a{
padding:10px;
}

/*******項目*********************/
.koumoku_matome:after{
content:"";
display:block;
clear:both;
}

.koumoku_1{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_1 a{
background-color:RGB(52,146,231);
}

.koumoku_2{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_2 a{
background-color:RGB(52,146,0);
}

.koumoku_3{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_3 a{
background-color:RGB(242,100,100);
}

.koumoku_4{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_4 a{
background-color:RGB(150,100,100);
}

.koumoku_5{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_5 a{
background-color:RGB(110,30,220);
}

.koumoku_6{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_6 a{
background-color:RGB(255,174,200);
}

.koumoku_7{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_7 a{
background-color:RGB(200,200,0);
}

.koumoku_8{
float:left;
width:96%;
margin-left:2%;
}

.koumoku_8 a{
background-color:RGB(255,201,14);
}

.koumoku_kyotu a{
display:block;
text-align:center;
text-decoration:none;
color:white;
}

.koumoku_kyotu a:hover{
opacity:0.8
}

.koumoku_kyotu i{
padding-top:40px;
padding-bottom:40px;
font-size:38px;
}

.koumoku_kyotu p{
padding-top:15px;
padding-bottom:15px;
font-size:20px;
background-color:black;
}

/*******本文*********************/


#thick{
font-weight:bolder;
}

#under{
text-decoration:underline;
}

#a_header{
margin:0px;
padding:0px;
text-align:left;
background:RGB(0,68,0);
border-bottom:solid 2px red;
}

li a{
display:block;
text-decoration:none;
border:solid 0px black;
color:black;
margin:0px;
padding:0px;
}

li a:hover{
background:gray;
}

footer{
border-top:solid 3px red;
color:white;
}

#comment_box{
width:50%;
}

.nowrap{
white-space:nowrap;
}