@charset "UTF-8";

body {
	background-color: #f7f7f7;
}

#Header {
	background: #fff;
}
	#Header .logoBlock {
		background-color: #FFF;
	}
	#Header .mainBlock {
		width: 380px;
		padding-bottom: 15px;
	}

/*
=====================================================================
*
*    Content
*
* ===================================================================
*/
#Wrapper {
	margin-top: 75px;
}
.bold{
	font-weight: bold;
}
h4.subTitle{
  padding-left: 36px;
  font-weight: bold;
}
#Wrapper .contentBlock {
	margin-bottom: 70px;
	min-height: 300px;
}

.detail #Wrapper .contentBlock {
	margin-bottom: 40px;
}

	#Wrapper .contentBlock .contentWrapper {
		padding-top: 1px;
	}

	#Wrapper .contentBlock .contentWrapper .title {
		width: 728px;
		height: 60px;
		margin: 0px 0 auto -1px;
		padding: 15px 0;
		background: #000;
		font-size: 36px;
		color: #fff;
		text-align: center;
		line-height: 60px;
		font-weight: bold;
	}
	#Wrapper .contentBlock .contentWrapper .title.hauto {
    height: auto;
}

	#Wrapper .contentBlock .contentWrapper .selectType {
		width: 100px;
		position: absolute;
		margin-top: 35px;
		margin-left: 630px;
	}

	#Wrapper .contentBlock .contentWrapper .selectType .type{
		width: 100px;
		height: 20px;
		display: block;
	}

	#Wrapper .contentBlock .contentWrapper .selectType .type .btnNavOpen{}

	#Wrapper .contentBlock .contentWrapper .selectType .type ul{
	}

	#Wrapper .contentBlock .contentWrapper .selectType .type ul li{
		height: 20px;
	}

	#Wrapper .contentBlock .contentWrapper .imgTitle {
		height: 90px;
		padding: 0;
		background: transparent;
	}

	#Wrapper .contentBlock .contentWrapper.wider .title {
		width: 758px;
		margin-bottom: 30px;
	}

	.detail #Wrapper .contentBlock .contentWrapper.wider .title {
		margin-bottom: 30px;
	}

	#Wrapper .contentWrapper .list {
		width: 700px;
		margin: 0 auto;
	}

	#Wrapper .contentWrapper .list.ds3 ul li.wii{
		display: none;
	}

	#Wrapper .contentWrapper .list.wiiu ul li.ds3{
		display: none;
	}

	#Wrapper .contentWrapper .list ul{
		width: 700px;
	}

	#Wrapper .contentWrapper .list ul li{
		float: left;
		width: 220px;
		margin-right: 20px;
		padding-bottom: 30px;
	}
	#Wrapper .contentWrapper .list ul li.pb12{
		padding-bottom: 12px;
	}
	#Wrapper .contentWrapper .list ul li.pb40{
		padding-bottom: 40px;
	}
	#Wrapper .contentWrapper .list ul li.pb0{
		padding-bottom: 0px;
	}
	#Wrapper .contentWrapper .list ul li.turn{
		margin-right: 0px;
	}

		#Wrapper .contentWrapper .list ul .update {
			position: absolute;
			display: block;
			margin-left: -5px;
			z-index: 1;
		}

		#Wrapper .contentWrapper .list a {
			display: block;
		}

		#Wrapper .contentWrapper .list li .thum:hover {
			opacity: 0.7;
		}

		#Wrapper .contentWrapper .list li .thum{
			width: 220px;
			height: 132px;
			display: block;
			margin-bottom: 10px;
		}

		#Wrapper .contentWrapper .list li .desc{
			width: 220px;
		}

			#Wrapper .contentWrapper .list li .desc .entryType{
				width: 60px;
				float: left;
				margin-right: 10px;
			}

			#Wrapper .contentWrapper .list li .desc .entryType{
				display: block;
				width: 60px;
				height: 14px;
				background: url(../images/content/image/entry-type.png) no-repeat;
				padding-top: 1px;
			}

			#Wrapper .contentWrapper .list li.ds3 .desc .entryType{
				background-position: 0px -15px;
			}

			#Wrapper .contentWrapper .list li.wii .desc .entryType{
				background-position: 0px -30px;
			}

			#Wrapper .contentWrapper .list li .desc .entryTitle{
				width: 150px;
				float: right;
				text-align: left;
				font-size: 12px;
				font-weight: bold;
				color: #000000;
			}

		.ds3 #Wrapper .contentWrapper .list li {
			background: url(../images/content/image/icon-arrow-3ds.png) no-repeat;
			background-position: 25px 23px;
		}

			#Wrapper .contentWrapper .list li.last {
				border: none;
			}

				#Wrapper .contentWrapper .list li a {
					display: inline-block;
					text-decoration: underline;
				}

		#Wrapper .contentBlock .wider .inner {
			width: 100%;
			margin-left: -4px;
			padding-bottom: 12px;
			color: #333;
		}

			#Wrapper .contentBlock .wider .inner p,
			#Wrapper .contentBlock .wider .inner h2,
			#Wrapper .contentBlock .wider .inner h3 {
				margin: 0 auto 30px;
			}

			#Wrapper .contentBlock .wider .inner h2 {
				padding-left: 18px;
				border-left: 8px solid #333;
				font-size: 26px;
				margin: 40px 0 30px 2px;
			}

			#Wrapper .contentBlock .wider .inner .bold {
				font-weight: bold;
			}
			#Wrapper .contentBlock .wider .inner .italic {
				margin-top: -20px;
				font-style: italic;
			}

			#Wrapper .contentBlock .wider .inner p {
				line-height: 21px;
				width: 688px;
				margin-bottom: 30px;
			}

			#Wrapper .contentBlock .wider .inner ul {
				margin:15px auto 30px 30px;
				width: 688px;
			}

			#Wrapper .contentBlock .wider .inner ul li{
				margin-bottom: 5px;
			}

			#Wrapper .contentBlock .wider .inner .last {
				margin-bottom: 0px;
			}

			#Wrapper .contentBlock .wider .inner .imageWrapper {
				width: 688px;
				margin: 20px auto 30px;
				text-align: center;
				background: #ebebeb;
			}

				#Wrapper .contentBlock .wider .inner .imageWrapper .image {
					width: 688px;
					margin: 0 auto;
					background: #ebebeb;
				}

				#Wrapper .contentBlock .wider .inner .imageWrapper .imageCaption {
					font-size: 12px;
				}
