@charset "utf-8";
nav ul li:nth-of-type(5) a {
	background : url("../common/images/border_nav.gif") left bottom repeat-x;
}

h3 img {
	width : 86px;
}

#detail {
	overflow : hidden;
	*zoom    : 1;
}

#detail section {
	margin : 0 0 30px;
}

/*============================
#directed_photo
============================*/
#directed_photo {
	float    : left;
	margin   : 0 20px 20px 0;
	width    : 120px;
	height   : 170px;
	overflow : hidden;
	position : relative;
}

#directed_photo img {
/ / position: absolute;
/ / top: - 12 px;
/ / left: - 33 px;
	max-width        : 100%;
	margin-left      : auto;
	margin-right     : auto;
	background-color : #efefef;
}

@media (max-width : 667px) {
	#directed_photo {
		float      : none;
		text-align : center;
		width      : 186px;
		height     : 264px;
		margin     : 0 auto;
	}

	#tab1 #directed_photo {
		margin-bottom : 30px;
	}

	#directed_photo img {
		position : static;
		left     : 0;
		top      : 0;
	}
}

/*============================
#moviestitle
============================*/
#moviestitle {
	float : left;
	width : 415px;
}

#moviestitle p {
	font-size   : 24px;
	color       : #009cb2;
	font-weight : bold;
}

@media (max-width : 667px) {
	#moviestitle {
		float : none;
		width : 100%;
	}
}

/*============================
#recommend
============================*/
#recommend {
	clear : both;
}

/*============================
#production
============================*/
/*============================
#profile
============================*/
/*============================
#information
============================*/
/*============================
#directed_news
============================*/
#directed_news a .article_list {
	padding : 0;
}

#directed_news a .article_list dt .icon {
	margin : 0 10px;
}

#directed_news a .article_list dd {
	border  : none;
	padding : 0 0 10px;
	border  : none;
}

#directed_news a .article_list dd:last-child {
	border-bottom   : dotted 1px #cccccc;
	text-decoration : none;
	color           : #231815;
}

#directed_news a .article_list dd:last-child:hover {
	text-decoration : underline;
}

/*============================
#ndjc_archive
============================*/
#ndjc_archive {
	margin : 0 0 60px;
}

#ndjc_archive .ndjc_menu {
	position : relative;
}

#ndjc_archive .ndjc_menu.none_archive a {
	display : block;
}

#ndjc_archive .ndjc_menu .btn_open {
	position : absolute;
	right    : 10px;
	top      : 8px;
	width    : 12px;
}

#ndjc_archive .ndjc_menu dl dt {
	border-top              : solid 2px #009cb2;
	padding                 : 10px;
	font-weight             : bold;
	cursor                  : pointer;
	background              : #f2f2f2 url("../common/images/arrow_black_open.png") 97% center no-repeat;
	-webkit-background-size : 12px auto;
	background-size         : 12px auto;
}

#ndjc_archive .ndjc_menu dl dt.on {
	background              : #f2f2f2 url("../common/images/arrow_black_close.png") 97% center no-repeat;
	-webkit-background-size : 12px auto;
	background-size         : 12px auto;
}

#ndjc_archive .ndjc_menu.none_archive dl dt {
	background-image : none;
}

#ndjc_archive .ndjc_menu dl dt a {
	text-decoration : none;
	color           : #231815;
	font-weight     : bold;
}

#ndjc_archive .ndjc_menu dl dt a:hover {
	color : #009cb2;
}

#ndjc_archive .ndjc_menu dl dd {
	display : none;
}

#ndjc_archive .ndjc_menu dl dd ul li {
	border     : solid 2px #f2f2f2;
	border-top : none;
}

#ndjc_archive .ndjc_menu dl dd ul li a {
	font-size               : 12px;
	text-decoration         : none;
	color                   : #231815;
	padding                 : 10px 20px 10px 10px;
	display                 : block;
	background              : url("../common/images/arrow_black.png") 97% center no-repeat;
	-webkit-background-size : 8px auto;
	background-size         : 8px auto;
}

#ndjc_archive .ndjc_menu dl dd ul li a:hover {
	color            : #009cb2;
	background-color : #f2f2f2;
}

/*============================
#work_photo
============================*/
#work_photo {
	margin : 0 0 30px;
}

#work_photo img {
	width  : 100%;
	height : auto;
}

/*============================
#performer
============================*/
#performer ul {
	overflow : hidden;
	*zoom    : 1;
}

#performer ul li {
	float : left;
}

#performer ul li:after {
	padding : 0 10px 0 0;
	content : "/";
}

/*============================
#staff
============================*/
#staff dl {
	display : table;
	width   : 100%;
}

#staff dl dt {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	display            : table-cell;
	width              : 35%;
	padding            : 20px;
	border-top         : solid 4px #009cb2;
	font-weight        : bold;
}

#staff dl dd {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	display            : table-cell;
	width              : 65%;
	padding            : 20px;
	border-top         : solid 1px #f2f2f2;
}

@media (max-width : 667px) {
	#staff dl dt {
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		display            : block;
		width              : 100%;
		text-align         : center;
	}

	#staff dl dd {
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		display            : block;
		width              : 100%;
		text-align         : center;
	}
}

/*============================
#work_copy
============================*/
#work_copy {
	color     : #cccccc;
	font-size : 12px;
}

/*============================
.ndjc_alllist
============================*/
.ndjc_alllist {
	margin : 0 0 60px;
}

