.feature {
	letter-spacing: 0.1em; 
}

.feature .imageCut01 {
	margin-top: 0; 
	padding-top: 0; 
}

/*.feature .imageCut01 {
	width: 700px; 
	height: 425px; 
	background: #fff url(../images/image_01.jpg) left top no-repeat; 
	margin-bottom: 20px; 
}

.feature .imageCut02 {
	width: 700px; 
	height: 291px; 
	background: #fff url(../images/image_02.jpg) left 20px no-repeat; 
	margin-bottom: 20px; 
	margin-top: 30px; 
	padding-top: 20px; 
	border-top: 1px solid #ccc; 
}

.feature .imageCut03 {
	width: 700px; 
	height: 301px; 
	background: #fff url(../images/image_03.jpg) left 20px no-repeat; 
	margin-bottom: 20px; 
	margin-top: 30px; 
	padding-top: 20px; 
	border-top: 1px solid #ccc; 
}*/

.feature .imageCut02,
.feature .imageCut03 {
	margin-top: 3em; 
	padding-top: 3em; 
	border-top: 1px solid #ccc; 
}

.colorFeature01 {color:#E47013; }
.colorFeature02 {color:#366CB6; }
.colorFeature03 {color:#9CC61E; }

.titleBg01 {
	/*background: #fff url(../images/h1_back_01.jpg) center top no-repeat; */
	border: 1px solid #E47013; 
}

.titleBg02 {
	/*background: #fff url(../images/h1_back_02.jpg) center top no-repeat; */
	border: 1px solid #366CB6; 
}

.titleBg03 {
	/*background: #fff url(../images/h1_back_03.jpg) center top no-repeat; */
	border: 1px solid #9CC61E; 
}

.feature h1 {
	font-size: 150%; 
	margin: 10px 0 20px 0; 
	width: 700px; 
	text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; 
}

.feature h1.copy01 {
	border-left: 5px solid #E47013; 
	padding-left: 10px; 
}

.feature h1.copy02 {
	border-left: 5px solid #366CB6; 
	padding-left: 10px; 
}

.feature h1.copy03 {
	border-left: 5px solid #9CC61E; 
	padding-left: 10px; 
}

.feature h4 {
	color: #888; 
	margin: 0 0 10px 0; 
	padding-top: 20px; 
}

.feature .imageCut01 h4 {
	padding-top: 0; 
}

.feature .lead {
	line-height: 1.6em; 
	font-size: 133%; 
	margin: 0 0 15px 0; 
	width: 700px; 
	color: #666; 
}

.feature h2{
/*	border: 1px solid #148b8e; */
	padding: 0 10px; 
	line-height: 36px; 
	width: 680px; 
	height: 36px; 
	font-size: 117%; 
	margin: 0 0 10px 0; 
	/*font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif,cursive;*/
}

.feature p {
	line-height: 2em; 
	margin: 0 0 0 10px; 
	font-size: 117%; 
}

.feature ol {
	margin: 0.5em 0 0.5em 30px; 
}

.feature ol li {
/*	list-style: none; */
	margin-bottom: 0.25em; 
}

.feature ol li#number1 {
	background: #fff url(../images/number_1.gif) 0 0px no-repeat; 
	padding: 0 0 0 17px; 
}

.feature ol li#number2 {
	background: #fff url(../images/number_2.gif) 0 0px no-repeat; 
	padding: 0 0 0 17px; 
}

.feature ol li#number3 {
	background: #fff url(../images/number_3.gif) 0 0px no-repeat; 
	padding: 0 0 0 17px; 
}

.feature ol li#number4 {
	background: #fff url(../images/number_4.gif) 0 0px no-repeat; 
	padding: 0 0 0 17px; 
}

.styleMatrix table {
	margin: 0 0 0 20px; 
	width: 680px; 
}

.styleMatrix table th {
	width: 300px; 
	font-weight: normal;
}

.styleMatrix table th,
.styleMatrix table td {
	padding: 10px 0; 
	border-bottom: 1px solid #ddd; 
}

.styleMatrix table td {
	padding: 0 0 0 20px; 
}

.styleMatrix table td ul li a {
	display: block; 
	width: 360px; 
	border-bottom: 1px solid #ccc; 
	padding: 10px; 
	margin-right: 10px; 
	background: #fff url(../images/style_arrow.jpg) right 50% no-repeat; 
}

.styleMatrix table td ul li.noLine a {
		border-bottom: 1px none #ccc !important; 
}

.styleMatrix table td ul li a:hover {
	background: #fff url(../images/style_arrow_hover.jpg) right 50% no-repeat; 
}



.styleMatrix table td ul li img {
	display: block; 
}

.styleMatrix table th h4 {
	color: #366CB6; 
	margin: 0; 
	padding: 0; 
	font-size: 117%; 
}

.styleMatrix table th p {
	margin: 10px 0 0 10px; 
	line-height: 1.4em; 
	font-size: 91%; 
}

.feature .goodDesign {
	margin-top: 20px; 
}

.feature .goodDesign td {
	vertical-align: top; 
}

.feature .goodDesign td#text {
	width: 221px; 
	line-height: 1.8em; 
}

.feature .goodDesign td#text .notice {
	font-size: 84%; 
	margin-top: 5px; 
}

.feature .goodDesign td img {
	margin: 0 20px; 
}


/*コラム*/
.feature .column {
	width: 700px; 
	border-top: 2px solid #ccc; 
	padding-top: 10px; 
	margin-top: 10px; 
}

.feature .column h1 {
	font-size: 150%; 
	margin: 10px 0; 
	padding-bottom: 10px; 
	width: 700px; 
}

.feature .column table {
	width: 700px; 
	border-top: 1px solid #ccc; 
}

.feature .column th {
	width: 152px; 
	height: 50px; 
	border-bottom: 1px solid #ccc; 
	text-align: center; 
	vertical-align: middle; 
}

.feature .column td {
	border-left: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	width: 137px; 
	text-align: center; 
	vertical-align: middle; 
}