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



/***************************************************************************************
01. #mainImg
*********************************************************************************************/

#mainImg {
	background:url(css_img/bgMainImage.png);
	position:relative;
	top:-7px;
	z-index:5;
}

#mainImg ul {
	position:relative;
	width:900px;
	height:381px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#mainImg ul li img {
	width:100%;
}

/***************************************************************************************
スライド設定
*********************************************************************************************/

#mainImg a.slidesjs-navigation {
	position:absolute;
	top:50%;
	margin-top:-34px;
	z-index:35;
	display:none;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
	padding-top:68px;
}
#mainImg a.slidesjs-previous {
	left:5px;
	width:53px;
	background: url(css_img/btmSlidePrev.png) no-repeat left top;
}
#mainImg a.slidesjs-next {
	right:5px;
	width:51px;
	background: url(css_img/btmSlideNext.png) no-repeat left top;
}

#mainImg ul.slidesjs-pagination {
	position:absolute;
	bottom:15px;
	left:50%;
	z-index:35;
	height:30px;
	display:none;
}
#mainImg ul.slidesjs-pagination li {
	float:left;
}
#mainImg ul.slidesjs-pagination li a {
	display:block;
	width:33px;
	padding-top:32px;
	overflow:hidden;
	height:0;
	font-size:0;
	background:url(css_img/btmSlideList.png) no-repeat left top;
}
#mainImg ul.slidesjs-pagination li a.active {
	background:url(css_img/btmSlideListSel.png) no-repeat left top;
}

#mainImg:hover a.slidesjs-navigation,
#mainImg:hover ul.slidesjs-pagination {
	display:block;
}
/***************************************************************************************
02. #boxCompanyConsept
*********************************************************************************************/

#main #boxCompanyConsept {
	margin-bottom:55px;
}

#main #boxCompanyConsept .img {
	margin-top:25px;
}

/***************************************************************************************
03. #main #boxTopics
*********************************************************************************************/

#main #boxTopics {
	margin-bottom:35px;
}

#main #boxTopics .boxArea {
	/*width:55px;
	width:50%;*/
	float:left;
}

#main #boxTopics #groupAreaNews {
	position:relative;
	height:330px;
}

#main #boxTopics .boxArea .inner {
	width:auto;
	background:none;
	margin:0 10px 0 0;
}

#main #boxTopics .boxArea .inner h3 {
	margin:0;
	padding:0;
	font-size:0.95em;
	background:none;
}
#main #boxTopics .boxArea .inner h3 a {
	display:block;
	height:45px;
	line-height:45px;
	padding:0 25px;
	color:#fff;
	text-decoration:none;
	background:#000;
}
#main #boxTopics .boxArea .inner h3 a:hover,
#main #boxTopics .sel .inner h3 a {
	background:#e2e0e0;
	color:#333;
}

#main #boxTopics .boxList {
	background:#faf8f8 url(css_img/bgFrameTopics.png) repeat-x left top;
	border:solid 1px #e2e0e0;
	padding:25px 25px;
	overflow-y:scroll;
	height:200px;
	position:absolute;
	left:0;
	top:45px;
	display:none;
}
#main #boxTopics .sel .boxList {
	display:block;
}

#main #boxTopics .boxList dl {
	background:url(css_img/iconTopics.png) no-repeat left top;
	padding-top:5px;
	padding-left:30px;
	margin-bottom:35px;
}
#main #boxTopics .boxList dt {
	width:auto;
}
#main #boxTopics .boxList dd {
	margin-top:5px;
}

/***************************************************************************************
04. #main #listareaLinkSite
*********************************************************************************************/

#main #listareaLinkSite {
	margin-bottom:35px;
}

#main #listareaLinkSite h2 {
	height:auto;
	background:none;
	margin-bottom:5px;
	line-height:0;
}
#main #listareaLinkSite h2 img {
	width:100%;
}

#main #listareaLinkSite ul {
	/*width:585px;
	margin-left:-10px;*/
}

#main #listareaLinkSite li {
	float:left;
	width:33%;
}
#main #listareaLinkSite li a {
	display:block;
	margin:0;
}
#main #listareaLinkSite li img {
	width:100%;
	height:auto;
}

/***************************************************************************************
05. #main #boxSiteContents
*********************************************************************************************/

#main #boxSiteContents {
	margin-bottom:35px;
}
#main #boxSiteContents li {
	line-height:0;
}
#main #boxSiteContents li img {
	width:100%;
	height:auto;
}

/***************************************************************************************
06. #main #boListMovie
*********************************************************************************************/

#main #boListMovie {}

#main #boListMovie .listMovie {
	width:585px;
	margin:0 0 0 -10px;
}

