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

	feature-style

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

h3 {
	margin-bottom: 20px;
}
.details {
	text-align: right;
	margin-top: 15px;
}

.details02 {
	text-align: left;
	margin-top: 5px;
}

.area_l {
	width: 530px;
}

.area_img {
	width: 220px;
}

.area_txt {
	width: 310px;
}

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

	Illustrator / Photoshop

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

table {
	width: 100%;
	border-left: #666 2px solid;
	color: #464646;
	font-size: 93%;
}
table thead {
	background-color: #666;
}
table thead tr th {
	border-right: #fff 2px solid;
	color: #fff;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
}	
table thead tr th.last {
	border-right: #666 2px solid;
}	
table thead tr th.step , table tbody tr td.step {
	width: 5%;
	text-align: center;
}
table thead tr th.soft , table tbody tr td.soft {
	width: 10%;
	text-align: center;
}
table thead tr th.program {
	width: 35%;
}
table thead tr th.program-details {
	width: 40%;
}
table thead tr th.standard-time , table tbody tr td.standard-time {
	width: 10%;
	text-align: center;
}
table tbody tr td {
	border-bottom: #666 2px solid;
	border-right: #666 2px solid;
}
table tbody tr td.program , table tbody tr td.program-details {
	vertical-align: top;
}	
table tbody tr td dl dt {
	background-color: #eee;
	color: #333;
	padding: 0 10px;
	margin-bottom: 3px;
	vertical-align: top;
}	
table tbody tr td dl dd {
	margin-bottom: 5px;
	vertical-align: top;
	padding: 5px 10px;
}
table tbody tr td.program-details dl dd {
	font-size: 93%;
	line-height: 1.4;
}	
table tbody tr td.step , table tbody tr td.standard-time {
	font-size: 108%;
	font-weight: bold;
	letter-spacing: 0.1em;
}