@charset 'utf-8';
/*********************************************************************
 * トップページ
 * dependences: common.css / reset.css
 ********************************************************************/

/* ここにトップページのCSSを記述 */

.list_box{
	width: 100%;
	margin: 0 0 20px;
	float: left;
}

.list_box table{
	text-decoration: none;
	width: 100%;
	margin: 0 0 1px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #191919), color-stop(0.00, #2e2e2e));
background: -webkit-linear-gradient(top, #2e2e2e 0%, #191919 100%);
background: -moz-linear-gradient(top, #2e2e2e 0%, #191919 100%);
background: -o-linear-gradient(top, #2e2e2e 0%, #191919 100%);
background: -ms-linear-gradient(top, #2e2e2e 0%, #191919 100%);
background: linear-gradient(top, #2e2e2e 0%, #191919 100%);
}

.list_box table .image{
	padding: 10px 0 10px 10px;
	width: 90px;
}

.list_box table .data{
	vertical-align: top;
	padding: 10px 0;
	color: #fff;
	line-height: 18px;
}

.list_box table .data p{
	margin: 0 10px 0 0;
}

.list_box table .data .title{
	font-weight: bold;
	color: #ba2796;
}

.list_box .bt{
	text-align: center;
	margin: 20px 0 0;
}

.list_box .down_text{
	color: #fff;
	margin: 10px 0 0 10px;
	color: #df2929;

}

.kusitu{
	margin: 30px 0;
}

/*----------------------------*/

.course_title{
	color: #fff;
	margin: 0 0 1px;
	padding: 10px;
	line-height: 18px;
	font-weight: bold;
	background: #ccc;
}

.list_box .t01{background:#b52c5a;}
.list_box .t02{background:#692cb5;}
.list_box .t03{background:#2c73b5;}
.list_box .t04{background:#2cb570;}
.list_box .t05{background:#b5732c;}

.list_box .course_box{
	background: url(../img/all/arrow.png) no-repeat 99% #232323;
	background-size: 15px 20px;
	-webkit-background-size: 15px 20px;
	-moz-background-size: 15px 20px;
	-o-background-size: 15px 20px;
	-ms-background-size: 15px 20px;
	text-decoration: none;
	width: 100%;
	margin: 0 0 1px;
}

.list_box .course_box a{
	color: #fff;
}

.list_box .course_box p{
	padding: 10px;
	color: #fff;
}

/*----------------------------*/

.list_box .bottom_bt{
	background: url(../img/all/arrow.png) no-repeat 99% #232323;
	background-size: 15px 20px;
	-webkit-background-size: 15px 20px;
	-moz-background-size: 15px 20px;
	-o-background-size: 15px 20px;
	-ms-background-size: 15px 20px;
	text-decoration: none;
	width: 100%;
	margin: 0 0 1px;
}

.list_box .bottom_bt a{
	color: #fff;
}

.list_box .bottom_bt p{
	padding: 10px;
	color: #fff;
}

/*--------*/

.list_box .facebook_bt{
	background: url(../img/all/arrow.png) no-repeat 99% #284f8b;
	background-size: 15px 20px;
	-webkit-background-size: 15px 20px;
	-moz-background-size: 15px 20px;
	-o-background-size: 15px 20px;
	-ms-background-size: 15px 20px;
	text-decoration: none;
	width: 100%;
	margin: 0 0 1px;
}

.list_box .facebook_bt a{
	color: #fff;
}

.list_box .facebook_bt p{
	padding: 10px;
	color: #fff;
}



.list_box .line_bt{
	background: url(../img/all/arrow.png) no-repeat 99% #5ae628;
	background-size: 15px 20px;
	-webkit-background-size: 15px 20px;
	-moz-background-size: 15px 20px;
	-o-background-size: 15px 20px;
	-ms-background-size: 15px 20px;
	text-decoration: none;
	width: 100%;
	margin: 0 0 1px;
}

.list_box .line_bt a{
	color: #fff;
}

.list_box .line_bt p{
	padding: 10px;
	color: #fff;
}

/*----------------------------*/

.b_botan{
	margin: 20px 0 20px;
	text-align: center;
}

/*----------------------------*/

.arrow_none table{
	background: #131313;
}