@charset "utf-8";

.news_top {
	width: 645px;
	margin:70px auto 70px;
	font-size: 1.2rem;
	
}

.news_top a {
	color: #333333;
}
	




/*マウスオーバー効果--------------------------------------------------*/

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

/*マウスオーバー効果おわり--------------------------------------------*/


body{
	background-color:#FFFFFF;
	margin: 0;
}

* html body{
	overflow: hidden;
}

#wrapper{
	width:960px;
	background-color:#FFFFFF;
	color:#333333;
	font-size:14px;
	margin:auto;
	padding-top:150px;
}

/*ヘッダー開始----------------------------------------------------------*/

#header{
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:130px;
	margin:auto;
	z-index:9999;
	background-color: rgba(169,169,169,0.9)
}



#headerMain #headerTop{ 
	width:960px;
	margin-bottom:10px;
}	

#headerMain #headerTop h1{
	font-size:12px;
	color:#000033;
	width:444px;
	float:left;
	padding-left:7px;
}
	
	
#headerMain{
	position:relative;
	width:960px;
	height:125px;
	/*padding-top:20px;*/
	margin:0px auto 5px;
}


		
#headerMain #headerNext{
	width:960px;
}


* html div#headerMain{  
    height: 100%;  
    overflow: auto;  
}  





#headerMain #headerNext #bmLogo{
	 padding:0px;
	float:left;
}

#naviGation{
	float:right;
	width:509px;
}



#naviGation li{
	float:left;
	margin:0px 0px 20px 0px;
	 padding:0px;
}




#contactNavi{
	position:absolute;
	right:0px;
	bottom:0px;
	margin-bottom:20px;
	float:right;
}




#contactNavi .telImg{
	margin-right:25px;
	padding:0px;
}

#contactNavi .mailLink{
	
}

/*ヘッダーおわり-----------------------------------------------------*/







/*メインスライド----------------------------------------------------*/


#viewer{
	margin:0px auto 10px;
	width: 960px;
	height: 388px;
	text-align: left;
	overflow: hidden;
	position: relative;
}


#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}


/*メインスライドおわり-----------------------------------------------*/



/*バナースライダー--------------------------------------------------*/

#bannerSlider{
	background-image:url(../images/slidebase.jpg);
	height:133px;
	width:960px;
	margin:20px auto 30px;
	
}

#slide-03{
	position:relative;
}


/*#bannerSlider .slideCtrlleft{
	float:left;
}

#bannerSlider .slideCtrlright{
	
	float:right;
}

*/

#slide-03 #leftMove{
	width:32px;
	height:133px;
	position:absolute;
	top:0;
	left:0;
}

#slide-03 #rightMove{
	width:32px;
	height:133px;
	position:absolute;
	top:0;
	right:0;
}


.slideFrame .slideGuide .slideCell{
	float:left;
	margin:16px 10px 0px;
}

#bannerSlider #slide-03 .slideCtrl left{
	position:absolute; top: 0px; left:0px;
	width:32px;
	
}



.slideFrame .slideGuide{
}


#loopslider {
	margin: 0 auto;
	width: 960px;
	height: 120px;
	text-align: left;
	position: relative;
	overflow: hidden;

}

#loopslider ul {
/*	width: 100%;*/
	height: 100px;
	float: left;
	display: inline;
	overflow: hidden;
	margin-top:17px;
}
#loopslider ul li {
	width: 270px;
	height: 100px;
	float: left;
	display: inline;
	overflow: hidden;

}




	
/*バナースライダーおわり--------------------------------------------*/


/*でかリンク--------------------------------------------------------*/

#bannerImage{
	margin:0px auto 40px;
	width:960px;
}

#bannerImage #movie{
	margin-right:20px;
	float:left;
	}

/*でかリンクおわり-------------------------------------------------*/



/*メインのコンテンツ-----------------------------------------------*/

.lp_banner {
	text-align: center;
}
.shine {
	display: block;
	position: relative;
	overflow: hidden;
}
.shine::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: shine 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: shine 4s ease-in-out infinite;
}
@keyframes shine {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes shine {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

#mainSubject{
	margin-bottom:60px;
	overflow:hidden;
}


#mainSubject .midashi1{
	margin-bottom:30px;
}

#mainSubject #setsumeiText{
	height:305px;
	margin-bottom:32px;
}

	
#mainSubject #setsumeiText .anshin{
	width:233px;
	height:305px;
	float:left;
	margin:0px 8px 0px 2px;
}


