@charset "utf-8";

/*====================================================================

common.css

====================================================================*/

/*--------------------------------------------------------------------
01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
   margin:0;
   padding:0;
   font:normal normal normal 100%/1.7 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
   border:none;
}
hr{display:none;}
li{list-style-type: none;}



/*text
----------------------------------------------------------------*/

h2 {
	font-size:17px;
}


h3 {
	font-size:15.5px;
	
}



h4 {
	font-size:12px;
}


h5 {
	font-size:11px;
	
}


/*a  b6d2ee   2a4bb0 057c87 5d1d82
----------------------------------------------------------------*/
a{
   color:#151515;
   text-decoration: underline;
}
a:visited{
   color:#151515;
   text-decoration:underline;
}
a:hover{
   color:#057c87;
   text-decoration:none;
}
a:active{
   color:151515;
   text-decoration:none;
}



/*--------------------------------------------------------------------
02.body
--------------------------------------------------------------------*/
html{
   height: 100%;
   background: #015fe7 url(../img/common/bg_00.jpg) no-repeat left top;
}

body{
   height: 100%;
   color: #303030;
   font-size: 12px;
   text-align: center;
   line-height: 1.8;
}

#wrapper{
   position: relative;
   height: 100%;
   min-height
   margin: 0 auto;
   background: url(../img/common/bg_contents.gif) repeat-y center top;
}
body > #wrapper{
   min-height: 100%;
   height: auto;
}

#container{
   width: 950px;
   text-align: left;
   margin: 0 auto;
}



/*--------------------------------------------------------------------
03.header
--------------------------------------------------------------------*/
#head{
   position: relative;
   height: 85px;
   background: url(../img/common/head.gif) no-repeat;
   overflow: hidden;
}
#head.english{
   background: url(../img/common/head_en.gif) no-repeat;
}
#head h1{
   position: absolute;
   left: 226px;
   top: 4px;
   width: 720px;
   height: 25px;
   line-height: 25px;
   text-align: right;
   font-size: 10px;
   color: #4d6d97;
}
#head div#logo,
#head div#logo a{
   width: 194px;
   height: 44px;
}
#head div#logo{
   position: absolute;
   left: 0;
   top: 26px;
}
#head div#logo a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
#head div#language{
   position: absolute;
   width: 72px;
   height: 21px;
   left: 780px;
   top: 47px;
   overflow: hidden;
}
#head div#language ul,
#head div#language ul li,
#head div#language ul li a{
   display: block;
   height: 21px;
}
#head div#language ul li,
#head div#language ul li a{
   width: 72px;
}
#head div#language ul li{float: left;}
#head div#language ul li a{
   text-indent: -9999px;
   overflow: hidden;
}
#head div#language ul li#jp a{background-position: 0 1px;}
#head div#language ul li#en a{background-position: 0px 0px;}
#head div#language ul li a:hover{
   background-repeat: no-repeat;
   background-image: url(../img/common/language_hover.gif);
}

#head div#navi{
   position: absolute;
   left: 235px;
   top: 46px;
   width: 544px;
   height: 23px;
   overflow: hidden;
}
#head div#navi ul,
#head div#navi ul li,
#head div#navi ul li a{
   display: block;
   height: 23px;
}
#head div#navi ul li{
   float: left;
}
#head div#navi ul li a{
   text-indent: -9999px;
   overflow: hidden;
}

#head div#navi ul li#navi1 a{width: 109px;background-position:    0px 0;}
#head div#navi ul li#navi2 a{width:  79px;background-position: -109px 0;}
#head div#navi ul li#navi3 a{width:  79px;background-position: -188px 0;}
#head div#navi ul li#navi4 a{width:  80px;background-position: -267px 0;}
#head div#navi ul li#navi5 a{width:  68px;background-position: -347px 0;}
#head div#navi ul li#navi6 a{width: 120px;background-position: -415px 0;}
#head div#navi ul li a:hover{background-image: url(../img/common/navi_hover.gif);}

