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

div.clear{
	clear: both;
}

/* ▼全体設定 */
*{
	margin: 0px;
	padding: 0px;
}
/* ▲全体設定 */

/* ▼body */
body{
	background-color:#54737F;
	font-size: 12px;
	text-align: left;
}
/* ▲body */

/* ▼all_box */
#all_box{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
/* ▲body */

/* ▼img */
img {
	border-style: none;
}

.i1 {
	margin:3px 0px 10px 10px;
}

.i3 {
	border-style: none;
	margin-top:5px;
	margin-bottom:5px;
}

.f_left {
	float:left;
	padding-right: 10px;	
}

.f_right {
	float:right;
}
/* ▲img */

/* ▼header */
#header{
	height:91px;
	border-bottom:1px #fff solid;
}
/* ▲header */

/* ▼内容 */
#substance{
	width:960px;
	background-image: url(../img/main_bgi.jpg);
	background-repeat: y-repeat;
}

#substance2{
	width:960px;
	background-image: url(../img/main_bgi2.jpg);
	background-repeat: y-repeat;
}


/* ▼コンテンツ */
div.contents{
	float:left;
	width:269px;
}

.con_box{
	padding:5px 0px 30px 5px;
}

/* ▽ログイン */
div.login{
	background-color:#8e7c8d;
	height:256px;
	padding:5px 5px;
}

div.login_bar{
	background-image:url(../img/login_underimg.gif);
	background-repeat:repeat-x;
	height: 6px;
}

div.mypagelogin_box{
	width:256px;
	border:1px #fff solid;
	background-color:#cccccc;
	margin-bottom:3px;
	padding-bottom:3px;
	text-align:center;
}

div.mypagelogin_box table{
	width:96%;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	background-color:#fff;
	margin-top:4px;
	margin-bottom:2px;
	margin-left:5px;
}

div.mypagelogin_box table td.t1{
	width:35%;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background-color:#eee;
	padding:5px;
}

div.mypagelogin_box table td{
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background-color:#fff;
}

div.mypagelogin_box2{
	width:236px;
	border:1px #fff solid;
	background-color: #e5d5ed;
	margin-bottom:3px;
	padding:2px 8px 5px 12px;
	text-align:left;
}

p.mt2b3{
	padding:2px 0 3px 0;
	text-align:center;
}

div.academylogin_box{
	width:256px;
	border:1px #fff solid;
	background-color:#000000;
	background-image:url(../img/login_academyid.gif);
	background-repeat: no-repeat;
	height: 97px;
	margin-bottom:3px;
	padding-bottom:3px;
	text-align:center;
}

div.academylogin_box table{
	width:96%;
	border-top:1px #666 solid;
	border-left:1px #666 solid;
	background-color:#000;
	margin-top:23px;
	margin-bottom:2px;
	margin-left:5px;
}

div.academylogin_box table td{
	width:35%;
	color:#ccc;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	padding:5px;
}
/* △ログイン */

div.c_box{
	width:256px;
	border:1px #fff solid;
	background-color:#F0BCCD;
	margin-bottom:5px;
}

div.c_box img.photo{
	float:left;
}

div.c_box ul{
	padding-top:5px;
	list-style:none;
}

li.c_box_li{
	list-style: url(../img/arrow.gif) outside;
	margin-left:80px;
	color: #444;
	font-size: 9pt;
	line-height: 1.5em;
	text-align: left;
}

div.subc_box{
	width:256px;
	margin-bottom:20px;
}

div.subc_box ul{
	margin-left:60px;
	padding-top:5px;
	list-style:none;
}

li.subc_box_li{
	list-style: url(../img/arrow.gif) outside;
	margin-left:20px;
	color: #444;
	font-size: 9pt;
	line-height: 1.5em;
	text-align: left;
}

/*↓info流行色*/
div.ic_box{
	width:256px;
	border:1px #4B4480 solid;
	background-color: #3F2347;
	margin-bottom:5px;
}

div.ic_box ul{
	padding:5px 0;
	list-style:none;
}

li.ic_box_li{
	list-style: url(../img/arrow.gif) outside;
	margin-left:25px;
	color: #A387C2;
	font-size: 9pt;
	line-height: 1.5em;
	text-align: left;
}
/*↑info流行色*/

div.ssl_logo{
	margin-left:58px;
	padding-top:5px;
	margin-bottom:20px;
}
/* ▲コンテンツ */

/* ▼main */
div.main{
	float:left;
	width:691px;
}

.main_text{
	padding:15px 25px 15px 20px;
	margin-bottom: 30px;
}

/*ボックス*/
div.np_box{
	width:640px;
	margin-bottom:10px;
	margin-top: 15px;
}

div.np_box img.np_img{
	float:left;	
	width:160px;	
}

div.np_box div.np_ulbox{
	float:left;
	width:450px;
	margin-left:20px;
	padding-bottom:10px;
	border-bottom:1px #aaa dotted;
}

div.np_box div.np_ulbox ul{
	list-style: url(../img/arrow2.gif) outside;
}

div.np_box div.np_ulbox li{
	color: #666;
	font-size: 9pt;
	line-height: 1.4em;
	text-align: left;
}

/* 過去のお知らせ一覧 */
div.np_box2{
	width:640px;
	padding:1px 0px 3px 5px;
}

div.np_box2 img.np_img{
	float:left;
	width:150px;
}

div.np_box2 div.np_ulbox{
	float:left;
	width:460px;
	margin-left:25px;
	margin-bottom:10px;
	border-bottom:1px #aaa dotted;
}

div.np_box2 div.np_ulbox ul{
	list-style: url(../img/arrow2.gif) outside;
}

div.np_box2 div.np_ulbox li{
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-bottom: 10px;
}

