a:link,a:visited{text-decoration: none;color: #3D6AA6; }
a:hover{text-decoration: none;color: #3D6AA6; }
img {
  border: 0px
}
html
{
    margin: 0px;
	padding: 0px;
    
}
body
{
    margin: 0px;
	padding: 0px;
	display: block;
	height: 100%;
	font-family: メイリオ, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, MS PGothic;
	font-size:9pt;
	line-height: 1.5em;
	color:#333333;
}

blockui
{
    font-family: Book Antiqua;
    font-size:16pt;
}

#wrapper
{
    width:100%;
    margin:0 auto;
    border:0px solid #CCCCCC;
 }

#contents
{
    width:1050px;
    margin:0 auto;
    border:0px solid #CCCCCC;
}

#header
{
    width:100%;
    height:220px;   
    border:0px solid #CCCCCC;
    position:relative;
}

#header #toplogo
{
    height:85px;
    width:1050px;
    padding-top:5px;
    padding-left:20px;
    *padding-left:320px;
    margin:0 auto;
    border:0px solid #CCCCCC;
}

#header #topbartitle
{
    width:990px;
    margin:0 auto;
    padding-left:60px;
    border:0px solid #CCCCCC;
}

#header #topbar
{
    height:100px;
    padding-top:13px;
    background: url(../images/top_banner.jpg);
    background-repeat:repeat-x;
    background-position:left top;
    border:0px solid #CCCCCC;
}
#header #logocontent
{
    width:100%;
    height:170px;
    position:absolute;
    top:25px;
    border:0px solid #CCCCCC;
}

#header #logo
{
    height:170px;
    width:1020px;
    margin-left:140px;
    background: url(../images/simply.png) no-repeat;
    background-position:left center;   
    z-index:22;
    border:0px solid #CCCCCC;
    margin:0 auto;
}

#welcome
{
    width:603px;
    height:186px;
    background: url(../images/index.jpg) no-repeat;
    background-position:center center; 
    margin:0 auto;
}

#welcome #start
{
    width:548px;
    height:86px; 
    padding-top:105px;
    padding-left:55px;
    border:0px solid #CCCCCC;   
}

.inputbox
{
    border:1px solid #CCCCCC;
    font-size:10pt;
    font-family: "メイリオ";
    width:220px;
}

.waring
{
    color:#E70909; 
}

#childcontent
{
    width:900px;
    margin:0 auto;
    border:0px solid #CCCCCC;  
}

.sitemap
{
    height:30px;
    width:100%;
    border:0px solid #CCCCCC;   
}

.navigationtop
{
    height:3px;
    width:100%;
    border:0px solid #CCCCCC;  
    background-color:#23ACE6;
}

.navigation
{
    *margin-left:3px;
    *padding-left:5px;
    height:35px;
    width:100%;
    border:0px solid #CCCCCC;  
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); 
}

.navigationcheck
{
    *margin-left:3px;
    *padding-left:5px;
    height:32px;
    width:100%;
    border:0px solid #CCCCCC; 
}

.content1
{
    height:240px;
    border:0px solid #CCCCCC;  
    
}

.content1 .title
{
    height:60px;
    border:0px solid #CCCCCC;  
    background: url(../images/leveltest-step1-title1.png) no-repeat;
    background-position:left 10px; 
}

.content1 .description
{
    letter-spacing:0.08em;
    font-size:10pt;
}

.content1 .description .red
{
    color:Red;
}


.TitleH1
{
    height:25px;
    color:#CCCCCC; 
    font-family: Arial Black;
    font-weight:bold;
    font-size:18pt; 
    border:1px solid #CCCCCC;  
    border-top-color:#FFFFFF;
    border-bottom-color:#CCCCCC;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;    
}

.TitleH2
{
    height:25px;
    padding-top:5px;
    color:#CCCCCC; 
    font-family: Arial Black;
    font-weight:bold;
    font-size:15pt; 
    border:1px solid #CCCCCC;  
    border-top-color:#FFFFFF;
    border-bottom-color:#CCCCCC;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;    
}

.TitleH3
{
    height:25px;
    padding-top:5px;
    color:#717171; 
    font-family: Arial Black;
    font-weight:bold;
    font-size:15pt; 
    border:1px solid #CCCCCC;  
    border-top-color:#FFFFFF;
    border-bottom-color:#CCCCCC;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF
}

.TitleH4
{
    height:25px;
    color:#717171; 
    font-size:14pt; 
    letter-spacing:0.05em;
    border:1px solid #CCCCCC;  
    border-top-color:#FFFFFF;
    border-bottom-color:#CCCCCC;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
}

.TitleH4 .bold
{
    font-weight:bold;
}

.TitleH4 .remain
{
    font-size:11pt;
    height:30px;
    color:Red;
}

.question
{
    font-size:12pt;
    color:#000000;  
    height:28px;
    padding-top:10px;
    font-family: Arial,メイリオ, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, MS PGothic;
    font-weight:bold;
    border:0px solid #CCCCCC;  
}

.remain
{
    font-size:12pt;
    height:30px;
    color:Red;
}

.answer
{
    font-size:13pt;
    color:#000000; 
    padding: 0px 0px 10px 10px;
    color:#000000; 
    font-family: Arial ;
    font-weight:bold;
    border:0px solid #CCCCCC;  

}

.titledescript
{
    height:750px;
    border:0px solid #CCCCCC; 
}


.titledescript .description
{
    height:150px;
    letter-spacing:0.02em;
    font-size:10pt;
    border:0px solid #CCCCCC; 
}

.titledescript .pic
{
    width:939px;
    height:480px;
    background: url(../images/onlinetest-pic.png) no-repeat;
    background-position:center center;
    border:0px solid #CCCCCC; 
}

.titledescript .description2
{
    height:100px;
    font-size:10pt;
    margin-top:30px;
    border:0px solid #CCCCCC; 
}

.titledescript .description2 .red
{
    color:Red;
}

#description
{
    border:0px solid #CCCCCC;
}

#description .title
{
    width:700px;
    margin:0 auto;
    font-weight:bold;
    border:0px solid #CCCCCC;
}

#description .desc
{
    color:#333333;
    width:700px;
    border:0px solid #CCCCCC;
    margin:0 auto;
}

#attempt
{
    margin-top:10px;
    width:100%;
    text-align:center;
    border:0px solid #CCCCCC;
}

#courses
{
    height:90px;
    border:0px solid #CCCCCC; 
    line-height:20px;
}

#courses .button
{
    width:169px;
    height:42px;
    background: url(../images/processbutton.png) no-repeat;
    background-position:center center;
    cursor:pointer; 
}

#courses .remark
{
    height:20px;
    margin-top:50px;
    border:0px solid #CCCCCC; 

}

#courses .bold
{
    font-size:12pt;
    font-weight:bold;
    color:red;
}

#courses .blue
{
    font-size:12pt;
    font-weight:bold;
    color:#4153AA;
}


.remaining
{
    height:25px;
    padding-left:40px;
    font-size:10pt;
    border:0px solid #CCCCCC;   
    
}

.remaining .red
{
    color:Red;   
}

.test
{
    height:27px;
    width:150px;
    color:#3D6AB5;
    padding-top:13px;
    padding-left:40px;
    font-size:12pt;
    font-weight:bold;
    background: url(../images/tests.png) no-repeat;
    background-position:left center;  
    border:0px solid #CCCCCC; 
}



.remaining .test2
{
    font-size:12pt;
    font-weight:bold;
    color:#3D6AB5;
}

.checked
{
    width:24px;
    height:18px;
    padding-top:2px;
    margin-left:3px;
    margin-right:3px;
    margin-top:6px;
    border:0px solid #CCCCCC; 
    display:inline-block;
    vertical-align:top;
    text-align:center;
    cursor:pointer;
    background: url(../images/onlinetest-checked.png) no-repeat;
    background-position:center center;
}

.checkempty
{
    width:24px;
    height:18px;
    padding-top:2px;
    margin-left:3px;
    margin-right:3px;
    margin-top:6px;
    border:0px solid #CCCCCC; 
    display:inline-block;
    vertical-align:top;
    text-align:center;
    cursor:pointer;
    background: url(../images/onlinetest-checked-empty.png) no-repeat;
    background-position:center center;
}

.qsqure
{
    width:20px;
    height:18px;
    padding-top:2px;
    margin-left:3px;
    margin-right:3px;
    margin-top:6px;
    border:2px solid #CCCCCC; 
    display:inline-block;
    vertical-align:top;
    text-align:center;
    cursor:pointer;
}

.qsqure2
{
    width:20px;
    height:18px;
    padding-top:2px;
    margin-left:3px;
    margin-right:3px;
    margin-top:6px;
    border:2px solid #CCCCCC; 
    display:inline-block;
    vertical-align:top;
    text-align:center;
    cursor:pointer;
    color:#FFFFFF;
    background-color:#019EE3;
}

.qsqurenow
{
    width:20px;
    height:18px;
    padding-top:2px;
    margin-left:3px;
    margin-right:3px;
    margin-top:6px;
    border:2px solid #CCCCCC; 
    display:inline-block;
    vertical-align:top;
    text-align:center;
    cursor:pointer;
    color:#FFFFFF;
    background-color:#E10D0D;
}

.questionstatus
{
    
    padding-left:10px;
    font-size:10pt;
    border-width:1px;
    border-style:solid;
    border-top-color:#CCCCCC;
    border-bottom-color:#FFFFFF;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
}

.questionstatus .title
{
    height:30px;
    padding-top:10px;
    padding-left:35px;
    font-size:11pt;
    font-weight:bold;
    border:0px solid #CCCCCC;  
    background: url(../images/question.png) no-repeat;
    background-position:left center;
}

.questionstatus .titledesc
{
    height:30px;
    padding-top:10px;
    padding-left:35px;
    font-size:10pt;
    font-weight:bold;
    border:0px solid #CCCCCC;  
}

.questionstatus .status
{
    *height:150px;
    margin-left:5px;
    border:0px solid #CCCCCC;  
}

.questionstatus .status .qstatus
{
    width:150px;
    height:20px;
    font-size:10pt;
    margin-top:10px;
    display:inline-block;
    vertical-align:top;
    border:0px solid #CCCCCC; 
}

.questionstatus .status .blue
{
    color:red;
    font-weight:bold;
}

.countdown
{
    height:20px;
    padding-top:10px;
    width:500px;
    text-align:left;
    border:0px solid #CCCCCC;
    color:#E89A5A;
}

.questiondesc
{
    font-size:10pt;
    height:35px;
    padding-top:15px;
    border:0px solid #CCCCCC;
    font-weight:bold;
}

.timeleft
{
    height:25px;
    width:150px;
    display:inline-block;
    vertical-align:top;
    font-family: Arial Black;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
    border:0px solid #CCCCCC;
    color:#FF9F19;
}

.attempt
{
    height:25px;
    width:150px;
    font-size:12pt;
    padding-top:10px;
    display:inline-block;
    vertical-align:top;
    border:0px solid #CCCCCC;
    color:#717171;
}

.attempstatus
{
    height:100px;
    padding-left:0px;
    font-size:10pt;
    border:0px solid #CCCCCC;  
}

.attempstatus .description
{
    
    padding-top:10pt; 
    font-size:11pt;
    color:#000000;
    line-height:20px;
    border:0px solid #CCCCCC; 
}

.attempstatus .description .bold
{
    font-size:12pt;
    font-weight:bold;
    color:red;
}

.attempstatus .description .red
{
    font-style:italic;
    font-size:14pt;
    font-weight:bold;
    color:red;
}

.attempstatus .welldoen
{
    height:25px;
    padding-top:13px;
    font-size:11pt;
    border:0px solid #CCCCCC;  
}

.attempstatus .welldoen .test2button
{
    width:169px;
    height:42px;
    margin-top:10px;
    background: url(../images/processbutton.png) no-repeat;
    background-position:center center;
    cursor:pointer; 
}

.finalbutton
{
    height:45px;
    text-align:left;
    padding-top:5px;
    padding-left:15px;
    border:0px solid #CCCCCC; 
}

.finalbutton .next
{
    width:160px;
    display:inline-block;
    vertical-align:top;  
    border:0px solid #CCCCCC;  
}

.finalbutton .final
{
    width:220px;
    margin-top:2px;
    display:inline-block;
    vertical-align:top;   
    border:0px solid #CCCCCC; 
}

.finalbutton .finish
{
    width:100%;
    display:inline-block;
    vertical-align:top;   
    border:0px solid #CCCCCC; 
}

.finalbutton .finishdesc
{
    height:30px;
    padding-top:10px;
    font-size:9pt;
    border:0px solid #CCCCCC;  
     font-weight:bold;
}