.gigaindex {
	background-color: #003087 !important;
}

.gigaindex > .head {
	background-color: #fff;
	margin: 0 !important;
}

.gigaindex .detail {
	margin-top: -44px !important;
	position: relative;
	width: auto !important;
}

.gigaindex .index {
	background-color: #fff;
}

.free-custom {
	background-color: #003087;
	color: #fff;
	font-size: 16px;
	line-height: 1.8em;
}

.free-custom a:hover img {
	opacity: 0.7;
	background: rgba(255,255,255,0);
}


.free-custom img{ vertical-align: bottom !important;}

.free-custom dl,.free-custom dt,.free-custom dd,.free-custom ul,.free-custom li{ margin: 0; padding: 0; list-style: none;}

/*cBox common*/
.free-custom .cBox_text-center{ text-align: center;}
.free-custom .cBox_text-left{ text-align: left;}
.free-custom .cBox_text-black{ color: #000;}
.free-custom .cBox_text-white{ color: #fff;}
.free-custom .cBox_text-small{ font-size: 12px; line-height: 1.5;}

.free-custom .padtop30{padding-top: 30px;}

.free-custom .cBox_innerWrapper{ width: 840px; margin: 0 auto;}

.free-custom .cBox_textWrapper{ padding: 0 30px; margin-bottom: 30px;}

.free-custom　.cBox_btnWrappe{
 margin-top: 20px;	
}

.free-custom .cButton{
     display:block;
     width: 420px;
     height:60px;
     line-height: 60px;
     margin: 0 auto;
     font-size: 24px;
     font-weight: bold;
     color: #000;
     text-decoration: none;
     text-align: center;
     background-color: #ffeb12; /*ボタン色*/
     background-image: url("img/arrow.png");
     background-position:right 20px center;
     background-repeat: no-repeat;
     border-radius: 20px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
}
.free-custom .cButton:hover{
     background-color: #fff691; /*ボタン色*/
}

/*cBox-Title*/
.free-custom .cTitle{text-align: center;}
.free-custom .cTitle img{margin-top: 40px;}
.free-custom .cBox-title{ 
	background-image:url("img/bg_top.png");
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 40px;
}
.free-custom .cBox-inner-title-top{}
.free-custom .cBox-inner-title-bottom{
	background-image:url("img/bg_box_white.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
}
.free-custom .logos{ text-align: center;}
.free-custom .logos img{margin-top: 30px;}

/*cBox-flow*/
.free-custom .cBox-flow{
padding:40px 0;
background: #009cde; /* Old browsers */
background: -moz-linear-gradient(left, #009cde 0%, #003087 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #009cde 0%,#003087 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #009cde 0%,#003087 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cde', endColorstr='#003087',GradientType=1 ); /* IE6-9 */
}

.free-custom .cBox-inner-flow-top{ }
.free-custom .cBox-inner-flow-bottom{
	background-image:url("img/bg_box_border.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
	padding-top: 40px;

}

.free-custom .cBox_flowbotton{ display: flex;  display: -webkit-box;
  display: -ms-flexbox; width: 620px; margin: 0px auto 20px; box-sizing: border-box; border: 1px solid #ffeb12; }
.free-custom .cBox_flowbotton .btn-memberstatus{ width: 50%; text-align: center; color: #000; padding: 20px 0; cursor: default;}
.free-custom .cBox_flowbotton .btn-memberstatus .btn-newer{}
.free-custom .cBox_flowbotton .btn-memberstatus .btn-user{ font-size: 18px;}
.free-custom .btn-member-active{background-color: #ffeb12;font-weight: bold;}
.free-custom .btn-member-notactive{background-color: #004497;font-weight: normal;color:#c8c8c8 !important;}

.free-custom .cBox_flowWrapper{ padding-bottom: 50px; width: 600px; margin: 0 auto; margin-bottom: 20px; position: relative;}

.free-custom .cBox_flowWrapper div{ background-color: #fff;  height: 750px;}
.free-custom .flowSlider{}

/*border　heightは画像高さに合わせる*/
.free-custom .box-forborder{ width: 600px; height:800px; border: #003087 10px solid; position: absolute;z-index: 0; top:-10px; left: -10px; }

/*arrow位置調整*/
.free-custom .slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
  z-index: 100;
}
.free-custom .prev-arrow{
  left: -40px;
}
.free-custom .next-arrow{
  right: -40px;
}

.free-custom .flowshow .slick-dots{bottom:-50px;}
.free-custom .flowhide .slick-dots button{display: none;}

.free-custom .flowshow{height: auto;}
.free-custom .flowshow *{ height: auto;}

.free-custom .flowhide{height:0 !important; margin: 0 !important; padding:0px !important;}
.free-custom .flowhide *{height: 0 !important;}

.free-custom .emailconf img{width: 450px; margin:0 auto;}
.free-custom .pic-w450{ width: 450px; margin:0 auto;}
.free-custom .pic-w300{ width: 300px; margin:0 auto;}
.free-custom .flowSlider p{ font-size: 18px; font-weight: bold; padding: 20px; background-color: #dedede; margin: 15px; color: #000;}


/*cBox-article*/
.free-custom .cBox-article{ padding:40px 0; background-color:#003087;}
.free-custom .cBox-inner-article-top{}
.free-custom .cBox-inner-article-bottom{
	background-image:url("img/bg_box_border.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
}

.free-custom .article-container{
	display: flex;
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
display: -webkit-flex; /* Safari6.1以降 */
margin: 0 35px 30px 35px;	
justify-content: space-between;
padding-top: 20px;
	}
	
.free-custom .article-container .article-item{ width: 33%; padding-right: 10px; background-image:url("img/dots.png"); background-repeat: no-repeat; background-position: top right 3px;
	box-sizing: border-box; padding-left: 10px; 
}
.free-custom .article-container .article-item:last-of-type{ background-image: none;}

.free-custom .article-container .article-item a{ color: #fff; text-decoration: none; font-weight: bold;}
.free-custom .article-container .article-item a:hover{text-decoration: underline;}

.free-custom .article-container .article-item img{margin-bottom: 20px; width: 95%;}


/*information*/
.free-custom  .cBox_infoWrapper{
	width: 800px; margin: 60px auto 0 auto;
}

.free-custom  .cBox_infoWrapper .infoTable{
	width: 100%;
	border-bottom:1px solid #ccc;
}

.free-custom table, th, td {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  line-height: 1.5;
}

.free-custom table.infoTable td{
  padding: 10px;
  vertical-align: top;
 }
 .free-custom table.infoTable td a{ color: #fff; text-decoration: underline}
 
.free-custom table.infoTable td.info-title{
  width: 180px;
  padding: 10px;
  vertical-align: top;
  font-weight: bold;
 }