#main #boListMovie .listMovie dl {
	float:left;
	width:33%;
}
#main #boListMovie .listMovie dt,
#main #boListMovie .listMovie dd {
	margin:0 10px;
}
#main #boListMovie .listMovie dt{
	/*height:115px;*/
}
#main #boListMovie .listMovie dt iframe{
	height:auto;
	width:100%;
}
#main #boListMovie .listMovie dd {
	margin-top:15px;
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

	#mainImg{
		background:#686868;
		padding:5px;
	}
	
	#mainImg ul {
		width:auto;
		height:auto;
	}
	#mainImg ul li img {
		height:auto;
	}

	#mainImg a.slidesjs-navigation,
	#mainImg ul.slidesjs-pagination {
		display:block;
	}

	/***************************************************************************************
	03. #main #boxTopics
	*********************************************************************************************/
	
	#main #boxTopics .boxList {
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #F2F2F2),
			color-stop(0.25, #FFFFFF)
		);
		background-image: -o-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 25%);
		background-image: -moz-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 25%);
		background-image: -webkit-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 25%);
		background-image: -ms-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 25%);
		background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 25%);
		border:solid 1px #e2e0e0;
		padding:25px 28px;
		height:350px;
		box-shadow:0px 0px 10px rgba(0,0,0,0.4);
		border-radius:0 0 15px 15px;        /* CSS3草案 */  
		-webkit-border-radius: 0 0 15px 15px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 0 0 15px 15px;   /* Firefox用 */
	}
	#main #boxTopics .boxArea .inner {
		margin:0
	}
	
	#main #boxTopics .boxList dl {
		background:url(css_img/iconTopics_sm.png) no-repeat left 22px;
		background-size:27px;
		border-bottom:solid 1px #ccc;
		padding-top:25px;
		padding-left:40px;
		padding-bottom:25px;
		margin-bottom:0;
	}
	
	#main #boxTopics .boxArea .inner h3 a {
		border-radius: 10px 10px 0 0;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 0 0;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 0 0;   /* Firefox用 */
		/*box-shadow:0px 0px 8px rgba(0,0,0,0.3);*/
		border:solid 1px #ccc;
		border-bottom:none;
		padding:0 15px;
	}
	#main #boxTopics .boxArea .inner h3 a:hover,
	#main #boxTopics .sel .inner h3 a {
		position:relative;
		z-index:50;
		font-weight:bold;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #FFFFFF),
			color-stop(0.5, #F7F7F7),
			color-stop(0.5, #DDDDDD),
			color-stop(1, #F0F0F0)
		);
		background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F7F7F7 50%, #DDDDDD 50%, #F0F0F0 100%);
		background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F7F7F7 50%, #DDDDDD 50%, #F0F0F0 100%);
		background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F7F7F7 50%, #DDDDDD 50%, #F0F0F0 100%);
		background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F7F7F7 50%, #DDDDDD 50%, #F0F0F0 100%);
		background-image: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 50%, #DDDDDD 50%, #F0F0F0 100%);
	}

	/***************************************************************************************
	04. #main #listareaLinkSite
	*********************************************************************************************/
	
	#main #listareaLinkSite {
		margin-bottom:25px;
		width:auto;
		margin-left:0;
	}
	#main #listareaLinkSite h2 {
		border:none;
	}
	#main #listareaLinkSite h2 img {
		box-shadow:none;
	}
	#main #listareaLinkSite li {
		float:left;
		width:33%;
	}
	#main #listareaLinkSite li a {
		margin:0;
	}

	/***************************************************************************************
	06. #main #boListMovie
	*********************************************************************************************/
	
	#main #boListMovie {}
	
	#main #boListMovie .listMovie {
		width: auto;
		margin:0;
		padding-top:30px;
	}
	
	#main #boListMovie .listMovie dl {
		width:50%;
		margin-bottom:25px;
	}
	#main #boListMovie .listMovie dt,
	#main #boListMovie .listMovie dd {}
	#main #boListMovie .listMovie dt{
		/*height:115px;*/
	}
	#main #boListMovie .listMovie dd {
		display:none;
	}

}



/*===============================================
●smart.css  画面の横幅が460pxまで
===============================================*/
@media screen and (max-width:460px){


	#main #boxTopics .boxList dd {
		margin-left:0px;
	}
	#main #boxTopics .boxList dt {
		width:auto;
		float:none;
		margin-bottom:10px;
	}

	#mainImg ul.slidesjs-pagination {
		bottom:5px;
		height:30px
	}
	#mainImg a.slidesjs-navigation {
		margin-top:-17px;
		padding-top:34px;
	}
	#mainImg a.slidesjs-previous {
		left:0px;
		/*width:53px;*/
		width:25px;
		background: url(css_img/btmSlidePrev.png) no-repeat left top;
		background-size:100%;
	}
	#mainImg a.slidesjs-next {
		right:0px;
		width:25px;
		/*width:51px;*/
		background: url(css_img/btmSlideNext.png) no-repeat left top;
		background-size:100%;
	}

	/***************************************************************************************
	04. #main #listareaLinkSite
	*********************************************************************************************/
	
	#main #listareaLinkSite {
		margin-bottom:25px;
		width:auto;
		margin-left:0;
	}
	#main #listareaLinkSite li {
		float:none;
		width:auto;
		text-align:center;
	}
	#main #listareaLinkSite li a {
		margin:0 15px;
	}

	/***************************************************************************************
	06. #main #boListMovie
	*********************************************************************************************/
	
	#main #boListMovie .listMovie dl {
		width:auto;
		float:none;
	}
	#main #boListMovie .listMovie dt,
	#main #boListMovie .listMovie dd {
		margin:0 auto;
	}
	#main #boListMovie .listMovie dt{
		/*height:115px;*/
	}
	#main #boListMovie .listMovie dd {
		display:none;
	}

}