.ndjc_alllist ul {
	overflow : hidden;
	*zoom    : 1;
	margin   : 0 0 10px;
}

.ndjc_alllist ul li {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	float              : left;
	width              : 20%;
	padding            : 0 5px 10px;
}

.ndjc_alllist ul li a {
	display          : block;
	border           : solid 2px #f2f2f2;
	border-top-width : 4px;
	padding          : 10px 12px 12px;
}

.ndjc_alllist ul li a:hover {
	padding : 10px;
	border  : solid 4px #f2f2f2;
}

.ndjc_alllist ul li .directed_photo {
	position : relative;
	width    : 100%;
	height   : 100px;
	margin   : 0;
	float    : none;
	overflow : hidden;
}

.ndjc_alllist ul li .directed_photo img {
/ / position: absolute;
/ / top: - 6 %;
/ / bottom: 0;
/ / left: - 18 %;
/ / right: 0;
	margin     : auto;
/ / height: 120 px;
	width      : auto;
	max-width  : 100%;
	text-align : center;
}

.ndjc_alllist .btn {
	margin : 0 auto;
	width  : 300px;
}

.ndjc_alllist .btn a {
	color                   : #231815;
	background              : #f2f2f2 url("../common/images/arrow_black.png") 10px center no-repeat;
	-webkit-background-size : 7px auto;
	background-size         : 7px auto;
}

@media (max-width : 667px) {
	.ndjc_alllist ul li {
		width : 50%;
	}

	.ndjc_alllist ul li a .directed_photo {
		text-align : center;
	}

	.ndjc_alllist ul li a .directed_photo img {
		height    : 100%;
		max-width : none;
		margin    : auto;
	}

	.ndjc_alllist ul li a .directed_name {
		text-align : center;
	}
}

/*============================
#ndjc20○○
============================*/
.ndjc_plist {
	margin : 0 0 60px;
}

.ndjc_plist ul {
	overflow : hidden;
	*zoom    : 1;
}

.ndjc_plist ul li {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	float              : left;
	width              : 50%;
	padding            : 0 5px;
}

.ndjc_plist ul li a {
	display       : block;
	border        : solid 2px #f2f2f2;
	padding       : 10px 0 0 0;
	color         : #231815;
	margin-bottom : 12px;
}

.ndjc_plist ul li a:hover {
	text-decoration : none;
	margin-bottom   : 10px;
}

.ndjc_plist ul li a .directed_photo {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	position           : relative;
	width              : 70px;
	height             : 100px;
	float              : left;
	overflow           : hidden;
	margin             : 0 10px 10px 12px;
}

.ndjc_plist ul li a .directed_photo img {
	/*position : absolute;*/
	/*top : - 6 %;*/
	/*bottom : 0;*/
	/*left : - 35 %;*/
	/*right : 0;*/
	/*margin: auto;*/
	/*height : 120 px;*/
	/*width: auto;*/
	/*max-width: 100%;*/
}

.ndjc_plist ul li a .directed_profile {
	margin : 0 12px 10px 0;
	float  : left;
	width  : 182px;
}

.ndjc_plist ul li a .directed_profile .directed_name {
	font-weight : bold;
}

.ndjc_plist ul li a .directed_profile .directed_rubi {
	font-size     : 11px;
	color         : #009cb2;
	border-bottom : dotted 1px #f2f2f2;
	padding       : 0 0 10px;
	margin        : 0 0 10px;
}

.ndjc_plist ul li a .directed_profile .cinema_title {
	font-weight : bold;
	font-size   : 14px;
	line-height : 1.2;
	color       : #666666;
	word-break  : break-all;
}

.ndjc_plist ul li a .organization {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	clear              : both;
	width              : 100%;
	background-color   : #f2f2f2;
	font-size          : 11px;
	padding            : 12px;
	margin             : 0 0 10px;
}

.ndjc_plist ul li a .organization dt {
	color : #cccccc;
}

.ndjc_plist ul li a .cinema_photo {
	padding : 12px;
}

.ndjc_plist ul li a .cinema_photo img {
	width  : 100%;
	height : auto;
}

.ndjc_plist ul li a .btn {
	-webkit-box-sizing      : border-box;
	-moz-box-sizing         : border-box;
	box-sizing              : border-box;
	background              : #f2f2f2 url("../common/images/arrow_black.png") 10% center no-repeat;
	-webkit-background-size : 7px auto;
	background-size         : 7px auto;
	margin                  : 12px;
	padding                 : 10px;
}

.ndjc_plist ul li a:hover .directed_photo {
	margin : 0 10px 10px 10px;
}

.ndjc_plist ul li a:hover .directed_profile {
	margin : 0 10px 10px 0;
}

.ndjc_plist ul li a:hover .organization {
	padding : 12px 10px;
}

.ndjc_plist ul li a:hover .cinema_photo {
	padding : 12px 10px;
}

.ndjc_plist ul li a:hover .btn {
	margin                  : 12px 10px 10px 10px;
	background              : #231815 url("../common/images/arrow_white.png") 10% center no-repeat;
	-webkit-background-size : 7px auto;
	background-size         : 7px auto;
	color                   : #FFF;
}

.ndjc_plist ul li a .cl:after {
	display : block;
	content : '';
	height  : 0;
	clear   : both;
}

.ndjc_plist ul li a:after {
	display : block;
	content : '';
	height  : 0;
	clear   : both;
}

@media (max-width : 667px) {
	.ndjc_plist ul li {
		float : none;
		width : 100%;
	}
}

/*# sourceMappingURL=ndjc.css.map */