@charset "utf-8";

/* 共通
----------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-family: "メイリオ","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

img {
	border: 0;
}

li {
	list-style-type: none;
}

a {
	color: #03366d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	font-size: 17px;
	text-align: center;
	background: #ffffff url(../images/bg_body.png) 0 0;
}

#contentwrap {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: left;
}

h1 {
	margin-bottom: 35px;
	padding: 0 14px 14px 14px;
	font-size: 170%;
	font-weight: normal;
	color: #03366d;
	background: url(../images/common_header_line.png) 0 100% no-repeat;
	background-position: center bottom;
	background-size: contain;
}

h1 a:hover {
	text-decoration: none;
}

.txt01 {
	margin-bottom: 40px;
	padding: 0 4px;
	line-height: 1.8em;
	font-weight: bold;
}

.txt02 {
	font-size: 105%;
	line-height: 1.4em;
	font-weight: bold;
}

.txt03 {
	font-size: 80%;
	line-height: 1.4em;
	font-weight: bold;
}

#mainwrap {
	position: relative;
	width: 920px;
	margin-left: 15px;
	margin-bottom: 50px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}

/* boxArea01 */
#mainwrap .boxArea {
	padding-top: 10px;
}

#mainwrap .boxArea .wrap {
	padding: 70px 20px 80px 20px;
	text-align: center;
}

/* boxArea02 */
#mainwrap .boxArea02 {
	margin-bottom: 30px;
	padding-top: 10px;
}

#mainwrap .boxArea02 .wrap {
	padding: 20px 30px 40px 30px;
	text-align: center;
}

#mainwrap .boxArea02 h2 {
	margin-bottom: 10px;
	font-size: 140%;
	font-weight: normal;
	text-align: left;
}

#headerwrap h1 img {
	width:720px;
}
#mainwrap #video {
	width: 495px;
}
#slideImage {
	width: 495px;
}
		#vodPlaylistTitle {
			background: #01356f;
			background: linear-gradient(#01356f, #6d9ad1 80%, transparent 81%);
			text-align: center;
		}

#noSupport {
	display: none;
	background-color: #fff;
	border: 1px solid red;
	border-radius: 4px;
	margin: 10px 30px;
	padding: 0.2em 0.5em;
}
	#noSupport p {
		text-align: center;
		color: #c57;
		font-size: 0.8em;
	}

/* ログイン画面
----------------------------------------------------------- */
ul#login {
	width: 509px;
	margin: 0 auto 50px auto;
}

ul#login li {
	margin-bottom: 20px;
	text-align: left;
}

ul#login li span {
	width: 170px;
	font-size: 110%;
	font-weight: bold;
	float: left;
	padding-top: 5px;
}

ul#login li .input-txt {
	width: 330px;
	font-size: 120%;
	float: right;
}



/* 入口画面
----------------------------------------------------------- */
#mainwrap .btnArea {
	margin-bottom: 40px;
}

#mainwrap .btnArea .btn {
	margin-bottom: 15px;
}

#mainwrap .btnArea .txtLink a {
	/*	padding: 5px 0 5px 22px;	*/
	padding: 5px 0 5px 0;
	font-size: 130%;
	color: #111111;
	text-decoration: none;
	/*	background: url(../images/arrow_01.png) 0 50% no-repeat;*/
}

#mainwrap .btnArea img.icon {
	margin: 3px 5px 3px 2px;
	vertical-align: top;
}

/* getAdobe */
#mainwrap .getAdobe {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#mainwrap .getAdobe .left {
	width: 135px;
	float: left;
}

#mainwrap .getAdobe .right {
	width: 655px;
	float: right;
}

#mainwrap .txtLink a:hover {
	text-decoration: underline;
}

/* mysonyArea */
#mainwrap .mysonyArea {
	width: 830px;
	margin: 0 auto;
}

#mainwrap .mysonyArea h3 {
	margin-bottom: 22px;
	/*	padding: 8px 12px 7px 12px;*/
	font-size: 130%;
	text-align: left;
	color: #ffffff;
	/*	background-color: #003670;*/
}

/* ご利用までの流れ */
#mainwrap .mysonyArea .mysonyFlow {
	width: 664px;
	margin: 0 auto 20px auto;
}

#mainwrap .mysonyArea .mysonyFlow .left {
	width: 294px;
	float: left;
}

