@charset "UTF-8";
sup {
font-size: .55em;
}
#wrapper{
padding:10px;
font-family:Arial,sans-serif;
font-size:14px;
margin: 0 auto;
/* width: 700px; */
}
#wrapper h2{
font-size:18px;
}
.promo_box{
border:4px solid #89BC05;
background-color:#CE0740;
color:#FFF;
padding:0px;
margin:10px auto;
text-align:center;
}
#TOEIC_tests_discount .promo_box{
background-color:#F59000;
}
.promo_box p{
padding-left:12px;
padding-right:12px;
}
.promo_box h2{
background-image:url(../img/wooden_closed.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:100% 100%;
height:60px;
padding:20px 10px 30px;
margin:0 auto;
font-size:20px;
font-weight:normal;
}
.promo_box h2 span{
display:block;
font-weight:bold;
}
.promo_box .booster_pointing{
background-image:url(../img/booster_pointer.png);
background-repeat:no-repeat;
background-position:top left;
width:162px;
height:148px;
position:absolute;
top:-148px;
left:30px;
}
.promo_box .booster_pointing_left{
background-image:url(../img/booster_pointer_flipped.png);
background-repeat:no-repeat;
background-position:top left;
width:162px;
height:148px;
position:absolute;
top:-148px;
right:30px;
}
.promo_box #floated_right{
float:right;
width:380px;
padding:0 10px 0 0;
margin:0;
text-align:left;
}
.promo_box #floated_left{
float:left;
width:300px;
padding:0px 10px 0 30px;
margin:0;
text-align:left;
}
.promo_box span{
font-weight:bold;
display:inline;
}
.promo_box span.small_title{
padding-left:30px;
font-weight:bold;
font-size:larger;
display:inline;
}
.promo_box ul{
text-align:left;
}
.promo_box ul li{
padding:10px 0px;
} 
.promo_box .sign_up_box_wrapper{
clear:both;
position:relative;
}
.promo_box .sign_up_box{
background-color:#215000;
padding:16px;
}
.promo_box .sign_up_box a{
display:inline;
text-align:center;
color:#ffffff;
padding:5px 15px;
font-size:20px;
font-weight:bold;
margin:10px auto;
border:1px solid #384E02;
border-top:1px solid #9ED907;
border-left:1px solid #9ED907;
background-color:#89BC05;
width:auto;
cursor:pointer;
text-decoration:none;
}
.promo_box .sign_up_box a:hover{
background-color:#6C9505;
}
.promo_box .sign_up_box .promo_code{
background-color:#B6C6AC;
border:1px solid #D8E1D3;
color:#263020;
padding:10px;
margin:4px auto 12px auto;
font-size:16px;
}
#TOEIC_test_simulation .promo_box .sign_up_box .promo_code{
width:400px;
}
#TOEIC_tests_discount .promo_box .sign_up_box .promo_code{
width:auto;
}
.promo_box  .info_wrapper{
min-height:190px;
color: #263020;
}
.left{
float:left;
width:50%;
}
.left p,.right p{
padding-top:0px;
padding-bottom:0px;
}
.right{
float:right;
width:47%;
margin-left:10px;
}
.clear{
clear:both;
}
.centered{
margin:0 auto;
}

/*       TABS             */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
}
.tab_content h3 {
	font-size: 16px;
}