@import "/common.css";
@import "/base.css";
@import "/header.css";
@import "/gnavi.css";
@import "/side_contents.css";
@import "/footer.css";
@import "/back_button.css";

#page_title {
    margin-top: 20px;
    display: block;
    width: 271px;
    height: 48px;
    background: url(/img/auditions_title.gif) no-repeat;
    text-indent: -999em;
}

#page_title2 {
    margin-top: 20px;
    display: block;
    width: 580px;
    height: 180px;
    background: url(/img/auditions_title2.jpg) no-repeat;
    text-indent: -999em;
}

#sko2008_title {
    margin-top: 20px;
    display: block;
    width: 560px;
    height: 70px;
    background: url(/img/sko2008_title.gif) no-repeat;
    text-indent: -999em;
}

#sko2011_title {
    margin-top: 20px;
    display: block;
    width: 580px;
    height:310px;
    background: url(/sko/2011/sko2011_title.jpg) no-repeat;
    text-indent: -999em;
}

#sko2012_title {
    margin-top: 20px;
    display: block;
    width: 580px;
    height:330px;
    background: url(/sko/2012/sko2012_title.jpg) no-repeat;
    text-indent: -999em;
}

#RP_title {
    margin-top: 20px;
    display: block;
    width: 580px;
    height: 100px;
    background: url(/img/audition_RP_title.gif) no-repeat;
    text-indent: -999em;
}

#AP_title {
    margin-top: 20px;
    display: block;
    width: 580px;
    height: 100px;
    background: url(/img/audition_AP_title.gif) no-repeat;
    text-indent: -999em;
}

.desc {
    margin-top: 14px;
    margin-left: 8px;
    margin-right: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #606060;
}

.AP_button_area {
    margin-top: 12px;
    margin-left: 306px;
    display: block;
    width: 270px;
    height: 60px;
}

.AP_button_area a {
    display: block;
    width: 270px;
    height: 56px;
    background: url(/img/audition_AP_button.gif) no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

#main_text {
    margin-top: 36px;
    margin-right: 16px;
}

#main_text h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #606060;
}

#main_text h4 {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #606060;
}

#section {
    margin-top: 32px;
    width: 580px;
}

.headline {
    display: block;
    width: 556px;
    height: 18px;
    color: #FFFFFF;
    background-color: #00BBFF;
    font-size: 14px;
    padding-top: 4px;
    padding-left: 24px;
}

.list_sq {
    color: #FFF100;
}

.list_sqb {
    color: #00BBFF;
}

#section ul {
    margin-top: 6px;
    margin-left: 12px;
}

#section li {
    font-size: 12px;
    line-height: 20px;
}

#section p {
    margin-top: 6px;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 12px;
    line-height: 18px;
}

#outline {
    margin-top: 24px;
    width: 580px;
}

.space {
    display: block;
    height: 12px;
}

.caption {
    margin-top: 12px;
    margin-left: 12px;
    display: block;
    width: 568px;
    color: #606060;
    font-size: 14px;
    border-bottom: 1px solid #00BBFF;
}

#sko_title_sub {
    display: block;
    position: absolute;
    top: 360px;
    width: 500px;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    color: #606060;
    font-weight: bold;
    overflow: hidden;
}

.sko_caption {
    padding-top: 10px;
    padding-left: 40px;
    font-size: 14px;
    color: #606060;
    font-weight: bold;
}

.sko_sub_caption {
    padding-top: 16px;
    padding-left: 48px;
    color: #606060;
    font-size: 12px;
    line-height: 18px;
}

.sko_caption_red {
    display: block;
    width: 580px;
    height: auto;
    background: url(/sko/2011/sko_caption_red.gif) no-repeat;
}

.sko_caption_blue {
    display: block;
    width: 580px;
    height: auto;
    background: url(/sko/2011/sko_caption_blue.gif) no-repeat;
}

.sko_caption_green {
    display: block;
    width: 580px;
    height: auto;
    background: url(/sko/2011/sko_caption_green.gif) no-repeat;
}

.sko_caption_yellow {
    display: block;
    width: 580px;
    height: auto;
    background: url(/sko/2011/sko_caption_yellow.gif) no-repeat;
}

.sko_table {
    padding-top: 8px;
    padding-left: 20px;
}

.sko_table tr {
    height: 18px;
}

.sko_table td {
    vertical-align: text-top;
    font-size: 12px;
    line-height: 18px;
}

#outline ol {
    margin-top: 6px;
    margin-left: 42px;
    list-style-type: decimal;
}

#outline ul {
    margin-top: 6px;
    margin-left: 68px;
    list-style-type: square;
}

#outline li {
    font-size: 12px;
    line-height: 16px;
}

.sub_caption {
    margin-top: 12px;
    margin-left: 24px;
    color: #606060;
    font-size: 12px;
}

#outline p {
    margin-top: 6px;
    margin-left: 36px;
    font-size: 12px;
    line-height: 16px;
}

#outline em {
    color: #FF8000;
}

#outline a {
    text-decoration: none;
    color: #00BBFF;
}

#outline a:hover {
    color: #FF8000;
}

#outline table {
    margin-top: 6px;
    margin-left: 36px;
}

#outline td {
    padding-right: 20px;
    font-size: 12px;
}

#downloads {
    margin-left: 36px;
    padding-top: 12px;
    padding-bottom: 18px;
}

#downloads td {
    padding: 6px;
}

#downloads a {
    padding: 4px;
    font-size: 12px;
    text-decoration: none;
    color: #787878;
    background-color: #FFFFFF;
    border: 1px solid #787878;
}

#downloads a:hover {
    background-color: #FFF100;
}

#purpose {
    margin-top: 32px;
    width: 576px;
}

#purpose p {
    margin-top: 6px;
    margin-left: 24px;
    font-size: 12px;
    line-height: 16px;
}

#contract {
    margin-top: 32px;
    width: 580px;
}

#contract p {
    margin-top: 6px;
    margin-left: 36px;
    font-size: 12px;
    line-height: 16px;
}

#contract ul {
    margin-top: 6px;
    margin-left: 52px;
    font-size: 12px;
    line-height: 18px;
    list-style-type: square;
    list-style-position: outside;
}

#contract li {
    font-size: 12px;
    line-height: 18px;
}

#contact {
    margin-top: 32px;
}

#contact p {
    margin-top: 6px;
    margin-left: 36px;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 20px;
}

#contact a {
    text-decoration: none;
    color: #00BBFF;
}

#contact a:hover {
    color: #FF8000;
}

#history {
    margin-top: 32px;
}

#history p {
    margin-top: 6px;
    margin-left: 36px;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 20px;
}

#history a {
    text-decoration: none;
    color: #00BBFF;
}

#history a:hover {
    color: #FF8000;
}

.red_text {
    color: #FF0000;
}

.h_line {
	height: 1px;
    background-color: #E0E0E0;
}

#caution {
    margin-top: 32px;
    padding-top: 12px;
    margin-bottom: 32px;
    padding-left: 12px;
    padding-right: 12px;
    width: 580px;
    font-size: 12px;
    line-height: 16px;
    border-top: 1px solid #00BBFF;
}