@charset "UTF-8";
/* CSS Document */

.main_v{
	width:100%;
	height:auto;
	margin:20px 0 30px;
}

#column_main h2{
	margin:0 0 15px !important;
	padding:15px !important;
	border-bottom:5px solid #26bbe7;
	font-weight:bold;
	background-color:#efefef;
	color:#0786d6;
}

#column_main .service_cont h3{
	font-size:20px !important;
	border:0;
	border-bottom:3px solid #26bbe7;
	background-color:#fff;
	color:#0786d6;
}

#column_main .service_cont h3 .logo_back{
	font-size:16px !important;
	color:#fff;
	background:#0786d6;
	padding:2px 5px;
}

.caption03.f16{
	font-size:14px !important;
}
.aqua_box{ background-color: #D3EEFF; padding: 15px 18px; border-radius: 3px;}
.clubOff_box{
	margin:0;
}


/*----------------------------------------------------------------------
index_graph
----------------------------------------------------------------------*/
table.index_graph {
	width: 100%;
	margin-bottom: 10px;
	}
table.index_graph th {
	background-color: #ebebeb;
	padding: 5px;
	text-align: center;
	font-size:16px;
	color: #333333;
	border: 1px solid #999999;
	}
table.index_graph th.plan {
	background-color: #ffcbcb;
	}
table.index_graph td {
	padding: 5px;
	text-align: center;
	font-size:16px;
	color: #333333;
	border: 1px solid #999999;
	}
table.index_graph sup {
	font-size:11px!important;
	color: #666666;
	}
table.index_graph .bdr_t_none {
	border-top: none!important;
	}
table.index_graph .bdr_b_none {
	border-bottom: none!important;
	}
table.index_graph .bdr_ts{
	border-top:3px solid #eb5050;
	border-right:3px solid #eb5050;
	border-left:3px solid #eb5050;
	padding:15px 5px;
	}
table.index_graph .bdr_s{
	border-right:3px solid #eb5050;
	border-left:3px solid #eb5050;
	padding:15px 5px;
	}
table.index_graph .bdr_sb{
	border-right:3px solid #eb5050;
	border-bottom:3px solid #eb5050;
	border-left:3px solid #eb5050;
	padding:15px 5px;
	}

/*----------------------------------------------------------------------
support_list
----------------------------------------------------------------------*/
.support_list{
	display: table;
	width: 100%;
}
.support_list.paying dl{
}
.support_list .img_area,
.support_list .txtarea{
	display:table-cell;
	vertical-align: top;
}
.support_list .img_area{
	width: 111px;
	padding-right: 10px;
	vertical-align: middle;
}
.support_list .txt_area{
	display: table;
	width: 100%;
}
.support_list .txt_area li{
	display: table-cell;
	width: 50%;
	padding-left: 10px;
}

@media screen and (max-width: 640px) {
	.support_list .img_area{ width: 20%; vertical-align: top;}
	.support_list .txt_area{ width: 80%; display: table-cell;}
	.support_list .txt_area li{
		display: block;
		width: auto !important;
		padding-left: 0;
		margin-bottom: 10px;
	}
	.support_list .txt_area li dl{
		width: auto !important;
	}
	.support_list.paying dl{
		min-height: inherit;
	}
}


/*--------------------------------------------------
connect
--------------------------------------------------*/
.flow{
	display: table;
}
.flow .flow_ttl,
.flow .flow_wrap{
	display: table-cell;
}
/*▽左カラム*/
.flow_ttl{
	width: 80px;
	text-align: center;
	vertical-align: top;
	background-color: #E5E5E5;
	font-weight: bold;
	position: relative;
	color: #7f7f7f;
}
.flow_ttl .step{
	width: 80px;
	padding: 10px;
	background-color: #7F7F7F;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.flow_ttl .img{
	width: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #ffffff;
	text-align: center;
}
/*▽右カラム*/
.flow .flow_wrap{
	width:100%;
}
.flow_wrap .ttl{
	padding-left: 20px;
}
.flow_wrap .ttl .txt{
	display:block;
	padding: 6px 110px 6px 20px;
	font-size: 18px;
	background-color: #0463cd;
	color: #ffffff;
	font-weight: bold;
}
.flow_wrap .ttl .txt.biglobe{
	background-color: #44C7F5;
}
.flow_wrap .ttl .txt .tag{
	background-color: #ffffff;
	border-radius: 3px;
	padding: 6px 5px 3px;
	color: #0463cd;
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.flow_wrap .ttl .txt.biglobe .tag{
	color: #44C7F5;
}
.flow_wrap .flow_cont{
	margin-left: 20px;
	padding: 15px 0 30px 20px;
}
.flow_wrap .flow_cont.arrow{
	margin-bottom: 10px;
}
.flow_wrap .flow_cont.arrow .btmImg{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
.flow_wrap .flow_cont.arrow .btmImg img{
	display: block;
	width: auto !important;
	height: auto !important;
	margin: 0 auto;
}
.flow_wrap .flow_cont.send{ background:url(../images/flow_icon_send.gif) no-repeat left 15px;}
.flow_wrap .flow_cont.get{ background:url(../images/flow_icon_get.gif) no-repeat left 15px;}
.flow_wrap .flow_cont.tel{ background:url(../images/flow_icon_tel.gif) no-repeat left 15px;}
.flow_wrap .flow_cont.setting{ background:url(../images/flow_icon_setting.gif) no-repeat left 15px;}

.flow_succcess{
	padding: 10px;
	color: #0463CD;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border: 4px solid #0463CD;
	background-color: #D3E9FF;
}

@media screen and (max-width: 640px) {
	.flow,
	.flow .flow_wrap{
		display: block;
		width:auto;
	}
	.flow{
		border: 2px solid #7F7F7F;
		margin-bottom: 15px;
	}
	.flow .flow_ttl{
		display: table;
		width: 100%;
	}
	.flow .flow_ttl .step{
		display:table-cell;
		width: 60px;
	}
	.flow .flow_ttl .txt{
		display:table-cell;
	}
	.flow .flow_ttl .img{
		display:none;
	}
	.flow_wrap{
		padding: 10px;
	}
	.flow_wrap .ttl{
		padding-left: 0;
		margin-bottom: 10px
	}
	.flow_wrap .ttl .txt{
		padding: 6px 10px;
	}
	.flow_wrap .flow_cont{
		margin-left: 0;
		padding: 0;
		background-position: left top !important;
	}
}