* {
    margin:0;
    padding:0;
}
body {
    font-family:"ＭＳ Ｐゴシック", Osaka, monospace;
    text-align:center;
    margin:0;
    padding:0;
    font-size:12px;
    color:#555555;
}
h1 {
    font-size:16px;
    font-weight:normal;
    height:16px;
    margin-bottom:10px;
}
h2 {
    font-size:16px;
    text-color:#000000;
    text-indent:4px;
 line-height: 120%;
    background-color:#FFFFFF;
    border-style:solid;
    border-width:0px;
    border-bottom-width:1px;
    border-bottom-color:#999999;
    border-left-width:4px;
    border-left-color:#990000;
    margin-top:0px;
    margin-bottom:10px;
}

a {
    text-decoration:none;
    color:#258fb8;
}
a:hover {
    text-decoration:underline;
    color:#0000ff;
}
a img {
    border:0;
}

.display{
    background:url("/images/main_bg.jpg") repeat-y;
    margin:0 auto;
    width:910px;
}

.display-area {
    text-align:left;
    margin:0 auto;
    width:900px;
}

.clear {
    clear:both;
}

.header {
    
}

.header .logo{
    width:220px;
    height:40px;
    float:left;
    padding:10px;
}

.header .submenu{
    height:15px;
    text-align:right;
    padding:10px 5px 0 0;
}

.header .hello{
    height:15px;
    text-align:right;
    padding:18px 2px 0 0;
}

.header .globalmenu{
    height:30px;
    background:url('/images/main_bar.jpg') repeat-x 0px 0px;
    padding:0 0 0 250px;
}

.content {
    width:auto;
}

.content .main {
    margin:15px 2px 5px 5px;
    width:880px;
}

.content .main_with_side {
    margin:15px 2px 5px 0px;
    float:right;
    width:685px;
}

.content .side {
    margin:15px 2px 5px 5px;
    float:left;
    width:180px;
}


.footer {
    padding-top:10px;
    border-top:2px solid #78C7A5;
}
.footer .menu{
    padding-left:20px;
}
.footer .copyright{
    padding-top:4px;
    font-family:sans-serif;
    background-color:#78C7A5;
    margin-top:10px;
    text-align:right;
    font-size:12px;
    padding-right:20px;
    color:#ffffff;
}

.side_menu {
    text-align:left;
    padding-left:20px;
    background:url(/images/point1.jpg) no-repeat 5px 0px;
    line-height:20px;
    font-weight:bold;
}

.login {
    margin-bottom:10px;
}
.login .title {
    background-color:990000;
    color:#ffffff;
    width:120px;
}
.login .box {
    border:1px solid #78C7A5;
    padding: 0px 0px;
}
.login .menu{
    padding-left:10px;
    margin:4px 0px;
}
.login .error{
    margin-left:20px;
    font-size:11px;
    color:#ff0000;
}
.login .button{
    text-align:right;
    margin:4px 16px;
}

.indicator{
    width:675px;
    margin-bottom:20px;
    text-align:center;
}

.indicator .step{
    width:80px;
}
.indicator .step .on{
    background: url('/images/step_on.gif') no-repeat 0px 0px;
    width:80px;
    height:19px;
    line-height:19px;
    font-size:11px;
}
.indicator .step .off{
    background: url('/images/step_off.gif') no-repeat 0px 0px;
    width:80px;
    height:19px;
    line-height:19px;
    font-size:11px;
}
.indicator .step .content{
    background: url('/images/step_content.gif') no-repeat 0px 0px;
    width:80px;
    height:30px;
    line-height:30px;
}
.indicator .arrow{
    
}



.side-contents {
    margin-top:10px;
}

h1 {
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #aaaaaa;
}

.chart {
    margin:5px 0px 15px 20px;
}

.chart th{
    text-align:center;
    color : #ffffff;
    font-size:16px;
    background-color:#cccccc;
    padding:5px;
}

.chart td{
    border:1px solid #cccccc;
    font-size:14px;
    padding:3px;
}

.course .title{
    font-size:14px;
    font-weight:bold;
    margin:15px 0px 5px 0px;
}

.course table{
    border-collapse: collapse;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    text-align:center;
    margin:15px 0px 15px 0px;
    font-size:14px;
}

.course .even{
    
}

.course .odd{
    background-color:#f6f6f6;
}

.course th{
    color : #ffffff;
    background-color:#cccccc;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:5px;
}

.course td{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:3px;
}

.common {
    padding:0px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    font-size:14px;
}
table.common th, table.common td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:2px 6px;
}
table.common th {
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    background-color: #f6f6f6;
    color: #333333;
    font-weight:normal;
    text-align:left;
}
table.common td {
    line-height:20px;
}

.question_list .already{
    background: url(/images/check_yes.jpg) no-repeat 0px 0px;
}

.question_list .yet{
    background: url(/images/check_no.jpg) no-repeat 0px 0px;
}

.question_list ul{
    margin-top:5px;
    margin-left:10px;
}
.question_list li{
    width:120px;
    margin-top:2px;
    margin-left:10px;
}

.error_message{
    clear:both;
    font-size:11px;
    color:#ff0000;
}

.explain_message{
    margin-left:5px;
    font-size:11px;
    color:#666600;
}

.error{
    color:#ff0000;
    font-size:14px;
}

.fieldWithErrors {
    display:inline;
    padding: 3px;
    background-color: red;
}

.necessity{
    margin-left:2px;
    font-size:11px;
    color:#ff0000;
}

.purchase{
    font-size:14px;
}

.purchase_info{
    font-size:14px;
    margin-bottom:20px;
}

table.purchase_info th, table.purchase_info td{
    padding:3px;
}


.choices{
    margin:10px;
    font-size:14px;
}

.correct{
    margin-left:20px;
    color:#0000ff;
}

.uncorrect{
    margin-left:20px;
    color:#ff0000;
}

.impression{
    width:623px;
    margin-top:10px;
    color:#ffffff;
    padding:3px;
    font-weight:bold;
    font-size:16px;
    background-color:#cccccc;
}

.check_box {
    float:left;
    width:170px;
}

.check_box_separater{
    clear:both;
    text-align:center;
    background-color:#f6f6f6;
}

.sitemap{
    margin:20px 0 0 20px;
    font-size:16px;
}

.sitemap .side_menu{
    border:0px;
}

.message{
    font-size:14px;
    margin-top:10px;
    margin-bottom:10px;
}

.school{
    background:url(/images/button_school.jpg) no-repeat 0px 0px;
    float:left;
    width:126px;
    height:30px;
}

.globalmenu a:hover{
    background-position: right 0px;
}

.link{
    background:url(/images/button_link.jpg) no-repeat 0px 0px;
    float:left;
    width:126px;
    height:30px;
}

.add_course{
    background:url(/images/button_add_course.jpg) no-repeat 0px 0px;
    float:left;
    width:126px;
    height:30px;
}

.topics{
    background:url(/images/button_topics.jpg) no-repeat 0px 0px;
    float:left;
    width:126px;
    height:30px;
}

.qanda{
    background:url(/images/button_qanda.jpg) no-repeat 0px 0px;
    float:left;
    width:126px;
    height:30px;
}

.button_muryou{
    background:url(/images/button_muryou.jpg) no-repeat 0px 0px;
    float:left;
    width:180px;
    height:35px;
}

.button_add{
    background:url(/images/button_add.jpg) no-repeat 0px 0px;
    float:left;
    width:180px;
    height:35px;
}

.show_keyboard{
    margin:10px 0;
}


#partial {
    margin:10px;
    width:635px;
}

#additional_info {
    margin-top:30px;
}