@charset "UTF-8";



/*===========================================================

	Copyright: (c)SERAKU Co.,Ltd.

	Created: 2008-09-01

	Modified: 2009-03-05

===========================================================*/



/*-----------------------------------------------------------

	.lorem and subordinate selector

-----------------------------------------------------------*/

div#contentsBox div.lorem {}



	div#contentsBox div.lorem div.alpha {

		margin: 0 0 0 0;

		position: relative;

		height: 35px;

	}
	div.newsAlpha {
		width: 354px;
		float: left;
	}
	div.newsBeta {
		width: 354px;
		float: right;
	}



		div#contentsBox div.lorem div.alpha h2 {

			position: absolute;

			top: 0px;

			left: 0px;

		}



		div#contentsBox div.lorem div.alpha ul {}



			div#contentsBox div.lorem div.alpha li {

				position: absolute;

			} div#contentsBox div.newsBeta div.lorem div.alpha li.item00 {

				left: 118px;
				top: 11px;

			} div#contentsBox div.newsBeta div.lorem div.alpha li.item01 {

				left: 219px;
				top: 12px;

			} div#contentsBox div.newsAlpha div.lorem div.alpha li.item00 {
				left: 255px;
				top: 12px;
			}

			div#contentsBox div.newsAlpha,
			div#contentsBox div.newsBeta {
				background-color: #ffffff;
			}
			div#contentsBox div.newsAlpha div.lorem,
			div#contentsBox div.newsBeta div.lorem {}
			div#contentsBox div.newsAlpha div.ipsum,
			div#contentsBox div.newsBeta div.ipsum {
				border: 1px solid #d3d4d4;
				border-top: none;
				border-bottom: none;
			}


				div#contentsBox div.lorem div.alpha li a {}



					div#contentsBox div.lorem div.alpha li a img {

						vertical-align: top;

					}



/*-----------------------------------------------------------

	.ipsum and subordinate selector

-----------------------------------------------------------*/

div#contentsBox div.ipsum {}



	div#contentsBox div.ipsum dl {
		margin: 0 0 0 0;
		line-height: 1.1em;
	}


		div#contentsBox div.release dt,
		div#contentsBox div.release dd {}
		div#contentsBox div.release dt{
		width: 100%;
		margin-bottom: 3px;
		}
		div#contentsBox div.info dt{
		width: 100%;
		margin-bottom: 3px;
		}
		div#contentsBox div.info dd {
			with: 100%;
			margin: 0 0 0.4em 0;
			padding-bottom: 0.4em;
			background-image: url(/common/images/bk_newslist.png);
			background-position: left bottom;
			background-repeat: repeat-x;
		}
		div#contentsBox div.info dd a,
		div#contentsBox div.release dd a {
			display: block;
			background-image: url(/common/images/icoArrowNormal.png);
			background-position: left 0.3em;
			background-repeat: no-repeat;
			padding-left: 8px;
		}

		div#contentsBox div.release dd {
			with: 100%;
			margin: 0 0 0.4em 0;
			padding-bottom: 0.4em;
			background-image: url(/common/images/bk_newslist.png);
			background-position: left bottom;
			background-repeat: repeat-x;
		}
		div#contentsBox div.info dd.last,
		div#contentsBox div.release dd.last {
			background: none;
		}



			div#contentsBox div.release dt span{
			padding: 0 52px 0 0;
			}
			div#contentsBox div.release dt span.ico00 {
			background: transparent url(/news/shared/images/newsIcon00.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico01 {
			background: transparent url(/news/shared/images/newsIcon01.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico02 {
			background: transparent url(/news/shared/images/newsIcon02.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico03 {
			background: transparent url(/news/shared/images/newsIcon03.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico04 {
			background: transparent url(/news/shared/images/newsIcon04.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico05 {
			background: transparent url(/news/shared/images/newsIcon05.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico06 {
			background: transparent url(/news/shared/images/newsIcon06.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico07 {
			background: transparent url(/news/shared/images/newsIcon07.png) right 0em no-repeat;
			}
			div#contentsBox div.release dt span.ico08 {
			background: transparent url(/news/shared/images/newsIcon08.png) right 0em no-repeat;
			}

			div#contentsBox div.ipsum dt.new {}
			div#contentsBox div.ipsum dt.new span {}
				div#contentsBox div.ipsum dt.new img.newIco {
					vertical-align: baseline;
					margin-bottom: -0.1em;
					margin-left: 5px;
				}
				* html div#contentsBox div.ipsum dt.new img.newIco {
					vertical-align: text-top;
				}



	div#contentsBox div.ipsum p.beta {
		margin: 0 0 20px 0;
		padding: 0 7px;
		text-align: right;
	}



		div#contentsBox div.ipsum p.beta a {
			padding: 0 0 0 15px;
			background: transparent url(/common/images/icoArrow.png) 0 0.1em no-repeat;
		}





/* トップページ向けの指定です 110328 */
div#smartPhoneSite {
	width: 950px;
	height: 66px;
	margin-bottom: 15px;
}
div#smartPhoneSite p {
	text-align: center;
}


div#eyecatch {
	margin: 0 0 20px 0;
	height: 268px;
	background: transparent url(/images/ns_eyecatchImg.jpg) 0 0 no-repeat;
}
div#eyecatch div#eyecatchFlash ul {}
div#eyecatch li {
	width: 210px;
	height: 88px;
	position: absolute;
} div#eyecatch li.item00 {
	top: 1px;
	left: 739px;
} div#eyecatch li.item01 {
	top: 90px;
	left: 739px;
} div#eyecatch li.item02 {
	top: 179px;
	left: 739px;
}
div#eyecatch li img {
	vertical-align: middle;
}
div#eyecatch div#eyecatchFlash img#science {
	top: 5px;
	left: 5px;
	position: absolute;
}