/*

dotted

*/
	#Wrapper .contentBlock .wider .inner .dottedWrapper {
		width: 610px;
		border-style: dotted;
		border-color: #D6D6D6;
		padding: 35px;
		margin: 0 auto;
	}

	#Wrapper .contentBlock .wider .inner .dottedWrapper .innerTitle{
		color: #333333;
		font-weight: bold;
		font-size: 21px;
	}

	#Wrapper .contentBlock .wider .inner .dottedWrapper p {
		width: 610px;
	}

		#Wrapper .contentBlock .wider .inner .dottedWrapper .innerImage {
			width: 610px;
			margin: 0 auto;
			text-align: center;
		}
		#Wrapper .contentBlock .wider .inner table{
			width: 688px;
			margin: 0 auto;
			margin-bottom: 21px;
		}
		#Wrapper .contentBlock .wider .inner table td{
			width: 344px;
		}
		.note{
			font-size: 9px;
		}
		.notes{
			font-size: 12px;
		}

	#MovieSection .content .closeBtn{
		width: 35px;
		margin: 30px auto 0;
	}

		#MovieSection .content .closeBtn a{
			height: 35px;
			display: block;
			background: url(../images/common/btn/modal-close.png) no-repeat;
			background-position: 0 0;
		}

		#MovieSection .content .closeBtn a:hover{
			background-position: 0px -35px;
		}

		.notesTitle{
			font-size: 21px;
			font-weight: bold;
		}


		/*
====================
	movie list
====================
*/

.movielist #MovieSection,
.movielist #MovieSection .content,
.movielist #MovieSection .container {
	width: 100%;
	height: 100%;
}
	.movielist #MovieSection .container .mainBlock {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -223px auto auto -320px;
	}

/*
* ==============================
		content box shadow
* ==============================
*/
/*============ width 730px ============*/
#Wrapper .contentBlock .topShadow,
#Wrapper .contentBlock .bottomShadow {
	background: url(../images/content/bg/shadow-tb.png) repeat-x;
}

#Wrapper .contentBlock .topShadow,
#Wrapper .contentBlock .bottomShadow,
#Wrapper .contentBlock .sideShadow {
	display: block;
	width: 730px;
	margin: 0 auto;
}

#Wrapper .contentBlock .topShadow {
	height: 3px;
	background-position: top;
}

#Wrapper .contentBlock .bottomShadow {
	height: 4px;
	background-position: bottom;
}

#Wrapper .contentBlock .sideShadow {
	padding-right: 4px;
	padding-left: 4px;
	background: url(../images/content/bg/shadow-side.png) repeat-y;
}


/*============ width 760px ============*/

#Wrapper .contentBlock .topShadow.wider,
#Wrapper .contentBlock .bottomShadow.wider,
#Wrapper .contentBlock .sideShadow.wider {
	width: 760px;
}

#Wrapper .contentBlock .sideShadow.wider {
	background: url(../images/content/bg/shadow-side-wider.png) repeat-y;
}

#Wrapper .contentBlock .topShadow.wider,
#Wrapper .contentBlock .bottomShadow.wider {
	width: 766px;
	background: url(../images/common/bg/shadow-tb-760.png) no-repeat;
}
#Wrapper .contentBlock .topShadow.wider {
	height: 5px;
	background-position: top right;
}
#Wrapper .contentBlock .bottomShadow.wider {
	height: 6px;
	background-position: bottom right;
}

#Wrapper .contentBlock .contentWrapper {
	margin: 0 auto;
}


#Wrapper .backtop {
	margin-top: 40px;
	width: 100%;
}
	#Wrapper .backtop a {
		display: block;
		width: 36px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/content/btn/backtop.png) no-repeat 0px 0px;
	}
	#Wrapper .backtop a:hover {
		background-position: 0px -36px;
	}


