@charset "utf-8";
@import "/css/common/0-import.css";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#conts {
	width: 730px;
	float: left;
}

#conts .flowList {
	padding: 10px;
	margin-bottom: 30px;
	width: 710px;
	_width: 730px;
	background: #F6F6F6;
}

#conts .flowList li {
	float: left;
	margin-right: 2px;
}

#conts .flowList li.last {
	margin-right: 0px;
}

#conts .flowList li img {
	display: block;
}

#conts .flowBox {
	margin-bottom: 22px;
}

#conts .step01,
#conts .step02,
#conts .step03,
#conts .step04,
#conts .step05,
#conts .step06 {
	padding: 0 20px;
	width: 690px;
	_width: 730px;
}

#conts .step01 {
	margin-bottom: 21px;
	padding-bottom: 30px;
	min-height: 141px;
	height: auto !important;
	height: 171px;
	background: url(../img/flow/bg_flow01.png) no-repeat center bottom;
}

#conts .step02 {
	margin-bottom: 30px;
	padding-bottom: 30px;
	min-height: 135px;
	height: auto !important;
	height: 165px;
	background: url(../img/flow/bg_flow01.png) no-repeat center bottom;
}

#conts .step03 {
	margin-bottom: 20px;
	padding-bottom: 30px;
	min-height: 230px;
	height: auto !important;
	height: 260px;
	background: url(../img/flow/bg_flow01.png) no-repeat center bottom;
}

#conts .step04 {
	margin-bottom: 31px;
	padding-bottom: 30px;
	min-height: 85px;
	height: auto !important;
	height: 115px;
	background: url(../img/flow/bg_flow01.png) no-repeat center bottom;
}

#conts .step05 {
	margin-bottom: 30px;
	padding-bottom: 30px;
	min-height: 162px;
	height: auto !important;
	height: 192px;
	background: url(../img/flow/bg_flow01.png) no-repeat center bottom;
}

#conts .step06 {
	padding-bottom: 55px;
	min-height: 109px;
	height: auto !important;
	height: 139px;
	background: url(../img/flow/bg_flow02.png) no-repeat center bottom;
}

#conts .image {
	margin-left: 25px;
	float: right;
}

#conts .title {
	margin-bottom: 15px;
}

#conts .step01 .text,
#conts .step02 .text,
#conts .step03 .text,
#conts .step04 .text,
#conts .step05 .text,
#conts .step06 .text {
	margin-left: 88px;
}

#conts .step01 .text {
	width: 340px;
}

#conts .step03 .text {
	width: 340px;
}

#conts .step05 .text {
	width: 340px;
}

#conts .flowBox p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
}

#conts .flowBox p.link {
	margin: 10px 0;
}

#conts .flowBox p.link a {
	padding: 0 0 2px 21px;
	background: url(../img/common/icon/icon05.png) no-repeat 0 1px;
}

#conts .btnBox {
	text-align: center;
}

#conts .btnBox .text01 {
	margin-bottom: 22px;
}

#conts .btnBox .btn {
	margin-bottom: 20px;
}

#conts .btnBox .btn a {
	background: url(../img/flow/btn01_over.jpg) no-repeat;
	display: inline-block;
}

#conts .btnBox .btn a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

#conts .serviceNavi {
	margin-top: 70px;
	padding-top: 20px;
	border-top: 1px dotted #CCC;
}

#conts .serviceNavi li {
	margin-right: 22px;
	width: 299px;
	float: left;
}

#conts .serviceNavi li.last {
	margin-right: 0;
}

#conts .serviceNavi li a {
	padding: 15px 10px;
	display: block;
	background: url(../img/flow/icon01.png) no-repeat 260px 10px;
	border: 3px solid #CCC;
	color: #666;
	font-size: 16px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	text-decoration: none;
	line-height: 1;
}

#conts .serviceNavi li a:hover {
	border: 3px solid #65AEE4;
}

#conts .serviceNavi li a span {
	font-size: 20px;
	line-height: 1;
}

#conts .serviceNavi li.current a {
	background: #E8F4FF url(../img/flow/icon02.png) no-repeat 260px 10px;
	border: 3px solid #65AEE4;
	color: #258CD8;
	font-size: 20px;
	font-weight: bold;
}