*
{
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}

body
{
font-size: 0.8em;
color: #333;
background-color: #fff;
font-family: Verdana, Arial, helvetica, sans-serif;
line-height: 1.5em;
}

img
{
border: none;
}
form
{
margin: 0px;
}
p, td
{
text-align: left;
line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6
{
text-align: left;
}
h2
{
font-size: 1.5em;
margin-bottom: 10px;
}
h3{font-size: 1.2em;}

h4{font-size: 1.0em;}
ul, li, dl, dt, dd
{
text-align: left;
line-height: 1.4em;
}
input, textarea
{
text-align: left;
font-size: 1.0em;
font-family: Verdana, Arial, helvetica, sans-serif;
}
a:link
{
color: #090D77;
text-decoration: none;
}
a:visited
{
color: #090D77;
text-decoration: none;
}
a:hover
{
color: #06f;
text-decoration: none;
}

.block{margin:10px 0;}
.moreinfo{text-align:right;width:50px;}

#wrapper
{
width: 980px;
margin: 0 auto;
min-width: 800px;
background-color: #fff;
background-image: url(../Images/Common/body_bg.jpg);
background-repeat: repeat-y;
background-position: 0 0;
}

/*Header
----------------------------*/

#header
{
margin: 0 15px;
width: 950px;
text-align: center;
height: 98px;
background: #D5DEEF url(../Images/Common/header_background.png);
background-repeat: no-repeat;
background-position: 0 1px;
position: relative;
border-bottom: 1px solid #BFBFEA;
color: #fff;
}


.header_register
{
position: absolute;
right:0;
top:3px;
font-size: 12px;
font-weight: bold;
}


.saoralogo
{
position: absolute;
left: 17px;
top: 7px;
}
.jlptpracticelogo
{
position: absolute;
left:15px;
top:28px;
padding:3px;
}


#header a:link,#header a:visited
{
color: #fff;
text-decoration: none;
}

#header a:hover{
color: #fff;
text-decoration: underline;
}


p.welcome_login
{
color: #fff;
position: absolute;
right: 5px;
top: 22px;
}

.header_link
{
text-align: right;
position: absolute;
left: 0;
top: 70px;
background-color:#f2f2f2;
border-bottom:3px solid #ccc;
}


.register li
{
display: inline;
text-align: right;
margin-right: 5px;
}

ul.link_tools
{
width: 950px;
}
.link_tools li
{
float: left;
font-size: 12px;
text-align:center;
padding:4px 0;
width:157px;
}
#header .link_tools li a:link, #header .link_tools li a:visited
{
color: #1B2243;
text-decoration: none;
}
#header .link_tools li a:hover
{
color: #5255BC;
text-decoration: none;
}
.link_jump
{
border-right: 1px solid #ccc;
height:20px;
}



.service
{
position: absolute;
right:250px;
top:30px;
}


*+ html .service li{display:inline-block;float:left;}
* html .service li{display:inline-block;float:left;}


.service li
{display:inline;
 margin-left:10px;
 padding:10px 0 10px 33px;
}
.service li.android{background-image: url(../Images/Common/android_icon.png);
background-repeat: no-repeat;
background-position: 0 -3px;}

.service li.shopping{background-image: url(../Images/Common/shopping_icon.png);
background-repeat: no-repeat;
background-position: 0 -1px;}
.service li.jlptservice{background-image: url(../Images/Common/service_icon.png);
background-repeat: no-repeat;
background-position: 0 -1px;}


ul.sns_links
{
position: absolute;
top: 45px;
right:0px;
}


ul.sns_links li
{
display: inline-block;
margin-right: 10px;
font-size: 10px;
padding-left: 20px;
height: 20px;
}

*+ html ul.sns_links li{display:inline-block;float:left;}
* html ul.sns_links li{display:inline-block;float:left;}

ul.sns_links li.twitter
{
background-image: url(../Images/Common/Twitter-icon.png);
background-repeat: no-repeat;
background-position: 0 0;
}
ul.sns_links li.facebook
{
background-image: url(../Images/Common/FaceBook-icon.png);
background-repeat: no-repeat;
background-position: 0 0;
}
ul.sns_links li.google
{
background-image: url(../Images/Common/Google-icon.png);
background-repeat: no-repeat;
background-position: 0 0;
}

span.register
{
float: left;
margin-left: 25px;
}

/* Header End 
--------------------------*/




#main_wrapper
{
width: 960px;
min-height: 490px;
margin: 0 auto;
}

/*My Account
----------------------------*/

.common_header
{
width: 100%;
}

.myaccount .title
{
background-color: #0000B0;
width: 100%;
margin-bottom: 10px;
margin-left: 2px;
}
.myaccount .title h1
{
margin-left: 10px;
padding: 8px 0;
text-align: left;
color: #fff;
font-size: 1.2em;
}


.myaccount
{
margin-bottom:10px;
margin-left:25px;
margin-right:25px;
margin-top:10px;
width:750px;
}



/*Start body layout
--------------------------------*/

#main_contents
{
width: 748px;
float: left;
margin-left: 5px;
}



.center_content{margin:10px 25px;min-height:400px;}

.center_content h2,#center_contents h2{color:#3F3FBC;}
.center_content h3,#center_contents h3{margin:10px 0 5px 0;color:#00753E;}
.center_content h4,#center_contents h4{margin:10px 0 0 0;color:#333;}
.commonContents
{
width: 720px;
text-align: left;
margin-left:10px;
}




#center_contents{width:710px;
background-color:#fff;
float:left;
padding-left:15px;
border-left:1px solid #eee;
min-height:400px;
}


#center_contents .separateblock,.center_content .separateblock
{
width:auto;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
text-align: left;
margin: 5px 0 10px 0;
}

#center_contents .separateblock h3,.center_content .separateblock h3{color:#00753E;}

*html .commonContents_inner
{
width: 720px;
}

*html .commonContents_inner table td, *html .commonContents_inner table th
{
font-size: 0.8em;
}


#center_contents .separateblock table.counters, 
#center_contents .separateblock table.kosoado,
#center_contents .separateblock table.verbs
{
border: 1px solid #eee;
border-collapse: collapse;
margin-bottom: 10px;
}
#center_contents .separateblock table.counters td,
#center_contents .separateblock table.counters th,
#center_contents .separateblock table.kosoado td,
#center_contents .separateblock table.kosoado th
{
border: 1px solid #ccc;
padding: 3px 5px;
vertical-align: top;
}
#center_contents .separateblock table.verbs td,
#center_contents .separateblock table.verbs th
{
border: 1px solid #ccc;
padding: 2px;
vertical-align: top;
font-size: 85%;
}

* html #center_contents .separateblock table.verbs td,
* html #center_contents .separateblock table.verbs th
{
font-size: 70%;
}


#center_contents .separateblock table.verbs,
#center_contents .separateblock table.particles
{
width: 720px;
}
#center_contents .separateblock table.verbs td,
#center_contents .separateblock table.particles td
{
width: 50%;
}
*html #center_contents .separateblock table.verbs,
*html #center_contents .separateblock table.particles
{
width: 735px;
}
#center_contents .separateblock table td.type
{
background-color: #f2f2f2;
}


#center_contents .separateblock table.counters th,
#center_contents .separateblock table.kosoado th,
.commonContents_inner table.verbs th
{
background-color: #cce2ff;
font-weight: normal;
}
#center_contents .separateblock table.kosoado td.eng
{
font-style: italic;
}
#center_contents .separateblock p.counter_links a:hover
{
background-color: #FFE6E6;
color: #f00;
text-decoration: none;
}
#center_contents .separateblock table.particles.sentence td
{
border-bottom: solid #ccc 1px;
}
#center_contents .separateblock table.particles.sentence td.end
{
border-bottom: none;
padding-bottom: 15px;
}

#center_contents .separateblock table.conversation td
{
padding: 3px 5px;
vertical-align: top;
text-align: left;
}
#center_contents .separateblock table.conversation td .sap_bar
{
height: 15px;
}
#center_contents .separateblock p.eng
{
font-style: italic;
}
#center_contents .separateblock table td.jp
{
width: 280px;
}

#center_contents  p.returntop.separate{background-image:url(../Images/Common/return-top.gif);
background-position:640px 5px;
background-repeat:no-repeat;}





.separateblock li.link, .separateblock p.link, .separateblock span.link, #center_contents p span.link,span.link
{
background: url(../Images/Common/link_arrow.gif);
background-repeat: no-repeat;
background-position: 1px 5px;
padding-left: 12px;
margin: 2px 0;
}

.separateblock dl dt
{
margin-top: 5px;
}
.separateblock p
{
margin: 5px 0 5px 0;
}

.separateblock table.counters, .separateblock table.kosoado, .separateblock table.verbs
{
border: 1px solid #eee;
border-collapse: collapse;
margin-bottom: 10px;
}

.separateblock table.counters td, .separateblock table.counters th, .separateblock table.kosoado td, .commonContents_inner table.kosoado th
{
border: 1px solid #ccc;
padding: 3px 5px;
vertical-align: top;
}
.separateblock table.verbs td, .separateblock table.verbs th
{
border: 1px solid #ccc;
padding: 2px;
vertical-align: top;
font-size: 85%;
}

* html .separateblock table.verbs td, * html .separateblock table.verbs th
{
font-size: 70%;
}

.separateblock table.counters th, .separateblock table.kosoado th, .separateblock table.verbs th
{
background-color: #cce2ff;
font-weight: normal;
}
.separateblock table.kosoado td.eng
{
font-style: italic;
}


#main_content,.main_content
{
width:auto;
float: left;
margin-left: 10px;
margin-right: 10px;
padding: 0 7px;
}



* html #main_content,* html .main_content
{
margin-left: 7px;
margin-right: 7px;
padding: 0 5px;
}



#main_content h2.info_h2,h2.info_h2
{
padding-bottom: 2px;
background-image: url(../Images/Common/h2_line.jpg);
background-position: 10px 18px;
background-repeat: repeat-x;
margin:10px 10px 20px 0;
font-size:1.5em;
color:#3F3FBC;
}

#main_content .block,.main_content .block
{
margin: 5px 0 10px 0;
text-align: left;
}




/*HOME
--------------------------*/

.home_contents{width: 495px;
background-color:#fff;
float:left;
margin-left:10px;
}

* html .home_contents{width: 490px;
margin-left:0px;
}

.home_contents .link_header{
margin-bottom:5px;
height:28px;
border-bottom:4px solid #202362;
}
.home_contents .link_header h3{float:left;
 font-size:12px;
font-family: Georgia,TimesNewRoman;
width:300px;
  border-bottom:none;
  margin-bottom:0;}

.home_contents .link_header .art_showall{float:right;
font-family: Verdana, Arial, helvetica, sans-serif;
font-size:12px;
}


.question.item .item.wrong{
background-color:#FFDBCE;
background-image: url(../images/StudyRoom/wrong.png);
background-repeat: no-repeat;
background-position: 3px 3px;
padding:0 25px;
}
*+ html .question.item .item.wrong{background-position: 3px 0px;}
* html .question.item .item.wrong{background-position: 3px 0px;}

.question.item .item span.wrong{
background-image: url(../images/StudyRoom/answer_wrong.png);
background-repeat: no-repeat;
background-position: 0 10px;
padding:10px 20px;}
*+ html .question.item .item span.wrong{background-position: 0 9px;}
* html .question.item .item span.wrong{background-position: 0 9px;}

.question.item .item.correct
{
background-color:#DDFFDD;
background-image: url(../images/StudyRoom/correct.png);
background-repeat: no-repeat;
background-position: 3px 3px;
padding:0 25px;
}

*+ html .question.item .item.correct{background-position: 3px 0px;}
* html .question.item .item.correct{background-position: 3px 0px;}


.question.item .item span
{
background-image: url(../images/StudyRoom/no_select.png );
background-repeat: no-repeat;
background-position:0 5px;
padding:10px 20px;}

.question.item .item span.correct
{
background-image: url(../images/StudyRoom/answer_correct.png );
background-repeat: no-repeat;
background-position:0 10px;
padding:10px 20px;}

*+ html .question.item .item span.correct{background-position: 0 9px;}
* html .question.item .item span.correct{background-position: 0 9px;}

.question.item{margin-bottom:10px;}


p.pleaselogin{margin-top:10px;margin-top:20px;text-align:center;}
p.pleaselogin span{font-size:1.2em;font-weight:bold;}

