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

@import url("defo.css"); 

#contentsArea {auto; overflow:hidden; width:920px; height:auto; margin:0 auto; margin-bottom:50px; border-left:#999999 dotted 1px;}


/*sideNav
-------------------------------------------*/
#sideNav{ width:180px; height:auto; float:left; padding-top:5px;}
.nav {width: 160px; float: left; top: 0;}
.nav p {color: #FFF; background-color: #88BED1; padding: 10px;}
.nav ul { list-style:none;}
.nav li { margin-bottom: 1px; height:17px; padding-bottom:30px;}
.nav li a {display: block; width: 100%; padding: 10px 0px 10px 10px; color: #666; text-decoration: none;}
.fixed { position: absolute;}
.sideBnr img { margin-bottom:10px;}
.sideBnr img:hover { opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */}
	
.nav ul#sideNavigation li a {
    display:block; 
    height:17px; 
    width:97px;
    text-align:center;
    font-weight:bold;
    letter-spacing:1px;
    text-indent:-9898px;
    background-image: url(../dctm/img/nav_dctm.png);
    background-repeat:no-repeat; }
.nav ul#sideNavigation a.top {background-position:-145px 0px; width:96px; }
.nav ul#sideNavigation li a.top:hover {background-position:0 0;}
.nav ul#sideNavigation a.course {background-position:-145px -39px; width:96px; }
.nav ul#sideNavigation li a.course:hover {background-position:0 -39px;}
.nav ul#sideNavigation a.qa {background-position:-145px  -73px; width:96px; }
.nav ul#sideNavigation li a.qa:hover {background-position:0 -73px;}
.nav ul#sideNavigation a.result {background-position:0 -113px; width:133px; }
.nav ul#sideNavigation li a.result:hover {background-position:0 -113px;}
.nav ul#sideNavigation a.staff {background-position:-108px -154px; width:96px; }
.nav ul#sideNavigation li a.staff:hover {background-position:0 -154px;}
.nav ul#sideNavigation a.application {background-position:-145px -192px; width:96px; }
.nav ul#sideNavigation li a.application:hover {background-position:0 -192px;}





#mainArea { width:720px; height:auto; float:right;}
#main_img { margin-top:10px;}
#mainArea h2 { margin:30px 0 15px;} 
#mainArea h3 { margin:30px 0 10px;} 
#mainArea .contents{ margin-left:20px; width:695px;}
#mainArea .contents p a { text-decoration: none; color:#53a861;}
#mainArea .contents p a:hover { text-decoration: underline;}
#mainArea p { font-size:16px; line-height:20px;  } 
#mainArea table tr td { vertical-align:top; padding-right:10px;}
#mainArea .pdf { margin-top:20px;}
#mainArea .pdf p { font-size:16px; color:#666666; line-height:12px; padding-top:5px; margin-left:-5px; }
#mainArea .pdf a {text-decoration: none;}
#mainArea .pdf a :hover { text-decoration: underline;}

#contentsTable03 table { border:1px solid #e5e5e5; margin-bottom:60px;}
#contentsTable03 table tr{ border:1px solid #e5e5e5;}
#contentsTable03 table tr th { background-color:#fbf9f9; width:230px; border:1px solid #e5e5e5;}
#contentsTable03 table tr td { width:230px; border:1px solid #e5e5e5; text-align:center;}
#contentsTable03 table tr th p { margin:10px; font-size:16px; color:#4e4d4d;}
#contentsTable03 table tr td p { margin:10px; font-size:16px; color:#4e4d4d;}
#contentsTable03 table tr td p a { text-decoration: none; color:#53a861;}
#contentsTable03 table tr td p a:hover { text-decoration: underline;}
#contentsTable03 table tr td p span { color:#ffa22c;}