@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi03 a .over {
	display: block;
	z-index: 10;
	position: relative;
}

#gNavi .navi03 a .out {
	display: none;
}

.topBox {
	margin-bottom: 28px;
}

#main .text {
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.85;
}

#main .subBox {
	margin-bottom: 18px;
	min-height: 415px;
	position: relative;
}

#main .subBox .txtList {
	position: relative;
}

#main .subBox .txtList li {
	padding: 0 20px;
	width: 159px;
	min-height: 409px;
	position: absolute;
	display: table;
	font-size: 14px;
	line-height: 1.8;
	right: 0;
	top: 0;
	border: 3px solid #E8E8E8;
}

#main .subBox .txtList li .txtBox {
	display: table-cell;
	vertical-align: middle;
}

#main .subBox .txtList li:first-child {
	width: 162px;
	font-size: 16px;
	left: 0;
	right: inherit;
	text-align: center;
}

#main .subBox .txtList li .txtBox p {
	margin-bottom: 6px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#main .subBox .txtList li:first-child p {
	margin-bottom: 8px;
	background: url(../img/flow/line.gif) repeat-x left bottom;
}

#main .subBox .txtList li .txtBox p a {
	text-decoration: underline;
}

#main .subBox .txtList li .txtBox p a:hover {
	text-decoration: none;
}

#main .subBox .txtList li .txtBox span {
	margin-bottom: 6px;
	display: block;
	font-size: 18px;
}

#main .subBox .txt {
	width: 78px;
	display: table;
	position: absolute;
	right: 220px;
	top: 0;
	background-color: #E60012;
}

#main .subBox .txt:before {
	margin-top: -6px;
	width: 15px;  
	height: 11px;
	background: url(../img/flow/arrow03.png) no-repeat;
	position: absolute;  
	top: 50%;
	right: -15px; 
	content: "";
}

#main .subBox .txt span {
	width: 100%;
	height: 415px;
	display: table-cell;
	color: #FFF;
	font-size: 30px;
	vertical-align: middle;
	text-align: center;
}

#main .subBox .ulBox {
	padding-right: 79px;
	margin: 0 auto;
	width: 440px;
}

#main .subBox .txtUl {
	margin-bottom: 24px;
	position: relative;
}

#main .subBox .txtUl:before {
	margin-top: -6px;
	width: 14px;  
	height: 11px;
	background: url(../img/flow/arrow04.png) no-repeat;
	position: absolute;  
	top: 50%;
	right: -2px; 
	content: "";
}

#main .subBox .txtUl > li {
	margin-right: 12px;
	padding: 0 20px;
	width: 168px;
	height: 195px;
	float: left;
	display: table;
	color: #FFF;
	background: url(../img/flow/txt_bg01.gif) repeat;
	position: relative;
}

#main .subBox .txtUl > li:before {
	margin-top: -6px;
	width: 12px;  
	height: 11px;
	background: url(../img/flow/arrow01.png) no-repeat;
	position: absolute;  
	top: 50%;
	left: -12px; 
	content: "";
}

#main .subBox .txtUl > li .txtBox {
	display: table-cell;
	vertical-align: middle;
}

#main .subBox .txtUl > li .txtBox p {
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}

#main .subBox .txtUl > li .txtBox p.nopd {
	padding-bottom:0;
}


#main .subBox .txtUl > li .txtBox p a {
	color: #FFF;
	text-decoration: underline;
}

#main .subBox .txtUl > li .txtBox p a:hover {
	text-decoration: none;
}

#main .subBox .txtUl > li .txtBox li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
	line-height: 1.6;
}

#main .subBox .txtUl01 {
	margin-bottom: 0;
}

#main .subBox .txtUl01:before {
	margin-top: -6px;
	width: 14px;  
	height: 11px;
	background: url(../img/flow/arrow05.png) no-repeat;
	position: absolute;  
	top: 50%;
	right: -2px; 
	content: "";
}

#main .subBox .txtUl01 > li {
	background: url(../img/flow/txt_bg02.gif) repeat;
}

#main .subBox .txtUl01 > li:before {
	background: url(../img/flow/arrow02.png) no-repeat;
}

#main .note {
	font-size: 13px;
	text-align: center;
}


#main .flowcon {
	padding:60px 0 40px 0;
}

#main .flowcon h3 {
	padding:0 0 20px 0;
	text-align:center;
}

#main .flowcon p {
	text-align:center;
}
	
#main .spSubBox {
	display: none;
}