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

body {
color: #303030;
font-family: sans-serif;
text-align: justify;
text-justify: distribute;
}

body .container {
width: 980px;
margin: 0 auto;
}




header {
border-top: 2px #406a15 solid;
}
header .container {
padding: 0 0 10px 0;
}

header p {
padding: 10px;
font-size: 80%;
}
header .sitetitle {
float: left;
width: 590px;
padding:10px 0 0 0;
}

header .information {
float: right;
width: 390px;
padding:10px 0 0 0;
}

header .information p {
text-align: right;
padding: 0 5px 0 0;
}



nav {
margin: 0 auto;
background: #eeeeee;
}
nav li {
float: left;
width: 163.3px;
}
nav li a{
display: block;
padding: 17px 0 12px;
background: #eeeeee;
color: #333333;
font-size: 95%;
text-align: center;
text-decoration: none;
border-right: 1px #e4e0da solid;
border-bottom: 1px #e4e0da solid;
}
nav li a:hover{
background: #dddddd;
border-bottom: 1px #008000 solid;
}

#pagetitle {
border-top: 1px #e4e0da solid;
border-bottom: 1px #e4e0da solid;
}
#pagetitle h2 {
padding: 62px 20px;
font-size: 160%;
letter-spacing: 0.2em;
background-repeat: no-repeat;
background-position: right top;
}
#pagetitle .info h2 {
background: url(page-title.png);
}
#pagetitle .fee h2 {
background: url(page-title2.png);
}
#pagetitle .qq h2 {
background: url(page-title3.png);
}



#main {
float: left;
width: 720px;
padding: 25px 30px 10px 0;
}


#main .text {
float: right;
width: 530px;
padding: 0 0 5px 0;
}

#main article {
padding: 0 0 50px 0;
}

#main article h2 {
margin: 0 0 20px 0;
padding: 10px;
border: 1px #f3f3f3 solid;
border-top: 2px #558d1d solid;
background: #f6f6f6;
font-size: 130%;
}



#main article dl {
margin: 0 0 0 10px;
height:260px; 
overflow-y:scroll;
}
#main article dl dt {
width: 10em;
float: left;
}
#main article dl dt.nflt {
float: none;
padding: 10px 0 0;
}


#main article dl dd {
border-bottom: 1px #c0c0c0 dotted;
}
#main article dl dt,
#main article dl dd {
padding: 10px 0 20px;
font-size: 95%;
letter-spacing: 0.2em;
line-height: 120%;
}
#main article dl dd a {
text-decoration: none;
color: #0080ff;
}
#main article dl dd a:hover {
text-decoration: underline;
color: #ff8000;
}






#main article section {
float: left;
margin: 0 25px 20px 0;
width: 313px;
height: 185px;
padding: 10px;
border: 1px #e4e0da solid;
}
#main article section a {
text-decoration: none;
color: #303030;
}
#main article section a:hover h3 {
color: #000000;
}
#main article section h3 {
padding: 0 0 3px 5px;
border-bottom: 1px #aad5aa solid;
border-top: 0px #558d1d solid;
background: #ffffff;
font-size: 110%;
}
#main article section p {
padding: 15px 10px 10px 10px;
font-size: 85%;
line-height: 150%;
}
#main article section img {
float: left;
width: 50%;
margin: 15px 20px 20px 0;
}





#main section {
padding: 0 0 70px 0;
}
#main h3 {
margin: 0px 0;
padding: 10px;
border: 1px #f3f3f3 solid;
border-top: 2px #558d1d solid;
background: #f6f6f6;
font-size: 110%;
}
#main .info section p {
padding: 3px 10px 2px;
line-height: 140%;
font-size: 85%;
}
#main .qqparty section p {
padding: 8px 10px 12px;
line-height: 140%;
font-size: 85%;
}
#main section p span.red {
color: #ff2b2b;
}
#main .info section a {
color: #303030;
text-decoration: none;
}
#main .info section a:hover {
color: #d52b2b;
text-decoration: underline;
}
#main .qqparty section a {
color: #d56a00;
font-weight: bold;
}
#main .qqparty section a:hover {
color: #d52b2b;
}
#main section img {
margin: 10px 0 0 0px;
}
#main section h4 {
padding: 25px 10px 0px;
font-weight: bold;
}
#main section h4 span {
padding: 0 0 0 20px;
font-size: 85%;
font-weight: normal;
}


#main section#time table {
margin: 10px 0 0 10px;
}
#main section#time th,
#main section#time td {
border: 1px #e4e0da solid;
padding: 10px 17px;
}
#main section#time p {
text-align: right;
}


