@charset "Shift_JIS";

/*-------------------------------------------------------------------
	Version.												1.4.1.2;
	Author.												web blending(admin)
	Aptx.													4.8.6.9;

	PROGRAM-ID.									"training"
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/
#main h3{
	margin-bottom										: 19px;
	text-align												: left;
	background											: url(../../img/training/background-title.gif) no-repeat bottom right #3bbe22;
}



/*-------------------------------------------------------------------
	default
-------------------------------------------------------------------*/
.division.outline{
	zoom														: 1;
	overflow													: hidden;
}

.division.outline div.image{
	float														: left;
	margin-right											: 18px;
	width														: 317px;
}

.division.outline div.image span{
	display: block;
    text-align: center;
	margin-top: 15px;
}

.division.outline .article{
	overflow													: hidden;
}
.division.outline .article table{
	margin-bottom										: 16px;
	width														: 100%;
}
.division.outline .article table th,
.division.outline .article table td{
	padding													: 5px;
	line-height												: 1.6;
	border													: 1px solid #ccc;
}

.division.outline .article table th{
	width														: 25%;
	background											: #ededed;
}



#intro .list{
	zoom														: 1;
	position													: relative;
	margin-left											: -27px;
	overflow													: hidden;
}

#intro .list li{
	position												: relative;
	float														: left;
	display													: inline;
	margin-left											: 26px;
	margin-bottom										: 20px;
	box-sizing:border-box;
	border:1px solid #dcdcdc;
	width														: 220px;
	overflow:hidden;
}

#intro .list li span{
	position													: absolute;
	display													: block;
	box-sizing												: border-box;
	width														: 100%;
	padding													: 8px 12px;
	bottom													: 0;
	left															: 0;
	background											: #000;
	filter								: alpha(opacity=70);
	-moz-opacity					: 0.70;
	opacity							: 0.70;
}

#intro .list li a{
	color:#fff;
	text-decoration:none;
}

/*-------------------------------------------------------------------
	news�ڍ�
-------------------------------------------------------------------*/
#main .accent{
	text-align:center;
}
#main .accent img{
	max-width:100%;
}

#main .entry .status{
	text-align:right;
}

#main .entry  .status span.category{
	display:inline-block;
}

#main .entry  .body{
	margin-bottom:12px;
	padding:12px;
	border:1px dotted #ccc;
	border-width:1px 0 1px 0;
}

#main .return{
	text-align:right;
	margin:0 0 10px 0;
}

#main .return a{
	padding-left:14px;
	background:url(../../images/common/icon/arrow/black.gif) 0 50% no-repeat;
}


/*-------------------------------------------------------------------
	smart phone
-------------------------------------------------------------------*/
@media screen and (max-width: 699px){

	#main section .area{
		margin												: 0 5%;
	}

	/*-------------------------------------------------------------------
		default
	-------------------------------------------------------------------*/
	.division.outline div.image{
		float														: none;
		margin													: 0 auto;
		width														: 317px;
		margin-bottom:20px;
	}

	.division.outline .article table{
		margin-bottom										: 16px;
		width														: 100%;
	}
	.division.outline .article table th,
	.division.outline .article table td{
		display													: block;
		padding													: 5px;
		line-height												: 1.6;
		border													: 1px solid #ccc;
	}

	.division.outline .article table th{

		width														: 100%;
		background											: #ededed;
	}


	#intro .list{
		zoom														: 1;
		position													: relative;
		overflow													: hidden;
		margin-left											: -5%;
	}

	#intro .list li{
		float														: left;
		display													: inline;
		margin-left											: 5%;
		width														: 45%;
	}
	#intro .list li img{
		width														: 100%;
	}


}

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