/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  TOP STYLE                                                                       */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------- */
/*  1-1.TOPCONTENTS                                                                   */  
/* -------------------------------------------------------------------------------- */

.topContents{
	background:url(../common/img/bg.gif);
	padding:25px 0 20px 0;
	position:relative;
	}

.topContents--inner{
	margin:0 auto;
	height:587px;
	}

.banner--boshu{
	position:absolute;
	right:0;
	top:25px;
	}

@media screen and (min-width: 1650px) {
	.topContents--inner{
		width:1610px;		
	}
}

@media screen and (max-width: 1649px) {
	.topContents--inner{
		width:1040px;		
	}
}

@media screen and (max-width: 640px) {
	.topContents{
		padding:15px 0 0px 0;
	}	
	
	.topContents--inner{
		height:auto;
		width:100%;
	}
}

.topContents--main{
	width:100%;
	box-sizing: border-box;
	padding-right:230px;
	position: relative;
	height:582px;
	}

@media screen and (min-width: 1650px) {
	.topContents--main{
		padding-left:230px;		
	}
}

@media screen and (max-width: 1649px) {
	.topContents--main{
		padding-left:0;		
	}
}

@media screen and (max-width: 640px) {
	.topContents--main{
		height:auto;
		padding-right:0;
	}
}


/* -------------------------------------------------------------------------------- */
/*  1-2.SLIDER                                                                        */  
/* -------------------------------------------------------------------------------- */

.topContents--main--slider{
	position:relative;
	height:582px;
	border:solid 10px #fff;
	box-sizing: border-box;
	background:#fff;
	}

.slideArea div{
	width:100%;
	height:562px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	}

.slide1 div{background:url(../img/slide_01.jpg) no-repeat;}
.slide2 div{background:url(../img/slide_02.jpg) no-repeat;}
.slide3 div{background:url(../img/slide_03.jpg) no-repeat;}
.slide4 div{background:url(../img/slide_04.jpg) no-repeat;}
.slide5 div{background:url(../img/slide_05.jpg) no-repeat;}
.slide6 div{background:url(../img/slide_06.jpg) no-repeat;}
.slide7 div{background:url(../img/slide_07.jpg) no-repeat;}

@media screen and (max-width: 1649px) {
	.slide1 div{background:url(../img/slide_01_02.jpg) no-repeat;}
	.slide2 div{background:url(../img/slide_02_02.jpg) no-repeat;}
	.slide3 div{background:url(../img/slide_03_02.jpg) no-repeat;}
	.slide4 div{background:url(../img/slide_04_02.jpg) no-repeat;}
	.slide5 div{background:url(../img/slide_05_02.jpg) no-repeat;}
	.slide6 div{background:url(../img/slide_06_02.jpg) no-repeat;}
	.slide7 div{background:url(../img/slide_07_02.jpg) no-repeat;}
}

@media screen and (max-width: 640px) {
	.topContents--main--slider{
		height:auto;
		border:none;
		background:none;
	}
	
	.slideArea{
		display:none;
	}
	
	.sp--slide{
		margin-bottom:15px;
	}
	
	.sp--slide img{
		width:100%;
		height:auto;
	}
	
}


/* -------------------------------------------------------------------------------- */
/*  1-3.TOPMAIN Banner                                                              */  
/* -------------------------------------------------------------------------------- */

.topmainBnr{
	width:100%;
	height:110px;
	position:absolute;
	/*bottom:-48px;*/
	top:-20px;
	text-align:center;    
	}

.topmainBnr a{
	position:relative;
	display:block;
	width:577px;
	height:110px;
	margin:0 auto;
	background-image:url(/img/banner_search.png);
	background-repeat:no-repeat;
    text-indent: -9999px;
	}