div#contentsInner {
	width: 723px;
	background-image: url(/images/bkNewsBottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}


div#contentsNavi {
	width: 723px;
	height: 75px;
}
	div#contentsNavi div#contentsNaviFlash {
		width: 626px;/* 723px */
		height: 64px;/* 75px */
		background-image: url(/images/bgBannerFlash.png);
		background-position: left top;
		background-repeat: no-repeat;
		padding-top: 11px;
		padding-left: 97px;
	}
	* html div#contentsNavi div#contentsNaviFlash {
		width: 723px;
		height: 75px;
	}
	div#contentsNaviFlash li {
		width: 170px;
		height: 53px;
		float: left;
		margin-right: 10px;
	}
	div#contentsNaviFlash li.last {
		margin-right: 0;
	}


div.singleColumn div#contentsBox {
	width: 723px;
	padding-bottom: 2px;
}


div#bannerArea {
	width: 212px;
	position: relative;
}
div#bannerArea div.lorem {
	margin: 0 0 15px 0;
}
	div#bannerArea div.bannerAreaInner div.lorem {
		width: 212px;
	}
div.bannerAreaInner div.sideBannersBottom {
	width: 212px;
	background-image: url(/common/images/bgSidebanners.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
div.bannerAreaInner div.sideBanners {
	width: 202px;/* 212px */
	padding: 5px;
	padding-bottom: 0;
	background-image: url(/common/images/bgSidebannersBottom.png);
	background-position: left top;
	background-repeat: no-repeat;
}


div.sideBanners div.sideBannersInner {
	padding: 0 10px;
}
div.sideBanners div.sideBannersInner div.sideBannersBlock {
	padding: 10px 0;
}
div.sideBanners div.bdrbtm02 {
	border-bottom: 3px solid #e6e6e6;
}
div.sideBanners div.bdrbtm01 {
	background-image: url(/common/images/bk_newslist.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}


div.cmMovie {
	width: 212px;
	height: 216px;
	margin-bottom: 0 !important;
	background-image: url(/common/images/bgCmflash.png);
	background-position: left top;
	background-repeat: no-repeat;
}
div.cmMovie div#cmMV {
	width: 172px;/* 212px */
	padding: 20px;
	padding-top: 40px;
}
* html div.cmMovie div#cmMV {
	width: 212px;
}
div.cmMovie div#cmMV div.cmMVInner {
	padding: 15px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
div.cmMovie div#cmMV p {
	color: #2d2d2d;
	font-size: 85%;
}
div.cmMovie div#cmMV p.getFlash {
	height: 29px;
	margin-top: 10px;
	text-align: center;
}
div.cmMovie div#cmMV p.cmMVcenter {
	text-align: center;
}


div.contentsInnerUpperBlock {
	background-color: #ffffff;
	padding-bottom: 15px;
}

div#infoLarge {
	margin-top: 10px;
}

