@charset "utf-8";

/****************************************
　センター（中央）タイトルバー
****************************************/

@font-face {
  font-family: "akabara-cinderella";
  src: url('https://av-production.jp/font/akabara-cinderella.ttf')   format('truetype');
}

h3.title_3c_Center {
	font-family: "akabara-cinderella";
	width: 682px;
	padding: 124px 16px 50px 16px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	background-image: url("../img/title_3c_Center.png");
	background-repeat: no-repeat;
}



/****************************************
　センター（中央）コンテンツ
****************************************/
.description{
	z-index:2;
	width:607px;
	margin:0px 0px -66px 0px;
	padding:10px;
	border:2px dotted #dadada;
	background-color:#fff;
}



/*******************************
コンテンツ位置・幅・領域等（３カラム：センター・右カラム）
*******************************/

#content-center {
float: left;
width: 712px;
margin-top:20px;
}

#content-right {
float: right;
width: 224px;
margin: 20px 0 0 20px;
}

#content-right figure {
	position: relative;
	overflow: hidden;
	width: 200px;
	margin-top: 10px;
}

#content-right figcaption {
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
}

#content-right figure:hover figcaption {
	bottom: 0;
}

#content-right h4{
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	margin-top: 8px;
}

#content-right p.genre{
	color: #fff;
	font-size: 12px;
	font-weight:normal;
	text-align: center;
	margin-bottom: -10px;
}



/*************************
/* ボックス（大枠・外枠）（３カラム：センター内BOX・右カラム内BOX）
*************************/

#content-right .box1{
margin: 0 0 20px;
padding: 10px 7px;
border:1px solid #dadada;
background: #fff;
}

#content-right .box3{
margin:0 auto;
margin-bottom:10px;
padding: 10px;
text-align:center;
border-right:2px solid #35cccc;
border-bottom:2px solid #35cccc;
border-left:2px solid #35cccc;
border-radius:6px;
background: #fff;
}

#content-right .box3:last-child{
margin:0 auto;
margin-bottom:40px;
}

#content-right .box3 ul{
list-style-type: none; /* リストマーク なし */
}

#content-right .box3 ul li img{
margin-top:10px;
}



.box2{
margin:0 0 10px 0;
padding: 10px;
width:690px;
border-right:2px solid #35cccc;
border-bottom:2px solid #35cccc;
border-left:2px solid #35cccc;
background: #fff;
}

.box2:last-child{
margin:0 0 40px 0;
}

.box2 p{
	padding: 0;
	margin-bottom:10px;
}

.box2 p.last{
	margin-bottom:0;
}





.box2 ul.Production_Staff_List{
	width:690px;
}

.box2 ul.Production_Staff_List li{
	margin-bottom: 20px;
	padding-bottom: 20px;
	display: inline-block;
	list-style: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Production_Staff_List li:last-child{
	margin-bottom: 10px;
}

.box2 ul.Production_Staff_List li img{
	margin-right: 10px;
}





.box2 ul.Production_Staff_List li #Production_Staff_Info{
	width: 357px;
	float: right;
}

.box2 ul.Production_Staff_List li #Production_Staff_Info p{
	margin-bottom: 6px;
}

.box2 ul.Production_Staff_List li #Production_Staff_Info .tel{
	font-size: 18px;
	font-weight: bold;
	color: #35cccc;

	padding-left: 41px;
	background-image: url("../img/icon_Staff_TEL.png");
	background-position: left;
	background-repeat: no-repeat;
}

.box2 ul.Production_Staff_List li .message{
	margin-top: 10px;
	padding: 10px;
	background-color: #ffffaf;
	border: 1px solid #dadada;
	border-radius: 6px;

	box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
}





