/* general settings	----------------
*/

body {
margin:0;
padding:0;
background-image:url(../img/common/bg_outside.jpg);
background-repeat:repeat-x;
background-color:#E6E6E6;
}

h1, h2, h3, h4, h5, h6, p, li {
margin:0;
padding:0;
}
img {
display:block;
}

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


.hide {
display:none;
}



/* general table	----------------
*/

table.general {
color:#404040;
font-size:12px;
line-height:125%;
margin:0.5em auto;
}
/*
table.general thead tr, table.general tbody tr {
margin:0;
padding:0;
}
*/
table.general td, table.general th {
border-top:1px solid #F0F0F0;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #C0C0C0;
border-left:1px solid #D8D8D8;
padding:2px 0.5em;
}
table.general thead td,table.general tbody th {
font-weight:bold;
text-align:left;
vertical-align:top;
background-image:url(../img/common/bg_cont-menu.gif);
background-repeat:repeat-x;
border-bottom:1px solid #C0C0C0;
}
table.general tbody td {
vertical-align:top;
}

/* background images	----------------
*/

div.ds-body-bg{
width:740px;
margin:0 auto;
background-image:url(../img/common/bg_middle.jpg);
background-repeat:repeat-y;
}
div.ds-top-bg{
background-image:url(../img/common/bg_top.jpg);
background-repeat:no-repeat;
}
div.ds-top-img{
margin:0;
padding:0;
}



/* div.navigation	----------------
*/

div.navigation {
text-align:right;
width:180px;
padding:0 0 300px 0;
float:left;
}
div.navigation a.logo {
display:block;
width:160px;
height:80px;
float:right;
}
a.logo:link, a.logo:visited {
background-image:url(../img/common/logo_link.jpg);
}
a.logo:hover {
background-image:url(../img/common/logo_hover.jpg);
}

div.navigation ul {
list-style: none;
margin:0 0 0 20px;
padding:2px 0 0 0;
clear:both;
}
div.navigation ul li {
margin:2px 0 0 0;
padding:0;

}
div.navigation ul li a {
margin:2px 0 0 0;
text-align:left;
text-decoration:none;
display:block;
height:46px;
}
div.navigation a:link, div.navigation a:visited {
color:#0C5FCB;
}
div.navigation a:hover {
color:#FF8000;
}

/*menu-intro*/
a.menu-intro:link, a.menu-intro:visited {background-image:url(../img/menu/intro_a.jpg);}
div.navigation a.menu-intro:hover {background-image:url(../img/menu/intro_b.jpg);}
/*menu-course*/
a.menu-course:link, a.menu-course:visited {background-image:url(../img/menu/course_a.jpg);}
a.menu-course:hover {background-image:url(../img/menu/course_b.jpg);}
/*menu-staff*/
a.menu-staff:link, a.menu-staff:visited {background-image:url(../img/menu/staff_a.jpg);}
a.menu-staff:hover {background-image:url(../img/menu/staff_b.jpg);}
/*menu-club*/
a.menu-club:link, a.menu-club:visited {background-image:url(../img/menu/club_a.jpg);}
a.menu-club:hover {background-image:url(../img/menu/club_b.jpg);}
/*menu-applicants*/
a.menu-applicants:link, a.menu-applicants:visited {background-image:url(../img/menu/applicants_a.jpg);}
a.menu-applicants:hover {background-image:url(../img/menu/applicants_b.jpg);}
/*menu-putin*/
a.menu-putin:link, a.menu-putin:visited {background-image:url(../img/menu/putin_a.jpg);}
a.menu-putin:hover {background-image:url(../img/menu/putin_b.jpg);}
/*menu-recruitment*/
a.menu-recruitment:link, a.menu-recruitment:visited {background-image:url(../img/menu/recruitment_a.jpg);}
a.menu-recruitment:hover {background-image:url(../img/menu/recruitment_b.jpg);}
/*menu-column*/
a.menu-column:link, a.menu-column:visited {background-image:url(../img/menu/column_a.jpg);}
a.menu-column:hover {background-image:url(../img/menu/column_b.jpg);}
/*menu-qanda*/
a.menu-qanda:link, a.menu-qanda:visited {background-image:url(../img/menu/qanda_a.jpg);}
a.menu-qanda:hover {background-image:url(../img/menu/qanda_b.jpg);}
/*menu-access*/
a.menu-access:link, a.menu-access:visited {background-image:url(../img/menu/access_a.jpg);}
a.menu-access:hover {background-image:url(../img/menu/access_b.jpg);}

/*other*/
div.navigation li span {
display:block;
}
div.navigation li span.ja {
font-size:12px;
font-weight:bold;
line-height:12px;
padding:7px 0 0 10px;
}
div.navigation li span.en {
color:#808080;
font-size:9px;
letter-spacing:1px;
text-decoration:none;
margin:0 0 0 10px;
}



/* div.content	----------------
*/

div.content {
width:560px;
float:right;
}

/*page-chapter*/
div.content div.cont-chapter {
margin:200px 10px 0px 15px;
padding:0px;
}
div.content div.cont-chapter h1 {
height:40px;
font-size:24px;
line-height:40px;
}

/*page-menu*/
div.content div.cont-menu {
height:40px;
margin:0 10px 0 15px;
clear:both;
}