/*アコーディオン入りボックス*/
.acco {
	width: 630px;
	margin: 10px 0px 35px 15px;
}

.acco-left{
	float:left;
	border: 1px solid #fff;
	padding: 5px;
	width: 148px;
	font-size: 11px;
	line-height:2em;
}

.acco-right{
	float:right;
	width: 460px;
	/*line-height:1.5em;*/
}

/* ▼アコーディオン▼ */
.accordion_box{
	width:630px;
	margin:5px 0px 0px 15px;
}

.toggle{
	font-size:12px;
	line-height:1.3em;
	color:#333;
	background:#fff;
	border-top:1px solid gray;
	border-left:5px solid #36A6D9;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	padding: 5px 10px 5px 15px;
	cursor:pointer;
}

.content{
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	line-height:1.5em;
	padding:10px 15px 13px 15px;
	overflow: hidden;
}

.accordion_box2{
	width:460px;
}

.toggle2{
	cursor:pointer;
}

.content2{
	border:1px solid #CD8589;
	background-color: #fbfbfb;
	padding:10px 15px 13px 15px;
}

.accordion_content ul{
	margin-left:20px;
	padding-top:10px;
}
	
/* ▲アコーディオン▲ */

/* ▽パンくず */
div.footprint{
	background-color:#A0A2AF;
	color:#333;
	padding:2px 20px;
}

.sub_footprint{
	border:1px dotted #ccc;
	padding:5px;
	margin:0 0 20px 0;
}

/* ▽mainタイトル */
div.title{
	background-image:url(../img/title2_bgi.jpg);
	background-repeat: repeat-x;
	height: 34px;
}

/* ▽ページのトップへ */
#goTop {
	position: absolute;
	left: 963px;
	bottom: 83px;
}
/* ▲main */

/* ▼sub_footer */
#sub_footer {
	background-image: url(../img/subfooter_bgi.jpg);
	background-repeat: repeat;
	height: 20px;
}
/* ▲sub_footer */

/* ▼footer */
#footer {
	background-image: url(../img/footer_bgi.jpg);
	background-repeat: repeat;
	height: 60px;
	position:relative;
}

#footer div.copy{
	top:4px;
	left:0px;
	position:absolute;
	width:900px;
}

#footer div.copy span{
	top:5px;
	left:55px;
	position:absolute;
	color: #777;
	font-size: 8pt;
	line-height: 1.3em;
	text-align: left;
}
/* ▲footer */

/* ▼e-learning */
table.t_e{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top:15px;
	margin-bottom:15px;
	/*margin-left:10px;*/
	width: 625px;
	font-size: 11px;
	line-height: 1.5em;
	vertical-align: top;
}

table.t_e th{
	padding: 7px;
	background-color:#eaeaea;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.5em;
}

.memo{
	text-align: left;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.mokuji{
	font-size: 14px;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
/* ▲e-learning */

/* ▼公式教材 */
.material {
	width: 640px;
	margin: 0px 0px 20px 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.material-left{
	float:left;
	border: 1px solid #fff;
	padding: 5px;
	width: 148px;
	font-size: 11px;
	line-height:2em;
}

.material-right{
	float:right;
	width: 470px;
	line-height:1.5em;
}

/* 書店一覧 */
table.book_list{
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left:15px;
	width: 580px;
	font-size: 11px;
	line-height: 1.5em;
	vertical-align: top;
	text-align: left;
}

table.book_list th{
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	padding: 3px 15px 3px 10px;
	width:185px;
}

table.book_list td{
	border-bottom: 1px solid #ccc;
	padding: 3px 10px 3px 10px;
}

table.book_list2{
	margin-top: 3px;
	margin-bottom: 15px;
	margin-left:15px;
	width: 580px;
	font-size: 11px;
	line-height: 1.5em;
	vertical-align: top;
	text-align: left;
}

table.book_list2 th{
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	padding: 3px 15px 3px 10px;
	width:185px;
}

table.book_list2 td{
	border-bottom: 1px solid #ccc;
	padding: 3px 10px 3px 10px;
}
/* ▲公式教材 */

/* ▼講師一覧 */
table.t_teacher{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom:15px;
	margin-left:15px;
	width: 625px;
	font-size: 11px;
	line-height: 1.5em;
	vertical-align: top;
}

.t_name{
	background-color: #e2e2e2;
	text-align: left;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.t_title{
	color: #666;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.memo2{
	background-color: #fff;
	color: #ee859d;
	font-size: 9px;
	padding: 7px;
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
}

.memo3{
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.memo5{
	background-color: #fff;
	color: #ee859d;
	padding: 7px;
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
}
/* ▲講師一覧 */

/* ▼団体一覧 */
table.t_c{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom:15px;
	/*margin-left:15px;*/
	width: 625px;
	font-size: 11px;
	line-height: 1.5em;
	vertical-align: top;
}

table.t_c th{
	padding: 7px;
	background-color:#e2e2e2;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.5em;
}

.memo1{
	padding: 3px;
	border-right: 1px solid #ccc;
	background-color: #fff;
	line-height: 1.5em;
}

.memo4{
	padding: 7px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.5em;
}
/* ▲団体一覧 */

/* ▼アカデミーidテスト一覧 */
div.a_testlist{
	width: 99%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px 0;
	/*font-size: 12px;*/
}

div.a_testlist div.a_left{
	width:70%;
	float:left;
	padding:12px;
	border-left: 3px solid #9CA0E6;
	background-color: #fff;
	vertical-align: middle;
	text-align: left;
}

div.a_testlist div.a_right{
	width:20%;
	float:left;
	padding:8px;
	border-left:1px dotted #ccc;
	vertical-align: middle;
	text-align: left;
}
/* ▲アカデミーidテスト一覧 */