#head div#jpp,
#head div#jpp a{
   width: 93px;
   height: 21px;
}
#head div#jpp{
   position: absolute;
   left: 857px;
   top: 47px;
   overflow: hidden;
}
#head div#jpp a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
#head div#jpp a:hover{
   background: url(../img/common/jpp_hover.gif) no-repeat;
}




/*--------------------------------------------------------------------
03.header
--------------------------------------------------------------------*/
/*#header-wrapper {
	
	width: 950px;
	height: 74px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
}

#header-wrapper #tagline {
	
	width: 950px;
	height: 11px;
	text-align:right;
	color:#b6d2ee;
	font-size:9px;
	margin: 0px auto;
	padding: 0px;
	letter-spacing: 0.1px;
	margin-right:0px;
	margin-top:12px;
}

#header{
	
   height: 74px;
   overflow: hidden;
}
#header:after{
	
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#header div#logo,
#header div#logo a{
   
   background: url(../img/common/head.gif) no-repeat 0 -30px;
   width: 194px;
   height: 44px;
}
#header div#logo{margin-top: 5px;}
#header div#logo a{
	
   float:left;
   display:inline;
   text-indent: -9999px;
   overflow: hidden;
}


/*Header Menu 
#header div#nav {
	float:right;
	margin-top: -35px;
	
}

#header #nav ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#header #nav li {
	float: left;
	color: #d5d5d5;
}

#header #nav a {
	padding: 0px 7.5px 0px 7.5px;
	text-decoration: none;
	font-size: 10px;
	color: #151515;
}

#header #nav a:hover {
	text-decoration: underline;
	color: #0098A4;
}

#header #nav .first a {
	background: none;
}

#header #nav .last a {
	padding: 0px 0px 0px 7.5px;
	
}
*/


/*--------------------------------------------------------------------
04.contents
--------------------------------------------------------------------*/
#contents{
   position: relative;
   width: 950px;
   height: auto;
   padding-bottom: 100px;
}

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




/*--------------------------------------------------------------------
05.footer
--------------------------------------------------------------------*/
#footer{
   position: absolute;
   bottom: 0;
   height: 100px;
   width: 950px;
   background: url(../img/common/foot_bg.gif) no-repeat bottom;
	margin: 0px auto;
	padding: 0px;
	letter-spacing: 0.1px;
	overflow: hidden;
}
#footer div{
   width: 950px;
   background: url(../img/common/foot_border.gif) no-repeat top;
   overflow: hidden;
}
#footer div ul,
#footer div ul li{
   display: block;
}
#footer div ul{
   margin-top: 27px;
   padding-bottom: 17px;
}
#footer div ul li{
   text-align: center;
   color: #a8a8b1;
}
#footer p{
   height: 37px;
   color: #545458;
   line-height: 37px;
   text-align: center;
   font-size: 10px;
   font-family: Helvetica;
   /*padding: 60px 0 0px;*/
}

#footer p a{
	color:#545458;
}


/*--------------------------------------------------------------------
06.others
--------------------------------------------------------------------*/
.block{display: block;}
.right{float: right;}







/*--------------------------------------------------------------------
07.level2
--------------------------------------------------------------------*/
#container{
}
#contents{
   margin-top: 0px;
   
}
#leftpane{
   float: left;
   width: 715px;
   margin-right: 10px;
   background: url(../img/common/lv2_bg.gif) repeat-y top;
   border-top: solid 1px #e5e5e5;
   border-bottom: solid 1px #e5e5e5;
   padding-bottom: 30px;
}
#boxbg{
   width: 715px;
   background: url(../img/common/lv2_bg_top.gif) no-repeat center top;
}
#rightpane{
   float: left;
   width: 225px;
}