#main .menu {
float: left;
width: 190px;
padding: 0 0 5px 0;
}
#main .menu ul {
margin: 0 30px 0 0;
border: 4px #aad5aa double;
font-size: 90%;
text-decoration: none;
}

#main .menu ul li {
margin: 0 10px;
padding: 20px 0 10px 5px;
border-bottom: 1px #e4e0da solid;
}
#main .menu ul li a {
text-decoration: none;
color: #2b381d;
}
#main .menu ul li a:hover {
text-decoration: underline;
}
#main .link section h4 {
font-weight: normal;
font-size: 105%;
}
#main .link section p {
padding: 10px 10px 0 30px;
font-size: 95%;
}
#main .link section a {
text-decoration: none;
color: #d56a00;
}
#main .link section a:hover {
color: #aa0000;
text-decoration: underline;
}
#main .link section .hidari {
float: left;
width: 250px;
}
#main .link section .migi {
float: left;
width: 270px;
}

#main .tetuduki section table {
margin: 10px 0;
}
#main .tetuduki section td {
border: 1px #e4e0da solid;
padding: 10px;
font-size: 90%;
vertical-align: middle;
}

#main .consult section table {
margin: 10px;
}
#main .consult section th,
#main .consult section td {
border: 0px #e4e0da solid;
padding: 10px;
line-height: 120%;
}
#main .consult section th {
width: 60px;
font-weight: bold;
text-align: left;
}
#main .consult section p {
text-align: right;
}
#main .consult section table caption {
padding: 15px 0 10px;
font-weight: bold;
font-size: 110%;
}


#main .mail section p {
padding: 5px 0 20px 10px;
}


#main .seinen section p {
padding: 15px 10px;
line-height: 140%;
text-indent: 0.5em;
}


#main .info2 img {
float: left;
width: 310px;
margin: 10px 30px 30px 10px;
}
#main .info2 img.yoko {
width: 660px;
}
#main .info2 a:hover img {
opacity: 10;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=10)";
}




#side {
float: right;
width: 230px;
padding: 25px 0 10px 0px;
}

#side section {
margin: 0 0 15px 0;
border: 1px #aad5aa solid;
}
#side section#counter {
border: 0px #aad5aa solid;
background: #333333;
}

#side section#counter p {
text-align: right;
}



#side section#contact {
text-align: center;
background: #ffead5;
}
#side section#contact h2 {
padding: 13px 0 10px;
background: #ff8080;
border: 1px #aad5aa solid;
font-size: 110%;
}
#side section#contact p {
padding: 5px 0 5px;
}

#side section#contact p.word {
font-size: 75%;
}
#side section#contact p.name {
font-size: 120%;
}
#side section#contact p.tel,
#side section#contact p.fax {
font-size: 140%;
color: #000000;
font-family: serif;
font-weight: bold;
}
#side section#contact img {
margin: 5px auto 8px;
}



#side section h2 {
margin: 2px;
padding: 10px;
background: #ccffcc;
}
#side section h2.souzoku {
padding: 20px 10px;
letter-spacing: -0.1em;
}

#side section ul {
margin: 0 0 5px 0;
}
#side section li {
margin: 0 10px;
font-size: 95%;
letter-spacing: 0.5em;
border-bottom: 1px #909090 dotted;
}
#side section li a {
padding: 12px 5px 12px 15px;
display: block;
text-decoration: none;
color: #0080ff;
}
#side section li a:hover {
color: #ff8000;
background: #fcf8f8;
}




footer {
background: #d5e2c7;
padding: 40px 0 0;
}

footer .wrap {
float: left;
width: 680px;
padding-bottom: 10px;
}

footer .sitetitle p {
padding: 2px 0;
}
footer .sitetitle p.eg {
font-size: 91%;
}
footer .sitetitle p.jp {
font-size: 165%;
padding-bottom: 20px;
}

footer ul {
padding-bottom: 8px;
}
footer li {
float: left;
}
footer li a{
display: block;
padding: 0 35px 0 0;
color: #444444;
font-size: 90%;

text-decoration: none;
}
footer li a:hover{
color: #2b2bd5;
text-decoration: underline;
}

footer .information {
float: left;
width: 300px;
padding-top: 10px;
}
footer .information p {
font-size: 85%;

padding: 0 0 5px 5px;
}
footer .information img {
display: block;
width: 220px;
padding: 0 0 5px 0;
}

footer #copyright {
clear: both;
background: #95b872;


margin: 20px 0 0 0;
padding: 10px 0 5px;
text-align: center;
font-size: 80%;

color: #ffffff;
}

section a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

span.qq {
font-family: Verdana;
}

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix {
min-height: 1px;
}