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

/*--content----------------------*/
/*--#flashcontentに入れ替わり#topcontentにリニューアル----------------------*/
#topcontent {
	width: 960px;
	height: 400px;
}
#centerNav {
	width: 960px;
	/*height: 153px;*/
	height: 150px;	/*201812 修正*/
	/*border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #404040;*/
	background-color: #000000;
}
/*--20140716 Linkバナー増加の為高さ調整----------------------*/
#bottombox {
	width: 960px;
	height: 380px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #640000;
	background-color: #FCF3EC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #640000;
	clear: both;
}
/*--#topcontent内 #slideshow スライドショー 201604 リニューアル Start----------------------*/
/*--------------------------------
 * スライダー用
 *--------------------------------*/
#slideshow {
	width: 960px;
	height: 320px;
	background: #000000;
	overflow: hidden;
	position:relative;
}
#slideshow ul{
	height:320px;
	display: inline;
	overflow: hidden;
}
#slideshow ul li{
	width: 960px;
	height: 320px;
	float: left;
	display: inline;
	overflow: hidden;
}

#slideshow li.videoBox{
	background-image: url(../img/topSlider/Slideshow01_20250712_hover.jpg);
	background-position: left top;
}

/*#slideshow li.videoBox02{
	background-image: url(../img/topSlider/Slideshow02_20201011_hover.jpg);
	background-position: left top;
}*/

/*-----20150701 videoBox-----*/
.play {
	top: -5px;
	left: -190px;
	opacity: 0.9;
	z-index: 1;
}
.video {
-webkit-transition: 0.5s ease-in-out;
}
.video img:hover {
	filter:alpha(opacity=0)!important;
	-moz-opacity: 0!important;
	opacity: 0!important;
}
.fade {  
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
} 

/*-----#slideshow END-----*/

/*--#topcontent #topbnr スライドショー下リンクバナー 201604 リニューアル Start----------------------*/
#topbnr {
	background: #1e1e1e;
	float:left;
	width: 960px;
	height: 80px;
	margin: 0px;
}
#bnriner01 {
	float:left;
	overflow:hidden;
	font-size:0;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
}
#bnriner01 ul li{
	float:left;
	width:304px;
	height:78px;
}
#bnriner01 ul li a{
	width:304px;
	height:78px;
	display:block;
	overflow:hidden;
}
#bnriner01 ul li a:hover img{
	filter: alpha(opacity=0);       /* ie 6 7 */
	-ms-filter: alpha(opacity=0);   /* ie 8 */
	opacity: 0.0;
	zoom:1;	
}
#bnriner01 .list01 a{
	background-image: url(../img/bnrlist/List_A01_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
#bnriner01 .list02 a{
	background-image: url(../img/bnrlist/List_A02_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
#bnriner01 .list03 a{
	background-image: url(../img/bnrlist/List_A03_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
/* 20140805 bnrリニューアルにつきcss追記 */
#bnriner01 .list04 a{
	background-image: url(../img/bnrlist/List_A04_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

/* 201808 bnrリニューアルにつきcss変更 */
#bnriner {
	float:left;
	overflow:hidden;
	font-size:0;
	margin: 0;
}
#bnriner ul{
	width:960px;
	height:80px;
}
#bnriner ul li{
	float:left;
}
#bnriner ul li a{
	height:80px;
	display:block;
	overflow:hidden;
}
#bnriner ul li a:hover img{
	filter: alpha(opacity=0);       /* ie 6 7 */
	-ms-filter: alpha(opacity=0);   /* ie 8 */
	opacity: 0.0;
	zoom:1;	
}
/* 201808 bnrリニューアルにつきコメントアウト
#bnriner .bnr01{
	width:320px;
	height:80px;
}
#bnriner .bnr02,
#bnriner .bnr03,
#bnriner .bnr04,
#bnriner .bnr05{
	width:160px;
	height:80px;
}

/* 201808 bnrリニューアルにつきcss変更 */
#bnriner .bnr01{
	width:480px;
	height:80px;
}
#bnriner .bnr02{
	width:480px;
	height:80px;
}


/*--画像リネームの際はhoverとなる画像指定を変更----------------------*/
/* 201808 bnrリニューアルにつきコメントアウト

#bnriner .bnr01 a{
	background-image: url(../img/topBnr/topBnr01_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bnriner .bnr02 a{
	background-image: url(../img/topBnr/topBnr02_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
#bnriner .bnr03 a{
	background-image: url(../img/topBnr/topBnr03_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bnriner .bnr04 a{
	background-image: url(../img/topBnr/topBnr04_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
#bnriner .bnr05 a{
	background-image: url(../img/topBnr/topBnr05_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}*/

