@charset "UTF-8";
@import "/common/css/basefont.css.html";
@media screen,tv,projection {
a:link,a:visited{
color:#3fa2cc;
text-decoration:underline;
}
a:hover,a:active{
color:#3fa2cc;
text-decoration:none;
}
a img{
border:none;
}
html,body{
margin:0;
padding:0;
}
body {
font-size:95%;
font-weight:normal;
}
body{
background: url(../img/back.jpg) repeat-y left top;
}
h1{
margin:0;
padding:0;
width:280px;
height:600px;
float:left;
}
ul.menu{
width:600px;
margin:0 0 0 300px;
padding:10px 0 40px 0;
list-style:none;
background:url(../img/dot.gif) repeat-x bottom left;
}

* html ul.menu {
padding:10px 0 10px 0;
}
*+html body ul.menu {
padding:10px 0 10px 0;
}

ul.menu li{
margin:0;
padding:0;
float:left;
width:120px;
}
ul.menu li a{
display:inline-block;
}
ul.menu li a{
display:block;
padding:10px 0 10px 12px;
margin:0;
background: url(../img/list.gif) no-repeat left center;
}
ul.menu li a:link,ul.menu li a:visited{
color:#333;
text-decoration:none;
}
ul.menu li a:hover,ul.menu li a:active{
color:#aaa;
text-decoration:none;
}
ul.menu li a.on:link,ul.menu li a.on:visited,ul.menu li a.on:hover,ul.menu li a.on:active{
color:#aaa;
text-decoration:underline;
}
h2.top{
font-size:100%;
background:url(../img/topmain.jpg) no-repeat 0 20px;
margin:0 0 0 300px;
padding:250px 0 5px 0;
width:600px;
border-bottom:1px solid #333;
color:#333;
}
dl.news{
width:600px;
margin:0 0 0 300px;
list-style:none;
line-height:1.6;
}
dl.news dt{
margin:.2em 0;
padding:0;
font-size:80%;
color:#666;
}
dl.news dd{
padding:0 0 5px 0;
margin:.2em 0;
background:url(../img/dot.gif) repeat-x bottom left;
}
dl.news dd span{
color:#ff3300;
font-size:90%;
margin:0 0 0 .5em;
}
dl.news dd img{
vertical-align:middle;
margin:0 0 0 .5em;
}
dl.news a:link,dl.news a:visited,dl.news a:hover,dl.news a:active{
text-decoration:none;
}
dl.news a:hover,dl.news a:active{
color:#3cf;
text-decoration:none;
}
dl.about{
width:584px;
height:228px;
padding:7px;
border:1px solid #e7e7e7;
margin:50px 0 25px 300px;
background:url(../img/topabout.jpg) no-repeat 50% 50%;
}
dl.about dt{
font-size:110%;
margin:0;
padding:20px 0 0 15px;
width:365px;
}
dl.about dd{
line-height:1.6;
font-size:90%;
margin:0;
padding:0;
width:365px;
}
dl.about dd p{
margin:.5em 0 .5em 15px;
padding:0;
}
dl.contact {
width:600px;
margin:25px 0 50px 300px;
}
dl.contact dt{
font-size:110%;
margin:.5em 0 .5em 15px;
padding:0;
}
dl.contact dd{
line-height:1.6;
margin:0;
padding:15px;
background:#fff;
border:3px double #c5c5c5;
}
p.link{
margin:0;
padding:0;
position:absolute;
top:300px;
left:80px;
}
p.link a img{
border:none;
}


h2.purpose{
font-size:100%;
background:url(../img/purpose.jpg) no-repeat 0 20px;
margin:0 0 0 300px;
padding:170px 0 5px 0;
width:600px;
border-bottom:1px solid #333;
color:#333;
}

h2.work{
font-size:100%;
background:url(../img/work.jpg) no-repeat 0 20px;
margin:0 0 0 300px;
padding:170px 0 5px 0;
width:600px;
border-bottom:1px solid #333;
color:#333;
}
h2.support{
font-size:100%;
background:url(../img/support.jpg) no-repeat 0 20px;
margin:0 0 0 300px;
padding:170px 0 5px 0;
width:600px;
border-bottom:1px solid #333;
color:#333;
}
h2.organization{
font-size:100%;
background:url(../img/organization.jpg) no-repeat 0 20px;
margin:0 0 0 300px;
padding:170px 0 5px 0;
width:600px;
border-bottom:1px solid #333;
color:#333;
}
h2.office{
font-size:100%;
background:url(../img/office.jpg) no-repeat 0 20px;
margin:0 0 0 300px;
padding:170px 0 5px 0;
width:600px;
border-bottom:1px solid #333;
color:#333;
}
h2.new{
font-size:100%;
background:url(../img/new.jpg) no-repeat 0 20px;
margin:0 0 0 300px;
padding:170px 0 5px 0;
width:600px;
border-bottom:1px solid #333;
color:#333;
}
.body{
margin:0 0 0 300px;
width:600px;
}
.body h3,.body p,.body dl,.body ul,.body ol{
margin:1em 0;
padding:0;
line-height:1.6;
font-size:100%;
}
.body li{
margin:.7em 0 .7em 2em;
}
.body table {
 margin:0;
 overflow:auto;
 border-collapse:collapse;
 border-spacing:0;
 empty-cells:show;
 border-top:1px solid #c5c5c5;
 border-left:1px solid #c5c5c5;
 width:598px;
}
.body th {
 padding:5px;
 border-right:1px solid #c5c5c5;
 border-bottom:1px solid #c5c5c5;
 background:#d8f2fe;
 font-weight:normal;
 text-align:center;
 line-height:1.4;
}
.body td {
 padding:5px;
 border-right:1px solid #c5c5c5;
 border-bottom:1px solid #c5c5c5;
 line-height:1.4;
}
.body td.main {
 background:#f5f5f5;
}
.body caption {
 margin:.2em 0;
 padding:0;
 font-weight:bold;
}

.body p.goto{
margin:1.5em 0 1em 0;
text-align:right;
}
.body p.goto a{
padding:5px 0 5px 12px;
background:url(../img/goto.gif) no-repeat left center;
}

.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

p.goto{
margin:1.5em 0 1em 300px;
width:600px;
text-align:right;
}
p.goto a{
padding:5px 0 5px 12px;
background:url(../img/goto.gif) no-repeat left center;
}
address{
background:url(../img/dot.gif) repeat-x top left;
margin:0 0 0 300px;
padding:5px 0 25px 0;
line-height:1.6;
width:600px;
color:#999;
font-size:80%;
font-style:normal;
text-align:center;
}

}