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

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

p,ol,dl,ul,h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
}

ol,dl,ul {
list-style:none;
}

body {
margin:0 auto;
width:950px;
}

#main {
width:950px;
background:url(../elements/ga.gif) repeat-y;
}

#header {
width:920px;
height:133px;
margin:2px 0px 10px 14px;
_margin:2px 0px 10px 7px;
}


#mainarea {
width:625px;
margin-left:14px;
_margin-left:7px;
}

#topNews {
width:625px;
height:140px;
background:url(../elements/topNews.gif) no-repeat;
}

#topNews h2 {
font-family:"MS Gothic";
color:#FFFFFF;
font-size:15px;
padding-left:30px;
line-height:200%;
}

#topNews ul {
width:580px;
margin-top:5px;
margin-left:10px;
}

#topNews ul li {
background:url(../elements/arrow1.gif) left no-repeat;
padding-left:10px;
line-height:130%;
}

#topNews ul li a {
font-family:"MS Gothic";
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}


#topNews ul li a:hover {
text-decoration:underline;
}

#mainarea .subClass {
background:url(../elements/subClass.gif) no-repeat;
width:305px;
height:183px;
margin-top:10px;
}

#mainarea .subClass h3 {
width:270px;
font-family:"MS Gothic";
color:#FFFFFF;
font-size:14px;
line-height:200%;
padding-left:30px;
}

#mainarea .subClass .sClassCont {
width:290px;
height:145px;
margin-left:7px;
_margin-left:4px;
margin-top:2px;
}

#mainarea .subClass .sClassCont .img {
width:116px;
height:116px;
background:#CCCCCC;
background:#CDCDCD;
padding:1px;
border:1px solid #AEAEAE;
margin:5px;
}

#mainarea .subClass .sClassCont .img img {
width:116px;
height:116px;
}

#mainarea .subClass .sClassCont .cont {
width:145px;
margin:5px;
}

#mainarea .subClass .sClassCont .cont p {
width:145px;
height:115px;
font-size:12px;
font-family:"MS Gothic";
color:#333333;
line-height:130%;
}

#mainarea .subClass .sClassCont .cont a{
font-family:"MS Gothic";
font-size:12px;
color:#0072BC;
background:url(../elements/arrow2.gif) left no-repeat;
padding-left:15px;
text-align:right;
}

#subarea {
width:285px;
margin-left:10px;
}

#subarea ul {
width:285px;
height:450px;
background:url(../elements/subarea.gif) no-repeat;
}

#subarea ul h3 {
font-family:"MS Gothic";
font-size:16px;
color:#484949;
line-height:300%;
padding-left:40px;
}

#subarea ul li {
border-bottom:1px dashed #CCCCCC;
width:250px;
margin-left:15px;
line-height:200%;
}

#subarea ul li a {
font-family:"MS Gothic";
font-size:14px;
color:#555555;
background:url(../elements/arrow3.gif) left no-repeat;
padding-left:10px;
text-decoration:none;
}

#subarea ul li a:hover {
text-decoration:underline;
}

#footer {
width:920px;
height:36px;
background:url(../elements/footer.gif) no-repeat;
margin-left:14px;
_margin-left:7px;
margin-bottom:10px;
font-family:"MS Gothic";
font-size:14px;
color:#333333;
text-align:center;
line-height:230%;
font-weight:bold;
}

#title {
margin-left:15px;
margin-top:10px;
font-family:"MS Gothic";
font-size:14px;
color:#333333;
}

#title a {
font-family:"MS Gothic";
font-size:14px;
color: #0066CC;
text-decoration:none;
}


.mr15 {
margin-right:15px;
}


/*------------------------------details-----------------------*/

#mainarea #content {
width:623px;
border-left:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}

#mainarea #content h2 {
font-size:18px;
font-family:"MS Gothic";
color:#333333;
background:url(../elements/icon.png) left no-repeat;
padding-left:15px;
line-height:180%;
font-weight:bold;
width:580px;
margin-left:15px;
border-bottom:1px dashed #CCCCCC;
margin-top:10px;
padding-bottom:3px;
margin-bottom:10px;
}

#mainarea #content p {
width:600px;
margin-left:15px;
font-family:"MS Gothic";
font-size:14px;
color:#333333;
line-height:130%;
margin-bottom:10px;
}