@charset "utf-8";
/* CSS Document */

.clearfix:after {
content: "";
display: block;
clear: both;
}
.breadcrumbs{
margin: 5px 0 5px 6px;
}

.sn_oyakudachi_info a{
background:url(../image/sn_header.png) no-repeat top left;
display: block;
width:180px; height:30px;
margin:0 0 0 10px;
padding:0px;
text-indent: -9999px;
font-size: 0px;
line-height: 0;
}

.sn_oyakudachi_info  a:active,
.sn_oyakudachi_info  a:focus,
.sn_oyakudachi_info  a:hover
{
	background:url(../image/sn_header.png) no-repeat 0px -30px ;
	margin: 0 0 0px 10px;
	}



.in03{
width: 200px;
margin: 0;
padding: 2px 0 15px 0;
}

.in04 {
width: 180px;
background:url(../image/sn_bg_i.png) repeat-y left;
padding:2px 2px 30px 2px;
margin: 0px 0 0 10px;
}

.menu_outer_top{
background:url(../image/sn_bg_o_top.png) no-repeat top left;
width:200px; height:8px;
line-height: 0;
font-size: 0px;
}

.menu_outer{
background:url(../image/sn_bg_o.png) repeat-y;
width:200px;
}

.menu_outer_bottom{
background:url(../image/sn_bg_o_bottom.png) no-repeat bottom left;
width:200px; height:8px;
line-height: 0;
font-size: 0px;
}

.sn_inner_bottom{
background:url(../image/sn_bg_i_bottom.png) no-repeat top left;
width:180px; height:1px;
line-height: 0;
font-size: 0px;
margin: 0px 0 0 10px;
}



.sm {
width: 172px;
background:url(../image/sn_border_dotted.png) no-repeat bottom ;
padding:4px 3px 4px 3px;
margin: 0px;
display:block;
font-size:1em;
}

.in04 li{
line-height:0;
vertical-align:bottom
}

.in04 a:link,
.in04 a:visited{
color:#666666;
text-decoration:none;
display: block;
padding: 5px 3px 5px 3px;
line-height:normal;
width: 164px;
}

.in04 a:hover
{
display:block;
background-color: #D7E8FC;
color: #217eb9;
padding: 5px 3px 5px 3px;
line-height:normal;
width: 164px;
}

.in04 a.sm_current
{
background-color: #D7E8FC;
color: #217eb9;
padding: 5px 3px 5px 3px;
line-height:normal;
width: 164px;
}


#member{
margin: 0 0 5px 0;
}

.member_inner{
margin: 0;
padding: 5px 0 10px 0;
}


	
#member ul li{
line-height:0;
vertical-align:bottom;
font-size:0;
}

ul li.sn_btn_reg a{
	background:url(../image/btn_regist.png) no-repeat 0px 0px ;
	display:block;
	width:180px; height:35px;
	text-indent: -9999px;
	font-size:0;
	margin: 0 0 0px 10px;
	line-height:normal;
	}

ul li.sn_btn_reg a:active,
ul li.sn_btn_reg a:focus,
ul li.sn_btn_reg a:hover
{
	background:url(../image/btn_regist.png) no-repeat 0px -35px ;
	margin: 0 0 0px 10px;
	}


ul li.sn_btn_login a{
	background:url(../image/btn_login.png) no-repeat 0px -35px ;
	display:block;
	width:180px; height:35px;
	text-indent: -9999px;
	font-size:0;
	margin: 7px 0 7px 10px;
	line-height:normal;
	}

ul li.sn_btn_login a:active,
ul li.sn_btn_login a:focus,
ul li.sn_btn_login a:hover
{
	background:url(../image/btn_login.png) no-repeat 0px 0px ;
	margin: 7px 0 7px 10px;
}	
	
	
a.btn_tkst_station{
	background:url(../image/btn_tkst_station.png) no-repeat 0px -60px ;
	display:block;
	width:180px; height:60px;
	text-indent: -9999px;
	font-size:0;
	list-style: none;
	margin: 20px 10px 10px;
	}

a:active.btn_tkst_station ,
a:focus.btn_tkst_station ,
a:hover.btn_tkst_station 
{
	background:url(../image/btn_tkst_station.png) no-repeat 0px 0px ;
	}
	