#mainwrap .mysonyArea .mysonyFlow .right {
	width: 276px;
	padding-left: 94px;
	float: right;
	background: url(../images/arrow_02.png) 0 0 no-repeat;
}

#mainwrap .mysonyArea .mysonyFlow .innerTxt {
	width: 276px;
	margin-bottom: 24px;
	text-align: left;
}

#mainwrap .mysonyArea .mysonyFlow .innerLeft {
	width: 70px;
	float: left;
}

#mainwrap .mysonyArea .mysonyFlow .innerRight {
	width: 204px;
	/*	padding-top: 7px;	*/
	float: right;
}

/* My Sony ID登録 */
#mainwrap .mysonyArea .mysonyGet {
	width: 714px;
	margin: 0 auto;
	text-align: left;
}

#mainwrap .mysonyArea .mysonyGet .left {
	width: 500px;
	/*	padding-left: 60px;	*/
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	float: left;
	/*	background: url(../images/icon_notice02.png) 0 48% no-repeat;	*/
}

#mainwrap .mysonyArea .mysonyGet .right {
	width: 154px;
	float: right;
}

/* お問い合わせ */
#mainwrap .mysonyArea .mysonyInfo {
	margin-top: 30px;
	/*	padding: 12px 38px 14px 38px;
	border: solid 1px #666666;	*/
	font-size: 87%;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
}

#mainwrap .mysonyArea .mysonyInfo .left {
	width: 245px;
	padding: 5px 0 0 0;
	border-right: solid 1px #cccccc;
	float: left;
	letter-spacing: 0.05em;
}

#mainwrap .mysonyArea .mysonyInfo .right {
	width: 450px;
	margin-left: 37px;
	float: left;
	letter-spacing: 0.05em;
}

#mainwrap .mysonyArea .mysonyInfo .right .icon {
	padding: 0 3px 4px 3px;
	vertical-align: middle;
}

#mainwrap .mysonyArea .mysonyInfo .txtBig {
	font-size: 120%;
	line-height: 1.6em;
}

#mainwrap .mysonyArea .mysonyInfo .txtSmall {
	font-size: 85%;
	line-height: 1.4em;
}


/* ツールチップ */
.tooltip {
	position: relative;
	display: inline-block;
	font-size: 78%;
	font-weight: normal;
	line-height: 1.3em;
	text-align: left;
	text-decoration: none;
	outline: none;
}

.tooltip span {
	visibility: hidden;
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 999;
	width: 280px;
	margin-left: -97px;
	padding: 10px;
	border: 1px solid #333333;
	color: #333333;
	background-color: #f9f9f9;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .5) inset;
	text-shadow: 0 2px 0 rgba(255, 255, 255, .4);
}

.tooltip:hover {
	border: 0;
	/* IE6 fix */
	text-decoration: none;
}

.tooltip:hover span {
	visibility: visible;
}

.tooltip span:before,
.tooltip span:after {
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -8px;
	left: 30px;
	margin-left: -8px;
	border-top: 8px solid #f9f9f9;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.tooltip span:before {
	border-top-color: #333333;
	bottom: -9px;
}


/* ライブ中継画面
----------------------------------------------------------- */
#mainwrap .liveAreaTitle {
	margin-bottom: 30px !important;
}

#mainwrap .liveArea {
	width: 100%;
	margin-bottom: 50px;
}

#mainwrap .liveArea .left {
	width: 470px;
	float: left;
}

#mainwrap .liveArea .left #player {
	margin-bottom: 20px;
}

#mainwrap .liveArea .left .image {
	margin-bottom: 20px;
}

#mainwrap .liveArea .left .txt02 {
	font-size: 102%;
}

#mainwrap .liveArea .right {
	width: 350px;
	margin-left: 25px;
	float: right;
}



/* クーポン画面
----------------------------------------------------------- */
#couponwrap {
	width: 760px;
	padding: 30px;
	text-align: left;
}

#couponwrap .section {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../images/line_dot.png) 0 100% repeat-x;
}

#couponwrap .section h2 {
	margin-bottom: 10px;
	font-size: 105%;
	font-weight: bold;
	color: #03366d;
}

#couponwrap .section ul {
	margin-left: 30px;
}

