@charset "shift_jis";

body {
background:#dddddd url('images/bg_05.png') repeat-y fixed 780px 0;
color:#333333;
margin:0;
padding:0px;
}

a:link , a:visited , a:hover , a:active {
text-decoration: none;
}



/* header side */

#header {
margin: 0 ;
padding: 0 ;
border:none;
background-image:url('./images/bg_03.png');
background-color: #6ec989;
font-family:cursive;
height: 70px;
width: 780px;

}



/* footer•” */

#footer {
width:580px;
padding:0.2em;
margin-top:0.5em;
margin-left:120px;
color:#333333;
font-family:cursive;
border-top: 1px solid #c5c5c5;
}


#footer a {
color:#ffcc00;
}

#footer a:hover {
color:#ff6600;
background-color:#ffffcc;
}

#footer a:active {
color:#ff6600;
background-color:#ffffcc;
}

#copyright {
margin:0;
padding:0;
font-size:0.8em;
}

#footer address {
margin: 0;
padding:0;
font-size:0.8em;
}



/* navigation side */

#navi {
width: 118px;
font-family:cursive;
font-size:1.1em;
line-height:1.5em;
background-color: #dddddd ;
color:#555555;
margin:0;
padding:0.53em 0 0 0;
position: absolute;
left:2px ;
top:90px ;
}


#navi a {
display:block;
border-left:8px solid #dddddd;
border-bottom:1px solid #aaaaaa ;
color:#777777;
padding:3px 0px;
text-align:center;
margin:0;
}

#navi a:hover , a:active {
color: #4f9e54 ;
border-left:8px solid ;
border-color: #4f9e54 ;

}

#navi ul {
margin:0;
padding:0;
}

#navi li {
line-height:120%;
list-style-type: none;
height:30px;
width:110px;
padding:0;
}

#navi h2 {
border-left:7px solid #4f9e54;
border-bottom:1px solid #4f9e54;
padding:3px 0px;
text-align:center;
margin:0;
height:28px;
width:108px;
font-size:1.0em ;
line-height: 120%;
color:#4f9e54;
}

/* main side */

#main {
background-color:#ffffff;
margin:0 0 4px 120px;
padding:5px;
width:649px;
border-left:solid 1px #d3d3d3;
}

#main a:link , a:visited {
color:#3C23C3;
}

#main a:hover , a:active {
color:#EF1846;
}

/* information section */
#information {
margin:0;
padding:0;
}


/* update section */
#update {
margin:0;
padding:0;
}

#update ul {
margin:8px 0 8px 12px;
padding:0 0 0 10px;
}

#update li {
list-style:disc outside;
margin-bottom: 4px;
}

/* site section */
#site {
margin:0;
padding:0 20px 0 0;
}

/* text section */
#text {
margin: 0;
padding: 5px;
}

#text h2 {
border:none;
font-size:1.4em;
margin-bottom:1.3em;
margin-left:1.2em;
border-bottom:1px solid #aaaaaa;
width:80%;
}

#text p {
text-indent:1em;
line-height: 1.7em;
margin:0 0 0.5em 0;
padding:0;
}


/* common element */

h1 {
font-size:2em;
color:#3a3a3a;
text-align:left;
margin:0;
padding:0;
position: relative;
top: 20px;
left: 6px;
}

p {
margin-left:10px;
margin-bottom:1em;
text-indent:1em;
line-height:1.5em;
font-size: 1em;
}

h2 {
font-size: 1.4em;
margin: 0;
padding:1px 1px 1px 4px;
border-left:4px solid #a3a3a3;
border-bottom:1px solid #a3a3a3;
width:420px;
}

strong {
color: #FF0000;
font-weight: bold;
}

dt{
font-weight: bold;
border-bottom: 2px dashed #6699FF;
padding:0 0.5% 0.3% 1%;
font-size:0.95em;
margin:0.3% 5% 0.2% 0.5%;
color: #003399;
}

dd {
font-size: 0.95em;
padding:0.5% 0.3% 0.5% 0 ;
}


blockquote {
background-color:#ffffff ;
border-left:3px solid #797979;
border-bottom:1px solid #888888;
margin:1em 2.5em;
padding:1% 2%;
font-size:0.9em;
letter-spacing: 0.05em;
color:#7a7a7a;
}

address {
margin:0.5em 2.5em;
padding: 0;
font-size:1.1em;
letter-spacing: 0.05em;
}

ul {

}

li {
line-height:1.2em;
margin:0.2em 0 ;
font-size:0.95em;
}