#mainSubject #setsumeiText .anshin .anshinTitle{
	position:relative;
	width:233px;
	height:82px;
	}
	
#mainSubject #setsumeiText .anshin .anshinTitle h3{
	position:absolute; top: 15px; left:20px;
	font-size:25px;
	text-align:center;
	font-weight:900;
} 

#mainSubject #setsumeiText .Text{
	height:223px;
	background-image:url(../images/anshintext.jpg);
}

#mainSubject #setsumeiText .Text p{
	width:203px;
	padding:10px 15px;
	font-size:14px;
	line-height:150%;
}





#mainSubject #setsumeiText .posSousa{
	width:233px;
	height:305px;
	float:left;
	margin-right:8px;
}


#mainSubject #setsumeiText .posSousa .posTitle {
	position:relative;
	width:233px;
	height:82px;
}
	
	
#mainSubject #setsumeiText .posSousa .posTitle h3{
	position:absolute;
	top: 4px;
	left:18px;
	font-size:25px;
	text-align:center;
	font-weight:900;
}



#mainSubject #setsumeiText .kyuyo{
	width:233px;
	height:305px;
	float:left;
	margin-right:8px;
}

#mainSubject #setsumeiText .kyuyo .kyuyoTitle{
	position:relative;
	width:233px;
	height:82px;
}

#mainSubject #setsumeiText .kyuyo .kyuyoTitle h3{
	position:absolute; top:17px; left:17px;
	font-size:25px;
	text-align:center;
	font-weight:900;
	
}



#mainSubject #setsumeiText .fusei{
	width:233px;
	height:305px;
	float:left;
	margin-right:2px;
}


#mainSubject #setsumeiText .fusei .fuseiTitle{
	position:relative;
	width:233px;
	height:82px;
}

#mainSubject #setsumeiText .fusei .fuseiTitle h3{
	position:absolute; top:18px; left:0;
	font-size:25px;
	text-align:center;
	font-weight:900;
}




#mainSubject #mainLink{
	margin:auto;
}



#mainSubject #mainLink #kinouBanner{
	width:305px;
	height:86px;
	margin-right:23px;
	float:left;
}

#mainSubject #mainLink #contactBanner{
	width:305px;
	height:86px;
	margin-right:22px;
	float:left;
}

#mainSubject #mainLink #qaBanner{
	width:305px;
	height:86px;
	float:left;
}


.news_txt {
	display: block;
	margin :20px 0 0 150px;
	line-height: 1.5;
}
.news_txt b a {
	color: #333333;
}
.news_txt b a:hover {
	opacity: 0.7;
}

/*メインのコンテンツおわり------------------------------------------*/




/*サブのコンテンツ--------------------------------------------------*/


#subsubject{
	margin-bottom:90px;
}


#subsubject .subText{
	margin-bottom:30px;
}




#infoPage{
	width:960px;
	margin-bottom:90px;
	overflow:hidden;
}

#infoPage #info{
	width:680px;
	float:left;
}

#infoPage .newsImage{
	width:960px;
	padding-right:640px;
	margin-bottom:0px;
}


#infoPage #newsInfo{
	height:700px;
	width:958px;
	border:1px solid #000066;
	background-color:#FFFFFF;
	overflow-y:scroll;
	}



#infoPage #newsInfo li{
	margin:20px 0px 20px 20px;
	width:920px;
	font-size:15px;
	border-bottom:#000033;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding-bottom:20px;
}



.yohakuText{
	margin-right:20px;
}

	
#infoPage #kyabaLink{
	width:257px;
	float:right;
}


.varie_btn {
	background: #354D73;
	text-align: center;
	padding: 20px;
	width: 55%;
	margin: 0 auto;
}

.varie_btn a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
}

.varie_btn:hover {
	opacity: 0.7;
}



/*サブのコンテンツおわり--------------------------------------------------*/





#contactUs{
	width:960px;
	height: 300px;
	margin:0px auto 90px;
}
	
#contactUs .contactTel{
	margin-right:16px;
}



/*フッター----------------------------------------------------------------*/

#footer {
	height:40px;
	width:100%;
	background-color:#000033;
	color:#FFFFFF;
	overflow:hidden;
}


#footer p{
	width:960px;
	height:40px;
	margin:auto;
	font-size:12px;
	padding-top:10px;
	text-align:center;
	
}


/*フッター----------------------------------------------------------------*/