@charset "utf-8";
/* initilize
===============================================*/

body,textarea,option,select,input[type="text"],input[type="submit"] { font-family: "Meiryo",'MS PGothic'; }
body,a,p,form,fieldset,input,select,option,button,legend,img,div,blockquote,h1,h2,h3,h4,h5,h6,ol,ul,li,table,tr,td,th,thead,tbody,caption,dl,tt,dd {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
fieldset { border: 0; }
legend,hr,.hide { display: none; }
ul { list-style-type: none; }
address { font-style: normal; }
small { font-size: 100%; }

/* body
===============================================*/
body { color: #333; }

/* anchor
===============================================*/
a:link { color: #0066ff; }
a:visited { color: #9900cc; }
a:hover { color: #ff0099;}
a:active { color: #663366;}


/* centering contents
===============================================*/
.wrap {
	background-color: #fff;
}
.wrap.colored {
	background-color: #f8f8f8;
}
.wrap.colored.live {
	background-color: #F2F5F9;
}
.wrap.colored.video {
	background-color: #FCF2F8;
}
.header,.webcast,.howto,.contact,.content {
	margin: 0 auto;
	width: 920px;
	position: relative;
	overflow: hidden;
}
.footer{
	margin: 0 auto;
	width: 920px;
	overflow: hidden;
}
/* header
===============================================*/

.header h1 {
	float: left;
}
.header h1 img{
	vertical-align: top;
}
.header ul {
	position: absolute;
	right: 0;
	max-width: 610px;
}
.header li {
	float: left;
	margin-top: 1em;
	margin-left: .2em;
}
.header a,
.header strong {
	display: block;
	padding: .3em 1.5em;
	height: 1.5em;
	background-color: #fff;
	color: #dd338e;
	text-decoration: none;
	font-size: .9em;
	font-weight: normal;
}
.header a:hover {
	background: #dd338e;
	color: #fff;
}
.header li.active strong {
	background: #dd338e;
	color: #fff;
}

/* content
===============================================*/
.webcast{
	padding: 1em 0;
	overflow: hidden;
}
.livecast{
	width: 450px;
	float: left;
	margin: 0 20px 0 0;
}
.videocast{
	width: 450px;
	float: left;
}
.videocast .after,.videocast .before{
	width: 280px;
	float: left;
}

.livecast h2,
.videocast h2 {
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 50px;
	min-height: 40px;
	margin-bottom: .5em;
	line-height: 1.8;
}
.livecast h2 {
	background-image:url("../image/heading-icon-webcast.png");
}
.videocast h2 {
	background-image:url("../image/heading-icon-videocast.png");
}
.livecast p,
.videocast p {
	margin-bottom: .7em;
}
.videocast .after p, .videocast .before p{
	margin-bottom: .2em;
}

.livecast li,
.videocast li {
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
}
.videocast li{
	min-width: 215px;
}
.videocast li.last {
	margin-bottom: 0;
}

.livecast li a,
.livecast li.disabled,
.videocast li a {
	display: block;
	padding: .5em 3.2em;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 5px;
}
.livecast li a {
	background-color: #246ce3;
	box-shadow: 0 5px #053d99;
}
.livecast li.disabled {
	background-color: #BFBFBF;
	box-shadow: 0 5px #999999;
}
.videocast .after li a {
	background-color: #dd338e;
	box-shadow: 0 5px #a50c5e;
}
.videocast .before li a {
	background-color: #FF74A2;
	box-shadow: 0 5px #B7496E;
}
.livecast li a:active,
.videocast li a:active {
	box-shadow: none;
	margin-top: 5px;
	margin-bottom: 0;
}
li.textlink {
	float: none;
	overflow: hidden;
	padding-left: 1em;
	text-indent: -1em;
}
li.textlink a {
	display: inline;
	padding: 0;
	background: none;
	box-shadow: none;
	text-decoration: underline;
}
li.textlink a:link { color: #0066ff; }
li.textlink a:visited { color: #9900cc; }
li.textlink a:hover { color: #ff0099; }
li.textlink a:active { color: #663366; }

.howto {
	margin-top: 1em;
	margin-bottom: 1em;
}
.contact {
	margin-bottom: 1em;
	line-height: 1.6;
}
.howto h2,
.contact h2,
.content h2 {
	border-bottom: 2px solid #e0007a;
	color: #e0007a;
	margin-bottom: .5em;
}
.howto ul {
}
.howto ul li {
	padding-left: 1.4em;
	background:url("../image/list-style-type.png") no-repeat left .5em;
	line-height: 1.7;
}

.footer {
	border-top: 2px solid #c17aa0;
	font-size: .9em;
	padding: .7em 0;
	color: #a71664;
}


/* include table style
===============================================*/
table caption {
	text-align: left;
	font-weight: bold;
}
table.vodsearch {
	border: 1px solid #C9C9C9;
	border-collapse: collapse;
	margin: 2em auto 2em;
	min-width: 500px;
}

table.vodsearch th {
	border: 1px solid #C9C9C9;
	vertical-align: top;
	text-align: left;
	padding: .3em;
}
table.vodsearch td {
	border: 1px solid #C9C9C9;
	padding: .3em;
}

table.vodsearch.resultlist {
	width: 880px;
}
table.vodsearch.resultlist td:first-child {
	width: 180px;
}
table.vodsearch.resultlist td:last-child {
	width: 50px;
}

table.speaker {
	margin: 2em auto 2em;
	width: 600px;
}
table.speaker.vodsearch {
	margin: 1em auto 2em;
	min-width: 500px;
}
.speaker-box{
	vertical-align: top;
}
.speaker-box table {
	width: 100%;
	border: 1px solid #C9C9C9;
	border-collapse: collapse;
}
.speaker-box td {
	border: 1px solid #C9C9C9;
	padding: .3em;
}
.speaker-index{
	text-align: center;
	vertical-align: middle;
}
.speakername {
	width: 880px;
	margin: 2em auto 0 auto;
}
.speakername li{
	margin-right: 5px;
	display: inline-block;
	vertical-align: bottom;
	/* for IE7 */
	*display: inline;
	*zoom: 1;
}
.speakerex{
	width: 30%;
	border: 1px solid #C9C9C9;
	text-align: center;
	padding: 5px;
	margin: 0 auto 2em;
}

.phrase {
	margin: 2em auto 2em;
}
.phrase li{
	text-align: center;
}
.phrase input[type="text"] {
	width: 600px;
	padding: 3px;
}

.play {
	width: 860px;
	margin: 2em auto 2em;
}
.play h4 {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1em;
}
.play .playleft {
	float: left;
	width: 430px;
}
.play .playright {
	float: right;
	width: 420px;
}
.playerout {
	border: 3px ridge #A0A0A0;
}
.player{
	position: relative;
	width: 100%;
	max-width: 424px;
}
.player:before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
.playerframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.var-hidden{
	display: none;
}
.playtext {
	width: 420px;
	height: 246px;
	overflow: scroll;
	white-space: nowrap;
	font-size: 95%;
}
.telop{
	box-sizing: border-box;
	max-width: 430px;
	min-height: 100px;
	padding: 0.5em 1em;
	margin: 0;
	font-weight: bold;
	color: #000000;
	background: linear-gradient(#DDDDDD, #FDFCF7);
}
.telop p {
	margin: 0; 
	padding: 0;
}
.nonresult {
	text-align: center;
	margin: 1em 0;
	font-weight: bold;
}
.comment{
	margin: 0 auto 2em;
	width: 500px;
}

p.back {
	margin: 0 0 1em;
	text-align: center;
}
p.back a {
	display: inline-block;
	margin: 0 auto 5px;
	padding: .5em 3.2em;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	background-color: #999999;
	box-shadow: 0 5px #727272;
	text-align: center;
}
p.back a:active {
	box-shadow: none;
	margin-top: 5px;
	margin-bottom: 0;
}


/* other
===============================================*/
.hit1,.hit2,.hit3,.hit4,.hit5 {
	color: red;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.font-red {
	color: red;
}
.font-blue {
	color: blue;
}
.font-95 {
	font-size: 95%;
}
.font-bold {
	font-weight: bold;
}

/* clear
===============================================*/
.clearfix:before, .clearfix:after {
	display: table;
	content: ' ';
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}