.topmainBnr span{
	position:absolute;
	top:30px;
	left:353px;
	display:block;
	z-index:100;
	width:102px;
	height:57px;
	background-image:url(/img/banner_search_btn.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	}

@media screen and (max-width: 640px) {
	.topmainBnr{
		position:static;
		width:94%;
		margin:0 auto;
		height:auto;
		}
	
	.topmainBnr a{
		position:static;
		width:98%;
		height:0;
		padding-top:21.5%;
		background-image:url(/img/sp/banner_search.png);
		background-size:contain;
		}
	
	.topmainBnr span{
		display:none;
		}
}



/* -------------------------------------------------------------------------------- */
/*  1-4.TOP BUNNER                                                                    */  
/* -------------------------------------------------------------------------------- */

.topBanner{
	position:absolute;
	top:0;
	right:0;
	width:193px;
	background-color:#fff;
	box-sizing: border-box;
	padding:10px 10px 15px 10px;
	}

.topBanner li{
	margin-top:19px;
	height:45px;
	}

.topBanner li:first-child{
	margin-top:0;
	}

@media screen and (max-width: 640px) {
	.topBanner{
		display:none;
	}
}

/* -------------------------------------------------------------------------------- */
/*  1-5.TOP INFO                                                                    */  
/* -------------------------------------------------------------------------------- */

.topInfo--ttlArea{
	margin-bottom:20px;
	position:relative;
	/*background:url(../img/bg_ttl_topinfo.gif);
	background:url(../common/img/bg_02.gif);*/
	background-color:#fff;
	padding-top:40px;
	/*border-top:solid 1px #e6e6e6;*/
	}

.topInfo--ttlArea h3{
	font-size:2.2rem;
	text-align:center;	
	}

.topInfo--ttlArea h3 span{
	/*padding-bottom:10px;
	border-bottom:solid 3px #ef5d6b;*/
	}

.topInfo--ttlArea p{
	position:absolute;
	right:0;
	top:17px;
	}

.topInfo--ttlArea p a{
	text-decoration:none;
	color:#333;
	background:url(../common/img/icon_arrow_01.gif) no-repeat left center;
	padding-left:18px;
	}


@media screen and (max-width: 640px) {
	.topInfo--ttlArea h3{
		font-size:1.8rem;	
	}
}	



.topInfo--tabArea{
	border:solid 1px #d2d2d2;
	margin-bottom:55px;
	}

#tab-menu{
	margin-bottom:60px;
	}

#tab-menu li{
	width:207px;
	line-height:50px;
	text-align:center;
	float:left;
	font-size:16px;
	font-size:1.6rem;
	color:#fff;
	border-left:solid 1px #86a1d1;
	box-sizing: border-box;
	cursor: pointer;
	}

#tab-menu li:first-child{
	width:210px;
	border-left:none;
	}

#tab-menu li.tabAll{background-color:#6b8093;}
#tab-menu li.tabInfo{background-color:#3362b3;}
#tab-menu li.tabShiken{background-color:#30aab5;}
#tab-menu li.tabKoshin{background-color:#95bf53;}
#tab-menu li.tabRbss{background-color:#2a4973; /*background-color:#8d5eac;*/}

#tab-menu > li.active {
	background: #fff;
	color: #333;
	font-weight:bold;
}


@media screen and (max-width: 640px) {
	.topInfo--tabArea{
		border-left:none;
		border-right:none;
		border-bottom:none;
		padding-top:20px;
		}
	
	#tab-menu{
		display:none;
		}
}


#tab-box{
	width:950px;
	height:325px;
	overflow:auto;
	box-sizing: border-box;
	margin:0 auto 30px auto;
	}

#tab-box div {
  display: none;
}

#tab-box div.active {
  display: block;
}

#tab-box div dl{
	width:900px;
	border-top:solid 1px #e6e6e6;
	padding-top:16px;
	}

#tab-box div dl:first-child{
	border-top:none;
	}

#tab-box dl dt{
	float:left;
	width:240px;
	}

#tab-box dl dt > span.ico{
	width:92px;
	display:inline-block;
	text-align:center;
	margin-left:20px;
	margin-right:10px;
	font-size:14px;
	font-size:1.4rem;
	padding:2px 0;
	position:relative;
	color:#fff;
	}

