@charset "UTF-8";
/*フォーム用スタイル===================================== */
th.xf_field{
	padding: 5px;
	background-color: #CCC;
	border: 1px solid #4C4C4C;
}

td.xf_input{
	color: #000;
	padding: 5px;
	background-color:#F5F5F5;
	border: 1px solid #4C4C4C;
}

th.xf_table_title{
	background-color: #FFF;
	color: #000;
}

span.xf_essential{
	color: #ff0000;
	margin-left: 10px;
}

.xf_block0{
	text-align: center;
}

.xf_block1{
	text-align: center;
}

.xf_block2{
	text-align: center;
}

.xf_block{
	border-collapse: collapse;
}

input[type="text"],select{
	margin-bottom: 0;
}
input, textarea, .uneditable-input{
	width: 300px;
}

/*作品紹介用スタイル===================================== */
h1{
	font-size: 121%;
}

.present_lbl{
	clear: both;
	text-align: center;
	padding: 30px 0 9px 0;
}

h2{
	color: #d70a2f;
	font-size: 170%;
	font-size:26px;
	text-align: center;
	line-height:1.6;
	padding: 13px 0 6px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#intro{
	max-width: 850px;
	margin: 0 auto;
	padding-top: 10px;
	font-size:14px;
}

#trailer{
	width: 850px;
#	height: 350px;
}
/*
#trailer div{
	float: left;
	overflow: hidden;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	padding: 10px;
	width: 400px;
}
*/
#trailer iframe{
	margin: 5px 0 0 2px;
}

#trailer .intro_story{
	padding: 0 15px 6px 29px;
	line-height:1.8;
}

#trailer .intro_sq{
	border: 1px solid #999999;
	padding: 10px;
	width: 357px;
	margin: 0 auto;
}

#p_detail{
	clear: both;
	font-size:14px!important;
#	padding-top: 16px;
}

#p_detail dl {
	margin-top: 7px;
	margin: 0 125px;
	font-size: 90%;
	font-size:14px!important;
	border-bottom: 1px solid #DBDBDB;
	overflow: hidden;
	width: 600px;
}

#p_detail ol {
	color: #BA0101;
	font-size: 10px;
	margin: 14px 65px 0 65px;
	padding-top: 9px;
	border-top: dotted 1px #ccc;
	width: 720px;
}

/*
#trailer dl,ol{
	font-size: 90%;
}
*/

#p_detail dt{
	background-color: #EEF1F5;
	background-color: #d70a2f;
	color:#FFF;
	border: 1px solid #DBDBDB;
	border-bottom: none;
	clear: both;
	float: left;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	width: 150px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#p_detail dt span{
	vertical-align: middle;
}

#p_detail dd{
	border: 1px solid #DBDBDB;
	border-bottom: none;
	margin-left: 148px;
	padding: 5px;
}

#movies{
	margin: 0 40px;
	height: 426px;
}

#movies div{
	float: left;
	width: 380px;
#	height: 228px;
	margin: 2px;
	overflow: hidden;
	zoom: 1;
	font-size: 90%;
}

#movies .m_detail{
	background-color: #EEF1F5;
	padding: 10px 10px 15px 10px;
}

#movies div img{
	float: left;
	margin-right: 8px;
	width: 160px;
}

#movies .m_detail dl{
	height: 50px;
	margin-bottom: 5px;
#	border: solid 1px #808080;
	background-color: #FFF;
	margin: 0 21px 6px 167px;
}

#movies .dir_ph {
	background-size: cover;
	background-position: -9px 0px;
	float: left;
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin-right: 6px;
}

#movies .ph01 {
	background-image: url("../images/director01.jpg");
}

#movies .ph02 {
	background-image: url("../images/director02.jpg");
}

#movies .ph03 {
	background-image: url("../images/director03.jpg");
}

#movies .ph04 {
	background-image: url("../images/director04.jpg");
}

#movies .ph05 {
	background-image: url("../images/director05.jpg");
}

#movies .ph06 {
	background-image: url("../images/director06.jpg");
}

#movies .str_lbl {
	background-color: #33527B;
	float: left;
	margin-right: 6px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	text-align: center;
	padding-top: 16px;
}

#movies .str_lbl span {
	height: 50px;
	width: 50px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

#movies .m_detail dd{
#	border-right: solid 1px #FFF;
}

#movies .m_detail dt{
#	font-size: 90%;
}

#movies .name_ja{
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
}

#movies .name_ja_s{
	font-size: 10px;
	font-weight: bold;
	padding-top: 4px;
}

#movies .name_str{
	font-weight: bold;
	padding-top: 4px;
}

#movies .name_cty{
	font-size: 8px;
}

#movies .m_detail dt .name{
	font-size: 90%;
}

#movies .catch{
	height: 40px;
}

#movies .comment{
	font-size: 88%;
	overflow: hidden;
	zoom: 1;
}

#movies .cr{
	font-size: 10px;
	position: absolute;
	padding-top: 107px;
}

.catch{
	color: #00B1F0;
	font-weight: bold;
	padding-bottom: 10px;
}

#main_work .catch{
	font-size: 130%;
}

#official{
	margin: 0 auto;
	text-align: center;
	padding: 50px 42px 0 42px;
}

#p_form{
	clear: both;
	padding-top: 26px;
}

.episodes{
	width: 700px;
	margin: 0 auto;
	padding: 5px 5px 13px 5px;
	background-image: url("../../images/bgCraft3.png")
}

.episodes table {
	font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 0 auto;
	width: 600px;.
	border-collapse: collapse;
   border-style: none; /* 外枠 */
}
.episodes table td {
   border-style: solid dotted; /* 線種 */
   border-width: 1px; /* 線の太さ */
   border-color: #3C281F; /* 線色 */
	padding: 13px;
}