div.infoBox {
	/* display: none; */
	padding: 12px 15px 5px 15px;
	border: 3px double #ccc;
	width: 318px;/* 352px */
	height: 121px;
}
* html div.infoBox {
	padding: 10px 11px 0 11px;
}

div.infoBox p.floatLeft {
	margin-top: 5px;
}

p.btn a img {
	margin-bottom: 3px;
}
.alignRight {
	text-align: right;
	font-size: 82%;
}


/* トップページ向けの指定です 110328 */

/* トップページ改修 160316～ */
div#contentsWrap {
	overflow: hidden;
}
div#contents {
	width: 723px;
	float: left;
}
div#contentsBox {
	width: 723px;
	overflow: hidden;
	float: left;
}
div#contentsBox div.newsWrap {
	background: url(/common/images/bg_contentxBox.gif) bottom left repeat-y;
	overflow: hidden;
}
div#contentsBox div.newsAlpha,
div#contentsBox div.newsBeta {
	background: none;
}
div#contentsBox div.newsAlpha div.ipsum,
div#contentsBox div.newsBeta div.ipsum {
	padding: 10px 15px;
	/*border-bottom: 1px solid #d4d4d4;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;*/
	border: none;
}
#mainVisual {
	padding: 4px;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	margin-bottom: 20px;
}
#mainVisual .slickMainWrap {
	width: 940px;
	height: 360px;
	padding: 0 40px;
	overflow: hidden;
	margin-left: -40px;
}
#mainVisual .slickMain {
	width: 940px;
	height: 360px;
	position: relative;
}
#mainVisual .slickMain .slick-arrow {
	display: block;
	width: 40px;
	height: 64px;
	border: none;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	outline: none;
	cursor: pointer;
	margin-top: -32px;
	z-index: 1;
}
#mainVisual .slickMain .slick-arrow:hover {
	opacity: 0.7;
}
#mainVisual .slickMain .slick-prev {
	background: url(/images/btn_mainVisualL.png) no-repeat;
	left: -40px;
}
#mainVisual .slickMain .slick-next {
	background: url(/images/btn_mainVisualR.png) no-repeat;
	right: -40px;
}
#mainVisual .slickMain .slick-slide a:hover img {
	opacity: 0.8;
}
#mainVisual .slickSubWrap {
	height: 53px;
	padding: 5px 0;
	background: #ffead6;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	overflow: hidden;
}
#mainVisual .slickSub  {
	width: 875px;
	position: relative;
	margin-left: 35px;
}
#mainVisual .slickSub .slick-arrow {
	display: block;
	width: 30px;
	height: 53px;
	border: none;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	outline: none;
	cursor: pointer;
	z-index: 1;
}
#mainVisual .slickSub .slick-arrow:hover {
	opacity: 0.7;
}
#mainVisual .slickSub .slick-prev {
	background: url(/images/btn_rotationBannerL.png) no-repeat;
	left: -35px;
}
#mainVisual .slickSub .slick-next {
	background: url(/images/btn_rotationBannerR.png) no-repeat;
	right: -30px;
}
#mainVisual .slickSub .slick-slide a {
	display: block;
	width: 170px;
	background: #fff;
	outline: none;
}
#mainVisual .slickSub .slick-slide a:hover img {
	opacity: 0.7;
}
.mainBnrArea {
	overflow: hidden;
	margin-bottom: 20px;
}
.mainBnrArea li {
	float: left;
	margin-left: 9px;
}
.mainBnrArea li:first-child {
	margin-left: 0;
}
.mainBnrArea li a,
.mainBnrArea li a img {
	display: block;
}
.lorem.cmArea {
	width: 192px !important;
	padding: 9px;
	background: #fffaf5;
	border: 1px solid #d4d4d4;
}
.lorem.cmArea h2 img {
	display: block;
	margin: 0 auto 10px;
}
.lorem.cmArea #random {
	min-height: 150px;
}
.lorem.cmArea #random > div {
	display: none;
}
.lorem.cmArea #random > div > div {
	margin-bottom: 5px;
}
.video-js .vjs-big-play-button {
	font-size: 32px;
	line-height: 1;
	width: auto;
	height: auto;
	border: none;
	padding: 12px;
	border-radius: 999px;
	top: 50%;
	left: 50%;
	margin-top: -28px;
	margin-left: -28px;
}
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
	position: static;
}
.lorem.cmArea h3 {
	font-size: 12px;
	font-weight: bold;
}
/* トップページ改修 160316～ */