a.btn_tkst_test{
	background:url(../image/btn_tkst_test.png) no-repeat 0px -60px ;
	display:block;
	width:180px; height:60px;
	text-indent: -9999px;
	font-size:0;
	list-style: none;
	margin: 0 0 0px 10px;
	}

a:active.btn_tkst_test,
a:focus.btn_tkst_test,
a:hover.btn_tkst_test 
{
	background:url(../image/btn_tkst_test.png) no-repeat 0px 0px ;
	}
	
.h2a{
background:url(../image/cont_bg_sub_header.png) no-repeat top left ;
font-size: 1.3em;
padding: 0 0 0 30px;
line-height: 40px;
width: 665px; height: 38px;
}

.h3a{
background:url(../image/icon_blue_rect.png) no-repeat top left ;
font-size: 1.3em;
padding: 0 0 0 15px;
color: #217eb9;
}

.h3a2{
background:url(../image/icon_blue_rect.png) no-repeat top left ;
font-size: 1.3em;
padding: 0 0 0 15px;
margin: 0 0 0 5px;
color: #217eb9;
}



.h_oyaku a{
background:url(../image/icon_tri.png) no-repeat 0 4px ;
font-size: 1em;
text-decoration: none;
padding: 0 0 0 10px;
margin: 0 0 0 17px;
color: #217eb9;
}

.h_oyaku a:hover,
.h_oyaku a:active
{
text-decoration: underline;
}

.qa_list li{
margin: 15px 0 0 5px;
}

.h1_lead{
padding: 10px 20px;
}

.h2_lead{
padding: 10px 10px;
font-weight: bold;
width: 670px;
}

.text_stye01{
padding: 20px 20px;
}

.h3_txt{
margin: 10px 0 14px 14px;
font-weight: bold;
width: 670px;
}


.mx_st{
font-weight: bold;
color: #217eb9;
}

.mt_10{
margin-top: 10px;
}

.mt_20{
margin-top: 20px;
}

.mt_30{
margin-top: 30px;
}


.text_normal{
margin: 10px 30px 14px 10px;
}

.text_normal2{
margin: 10px 30px 14px 16px;
}


.fw_bold{
font-weight: bold;
}

.line_dotted{
background:url(../image/cont_border_dotted.png) no-repeat top left ;
width:636px;height:1px;
margin: 20px 15px;
line-height: 0;
font-size: 0;
}

.B1c{
padding: 10px 10px 10px 11px;
}

.cont_sub{
margin: 20px 0 0 0;
}

.cont_bg_top{
background:url(../image/cont_bg_top.png) no-repeat top left;
width:717px; height:3px;
line-height: 0;
font-size: 0px;
}

.cont_bg{
background:url(../image/cont_bg.png) repeat-y;
width:717px;
}

.cont_bg_bottom{
background:url(../image/cont_bg_bottom.png) no-repeat bottom left;
width:717px; height:3px;
line-height: 0;
font-size: 0px;
}

.cont_inner_top{
background:url(../image/cont_bg_i_top.png) no-repeat top left;
width:695px; height:2px;
line-height: 0;
font-size: 0px;
}

.cont_inner{
background:url(../image/cont_bg_i.png) repeat-y;
width:695px;
padding: 10px 0 20px 12px;
}

.cont_inner2{
background:url(../image/cont_bg_i.png) repeat-y;
width:695px;
padding: 10px 0 5px 12px;
}

.cont_inner_bottom{
background:url(../image/cont_bg_i_bottom.png) no-repeat bottom left;
width:695px; height:2px;
line-height: 0;
font-size: 0px;
}

.pt{
text-align: right;
margin: 10px 10px 0 0;
width: 675px;
}

.check_ex{
text-align: right;
margin: 10px 10px 0 0;
width: 675px;
}

.text_blue{
color: #217EB9;
}

.a_txt { 
	padding: 0 10px 10px 3.2em;
	margin: 5px 0 0 0;
	text-indent: -1.6em;
}


.pt a{
background:url(../image/icon_tri_up.png) no-repeat 0px 7px;
font-size: 1em;
text-decoration: none;
padding: 0 0 0 14px;
margin: 0 0 0 17px;
color: #217eb9;
}

.pt a:hover,
.pt a:active
{
text-decoration: underline;
}

