@charset "utf-8";
/* CSS Document */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
BASIC
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

*{
margin:0;
padding:0;
}


body{
color:#333;
background-color:#003300;
font-size:0.8em;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

hr{
display:none;
}

address{
font-style:normal;
}

li{
list-style:none;
}

em{
font-style:normal;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
LAYOUT
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#contaner{
width:700px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:#ffff66;
}

#header{
width:700px;
height:250px;
background:url(../about/img/about_gra.jpg);
}

#contents{
width:700px;
background:#FFFF66;
}

#footer{
width:700px;
background:#ffff66;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
HEADER
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#header{
text-align:left;
}

#header h1{
width:310px;
font-size:11px;
font-weight:normal;
margin:5px 0 0 150px;
}

#header h2{
width:310px;
font-size:16px;
font-weight:bold;
margin:2px 0 0 150px;
padding:0 0 3px 0;
border-bottom:solid 1px #003300;
}

#header h3{
width:310px;
font-size:12px;
margin:3px 0 0 150px;
color:#CC0033;
}

p.top{
width:400px;
font-size:14px;
color:#FFFFFF;
margin:55px 0 0 10px;
}

#header a:link{
color:#cc0033;
text-decoration:none;
}

#header a:hover{
color:#cc0033;
text-decoration:underline;
}

#header a:visited{
color:#cc0033;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
CONTENTS
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#contents{
width:700px;
}

#contents h4{
margin:10px 0 10px 0;
}

#contents .pan{
text-align:left;
margin:10px 0 0 20px;
font-size:10px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝
ABOUT
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#about{
width:605px;
margin:5px 0 20px 0;
}


#about2{
width:590px;
margin:10px 0 15px 0;
}

#text{
float:left;
}

#about2 p{
width:310px;
text-align:left;
margin:0 10px 10px 10px;
}

#about2 p.prof{
text-align:right;
margin:10px 0 10px 0;
}


#about2 img{
float:right;
}


#contents #about .leftbox{
float:left;
width:199px;
text-align:center;
margin:5px 0 20px 0;
border-right:dotted 1px #999;
}


#contents #about .rightbox{
float:right;
width:199px;
text-align:center;
margin:5px 0 20px 0;
}

#contents #about .rightbox p , #contents #about .leftbox p{
padding:5px 10px 0 20px;
text-align:left;
}

#contents #about p.jump{
font-size:10px;
padding:5px 12px 0 0;
text-align:right;
}

#contents #about p.jump img{
margin:0 3px 0 0;
}

#contents #about a:link{
color:#333;
text-decoration:underline;
}

#contents #about a:hover{
color:#333;
text-decoration:none;
}

#contents #about a:visited{
color:#333;
}

/*pagetop*/
#about p.pagetop{
text-align:right;
font-size:10px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝
MAP
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#map{
width:605px;
margin:5px 0 20px 0;
}

#map p{
width:550px;
text-align:left;
}

#map p.midasi{
font-size:14px;
margin:5px 0 5px 0;
}

/*print*/
#map p.print{
text-align:right;
font-weight:bold;
color:#999999;
}

#map p.print img{
margin:0 5px 0 0;
}

#map p.print a:link{
color:#999;
text-decoration:underline;
}

#map p.print a:hover{
color:#999;
text-decoration:none;
}

#map p.print a:visited{
color:#999;
}

/*pagetop*/
#map p.pagetop{
width:605px;
text-align:right;
font-size:10px;
}

#map p.pagetop a{
color:#333;
text-decoration:underline;
}

#map p.pagetop a:hover{
color:#333;
text-decoration:none;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝
FOOTER
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#footer{
border-top:solid 1px #003300;
font-size:11px;
}

#footer address{
color:#333;
margin:10px 0 10px 0;
}

#footer p{
color:#333;
margin:10px 0 0 0;
}

#footer a:link{
color:#333;
text-decoration:underline;
}

#footer a:hover{
color:#333;
text-decoration:none;
}

#footer a:visited{
color:#333;
}