#couponwrap .section p,
#couponwrap .section li,
#couponwrap .section td {
	margin-bottom: 4px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5em;
	color: #444444 !important;
}

#couponwrap .section p.txtBig {
	font-size: 105%;
}

#couponwrap .section .normal li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}

#couponwrap .section .notice {
	padding-top: 2em;
	padding-left: 1em;
	font-size: 70%;
	line-height: 1.5em;
	text-indent: -1em;
}

#couponwrap .section table.off {
	margin-bottom: 5px;
}

#couponwrap .section td.left {
	width: 629px;
	padding-top: 4px;
	vertical-align: top;
}

#couponwrap .section td.right {
	width: 130px;
	vertical-align: top;
}



/* クーポン終了画面
----------------------------------------------------------- */
#mainwrap .couponend {
	margin: 40px auto 30px auto;
	width: 580px;
	text-align: left;
}

#mainwrap .couponend p {
	margin-bottom: 20px;
	line-height: 1.4em;
}

#mainwrap .couponend p .icon {
	margin-right: 20px;
	vertical-align: middle;
}


/* 株主総会録画再生中
----------------------------------------------------------- */
#mainwrap #vodWrap {
	padding: 20px 30px 10px 30px;
}
	#mainwrap #vodWrap:after {
		display: block;
		content: '';
		clear: both;
	}

#mainwrap #vodAreaTitle {
	margin-bottom: 20px !important;
}

#mainwrap #vodArea {
	width: 100%;
}

/* ----- 左コンテンツ：動画・プレイリストエリア ----- */
#mainwrap #vodArea .left {
	width: 495px;
	float: left;
	text-align: left;
}

/* 動画プレイヤー */
#mainwrap #vodArea .left #externalVodPlayer {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
	height: 276px;
}
	#mainwrap #vodArea .left #video {
		width: 100%;
	}
/* プレイリスト */
#mainwrap #vodArea .right #vodPlaylist {
	border: solid 1px #ccc;
	border-radius: 4px;
	overflow: hidden;
}

#mainwrap #vodArea .right #vodPlaylist h3 {
	padding: 6px;
	text-align: center;
	background: url(../images/vod_playlist_bg.png) 0 100% repeat-x;
	font-size: 95%;
	color: #055195;
}

/* スクロールエリア */
#mainwrap #vodArea .right #vodScroll {
	width: auto;
	padding: 2px 0.5em 0.5em 0.5em;
	overflow-y: scroll;
	font-size: 10pt;
}

#mainwrap #vodArea .right .height01 {
	/* height: 175px; */
	height: 310px;
}

/* 7行表示 */
#mainwrap #vodArea .right .height02 {
	height: 210px;
}

/* 8行表示 */
#mainwrap #vodArea .right .height03 {
	height: 313px;
}

/* 12行表示 */
#mainwrap #vodArea .right .height04 {
	height: 418px;
}

/* 16行表示 */
#mainwrap #vodArea .right .height05 {
	height: 521px;
}

/* 20行表示 */

#mainwrap #vodArea .right #vodScroll h4 {
	margin-bottom: 5px;
	font-weight: normal;
}

#mainwrap #vodArea .right #vodScroll h4 a {
	display: block;
	padding: 3px 15px;
	font-size: 95%;
	color: #000;
	text-decoration: none;
}


#mainwrap #vodArea .right #vodScroll h4 a:before {
	content: "■";
	color: #055195;
}

#mainwrap #vodArea .right #vodScroll ul {
	margin-bottom: 15px;
	font-size: 90%;
}

#mainwrap #vodArea .right #vodScroll ul li {
	_display: inline-block;
	margin-bottom: 1px;
}

#mainwrap #vodArea .right #vodScroll ul li a {
	display: block;
	padding: 2px 20px;
	color: #000;
	line-height: 1.4em;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	text-indent: -15px;
}
#mainwrap #vodArea .right #vodScroll ul li.select a {
	color: #fff;
}

#mainwrap #vodArea .right #vodScroll ul li a:before {
	content: "□ ";
}

#mainwrap #vodArea .right #vodScroll ul li.select a:before {
	content: "▶ ";
}
#mainwrap #vodArea .right #vodScroll ul li.no_link  {
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 0.5em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #777;
	border-bottom: 2px solid #ccc;
}

#mainwrap #vodArea .right #vodScroll .select {
	background-color: #6495ed;
	border-radius: 3px;
}

