@import "reset.css";
@charset "UTF-8";

body {
background: #dceaf8 url(back.gif);
}


#container {
width: 800px;
background: #ffffff;
border-right: 2px #bde9ba solid;
border-left: 2px #bde9ba solid;
margin: 0 auto;
}

#wrapper {
width: 800px;
background: #ffffff;
margin: 0 auto;
}


header {
background: #ffffff;
}

header h1 {
float: left;
padding: 25px 0px 10px 20px;
color: #336666;
font-weight: bold;
font-size: 170%;
}
header h1 span {
display: block;
font-weight: normal;
font-size: 40%;
}


header h2 {
padding: 38px 10px 5px 0;
color: #336666;
text-align: right;
font-weight: bold;
font-size: 120%;
}


nav li {
float: left;
width: 112.2px;
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
text-align: center;
font-size: 100%;
letter-spacing: 0.3em;
font-weight: bold;
}


nav li a {
display: block;
text-decoration: none;
padding: 15px 0;
background: #80bfff;
background: linear-gradient(#aad5ff, #80bfff);
color: #ffffff;
}

nav li a:hover {
background: #80bfff;
background: linear-gradient(#80bfff, #aad5ff);
color: #0066cc;
}

nav li p {
display: block;
text-decoration: none;
padding: 15px 0;
background: #80bfff;
background: linear-gradient(#80bfff, #aad5ff);
color: #d52b2b;
}


nav li a.double,
nav li p.double {
padding: 8px 0 6px;
}






section {
padding: 20px 40px;
background-color: #ffffff;
}



section#top {
padding: 20px 120px;
text-align: justify;
text-justify: distribute;
}

#top h1 {
padding: 10px 0 20px;
font-family: "HG丸ｺﾞｼｯｸM-PRO",sans-serif;
color: #333333;
font-size: 120%;
text-align: center;
}

#top h2 {
padding: 30px 0 5px 0;
color: #333333;
font-size: 100%;
}

#top p {
padding: 0 10px;
color: #333333;
line-height: 130%;
}


#top table {
color: #333333;
}
#top table th {
padding: 5px 10px 5px 12px;
}
#top table td {
padding: 5px 10px 5px 12px;
line-height: 140%;
}


#top .nyuukai p.form {
margin: 10px auto;
width: 200px;
}
#top .nyuukai p.form a {
padding: 15px 0 15px;
display: block;
text-decoration: none;
border-radius: 15px;
background: #aad5ff;
box-shadow: 3px 3px 3px 3px #bfbfbf;
text-align: center;
font-weight: bold;
color: #ffffff;
}
#top .nyuukai p.form a:hover {
background: #80bfff;
}



#top p.mail a {
text-decoration: none;
}
#top p.mail a:hover {
color: #2b5500;
}





section#sbotan {
width: 540px;
margin: 0 auto 50px;
padding: 0;
background: #ffeaea;
}
section#sbotan a {
display: block;
padding: 20px 0;
font-size: 120%;
text-align: center;
text-decoration: none;
background: #80bfff;
background: linear-gradient(#aad5ff, #80bfff);
font-weight: bold;
color: #ffffff;
}
section#sbotan a:hover {
background: #80bfff;
background: linear-gradient(#80bfff, #aad5ff);
color: #0066cc;
}

section#soukai {
margin: 0 auto 50px;
}
section#soukai h1 {
padding: 40px 80px 10px;
font-size: 130%;
}
section#soukai p {
padding: 0 80px 10px;
font-size: 90%;
}
section#soukai img {
display: block;
margin: 0 auto 10px;
}