div.cont-menu ul {
margin:5px 0 0 0;
padding:0 0 0 0px;

}
div.cont-menu ul li {
display:compact;
color:#808080;
font-size:10px;
height:23px;
line-height:23px;
list-style-type:none;
background-image:url(../img/common/bg_cont-menu.gif);
background-repeat:repeat-x;
border-top:1px solid #D0D0D0;
border-right:1px solid #C2C2C2;
border-bottom:1px solid #C2C2C2;
border-left:1px solid #C2C2C2;
margin:0 2px 0 0;
float:left;
}
div.cont-menu ul li.active {
border-bottom:1px solid #FFFFFF;
}
div.cont-menu span, div.cont-menu a {
color:#404040;
text-decoration:none;
background-image:url(../img/common/icon_cont-menu_active.gif);
background-repeat:no-repeat;
background-position:2px;
padding:0 4px 0 15px;
}
div.cont-menu a:link, div.cont-menu a:visited {
color:#808080;
text-decoration:none;
background-image:url(../img/common/icon_cont-menu_link.gif);
}
div.cont-menu a:hover {
color:#0C5FCB;
text-decoration:underline;
background-image:url(../img/common/icon_cont-menu_hover.gif);
}



/* div.title	----------------
*/

div.content div.cont-title {
height:48px;
background-image:url(../img/common/bg_title_orange.gif);
background-repeat:no-repeat;
margin:0 10px 0 10px;
padding:0 20px 0 20px;
}

div.cont-title h2 {
height:24px;
font-size:18px;
line-height:24px;
border-bottom:2px solid #F0F0F0;
margin:0;
padding:0;
}

div.cont-title span {
display:block;
color:#808080;
font-size:10px;
line-height:14px;
border-top:1px solid #C0C0C0;
margin:0;
padding:0;
}



/* div.main	----------------
*/

div.cont-main div.primary {
width:380px;
float:left;
}
div.cont-main div.secondary {
width:150px;
float:left;
}

div.cont-main div.paragraph {
margin:10px 30px 20px 30px;
clear:both;
}
div.cont-main div.subparagraph {
margin:20px 0px 20px 0px;
clear:both;
}
div.cont-main div.point {
margin:0px 0px 10px 0px;
padding:0 0 10px 0;
border-top:1px solid #F0F0F0;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #C0C0C0;
border-left:1px solid #D8D8D8;
clear:both;
}
div.cont-main h3 {
font-size:14px;
font-weight:bold;
border-bottom:1px solid #F08000;
padding-bottom:0.25em;
margin:0 0 0.5em 0
}
div.cont-main h4 {
font-size:12px;
font-weight:bold;
border-left:0.25em solid #F08000;
margin:0.25em 0 0 0;
padding-left:0.75em;
}
div.cont-main h4.cl-green {
border-left:0.25em solid #80FF00;
}
div.cont-main h5 {
font-size:12px;
}
div.cont-main div.paragraph p, div.cont-main div.paragraph li {
font-size:12px;
line-height:125%;
margin-top:0.5em
}
div.cont-main div.paragraph span.date {
color:#808080;
font-size:10px;
}

div.cont-main div.point h4 {
font-size:10px;
font-weight:bold;
border-left:0.25em solid #6BCE64;
margin:0.5em 0 0 0;
padding-left:0.25em;
}
div.cont-main div.point p {
color:#404040;
font-size:10px;
line-height:125%;
margin:0.5em 0.5em 0em 0.5em;
}


div.cont-main a.link {
display:block;
padding-left:14px;
}
div.cont-main a:link, div.cont-main a:visited {
color:#0C5FCB;
text-decoration:none;
}
div.cont-main a:hover {
color:#FF8000;
text-decoration:underline;
}

div.cont-main a.link:link, div.cont-main a.link:visited {
background-image:url(../img/common/icon_cont-menu_hover.gif);
background-repeat:no-repeat;
background-position:left center;
}
div.cont-main a.link:hover {
background-image:url(../img/common/icon_cont-menu_active.gif);
background-repeat:no-repeat;
background-position:left center;
}


/* div.scroll	----------------
*/

div.scroll {
clear:both;
margin:0;
}
div.scroll ul {
margin:0;
padding:0 20px 30px 0;
list-style-type:none;
}
div.scroll li {
width:122px;
height:22px;
display:block;
float:right;
}
div.scroll a {
display:block;
font-size:10px;
line-height:22px;
padding-left:22px;
text-align:left;
}
div.scroll a:link, div.scroll a:visited {
color:#404040;
text-decoration:none;
background-image:url(../img/common/bg_scroll_btn_a.gif);
}
div.scroll a:hover {
color:#0C5FCB;
text-decoration:underline;
background-image:url(../img/common/bg_scroll_btn_b.gif);
}


/* div.foot	----------------
*/

div.foot {
height:80px;
background-image:url(../img/common/bg_foot.jpg);
padding:0 20px;
clear:both;
}
div.foot div.menu {
padding:20px 0 10px 0;
}
div.foot div.menu ul {
margin:0;
padding:0;
list-style-type:none;
}
div.foot div.menu li {
display:block;
width:122px;
height:22px;
float:left;
}
div.foot div.menu li a {
font-size:10px;
line-height:22px;
padding-left:22px;
display:block;
}
div.foot div.menu a:link, div.foot div.menu a:visited {
color:#404040;
text-decoration:none;
background-image:url(../img/common/bg_foot_btn_a.gif);
}
div.foot div.menu a:hover {
color:#0C5FCB;
text-decoration:underline;
background-image:url(../img/common/bg_foot_btn_b.gif);
}

div.foot div.copyright {
padding:0.5em 0 0 0;
clear:both;
}
div.foot div.copyright p {
color:#808080;
font-size:10px;
margin:0 0 0 0;
}









/* ----------------input ----------------*/



/* images
*/

img.right {
margin:0px 0px 10px 10px;
float:right;
}
img.left {
margin:0px 10px 10px 0px;
float:left;
}