.icoAll{background-color:#6b8093;}
.icoInfo{background-color:#3362b3;}
.icoShiken{background-color:#30aab5;}
.icoKoshin{background-color:#95bf53;}
.icoRbss{background-color:#2a4973;}

#tab-box dl dd{ 
	box-sizing: border-box;
	padding-bottom:16px;
	width:660px;
	float:right;
	}

.btn--bk{
	text-align:right;
	margin:0 auto 30px auto;
	width:900px;
	}

.btn--bk a{
	text-decoration: none;
	background:url(/common/img/icon_arrow_02.gif) no-repeat 0 5px;
	padding-left:15px;
	}

@media screen and (max-width: 640px) {
	#tab-box{
		width:100%;
		/*background-color:#f00;*/
		overflow:visible;
		height:auto;
		}
	
	#tab-box div.active {
	  display: none;
		}	
	
	#tab-box div:first-child{
		display:block !important;
		}
	
	#tab-box div dl{
		width:100% !important;
		}
	
	#tab-box dl dt{
		width:100%;
		float:none;
		margin:0 auto 10px auto;
		font-weight:bold;
		font-size:1.2rem;
		padding-left:3%;
		padding-right:3%;
		box-sizing: border-box;
		}
	
	#tab-box dl dd{
		padding-left:0px;
		width:100%;
		font-size:1.2rem;
		line-height:1.7em;
		padding-left:3%;
		padding-right:3%;
		}
	
	#tab-box dl dt > span.ico{
		font-size:1.2rem;
		margin-left:10px;
		}
	
	#tab-box div:first-child dl dd:last-child{
		border-bottom:none;
		}
	
	.btn--bk{
		width:100%;
		}

}


/* -------------------------------------------------------------------------------- */
/*  1-6.TOP INFO                                                                    */  
/* -------------------------------------------------------------------------------- */
.topbnr--group::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.bnr{
	width:500px;
	height:130px;
    position:relative;
    float:left;
    box-sizing: border-box;
}

.bnrMail{background:url(../img/bg_banner_mail.jpg) no-repeat;margin-right:40px;}
.bnrNintei{background:url(../img/bg_banner_nintei.jpg) no-repeat bottom;}

.bnr p{
	background-repeat:no-repeat;
	position:absolute;
	}

.bnrMail p{
	width:219px;
	height:67px;
	background-image:url(../img/bg_banner_mail_ttl.png);
	top:30px;
	left:23px;
}

.bnrNintei p{
	width:167px;
	height:67px;
	background-image:url(../img/bg_banner_nintei_ttl.png);
	top:35px;
	left:55px;
}

.bnr a{
	width:205px;
	font-size:12px;
	font-size:1.2rem;
	display:block;
	background:#fff url(../img/icon_mail.gif) no-repeat left center;
	text-decoration:none;
	color:#091841;
	position:absolute;
	right:20px;
	line-height:40px;
	box-sizing: border-box;
	padding-left:23px;
	}

.bnrPosi1{top:20px;}
.bnrPosi2{top:70px;}


@media screen and (max-width: 640px) {
	.bnr{
		width:100%;
		height:auto;
		background-size:contain;
		padding:50px 0 30px 0;
		position:relative;
		}
    
    .bnrMail{
		background:url(../img/sp/bg_banner_mail.jpg) no-repeat;
		background-color:#335389;
    }
    
    .bnrNintei{
		background:url(../img/sp/bg_banner_nintei.jpg) no-repeat;
		background-color:#31869b;
    }
    
    .bnr p{
            position:static;
            width:50%;
            height:0;
            padding-top:15.25%;
            margin-left:auto;
            margin-right:auto;
            margin-bottom:25px;
            }

    .bnrMail p{
        background-image:url(/img/sp/bg_banner_mail_ttl.png);
        background-size:contain;
        }
    
    .bnrNintei p{
        background-image:url(/img/sp/bg_banner_nintei_ttl.png);
        background-size:contain;
        }
	
	.bnr a{
		width:70%;
		position:static;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		}
}


/* ================================================================================ */
/*  2.CLEAR                                                                         */  
/* ================================================================================ */

.topimpInfo::after , .topInfo--tabArea ul::after , #tab-box div dl::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}



/* ================================================================================ */
/*  3.IMG                                                                           */  
/* ================================================================================ */


.topmainBnr a , .bnr p{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}