.box2 ul.Contact_form li{
	width: 690px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	list-style-type: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Contact_form li .form_title{
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	color: #f02c8a;
}

.box2 ul.Contact_form li .thanks{
	width: 670px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #35cccc;
	background-color: #ffffaf;
}



.box2 ul.Contact_form .Contact_form_radio {
	vertical-align:top;
	padding:0;
	font-size:16px;
	float:left;
	text-align:left;
}

.box2 ul.Contact_form .position input{
	position:relative;
	top:7px;
}





.box2 ul.Form_form li{
	width: 690px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	list-style-type: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Form_form li .form_report{
	margin: 10px 0;
	padding: 10px;
	color: #f02c8a;
	border: 1px solid #f02c8a;
}

.box2 ul.Form_form li .form_title{
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	color: #f02c8a;
}

.box2 ul.Form_form li .thanks{
	width: 670px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #35cccc;
	background-color: #ffffaf;
}



.box2 ul.Form_form .Form_form_radio {
	vertical-align:top;
	padding:0;
	font-size:16px;
	float:left;
	text-align:left;
}

.box2 ul.Form_form .position input{
	position:relative;
	top:7px;
}





.box2 ul.Terms li{
	width:690px;
	margin-bottom:10px;
	padding-bottom:10px;
	list-style-type: none;
	border-bottom:1px dotted #dadada;
}

.box2 ul.Terms li:last-child{
	margin-bottom:-5px;
	padding-bottom:0;
	border-bottom:0;
}



.box2 ul.Company li{
	width:690px;
	margin:0;
	display:inline-flex
}



.box2 ul.Ad li{
	width:690px;
	margin:0;
	display:inline-flex
}



.box2 ul.Ad_form li{
	width: 690px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	list-style-type: none;
	border-bottom: 1px dotted #dadada;
}

.box2 ul.Ad_form li .form_title{
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	color: #f02c8a;
}

.box2 ul.Ad_form li .thanks{
	width: 670px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #35cccc;
	background-color: #ffffaf;
}



.box2 ul.Ad_form .Ad_form_radio {
	vertical-align:top;
	padding:0;
	font-size:16px;
	float:left;
	text-align:left;
}

.box2 ul.Ad_form .position input{
	position:relative;
	top:7px;
}

select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif; width: 1.4em; height: 1.4em; }













.box2 ul.Sponsor{
	font-size:0;
}

.box2 ul.Sponsor li{
	display: inline-block;
	width:165px;
	height:140px;
	margin:0 10px 10px 0;
	font-size:11px;
	text-align:center;
}

.box2 ul.Sponsor li:nth-child(4n){
	margin:0 0 10px 0;
}

.box2 ul.Sponsor li a{
	display:block;
	width:165px;
	padding:20px 0;
	color:#252525;
	border:1px solid #dadada;
	text-decoration:none;
}

.box2 ul.Sponsor li a:hover{
	color:#2eb4b4;
	border:1px solid #2eb4b4;
	text-decoration:none;
}

.box2 ul.Sponsor li img{
	width:140px;
	height:80px;
	margin-bottom:5px;
}



.box2 ul.Link li{
	width:690px;
	margin-bottom:10px;
	padding-bottom:10px;
	list-style-type: none;
	border-bottom:1px dotted #dadada;
}

.box2 ul.Link li:last-child{
	margin-bottom:-5px;
	padding-bottom:0;
	border-bottom:0;
}

.box2 ul.Link li textarea{
	width:100%;
	height:46px;
	margin-top:5px;
	padding: 5px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	resize: none;
}

.box2 ul.Link li textarea.large {
	height: 105px;
}



/*******************************
テーブル
*******************************/

.box2 ul.Production_Staff_List li #Production_Staff_Info table {
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.box2 ul.Production_Staff_List li #Production_Staff_Info table th {
	width: 56px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
.box2 ul.Production_Staff_List li #Production_Staff_Info table td {
	width: 257px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.box2 ul.Production_Staff_List li #Production_Staff_Info table td .text {
	width: 257px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





.box2 ul.Contact_form li table {
margin-bottom: 5px;
border-collapse: separate;
border-spacing: 0 10px;
}

.box2 ul.Contact_form li table tr {
	margin-bottom:10px;
}

.box2 ul.Contact_form li table th,
.box2 ul.Contact_form li table td {
padding: 10px;
}

.box2 ul.Contact_form li table th {
background: #35cccc;
vertical-align: middle;
text-align: center;
width: 175px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
}

.box2 ul.Contact_form li table th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #35cccc;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
.box2 ul.Contact_form li table th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #35cccc 10px solid;
margin-top: -10px;
}
}