.info2024 h2 {
margin-bottom: 5px;
padding: 10px;
border-top: 2px #aabfd5 solid;
border-left: 8px #aabfd5 solid;
background: #d5eaff;
background: linear-gradient(#d5eaff, #ffffff);
color: #0e2b47;
font-size: 100%;
}
.info2024 h3 {
padding: 20px 0 5px 20px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.info2024 h3.center {
padding: 20px 0 20px 100px;
}
.info2024 p.top {
padding: 5px 0 0 20px;
line-height: 130%;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.info2024 p {
padding: 5px 0 0 53px;
line-height: 130%;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}


.info2023 h2 {
margin-bottom: 5px;
padding: 10px;
border-top: 2px #aabfd5 solid;
border-left: 8px #aabfd5 solid;
background: #d5eaff;
background: linear-gradient(#d5eaff, #ffffff);
color: #0e2b47;
font-size: 100%;
}
.info2023 h3 {
padding: 20px 0 0 20px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.info2023 h4 {
padding: 10px 0 0 35px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.info2023 h5 {
padding: 10px 0 0 60px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}

.info2023 p {
padding: 5px 0 0 20px;
color: #333333;
font-size: 90%;
text-indent: 0.5em;
letter-spacing: 0.1em;
}
.info2023 p.enja1 {
padding: 5px 0 0 82px;
text-indent: 0em;
}
.info2023 p.enja2 {
padding: 5px 0 0 130px;
text-indent: 0em;
}



.member,
.info,
.photo,
#rules,
#link {
margin: 30px 30px 70px 30px;
padding: 0;
border-left: 1px #aabfd5 solid;
background-color: #ffffff;
}


.info h1,
.info2020 h1,
.photo h1,
.photo2 h1 {
margin-bottom: 5px;
padding: 10px;
border-top: 2px #aabfd5 solid;
border-left: 8px #aabfd5 solid;
background: #d5eaff;
background: linear-gradient(#d5eaff, #ffffff);
color: #0e2b47;
font-size: 100%;
}


.info h2 {
padding: 5px 20px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
text-indent: 0.5em;
line-height: 120%;
}
.info2020 h2 {
padding: 15px 0 0 20px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
text-indent: 0.5em;
}


.info h3 {
padding: 10px 0px 10px 50px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.info2020 h3 {
padding: 5px 0 5px 65px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
line-height: 130%;
}

.info h4 {
padding: 10px 0 0 100px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.info2020 h4 {
padding: 0 0 5px 80px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}


.info h5 {
padding: 10px 0 0 160px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.info2020 h5 {
padding: 0 0 5px 100px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}


.info h6 {
padding: 10px 0 0 230px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}

.info p {
padding: 15px 40px 0 180px;
color: #333333;
font-size: 85%;
letter-spacing: 0.1em;
line-height: 130%;
}

.info img {
border: 1px #d4d4d4 solid;
}


.photo img {
width: 200px;
margin: 20px 0 0 40px;

}
.photo2 img {
margin: 20px 0 0 10px;
}

.photo h2 {
padding: 5px 0 0 20px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}
.photo2 p {
padding: 5px 0 0 20px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}

.book {
float: left;
}

.simpo {
float: right;
}






.member h2 {
margin-bottom: 5px;
padding: 10px;
border-top: 2px #aabfd5 solid;
border-left: 8px #aabfd5 solid;
background: #d5eaff;
background: linear-gradient(#d5eaff, #ffffff);
color: #333333;
font-size: 110%;
text-align: center;
}

.member p {
padding: 0 0 60px;
text-align: right;
font-size: 90%;
color: #666666;
}
.member a {
display: block;
text-decoration: none;
text-align: center;
font-size: 120%;
color: #333333;
}
.member a:hover {
text-decoration: underline;
color: #000000;
}






#rules h1 {
margin-bottom: 5px;
padding: 10px;
border-top: 2px #aabfd5 solid;
border-left: 8px #aabfd5 solid;
background: #d5eaff;
background: linear-gradient(#d5eaff, #ffffff);
color: #333333;
font-size: 100%;
text-align: center;
}


#rules h2 {
padding: 25px 0 10px 50px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}

#rules h3 {
padding: 5px 20px 0 120px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
line-height: 150%;
text-indent: -3.5em;
}

#rules p {
padding: 2px 20px 0 70px;
letter-spacing: 0.1em;
line-height: 130%;
text-indent: 1em;
color: #333333;
font-size: 90%;
}

#rules p.name {
padding: 2px 20px 10px 450px;
text-indent: 0px;
}

#rules p.indent {
padding: 2px 20px 0 100px;
text-indent: 0em;
}
#rules p.indent2 {
padding: 0 20px 5px 85px;
text-indent: 0em;
}





#link h1 {
margin-bottom: 5px;
padding: 10px;
border-top: 2px #aabfd5 solid;
border-left: 8px #aabfd5 solid;
background: #d5eaff;
background: linear-gradient(#d5eaff, #ffffff);
color: #333333;
font-size: 100%;
text-align: center;
}


#link h2 {
padding: 45px 0 10px 50px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
}

#link h3 {
padding: 5px 20px 0 130px;
color: #333333;
font-size: 90%;
letter-spacing: 0.1em;
line-height: 150%;
text-indent: -3.5em;
}

#link h4 {
padding: 5px 0px 0 130px;
color: #333333;
font-size: 90%;
letter-spacing: -0.005em;
line-height: 150%;
text-indent: -3.5em;
}


div.yobikake {
padding: 30px 0 10px 50px;
font-size: 90%;
letter-spacing: 0.1em;
color: #333333;
}
div.yobikake table td {
padding: 0 20px 5px 0;
}
div.yobikake table td.migi {
text-align: right;
}


footer {
margin-top: 20px;
padding: 10px 0 30px;
background: #d5eaff;
}



footer p {
text-align: center;
color: #666;
font-size: 75%;
}








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