.check_ex a{
background:url(../image/icon_tri.png) no-repeat center left;
font-size: 1em;
text-decoration: none;
padding: 0 0 0 10px;
margin: 0 0 0 17px;
color: #217eb9;
}

.check_ex a:hover,
.check_ex a:active
{
text-decoration: underline;
}

.kBox li {
background:url("../image/ico-list.png") no-repeat scroll 12px 13px transparent;
padding:9px 10px 0 24px;
}

.link_list li {
background:none;
padding:0;
margin: 10px 0 0 0;
}

.arrow-D  {
background:url("../image/icon_arrow_down.png") no-repeat scroll 0 0 transparent;
width:31px; height:26px;
margin:10px auto 0px;
text-indent:-9999px;
}

.t01{
background:url("../image/t01.png") no-repeat scroll 0 0 transparent;
width:200px; height:30px;
text-align: center;
font-weight: bold;
}

.d02{
background:url("../image/icon_arrow_right.png") no-repeat  center center transparent;
width:30px;
text-align: center;
border-bottom:1px dotted #CCCCCC;
margin: 0;
padding: 0;
}


.d03{
border-bottom:1px dotted #CCCCCC;
margin: 0;
padding: 0 0 0 10px;
}

.d01{
color: #217EB9;
font-weight: bold;
padding: 15px 0 15px 10px;
border-bottom:1px dotted #CCCCCC;
}

.t03{
background:url("../image/t02.png") no-repeat scroll 0 0 transparent;
width:285px; height:30px;
text-align: center;
font-weight: bold;
}

.tr_border{
border-bottom:1px dotted #CCCCCC;
}

.sum_table{
margin: 10px 10px 20px 10px;
width: 515px;
border:none;
}

.con_list li{
background:url("../image/con01.png") no-repeat scroll 0 0 transparent;
display: block;
text-align: center;
width: 80px; height: 30px;
margin: 5px 5px 20px 5px;
padding: 0;
line-height: 30px;
float: left;
}

li.single_line{
background:url("../image/con02.png") no-repeat scroll 0 0 transparent;
display: block;
text-align: center;
width: 123px; height: 46px;
margin: 5px 5px 5px 5px;
padding: 13px 0 0 0;
line-height: normal;
float: left;
}

li.doble_line{
background:url("../image/con02.png") no-repeat scroll 0 0 transparent;
display: block;
text-align: center;
width: 123px; height: 46px;
margin: 7px 5px 5px 5px;
padding: 5px 0 0 0;
line-height: normal;
float: left;
}

.clearfloat{
clear: both;
}

.h3_example  {
margin: 5px 0 0 0;
background:url("../image/item01.png") no-repeat scroll 0 0px transparent;
height:483px;
}

.hidden {
display: none;
}

.h3_example02  {
margin: 5px 0 0 0;
background:url("../image/item02.png") no-repeat scroll 0 0px transparent;
height:390px;
}


.h3_example02  {
margin: 5px 0 0 0;
background:url("../image/item02.png") no-repeat scroll 0 0px transparent;
height:390px;
}

.h3_example03  {
margin: 5px 0 0 0;
background:url("../image/item03.png") no-repeat scroll 0 0px transparent;
height:499px;
}

.h3_example04  {
margin: 5px 0 0 0;
background:url("../image/item04.png") no-repeat scroll 0 0px transparent;
height:468px;
}

.h3_example05  {
margin: 5px 0 0 0;
background:url("../image/item05.png") no-repeat scroll 0 0px transparent;
height:469px;
}

.h3_example06  {
margin: 5px 0 0 0;
background:url("../image/item06.png") no-repeat scroll 0 0px transparent;
height:592px;
}

.h3_example07  {
margin: 10px 0 0 0;
background:url("../image/item07.gif") no-repeat scroll 0 0px transparent;
height:141px;
}

.h4a{
background:url("../image/border_blue.png") no-repeat scroll bottom left transparent;
margin: 10px 0 0 0;
padding: 0 0 3px 0;
font-size: 1.1em;
font-weight: bold;
}

.h4a2{
background:url("../image/border_blue.png") no-repeat scroll bottom left transparent;
margin: 0;
padding: 0 0 3px 0;
font-size: 1.1em;
font-weight: bold;
}