.box2 ul.Contact_form li table td {
background: #f8f8f8;
width: 465px;
padding-left: 20px;
}





.box2 ul.Form_form li table {
margin-bottom: 5px;
border-collapse: separate;
border-spacing: 0 10px;
}

.box2 ul.Form_form li table tr {
	margin-bottom:10px;
}

.box2 ul.Form_form li table th,
.box2 ul.Form_form li table td {
padding: 10px;
}

.box2 ul.Form_form li table th {
background: #35cccc;
vertical-align: middle;
text-align: center;
width: 175px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
}

.box2 ul.Form_form li table th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #35cccc;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
.box2 ul.Form_form li table th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #35cccc 10px solid;
margin-top: -10px;
}
}

.box2 ul.Form_form li table td {
background: #f8f8f8;
width: 465px;
padding-left: 20px;
}





table.Company {
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Company th {
	width: 190px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Company td {
	width: 500px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



table.Ad {
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float:right;
}
table.Ad th {
	width: 148px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.Ad td {
	width: 273px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



table.Ad_attention {
	margin:10px 0 15px 0;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 2px solid #35cccc;
	border-left: 2px solid #35cccc;
	float:right;
}
table.Ad_attention th {
	width: 60px;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	color:#fff;
	border-bottom: 2px solid #35cccc;
	background: #35cccc;
}
table.Ad_attention td {
	width: 627px;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
	border-right: 2px solid #35cccc;
	border-bottom: 2px solid #35cccc;
}





.box2 ul.Ad_form li table {
margin-bottom: 5px;
border-collapse: separate;
border-spacing: 0 10px;
}

.box2 ul.Ad_form li table tr {
	margin-bottom:10px;
}

.box2 ul.Ad_form li table th,
.box2 ul.Ad_form li table td {
padding: 10px;
}

.box2 ul.Ad_form li table th {
background: #35cccc;
vertical-align: middle;
text-align: center;
width: 175px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
}

.box2 ul.Ad_form li table th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #35cccc;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
.box2 ul.Ad_form li table th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #35cccc 10px solid;
margin-top: -10px;
}
}

.box2 ul.Ad_form li table td {
background: #f8f8f8;
width: 465px;
padding-left: 20px;
}





/*******************************
ツールチップ（オンマウス：吹き出し）
*******************************/

.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	text-decoration:underline;
	font-size: 11px;
	color:#35cccc;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	top: -52px;
	left: 109%;
	visibility: hidden;
	font-size: 14px;
	/*width: auto;*/
	white-space: nowrap;
	padding: 10px;
	transition: opacity 1s;
	text-align: left;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #35cccc;
}
.cp_tooltip .cp_tooltiptext::after {
	position: absolute;
	top: 50%;
	right: 100%;
	margin-left: -7.5px;
	content: ' ';
	border: 7.5px solid transparent;
	border-right-color: #35cccc;
}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}



/*************
/* サイド(右側)
*************/
#container-right ul.only-text{margin-left: 5px;}

#container-right ul.only-text li.listmark, #footerUpper ul li{
list-style: none;
margin-bottom: 7px;
padding: 0 3px 0 12px;
background:url(../img/bullet.gif) no-repeat 0 5px;
}

#container-right ul.only-text li.listmark, #footerUpper ul li:last-child{
margin-bottom: 0;
}

#content-right ul.only-text{margin-left:3px;}