@charset "utf-8";
/* -- 価格とお申込方法CSS -- */
#header{ height: 63px; }
#main{ top: 63px; }

.set{
	padding: 13px 11px;
	background: url(../images/howto/plus.png) center center no-repeat #d7e6fc;
}
.set li{ float: left; margin: 0; padding: 10px 10px 15px; background-color: #fff; }
.set li:first-child{ margin-right: 67px; padding-bottom: 24px; }

.flow{
}
.flow li{
	float: left;
	margin-left: 10px;
	padding-left: 20px;
	background: url(../images/howto/flow/arrow.png) 0 79px no-repeat;
	line-height: 1.6em;
	font-size: 9pt;
}
.flow li:first-child{ margin-left: 0; padding-left: 0; background: none; }

#order table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px;
}
#order table th, #order table td{
	padding: 8px 10px 6px;
	border: 1px solid #c6c9cd;
}
#order table th{
	width: 270px;
	vertical-align: top;
	background-color: #e8ebee;
}

.item01{
	padding: 320px 0 0 18px;
	background: url(../images/howto/img01.png) center 0 no-repeat;
}
.item02{
	padding: 290px 0 0 18px;
	background: url(../images/howto/img02.png) center 0 no-repeat;
}

#order input[type=text]{
	padding: 3px;
	border: 1px solid #c5c8cb;
	background: url(../images/bg/input.png) left 0 repeat-x #f8f9fa;
}

.btn{ margin: 40px 0 60px; text-align: center; }
.btn input:hover{ opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }