@charset "utf-8";
/* CSS Document */
.index-wrap1 {
	width:100%;
	padding:0 0 20px 0;
	overflow:hidden;
}
.index-wrap2 {
	width:100%;
	overflow:hidden;
}
.index-wrap3 {
	width:100%;
	padding:0 0 10px 0;
	overflow:hidden;
}
.index-box1 {
	clear:both;
	width:100%;
	margin:0 0 20px 0;
	background:url(../images/about/about-repeat1.jpg) repeat left top;
	overflow:hidden;
}
.index-box2 {
	margin:10px;
	background-color:#ffffff;
}
.index-box3 {
	margin:10px;
	padding:5px;
	background-color:#ffffff;
}
#index-table1 {
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:16px;
}
#index-table2 {
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:16px;
}
#index-table2 td {
	padding:5px 0;
}

.index-cell1 {
	padding:10px 0 0 0;
}
.index-cell2 {
	padding:5px 0 0 0;
}
.index-cell3 {
	padding:10px 0 0 0;
}
.index-cell4 {
	padding:10px 0 0 0;
}
.index-cell5 {
	padding:10px 0 0 0;
}
.index-cell6 {
	text-align:right;
	vertical-align:bottom;
}
.index2-cell1 {
	width:25%;
	border-bottom:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
}
.index2-cell2 {
	width:25%;
	border-bottom:1px dotted #cccccc;
}
.index2-cell3 {
	border-right:1px dotted #cccccc;
}
.index-cell1,.index-cell2,.index-cell3,
.index-cell4,.index-cell5 {
	border-right:1px dotted #cccccc;
}
.index-cell1 p,.index-cell2 p,.index-cell3 p,
.index-cell4 p,.index-cell5 p {
}
.index-text1 {
	padding:3px 5px;
	text-align:left;
}
.index-text2 {
	width:145px;
	margin:3px auto 0 auto;
	text-align:left;
	background:url(../images/index/index-arrow1.jpg) no-repeat left 4px;
}
.index-text2 p {
	padding:0 0 0 8px;
}
.index-text3 {
	float:left;
	width:auto;
	padding:0 38px 0 0;
	font-size:12px;
	font-weight:bold;
	line-height:37px;
	background:url(../images/howto/variation-icon2.jpg) no-repeat right 5px;
}
.index-text4 {
	padding:10px 0 3px 0;
}
.index-left1 {
	float:left;
	width:490px;
}
.index-right1 {
	float:right;
	width:200px;
}
.index-hw1 {
	width:100%;
	overflow:hidden;
	background:url(../images/howto/variation-bar1.jpg) repeat-x left bottom;
}
body div#container div#wrapper div#main_contents div.index-box1 h3 {
	float:left;
	width:180px;
	margin:0;
	padding:0 0 0 35px;
	background:url(../images/howto/variation-icon1.jpg) no-repeat left 3px;
	border:none;
	height:28px;
	line-height:35px;
	color: #4367A9;
	font-size: 16px;
	font-weight: bold;
	color:#DC2417;
}
.merit-wrap1 {
	width:100%;
	padding:10px 0;
	overflow:hidden;
}
.merit-wrap2 {
	margin:0 14px;
	border-bottom:1px dotted #cccccc;
}
.merit-wrap3 {
	margin:0 14px;
}
.merit-left1 {
	float:left;
	width:150px;
}
.merit-right1 {
	float:right;
	width:500px;
}
.merit-left2 {
	float:left;
	width:65px;
}
.merit-right2 {
	float:right;
	width:430px;
}
.merit-right2 p {
	font-size:12px;
}
.merit-hw1 {
	padding:0 0 5px 0;
	font-size:15px;
	font-weight:bold;
	color:#ff0000;
}
.merit-arrow {
	float:right;
	width:auto;
	height:18px;
	padding:0 0 0 15px;
	text-align:left;
	background:transparent url(../images/case/cont_arrow.gif) no-repeat scroll left 4px;
}
.merit-name {
	color:#669ACC;
}
.index-case-wrap {
	padding:0 10px;
}