/* 右コンテンツ：pptエリア */
#mainwrap #vodArea .right {
	width: 340px;
	float: right;
	text-align: left;
}

#vodWrap #dynamic {
	margin-bottom: 0px;
}

img#slideImage {
	border: solid 1px;
	border-color: #888;
	box-sizing: border-box;
}
#vodWrap .getAdobe {
	width: 475px;
}
/*
#vodWrap .getAdobe .left {
	width: 130px !important;
	padding-top: 0.4em;
}

#vodWrap .getAdobe .right {
	width: 335px !important;
	font-size: 74%;
	font-weight: normal;
}
*/


/* フッター
----------------------------------------------------------- */

#footerwrap {
	width: 914px;
	margin: 0 auto 40px auto;
	padding-top: 8px;
	border-top: solid 1px #999999;
	font-size: 70%;
	font-weight: bold;
}



/* その他
----------------------------------------------------------- */

.red {
	color: #d30026;
}

.blue {
	color: #1a5dae;
}

.green {
	color: #005334;
}

.aleft {
	text-align: left;
}

.aright {
	text-align: right;
}

.acenter {
	text-align: center;
}

.delbg {
	background: none !important;
}

.delb {

	padding-bottom: 0 !important;
}

.admb {
	margin-bottom: 20px !important;
}

#flashMessage {
	color: #d30026;
	font-size: 105%;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 20px;
}

/* clear */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
	/* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

#notice {
	margin: 0px;
	padding: 20px 30px;
	color: #666;
	background-color: #eee;
	font-size: 14px;
}
	#notice h2 {
		text-decoration: underline;
	}
	#notice:after {
		content: "";
		display: block;
		clear: both;
	}
	#notice .columnbox {
		float: left;
		width: 47%;
		margin-right: 2%;
		margin-top: 0.5em;
	}
		#notice .columnbox.divider {
			border-right: 1px solid #bbb;
		}
			#notice .columnbox .columnbox {
				width: 48%;
				border: none;
				margin-bottom: 1em;
			}
		#notice .columnbox h3 {
			font-size: 1.0em;
			line-height: 1.6em;
		}
		#notice .columnbox h4 {
			font-size: 0.8em;
			line-height: 2.0em;
			margin-top: 0.5em;
		}
		#notice .columnbox ul li {
			margin-left: 1.0em;
			font-size: 0.7em;
			line-height: 1.6em;
		}
		#notice p.attention {
			clear: both;
			margin: 10px 0 0;
			font-size: 0.7em !important;
		}

input.volume_slider	{
	left: 0;
}
#never {
	z-index: -1;
position: absolute;
top: -9999px;
left: -9999px;
}
@media screen and (max-width:949px) {
	#mainwrap #vodWrap {
	  padding: 10px 20px 10px 20px;
	}
	#headerwrap {
		width: 100%;
	}
		#headerwrap h1 img {
			width: 100% !important;
		}
	#contentwrap {
		width: 100%;
		border-radius: 0;
	}
		#mainwrap #video {
			width: 100%;
		}
		#externalVodPlayer {
			height: auto !important;
			margin-bottom: 10px !important;
		}
	#mainwrap {
		width: 96%;
		margin: 0 2%;
	}
		#vodArea .left {
			width: 58% !important;
		}
		#vodArea .right {
			width: 40% !important;
		}
		#slideImage {
			width: 100%;
		}
			#vodArea .right .height01 {
				height: auto !important;
			}
		#notice > .columnbox {
			clear: both;
			width: 100%;
			margin-bottom: 20px;
		}
		#notice .columnbox.divider {
			border: none;
		}
		#footerwrap {
			width: 96%;
			margin: 0 2% 20px;
		}
	#notice {
		margin: 0px;
		padding: 20px 20px;
	}
}

@media screen and (max-width:639px) {

	#mainwrap {
		width: 100%;
		margin-left: 0;
		border-radius: 0;
	}
		#vodArea .left,
		#vodArea .right,
	 	#slideImage {
			clear: both;
			width: 100% !important;
		}
		#vodArea .right {
			margin-top: 20px;
		}
		#mainwrap #video {
			width: 100%;
		}
}

/* only for IE */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #noSupport {
  	display: block;
	}
		#noSupport p {

		}
}