/*rightpane
-----------------------------------------------*/
/*side_login*/
#side_login,
#side_login ul,
#side_login ul li,
#side_login ul li a{
   display: block;
   width: 225px;
}
#side_login ul li,
#side_login ul li a{
   height: 75px;
}
#side_login ul li a{
   text-indent: -9999px;
   overflow: hidden;
}
#side_login ul li a:hover{
   background: #fff;
   opacity:0.2;
   filter: alpha(opacity=20);
}
#sl1{background: url(../img/common/sl1.jpg);}
#sl2{background: url(../img/common/sl2.jpg); margin-top: 5px;}
#leftpane h3{margin: 0 !important;}
/*side_guide*/
#side_guide{
   height: 51px;
   background: url(../img/common/guide_btn_bg.gif) no-repeat left top;
   overflow: hidden;
}
#side_guide a{
   display: block;
   width: 225px;
   height: 45px;
   text-indent: -9999px;
   overflow: hidden;
   margin-top: 5px;
}
#side_guide a:hover{
   background: #fff;
   opacity:0.2;
   filter: alpha(opacity=20);
}
/*side_navi*/
#side_navi,
#side_navi ul,
#side_navi ul li{
   display: block;
   width: 225px;
}
#side_navi{
   margin-top: 5px;
}
#side_navi ul li{
   background: url(../img/common/sidenavi_bg1.gif) repeat-x left top;
   border-bottom: solid 1px #f3f3f3;
   margin-bottom: 1px;
   padding: 4px 0 2px;
}
#side_navi ul li a{
   display: block;
   color: #086fa3;
   text-decoration: none;
   background: url(../img/common/sidenavi_bg2.gif) no-repeat left 8px;
   padding: 3px 0 2px 18px;
}
#side_navi ul li a:hover{
   
}
/*side_bnr*/
#side_bnr{
   margin-top: 10px;
}
#side_bnr a,
#side_bnr a img{
   display: block;
}
#side_bnr a{margin-bottom: 3px;}

/*box*/
.boxbg{
   width: 715px;
   background: url(../img/common/lv2_bg.gif) repeat-y top;
   margin-top: 0;
}
.boxbg_in{
   width: 715px;
   background: url(../img/common/lv2_bg_top.gif) no-repeat center top;
   overflow: hidden;
   padding-bottom: 30px;
}
.box{
   width: 655px;
   margin: 30px 0 0 30px;
}
.box:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.box p{
   margin-top: 10px;
}
.box img.right{
   display: block;
   margin: 0 0 5px 15px;
}



/*--------------------------------------------------------------------
02.assessment
--------------------------------------------------------------------*/
#loginbox{
   width: 950px;
   height: 650px;
   overflow: hidden;
   padding-bottom: 10px;
}
#loginbox table{
   width: 950px;
   margin: 50px 0 0 0;
   background: #cfd5d8;
}
#loginbox table th,
#loginbox table td{
   text-align: left;
   padding: 10px 20px;
}
#loginbox table th{
   font-size: 20px;
   text-align: center;
   background: #fff;
}
#loginbox table td{
   background: #fff;
}
#loginbox table td input{
   width: 690px;
   height: 40px;
   background: #ddd;
   border: solid 1px #bbb;
   color: #555;
   font-size: 28px;
}

#btn{margin-top: 15px;}
#flash_a{
   width: 950px;
   height: 650px;
   margin: 0 auto;
}

#english{
   height: 400px;
}


/*--------------------------------------------------------------------
01.Assessment
--------------------------------------------------------------------*/
#container div#assessment{
   height: 700px;
   text-align: center;
   background: #fff;
   overflow: hidden;
}
#container div#assessment div#flash{
   with: 822px;
   height: 536px;
   background: url(../img/assessment/test_bg.jpg) no-repeat;
   margin: 20px auto 0;
}


#assessment table{
   width: 535px;
   margin: 150px auto 0;
}
#assessment table th{
   background: #ededed;
   font-size: 16px;
   padding: 10px 0;
}
#assessment table td{
   vertical-align: middle;
   padding: 10px 0;
}
.pp{
   width: 300px;
   height: 44px;
   line-height: 44px;
   font-size: 30px;
   background: #ddd;
   border: solid 1px #bbb;
}