/*
=====================================================================
*
*    movie list
*
* ===================================================================
*/
.movielist #Wrapper .contentBlock .contentWrapper .title {
	margin: 0 auto;
}

.movielist #MovieSection {
	z-index: 100;
}

	.movielist #MovieSection .bg {
		background: #000;
		opacity:0.9;
		filter: alpha(opacity=90);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=90)";  /* ie 8 */
		-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.9;              /* Safari 1.x */
	}

	.movielist #Wrapper .contentBlock ul.movieWrapper {
		width: 960px;
		margin: 0 auto;
	}

		.movielist #Wrapper .contentBlock li.item {
			position: relative;
			float: left;
			width: 231px;
			height: 172px;
			margin: 0 12px 12px 0;
			background: url(../images/content/bg/movie-shadow.png) no-repeat;
			background-position: -2px -2px;
		}

		.movielist #Wrapper .contentBlock li.turn {
			margin-right: 0;
		}

			.movielist #Wrapper .contentBlock li.item .movieThum {
				position: absolute;
				overflow: hidden;
				display: block;
				width: 225px;
				height: 166px;
			}

				.movielist #Wrapper .contentBlock li.item .movieThum .thumImg {
					margin-top: -21px;
					z-index: 0;
				}

				.movielist #Wrapper .contentBlock li.item .movieThum .playBtn {
					position: absolute;
					z-index: 1;
				}

				.movielist #Wrapper .contentBlock li.item .movieThum:hover .scrollImg {
					margin-top: -126px
				}

				.movielist #Wrapper .contentBlock li.item .movieThum .title {
					overflow: hidden;
					position: absolute;
					display: block;
					z-index: 2;
					bottom: 0;
					width: 207px;
					height: 33px;
					padding: 7px 9px 0;
					background: #333;
					font-size: 12px;
					color: #eee;
					line-height: 1.2em;
				}


/*
=====================================================================
*
*    music list
*
* ===================================================================
*/
.music #Wrapper .contentBlock .contentWrapper .title {
	margin: 0 auto;
}

	.music #Wrapper .contentBlock ul.movieWrapper {
		width: 596px;
		margin: 0 auto;
	}

		.music #Wrapper .contentBlock li.item {
			position: relative;
			width: 596px;
			margin: 0 auto;
			padding: 30px 0;
			border-bottom: 1px solid  #ccc;
			background-position: -2px -2px;
		}

		.music #Wrapper .contentBlock li.item.first {
			padding-top: 0;
		}


		.music #Wrapper .contentBlock li.item.last {
			border-bottom: none;
		}

			.music #Wrapper .contentBlock li.item .flL {
			}

			.music #Wrapper .contentBlock li.item .flL iframe {
				border: 1px solid #ccc;
			}

			.music #Wrapper .contentBlock li.item .flR {
				width: 324px;
				font-size: 12px;
				color: #000;
			}

				.music #Wrapper .contentBlock li.item .flR .musicTitle {
					display: block;
					margin-bottom: 6px;
					font-size: 18px;
					font-weight: bold;
				}

				.music #Wrapper .contentBlock li.item .flR .musicDesc {
					line-height: 1.6em;
				}

	.music #Wrapper .contentBlock .attentionFor3ds {
		margin-bottom: 60px;
	}



	.music #Wrapper .contentBlock .musicCompSection {
		color: #000;
	}

		.music #Wrapper .contentBlock .musicCompSection table {
			width: 600px;
			margin: 0 auto;
		}

		.music #Wrapper .contentBlock .musicCompSection .titleCompositors {
			display: block;
			border-bottom: 1px solid #ccc;
			width: 600px;
			margin: 0 auto;
			padding: 12px 0;
			font-size: 18px;
			font-weight: bold;
		}
		.music #Wrapper .contentBlock .musicCompSection .titleCompositorsWiiu {
			display: block;
			border-bottom: 1px solid #ccc;
			width: 600px;
			margin: 0 auto;
			padding-top: 24px;
			padding-bottom: 12px;
			font-size: 18px;
			font-weight: bold;
		}

			.music #Wrapper .contentBlock .musicCompSection table tr.head {
				font-size: 10px;
			}

			.music #Wrapper .contentBlock .musicCompSection table th,
			.music #Wrapper .contentBlock .musicCompSection table td {
				width: 288px;
				padding: 12px 6px;
				font-weight: normal;
				font-size: 12px;
			}

			.music #Wrapper .contentBlock .musicCompSection table tr.odd {
				background: #e5e5e5;
			}


/*
	input[type="checkbox"]{
	    -webkit-appearance: none;  //元々のチェックボックスを非表示
	    position: relative;　　　　//checked時画像のためのrelative
	    display: inline-block;
	    width: 8px;
	    height: 10px;
	    background: url(../images/common/image/icon-checkbox.png) no-repeat;
	    background-size: contain;
		margin-right: 10px;
		vertical-align: middle;
		background-position: 0px 0px;
	}

	input[type="checkbox"]:checked:before {
		background-position: 0px -8px;
	}
*/