.vertical_border
{
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

.main_content_inner
{
width: 570px;
}



.home_contents .portlet.home table
{width:500px;
 height:206px;
 background-image:url(../images/StudyRoom/qbook_bg.png);
background-repeat:no-repeat;
background-position:0 3px;padding:5px;}
.home_contents .portlet.home table td{width:55%;text-align:left;vertical-align:top;}
.home_contents .portlet.home table td form{text-align:left;}

/*.home_contents .question.item{width:550px;}*/
.home_contents .question.item .checkanswer{border-bottom:dotted 1px #ccc;}
.home_contents .qbook.item{width:90%;margin:10px 0}  
.home_contents .qbook.item dt{font-size:1.2em;font-weight:bold;}
.home_contents .qbook.item dd{margin-left:15px;}


.home_contents .question.item p{margin-top:10px;}
.home_contents .question.item  ul.checkanswer{margin-top:10px;width:430px;}
.home_contents .question.item  ul.checkanswer li,
.view_contents ul.checkanswer li{display:inline-block;margin:10px 5px;}

/* html .home_contents .question.item  ul.checkanswer{width:450px;}
* html .home_contents .question.item  ul.checkanswer li,
.view_contents ul.checkanswer li{display:block;float:left;}
*+html .home_contents .question.item  ul.checkanswer{width:450px;}
*+html .home_contents .question.item  ul.checkanswer li,
.view_contents ul.checkanswer li{display:block;float:left;}*/

.home_contents h3{margin:0 0 5px 0px;border-bottom:3px solid #202362;
letter-spacing:3px;
color:#202362;padding-top:5px;padding-bottom:1px;}

.home_contents .portlet.home{
  border:1px solid #ccc;
  padding:5px;  
  -moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
margin-bottom:15px;
min-height:100px;
}

* html .home_contents .portlet.home{padding:2px; }


.home_contents .portlet.home table
{width:400px;

padding:5px;}
.home_contents .portlet.home table td{width:55%;text-align:left;vertical-align:top;}
.home_contents .portlet.home table td form{text-align:left;}

.home_contents .question.item{width:470px;margin-left:10px;}
* html.home_contents .question.item{width:440px;margin-left:0;}
*+ html .home_contents .test_level{float:left;clear:both;}
* html .home_contents .test_level{float:left;clear:both;}
*+ html .home_contents h4{clear:both;}
* html .home_contents h4{clear:both;}

.home_contents .question.item .checkanswer{border-bottom:dotted 1px #ccc;}
.home_contents .button_box{margin:5px 0;}


.test_level{-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-radius-top:20px;
border-top:1px solid #9C9DDA;
border-left:1px solid #9C9DDA;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
color:#fff;
background-color:#4D4FBB;
text-align:center;
padding:3px 5px;
width:80px;
margin-bottom:10px;
}


* html .question.item .test_level{float:left;}
*+html .question.item .test_level{float:left;}
* html .question.item h4{clear:both;}
*+html .question.item h4{clear:both;}

.home_block{
border-top:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
margin-bottom:10px;
padding:7px;
}

* html .home_block{clear:both;}
*+ html .home_block{clear:both;}


.home_post_container{
 border:1px solid #e3e3e3;
 background-color:#F5F3E8;}

.home_block p{padding:7px 25px 0 7px;}
.home_block h4{padding:10px 0 0 7px;font-size:1.2em;}




/*navibar
--------------------------*/

#navibar
{
width:210px;
float: left; 
padding: 0 5px;
}


#navibar h3.kanji
{
padding:3px;
text-align: left;
border-bottom:3px solid #990000;
color:#990000;
font-family:Georgia,TimesNewRoman;
letter-spacing:3px;
}
#navibar .infomation
{
height: 330px;
overflow: auto;
margin-top: 10px

}
#navibar .infomation h3
{
font-size: 12px;
font-family: Georgia,TimesNewRoman;
text-align: left;
margin: 3px 0px;
border-bottom: 4px solid #900;
letter-spacing: 3px;
color: #900;
}



#navibar .infomation dl
{
width:190px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
}
#navibar .infomation dl dt
{
font-size: 12px;
font-weight: bold;
}

#navibar .infomation dl dd
{
margin-bottom:10px;
}



.main_navi
{
width: auto;
float: left; 
padding: 0 5px;
}

.main_navi .inline.widget
{ border:none;font-size:0.8em;
  height:auto;}


#navibar .aboutjlpt
{
border-bottom: 1px solid #eee;
}

#navibar .aboutjlpt h3
{
font-size: 12px;
font-family: Georgia,TimesNewRoman;
text-align: left;
margin: 3px 0px;
border-bottom: 4px solid #202362;
letter-spacing: 3px;
color: #202362;
}


#navibar .todayskanji,.home_contents .aboutjlpt_detail
{
background: #fff;
width:auto;
border:1px solid #ccc;
padding:8px;
margin:0 auto;
margin-top:5px;
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
}

#navibar .todayskanji table{border-collapse:collapse;width:190px;}



#navibar .focused_kanji
{
font-size: 30px;
padding:15px 8px;
width:50%;
vertical-align:top;
text-align: center;
background: #F9F7EC;

}

#navibar .kanji_detail .kanji_level{
background:#f2f2f2;
font-style:italic;
    
}
#navibar .kanji_detail
{
font-size: 10px;vertical-align:top;padding:3px;border-collapse:collapse;
}

#navibar .kanji_detail.words{border-top:#CCFF00 dotted 1px;}
#navibar .kanji_level{color:#666;}
#navibar .kanji_detail.meaning .kanji_level{background:#FFFFE6;}

.aboutjlpt table td, .studyroom table td
{
vertical-align: top;
padding: 5px;
}

.aboutjlpt table .aboutjlpt_detail, .studyroom table .studyroom_detail
{
width: 350px;
background: #F9F7EC;
}

#navibar.general
{
width:185px;
float: left; 
padding: 0 5px;

}



#navibar.general h3.jlptinfo
{color:#000;
    font-size:1em;
    margin:10px 0 10px 10px;
text-align: left;
padding: 2px 5px;
	border:1px solid #CACAEA;
    background-color:#FFCC66;
    text-decoration:none;
    -moz-box-shadow: 1px 1px 2px #f3f3f3;
    -webkit-box-shadow: 1px 1px 2px #f3f3f3f;
    box-shadow: 1px 1px 2px #f3f3f3f;
}


#navibar.general h3
{color:#000;
    font-size:1em;
    margin:10px 0 10px 10px;
text-align: left;
padding: 2px 5px;
	border:1px solid #CACAEA;
    background-color:#C2D3FC;
    text-decoration:none;
    -moz-box-shadow: 1px 1px 2px #f3f3f3;
    -webkit-box-shadow: 1px 1px 2px #f3f3f3f;
    box-shadow: 1px 1px 2px #f3f3f3f;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
        background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFAB),
        color-stop(1.00, #FFFF71)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFAB 0%,
        #FFFF71 100%
    );
}


#navibar.general ul,#navibar.general .info
{margin-left: 10px;
    padding: 0 7px;
text-align:left
    }

#navibar.general li
{
margin-bottom:10px;
 background: url(../Images/Common/nav_list_mark_link.png);
background-repeat: no-repeat;
background-position:0px 7px;
padding-left:10px;
    }



/*Free Lesson
----------------------------*/
.grammar_intro
{
width: 680px;
text-align: left;
}
ul.verb_list
{
margin-bottom: 15px;
}
.eng
{
font-style: italic;
}
.jp
{
font-weight: bold;
}
.point
{
font-weight: bold;
color: #dc143c;
}
ul.verb_list li span.jp
{
font-weight: bold;
}

/*Preparation FAQ Support Help AboutUs
---------------------------------------------*/
.separateblock h3
{
color: #2952A5;
margin: 10px 0 3px 0;
font-size: 1.1em;

}
.separateblock li
{
text-align: left;
margin: 7px 0;
}

.contents_container h3{margin-top:5px;}
.contents_container h3 a:link
{
color: #2952A5;
text-decoration: none;
}
.contents_container h3 a:visited
{
color: #2952A5;
text-decoration: none;
}
.contents_container h3 a:hover
{
color: #00f;
text-decoration: underline;
}

.contents_container
{
width: 400px;
border: 1px solid #B9FFEE;
background-color: #F7FFFF;
margin:0;
padding: 5px;
}

*+ html .contents_container{float:left;}
*+ html .separateblock{clear:both;}
* html .contents_container{float:left;}
* html .separateblock{clear:both;}


.separateblock .question{
color: #000;
font-weight: bold;
font-style: italic;
}

.importantmsg,h3.importantmsg{color:#CC3300;}
.tolerance{color: #0066CC;font-weight:bold;}

.errormsg
{
text-align: left;
font-size: 0.9em;
color:#CC3300;
margin-left: 10px;
}

/*feedback
----------------------------*/
.feedback{margin-left:10px;}
.feedback th, .feedback td
{
text-align:left;
padding:3px;
}
.feedback th{color:#00753E;}

*+ html .feedback{float:left;}
* html .feedback{float:left;}

/*about JLPT
----------------------------*/
 .contents_table
{
border: 1px solid #ccc;
border-collapse: collapse;
margin: 5px 0 10px 5px;

}

.contents_table td,.contents_table th,
.commonContents_table td, .commonContents_table th
{
border: 1px solid #ccc;
padding: 4px;
text-align: left;
}
.contents_table th
{
background-color: #DFE6F2;
}




/*Android Promotion
-----------------------------*/
.separateblock .androidimage{width:600px;}

.separateblock .android_table{width:700px;}
.separateblock .android_table td{width:50%;vertical-align:top;}
.separateblock .android_table td.android_img{text-align:center;}
.separateblock .android_table td dt{font-weight:bold;}
.separateblock .android_table td{border-bottom:1px dotted #666}
.separateblock .android_table td.end{border:none;}
.separateblock .qrcode{margin-left:50px;}


/* Store Common */


#maincontent{margin:0 10px 10px 10px;
text-align: left;}


#maincontent .title
{
background-color: #0000B0;
width: 100%;
margin-bottom: 10px;
margin-left: 2px;
}

#maincontent .title h1
{
margin-left: 10px;
padding: 8px 0;
text-align: left;
color: #fff;
font-size: 1.2em;
}



.store_header
{
padding-bottom: 2px;
background-image: url(../Images/Common/h2_line.jpg);
background-position: 20px 28px;
background-repeat: repeat-x;
height: 35px;
margin-bottom: 5px;
width: 750px;
margin-left:20px;
margin-right:10px;
margin-top:10px;
}

*+html .store_header{float:left;width:770px;}
*html .store_header{float:left;width:770px;}

.store_header ul.store_tool
{
float: right;
}
.store_header ul.store_tool li
{
float:left;

}
.store_header .logo
{
    float:left;
/*width: 510px;
margin: 5px 0 0 5px;*/
}

*html .center_content{clear:both}
*+html .center_content{clear:both}

li.btn1
{
width: 600px;
}
li.checkout, li.viewcart
{
width: 105px;
text-align: right;
padding-right: 5px;
padding-top: 7px;
background-image: url(../Images/Common/store_btn.png);
background-repeat: no-repeat;
background-position: 0 5px;
height: 28px;
border: none;
font-family: Verdana, Arial, helvetica, sans-serif;
text-align: center;
}

.store_header li.link a
{
color: #000;
text-decoration: none;
}
.store_header li.link a:visited
{
color: #000;
text-decoration: none;
}
.store_header li.link a:hover
{
color: #000;
text-decoration: none;
}

p.top_image
{
margin-left: 40px;
}
.product_list
{
margin: 10px 0;
}
.product_list.review
{
margin: 10px;
}



/* Store Default*/
table.products_list
{
width: 560px;
border-bottom: 1px dotted #B1C3D9;
margin-bottom: 3px;
}


/*ViewCart CheckoutViewCart  
-------------------------------------*/
table.products_view td, table.products_view th
{
border-bottom: 1px dotted #B1C3D9;
border-top: none;
margin-bottom: 3px;
}
table.products_view
{
width: 730px;
}
td.products_thumbnail
{
text-align: center;
width: 100px;
}
table.products_view td.product_description
{
width: 310px;
}
table.products_view td.unit_price
{
width: 80px;
text-align: right;
}
table.products_view td.quantity
{
width: 80px;
text-align: right;
}
table.products_view td.price
{
width: 80px;
text-align: right;
}
.products_view td.checkout_total
{
border-bottom: none;
text-align: right;
font-weight: bold;
}
.cart_tools
{
text-align: right;
}


/* Store table Common
--------------------------*/
td.products_thumbnail
{
text-align: center;
width: 110px;
}


/*Store Checkout
--------------------------*/

td.calculations_review
{
text-align: right;
}
table.products_view.calculations_view
{
border: 1px solid #ccc;
border-collapse: collapse;
}
table.products_view.calculations_view td, table.products_view.calculations_view th
{
margin: 5px 0 0 5px;
border: 1px solid #ccc;
}


.test_list
{
width: 730px;
}
table.products_list td, table.products_view td, .test_list
{
padding: 3px;
vertical-align: top;
}
.product_name
{
font-weight: bold;
display: inline;
text-align: left;
}
.product_description p b{font-weight:normal;color:#00753E;font-style:italic;border-bottom:dotted 1px #00753E}
.products_list .price{font-weight:bold;margin:10px 0;}


span.add_cart
{
border: 1px solid #ccc;
background-color: #eee;
}
span.price
{
font-weight: bold;
}
.products_list_footer
{
text-align: center;
}
p.store_message
{
margin-left: 10px;
color: #300;
font-size: 1.1em;
}

table.shopping_cart
{
width: 650px;
margin-left: 30px;
margin-top: 10px;
border: 1px solid #B1C3D9;
border-collapse: collapse;
}



table.shopping_cart td
{
border: 1px solid #B1C3D9;
padding: 2px;
vertical-align: top;
}

table.shopping_cart td .price
{
text-align: left;
font-weight: bold;
}


table.store_form
{
width: 600px;
margin: 10px 0 10px 30px;
}


table.store_form.payment, .test_list
{
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
}
table.store_form td
{
vertical-align: top;
}
table.store_form td input, table.store_form td textarea
{
text-align: left;
font-size: 14px;
}
table.store_form td option, table.store_form td select
{
text-align: left;
}
h4.store_h4
{
margin-top: 15px;
color: #f60;
}
h3.store_h3
{
margin: 5px 0;
color:#3F3FBC;
border-bottom:2px solid #BCC7DB;
font-size:1.3em;
}
h4.store_h4.payment
{
margin-left: 20px;
}
.CheckoutReview_orderid{border:1px solid #fff;background-color:#333;color:#fff;text-align:left;}





.contents_footer_button
{
margin-top: 10px;width: 280px;
}

.billing_information, .shipping_information, .payment_details, .message
{
margin-left: 10px;
}
.billing_information h3, .shipping_information h3, .payment_details h3, .message h3
{
color: #333;
}
.payment_details.review, .shipping_information.review,payment_details.review,.billing_information, .shipping_information
{
border-top: solid 1px #ccc;
padding-bottom: 10px;
padding-top: 0;
}
table.review_table
{
width: 550px;
}
table.review_table td.review_label
{
width: 200px;
}
table.review_table td.review_item
{
width: 350px;
}
table.calculations.review
{
margin-left: 20px;
}

td.calculations_review
{
text-align: right;
}
table.products_view.calculations_view td, table.products_view.calculations_view th
{
margin: 5px 0 0 5px;
border: 1px solid #ccc;
}


table.bank_transfer
{
width: 500px;
border-collapse: collapse;
margin: 5px 0 0 5px;
border: 1px solid #ccc;
background-color: #FFFAF4;
}
table.bank_transfer td, table.bank_transfer th
{
border: 1px solid #ccc;
padding: 3px;
}

table.bank_transfer caption
{
text-align: left;
font-weight: bold;
margin-top: 10px;
}

p.confirm
{
font-weight: bold;
}

/*Products PopUp Window
------------------------------*/
table.products_view_pop
{
width: 400px;
border: none;
}
.product_header
{
margin-top: 5px;
}
.review_textarea
{
text-align: left;
}


/*Checkout Calculations*/
table.calculations
{
width: 230px;
margin: 0 auto;
margin-bottom: 10px;
border: 2px double #CC6699;
background-color: #FFECD9;
}
table.calculations td
{
padding: 5px;
}
td.calculations_label
{
width: 80px;
}
td.calculations_item
{
text-align: right;
padding-right: 30px;
}
td.calculations_total
{
border-top: 1px solid #000;
text-align: right;
font-weight: bold;
}
td.cart_tools
{
text-align: right;
}


.new_member
{
width: 200px;
float: left;
border: 1px double #FFAE3A;
padding: 10px;
margin-left: 50px;
}
.new_member p
{
text-align: center;
}
.login_conteiner
{
width: 250px;
margin-left: 30px;
float: left;
}
ul.login_list
{
width: 180px;
margin: 0 auto;
}

p.checkout_p
{
margin: 10px 0 0 5px;
}
li.user
{
font-size: 0.8em;
text-align: left;
}
li.buttons
{
margin: 5px 5px;
}
li.buttons.member_login
{
text-align: left;
margin-left: 40px;
cursor: hand;
}
.login_massage
{
text-align: center;
}
.same_address
{
text-align: left;
margin-left: 10px;
}

#ctl00_mainContent_LoginButton
{
cursor: hand;
}
#ctl00_mainContent_InvalidCredentialsMessage
{
color: #f00;
}

/*Store discounts*/
.discounts
{
width: 300px;
padding: 5px;
border: 1px solid #f90;
margin: 0 0 10px 10px;
}
.discounts p
{
margin-bottom: 10px;
}


/* Store Special */
ul.timeoffer li
{
margin-bottom: 20px;
}
span.step
{
color: #f30;
}



/* Member_ship
-------------------------*/
table.member_ship
{
width: 500px;
margin-left: 10px;
}
.input_mini
{
width: 120px;
}
.input_max
{
width: 280px;
}
.input_middle
{
width: 200px;
}

table.member_ship th
{
text-align: left;
color: #F60;
}
td.ask
{
width: 200px;
}
td.form
{
}
.mandatory, .character_set
{
font-size: 0.8em;
}
.mandatory_mark
{
color: #F00;
font-size: 0.8em;
}
th.terms
{
padding-top: 10px;
}
.container_center
{
margin: 0 auto;
}
.container_center p
{
margin-left: 10px;
}

.submit_small
{
background-image: url(../Images/Common/submit.png);
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 3px;
width: 78px;
height: 28px;
border: none;
font-family: Verdana, Arial, helvetica, sans-serif;
text-align: center;
}
.submit_long
{
background-image: url(../Images/Common/submit_long.png);
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 3px;
width: 140px;
height: 28px;
border: none;
font-family: Verdana, Arial, helvetica, sans-serif;
text-align: center;
}




/* Resources 
-------------------------*/
.separateblock li.resources
{
background: url(../Images/Common/link_download.gif);
background-repeat: no-repeat;
background-position: 1px 5px;
padding-left: 12px;
}

/* Free Sample Voucher
-------------------------*/
.myvoucher
{
text-align: left;
height: 28px;
border: none;
font-family: Verdana, Arial, helvetica, sans-serif;
margin-top: 20px;
}


table.sample_voucher
{
margin-top: 10px;
}
table.sample_voucher td
{
vertical-align: top;
padding: 5px;
}
table.sample_voucher td p
{
margin-bottom: 5px;
}
.sample_voucher_right
{
border-left: 1px dotted #ccc;
padding-left: 15px;
width: 380px;
}
ol.voucher
{
margin-left: 20px;
}
ol.voucher li
{
list-style-type: decimal;
}


.member_main.member_top,.store_conteiner
{
width: 580px;
float:left;
border-left:1px solid #eee;
padding-left:15px;
}


.test_name
{
text-align: left;
font-weight: bold;
margin-top: 10px;
}
.test_description
{
text-align: left;
padding: 3px;
}
.test_list td
{
vertical-align: top;
width: 620px;
}
td.test_thumbnail
{
text-align: center;
width: 120px;
}


p.returntop
{
text-align: right;
background: url(../Images/Common/return-top.gif);
background-repeat: no-repeat;
background-position: 860px 5px;
padding-left: 12px;
}





#sidebar
{
width: 200px;
float: right;
margin-right: 20px;
}


.jlpt_official
{
border: 1px solid #39c;
width: 155px;
background: #F2FBFF url(../Images/Common/jlpt_official_bg.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}


table.ri_menu
{
background: url(../Images/Common/ri_me_back.jpg);
background-repeat: repeat-x;
width: 155px;
margin-bottom: 1px;
vertical-align: top;
border: 1px solid #B0C6EC;
}
table.ri_menu td
{
vertical-align: top;
text-align: center;
padding: 1px;
}
table.ri_menu td p
{
font-weight: bold;
color: #009;
}

table.ri_menu td.img
{
width: 52px;
}
table.ri_menu td a:hover
{
text-decoration: none;
}
.now_text
{
font-weight: bold;
color: #c30;
}



#sidebar .studyroom_banner{background: url(../Images/Common/jlpt_studyroom.png);
background-repeat:no-repeat;
width:200px ;
height:248px;}
#sidebar .studyroom_banner ul{padding-top:180px;}
#sidebar .studyroom_banner li.study_merit{font-weight:bold;color:#fff;text-align:center;}
#sidebar .studyroom_banner li.register_button{width:150px;margin-top:10px;margin-left:20px;font-weight:bold;}

#sidebar h3.android_head{color:#3F8CD9;border-bottom: 4px solid #3F8CD9;font-family:Georgia,TimesNewRoman;letter-spacing:3px;margin-bottom:5px;}
#sidebar .android
{background: url(../Images/Common/home_android.png);
background-repeat:no-repeat;
width:194px ;
height:155px;
font-size:15px;

    }

#sidebar .android .android_text
{padding-top:10px;
 padding-left:20px;
 font-family:Century Gothic;
 font-weight:bold;
    }
  #sidebar .android .android_text a{ color:#990000;}  
    

#footer
{
width: 930px;
margin: 20px auto 0 auto;
}
.footer_links ul
{
text-align: center;
}

.footer_links li
{
display: inline;
margin-right: 10px;
text-align: center;
}

.copyrights
{
border-top: 2px solid #009;
}

.copyrights p
{
text-align: center;
font-size: 10px;
}



/*Expanded Menu 
-----------------------*/	
.nav_container{padding:0;margin:0; width: 950px;margin-left:15px}
* html .nav_container{margin-left:0}
*+ html .nav_container{margin-left:0}
* html .nav_container span.expandedbutton{float:left;}
*+ html .nav_container span.expandedbutton{float:left;}


#nav_expanded { background-color: #FFFFE8; width: 950px; margin-bottom: -8px ; }
#nav_expanded p { margin: 0 }
#expanded_icon { padding-right: 3px }
#expanded_table_header { visibility: hidden;display: none }
#expanded_content table {padding-top:10px;margin-left: 8px;display: block;border-collapse:collapse ;}
* html #expanded_content table{margin-left:0;padding-top:10px;}
*+ html #expanded_content table{margin-left:0;padding-top:10px;}

* html #expanded_content table td{padding-top:10px;}
*+ html #expanded_content table td{padding-top:10px;}

#expanded_content table td{vertical-align:top;font-size:0.8em;}
#expanded_content {margin-left: 0px; width: 950px;  border-right: 1px solid #e6e4db;display: none }
.expanded li{ padding-bottom: 5px;  list-style-image:url("../Images/Common/nav_list_mark.png"); list-style-position: inside }
.expanded li.resources{ padding-bottom: 5px;  list-style-image:url("../Images/Common/nav_list_mark_resource.png"); list-style-position: inside }

#expanded_content a { text-decoration: none; border-bottom: none } 




#toggle { border: none; width:160px; display: block ;}
#toggle img { padding-top: 1px; margin-top: 1px; vertical-align: text-bottom; margin-right: 0px }
#toggle:focus { border: none; outline: none }
#toggle:active { border: none; outline: none }



.bottom_tool{
 margin:10px;
 padding-top:10px;
 border-top:1px dotted #ccc;
}


.home_post_container .bottom_tool{
  text-align:right;
 margin-right:20px;
  border-top:1px dotted #ccc;
 }

/*button
---------------------------------*/

html* a.button {display:inline-block}
html+* a.button {display:inline-block}


html* .button {background-color:#ffff71;}

.button, .button:link, .button:visited
{
	padding: 2px 5px;
	border:1px solid #ccc;
    background-color:#ffff71;
    color:#000;
    text-decoration:none;
    -moz-box-shadow: 1px 1px 2px #969696;
    -webkit-box-shadow: 1px 1px 2px #969696;
    box-shadow: 1px 1px 2px #969696;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFAB),
        color-stop(1.00, #FFFF71)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFAB 0%,
        #FFFF71 100%
    );
    
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
}

.button:hover
{
	-moz-box-shadow: 3px 3px 4px #969696;
    -webkit-box-shadow: 3px 3px 4px #969696;
    box-shadow: 3px 3px 4px #969696;
    border-color: #DDDDDD;
    
    background-color: #FFFFDE;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFDE),
        color-stop(1.00, #FFFF20)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFDE 0%,
        #FFFF20 100%
    );
}

.button:active
{
	-moz-box-shadow: 1px 1px 1px #969696;
    -webkit-box-shadow: 1px 1px 1px #969696;
    box-shadow: 1px 1px 1px #969696;
	
	background-color: #FFFF20;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFDE),
        color-stop(0.40, #FFFF20)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFDE 0%,
        #FFFF20 40%
    );
}

.button:hover
{
	-moz-box-shadow: 3px 3px 4px #969696;
    -webkit-box-shadow: 3px 3px 4px #969696;
    box-shadow: 3px 3px 4px #969696;
    border-color: #DDDDDD;
    
    background-color: #FFFFDE;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFDE),
        color-stop(1.00, #FFFF20)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFDE 0%,
        #FFFF20 100%
    );
}

.button:active
{
	-moz-box-shadow: 1px 1px 1px #969696;
    -webkit-box-shadow: 1px 1px 1px #969696;
    box-shadow: 1px 1px 1px #969696;
	
	background-color: #FFFF20;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFFFDE),
        color-stop(0.40, #FFFF20)
    );
    background:-moz-linear-gradient(
        center top,
        #FFFFDE 0%,
        #FFFF20 40%
    );
}

html* .button.purple{background-color:#B1B3E0;}

.button.purple 
{background-color:#B1B3E0;
 background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.29, rgb(255,255,171)),
        color-stop(0.86, rgb(255,255,113))
    );
    background:-moz-linear-gradient(
        center top,
        rgb(255,255,171) 29%,
        rgb(255,255,113) 86%
    );}
    
    
    
 .button.purple :hover
{

    background-color:#4348A7;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #8D8FD3),
        color-stop(1.00, #4348A7)
    );
    background:-moz-linear-gradient(
        center top,
        #8D8FD3 0%,
        #4348A7 100%
    );
}


.button.purple:active
{
	-moz-box-shadow: 1px 1px 1px #969696;
    -webkit-box-shadow: 1px 1px 1px #969696;
    box-shadow: 1px 1px 1px #969696;
	
	background-color: #E8E8F7;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #E8E8F7),
        color-stop(1.00, #CDCEEB)
    );
    background:-moz-linear-gradient(
        center top,
        #E8E8F7 0%,
        #CDCEEB 100%
    );
}
   
 
html* .button.gray{background-color:#e2e2e2;}
 
 .button.gray 
{background-color:#e2e2e2;
 background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #E2E2E2),
        color-stop(1.00, #C6C6C6)
    );
    background:-moz-linear-gradient(
        center top,
        #E2E2E2 0%,
        #C6C6C6 100%
    );
}


 .button.gray:hover
{

    background-color: #959595;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #E2E2E2),
        color-stop(1.00, #8B8B8B)
    );
    background:-moz-linear-gradient(
        center top,
        #E2E2E2 0%,
        #8B8B8B 100%
    );
}


.button.gray:active
{
	-moz-box-shadow: 1px 1px 1px #969696;
    -webkit-box-shadow: 1px 1px 1px #969696;
    box-shadow: 1px 1px 1px #969696;
	
	background-color:#F3F3F3;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #F3F3F3),
        color-stop(1.00, #DFDFDF)
    );
    background:-moz-linear-gradient(
        center top,
        #F3F3F3 0%,
        #DFDFDF 100%
    );
}

 .button.blue a, .button.blue a:link, .button.blue a:visited
{ color:#fff;}

html* .button.blue{background-color:#319DFB;}

 .button.blue
{padding: 5px 5px;
 background-color:#319DFB;
 background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #4EA6F5),
        color-stop(1.00, #108CF1)
    );
    background:-moz-linear-gradient(
        center top,
        #319DFB 0%,
        #0971C6 100%
    );
}

 .button.blue:hover
{ color:#fff;}

 .button.blue:hover
{

    background-color:#0971C6;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #0A89F1),
        color-stop(1.00, #0967B5)
    );
    background:-moz-linear-gradient(
        center top,
        #0971C6 0%,
        #0760A7 100%
    );
}

.button.blue:active
{color:#333;}

.button.blue:active
{
	-moz-box-shadow: 1px 1px 1px #969696;
    -webkit-box-shadow: 1px 1px 1px #969696;
    box-shadow: 1px 1px 1px #969696;
	
	background-color:#DEF0FE;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #DEF0FE),
        color-stop(1.00, #A2D2FB)
    );
    background:-moz-linear-gradient(
        center top,
        #DEF0FE 0%,
        #A2D2FB 100%
    );
}


html* .button.orange{background-color:#FF9900;}

 .button.orange
{padding: 2px 5px;
 background-color:#FF9900;
 background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FF9900),
        color-stop(1.00, #FF6600)
    );
    background:-moz-linear-gradient(
        center top,
        #FF9900 0%,
        #FF6600 100%
    );
}


 .button.orange:hover
{

    background-color: #FF6600;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FF9900),
        color-stop(1.00, #BF4D00)
    );
    background:-moz-linear-gradient(
        center top,
        #FF9900 0%,
        #BF4D00 100%
    );
}


.button.orange:active
{
	-moz-box-shadow: 1px 1px 1px #969696;
    -webkit-box-shadow: 1px 1px 1px #969696;
    box-shadow: 1px 1px 1px #969696;
	
	background-color:#FFBE93;
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #FFBE93),
        color-stop(1.00, #FF934A)
    );
    background:-moz-linear-gradient(
        center top,
        #FFBE93 0%,
        #FF934A 100%
    );
}

.button.disabled
{color:#ccc;
}

 .button.disabled{
 -moz-box-shadow: 1px 1px 1px #fff;
    -webkit-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
background-color:#F8F5E9;
border:1px solid #DDDDDD;
 background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #F8F5E9),
        color-stop(1.00, #F8F5E9)
    );
    background:-moz-linear-gradient(
        center top,
        #F8F5E9 0%,
        #F8F5E9 100%
    );
}
    


 .button.disabled:hover
{-moz-box-shadow: 1px 1px 1px #fff;
    -webkit-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
    background-color:#F8F5E9;
    border:1px solid #DDDDDD;
 background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #F8F5E9),
        color-stop(1.00, #F8F5E9)
    );
    background:-moz-linear-gradient(
        center top,
        #F8F5E9 0%,
        #F8F5E9 100%
    );
}    


.button.disabled:active
{-moz-box-shadow: 1px 1px 1px #fff;
    -webkit-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
    background-color:#F8F5E9;
    border:1px solid #DDDDDD;
 background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.00, #F8F5E9),
        color-stop(1.00, #F8F5E9)
    );
    background:-moz-linear-gradient(
        center top,
        #F8F5E9 0%,
        #F8F5E9 100%
    );
}    



/*
Colors
---------------------------*/
.caption{color:#7B2800;}
.pointcolor{color:#0066CC;}
.field-validation-error,.error{color:#CC3300;}




.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}