/* 201808 bnrリニューアルにつきcss変更 */
#bnriner .bnr01 a{
	background-image: url(../img/topBnr/topBnr_Left_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bnriner .bnr02 a{
	background-image: url(../img/topBnr/topBnr_Right0501_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

/*-----#topbnr END-----*/

/*--#centerNav内 究極のこだわりバナー 201604 リニューアル Start----------------------*/
#leftNav {
	width: 320px;
	height: 150px;
	float: left;
	display:block;
	overflow:hidden;
}
#leftNav a{
	height: 150px;
	display:block;
	overflow:hidden;
	background-image: url(../img/centerBnr/c-bnr_A_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftNav a:hover img{
	filter: alpha(opacity=0);       /* ie 6 7 */
	-ms-filter: alpha(opacity=0);   /* ie 8 */
	opacity: 0.0;
	zoom:1;	
}

#rightNav {
	width: 660px;	/*202101 LatestNewsとの間をなくすため幅変更 640pxから+20px*/
	height: 150px;
	float: left;
	/*margin-left: 20px;	/*202101 LatestNewsとの間をなくすためコメントアウト*/
}
/*-----202302 バナー2個の場合 width変更-----*/
#rightNav .half{
	width: 330px;
	height: 150px;
	float: left;
}
#rightNav .half a{
	width: 330px;
	height: 150px;
	display:block;
	overflow:hidden;
}
#rightNav .half01 a{
	background-image: url(../img/centerBnr/c-bnr_Half01_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rightNav .half02 a{
	background-image: url(../img/centerBnr/c-bnr_Half02_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

/*-----202101 バナー1個の場合 height変更-----*/
#rightNav .full{
	width: 660px;	/*202101 LatestNewsとの間をなくすため幅変更 640pxから+20px*/
	height: 150px;	/*202101 広告１枚の場合 高さ変更 75pxから150px*/
	float: left;
}
#rightNav .full a{
	width: 660px;	/*202101 LatestNewsとの間をなくすため幅変更 640pxから+20px*/
	height: 150px;	/*202101 広告１枚の場合 高さ変更 75pxから150px*/
	display:block;
	overflow:hidden;
	background-image: url(../img/centerBnr/c-bnr_Full_2022_hover.jpg);/*202102 リンク追加のため*/
	background-repeat: no-repeat;
	background-position: left top;
}
/*-----202101 バナー個数変更のためwidth変更-----*/
#rightNav .upper{
	width: 660px;	/*202101 LatestNewsとの間をなくすため幅変更 640pxから+20px*/
	height: 75px;
	float: left;
}
#rightNav .upper a{
	width: 660px;	/*202101 LatestNewsとの間をなくすため幅変更 640pxから+20px*/
	height: 75px;
	display:block;
	overflow:hidden;
}
#rightNav .lower{
	width: 330px;	/*202101 LatestNewsとの間をなくすため幅変更 320pxから+10px*/
	height: 75px;
	float: left;
}
#rightNav .lower a{
	width: 330px;	/*202101 LatestNewsとの間をなくすため幅変更 320pxから+10px*/
	height: 75px;
	display:block;
	overflow:hidden;
}
#rightNav ul li a:hover img{
	filter: alpha(opacity=0);       /* ie 6 7 */
	-ms-filter: alpha(opacity=0);   /* ie 8 */
	opacity: 0.0;
	zoom:1;	
}
#rightNav .c-bnr01 a{
	background-image: url(../img/centerBnr/c-bnr01_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rightNav .c-bnr02 a{
	background-image: url(../img/centerBnr/c-bnr02_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
#rightNav .c-bnr03 a{
	background-image: url(../img/centerBnr/c-bnr03_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
/*-----202101 バナー個数変更のためコメントアウト-----
#rightNav .c-bnr04 a{
	background-image: url(../img/centerBnr/c-bnr_B04_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}*/
/*-----#centerNav内 END-----*/


/*--#bottombox内 #facebookbox フェイスブック----------------------*/
/*--20140716 Linkバナー増加の為高さ調整----------------------*/
#facebookbox {
	width: 515px;
	height: 356px;
	background-color: #FCF3EC;
	float:left;
	padding-top: 24px;
	padding-left: 20px;
}
.fb {
	float: left;
	width: 315px;
	height: 230px;
	margin: 0px;
}	
#s-btnbox {
	width: 180px;
	height: 230px;
	float: left;
	padding-top: 8px;
}
/*-----#facebookbox END-----*/

/*--#bottombox内 #otherLink その他リンク----------------------*/
/*--20140716 Linkバナー増加の為高さ調整 css追加----------------------*/
#otherLbox {
	height: 366px;
	width:400px;
	background-color: #FCF3EC;
	float: left;
	padding-top: 14px;
	padding-left: 20px;
}
#Lboxbnr {
	float:left;
	width:400px;
	position:relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: -10px;
	margin-left: 0;
}
#Lboxbnr li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-bottom:10px;
	overflow:hidden;
}
#Lboxbnr li a {
	display:block;
	border:1px solid #333333;
	overflow:hidden;
}
#Lboxbnr li a:hover {
	border:2px solid #CCCCCC;
}
#Lboxbnr li a:hover img {
	margin:-1px;
}
#Lboxbnr li.blink01 {
	position:absolute;
	left:0;
	top:10px;
}
#Lboxbnr li.blink02 {
	position:absolute;
	left:0;
	top:125px;
}
#Lboxbnr li.blink03 {
	position:absolute;
	left:0;
	top:240px;
}
#Lboxbnr li.blink04 {
	position:absolute;
	left:199px;
	top:240px;
}
/*-----#otherLink END-----*/