@charset "shift_jis";

#page {
    height: auto !important;
}

/* ============================================
	FONT
============================================= */

#articleHead h3{
	font-size: 13px; 
}

#articleHead h1{
	font-size: 36px; 
}

#articleHead h2{
	font-size: 20px; 
}

#articleHead p{
	font-size: 10px; 
}

.articleTitle{
	font-size: 24px;
}

#castBox .name,
.heading h4,
.two-column p.lines,
.detail p.lines,
.detail-large{
	font-size: 16px;
}

#castBox .right ul li .detail .name,
.two-column p,
.textBox,
.detail{
	font-size: 14px;
}

#articleHead .video-comment,
#castBox .name span,
#castBox .right ul li .detail p,
#castBox .right ul li .detail p span{
	font-size: 12px;
}

.numBox,
.detail span.num,
#castBox .castTitle h4,
#castBox .center .castTitle h4{
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', "Hiragino Sans GB", "STXihei", serif;
}

/* ============================================
	COMMON
============================================= */

body{
	overflow-y: scroll;
}

.container{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 70px 0 0 0;
}


.numBox{
	width:46px;
	height:37px;
	margin: 0 auto;
	background:url(/bravia/4k/share/images/bg05.png) 15px 15px no-repeat;
}

.numBox .upperNum{
	font-style:italic;
	font-size:18px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 10px 0 0;
	vertical-align:top;
}

.numBox .underNum{
	color:#8f8f8f;
	font-style:italic;
	font-size:12px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:24px 0 0 0;
}

.articleTitle h2,
.articleTitle h3{
	margin: 40px 0 50px;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
	line-height: 36px;
}

.photo{
	margin: 0 0 40px;
	overflow: hidden;
	text-align: center;
}

.heading h4{
	margin: 20px 0 40px;
	font-weight: normal;
	line-height: 28px;
}

.detail{
	line-height: 26px;
	margin: 0 0 40px;
	overflow: hidden;
}

.detail p{
	margin: 0;
}

.detail span.num{
	vertical-align: top !important;
	font-size: 8px !important;
}

.detail-large{
	line-height: 28px;
	margin: 0 0 40px;
	overflow: hidden;
}

.detail-large p{
	margin: 0;
} 

.line{
	width: 100%;
	height: 1px;
	margin: 40px 0 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}


#scrollBnr{
	position:absolute;
	left: 0;
	top: 60px;
}

#lastFooterNav{
	position: relative !important;
	background: #000 !important;
	bottom:-32px !important;
	width:100%;
	height:140px;
	overflow: hidden;
}

/* ============================================
	CONTENT
============================================= */
/* articleHead */
#articleHead{
	width: 720px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	overflow: hidden;
	text-align: center;
}

#articleHead h3{
	margin: 0 auto 20px;
	overflow: hidden;
	font-weight: normal;
	font-style: italic;
}

#articleHead h1{
	margin: 0 auto 35px;
	overflow: hidden;
	font-weight: normal;
	line-height: 50px;
}

#articleHead h2{
	margin: 0 auto 30px;
	overflow: hidden;
	font-weight: normal;
	line-height: 30px;
}

#articleHead p{
	margin: 0 auto 30px;
	overflow: hidden;
	font-weight: normal;
	line-height: 30px;
}

#articleHead .video-container{
	position:relative;
	width: 720px;
	height: 440px;
	margin: 0 auto 20px;
	overflow: hidden;
}

#articleHead .video-comment{
	position:relative;
	width: 720px;
	margin: 0 auto 50px;
	text-align: right;
	overflow: hidden;
}

/* article01 */

#article01{
	width: 100%;
	margin: 0 auto;
}

#article01 .textBox{
	width: 720px;
	margin: 30px auto 50px;
	padding: 0 0 0 0;
	text-align: center;
	line-height: 26px;
}

#castBox{
	width: 100%;
	margin: 0;
	overflow: hidden;
}

#castBox #castBoxInner{
	width: 620px;
	margin: 0 auto;
	padding: 50px 0 50px 0;
	overflow: hidden;
}

#castBox .castTitle h4{
	width: 50px;
	margin: 0 auto 20px;
	padding: 0 0 10px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	border-bottom: #000 1px solid;
}

/* 2 column version */

#castBox .cast2Column{
}

#castBox .cast2Column .left{
	float: left;
	width: 160px;
	margin: 0;
}

#castBox .cast2Column .right{
	float: right;
	width: 420px;
	margin: 0;
}

#castBox .name{
	margin: 15px 0 30px;
	overflow: hidden;
}

#castBox .detail{
	margin: 0;
	line-height: 21px;
	overflow: hidden;
}

#castBox .detail p{
	margin: 0;
}

/* 3 column version */

#castBox .left{
	float: left;
	width: 220px;
	margin: 0 50px 0 0;
}

#castBox .left .face{
	width: 220px;
	margin: 0 0 30px;
	text-align: center;
	overflow: hidden;
}

#castBox .left .name{
	width: 220px;
	margin: 0 0 20px !important;
	text-align: center;
	overflow: hidden;
}

#castBox .left .detail{
	line-height: 21px;
}

#castBox .center{
	float: left;
	width: 50px;
	margin: 0 50px 0 0;
}

#castBox .center .castTitle{
	clear: both;
	margin: 0;
	overflow: hidden;
}
#castBox .center .castTitle h4{
	margin: 0;
	padding: 0 0 10px;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	border-bottom: #000 1px solid;
}

#castBox .center .iconCross{
	margin: 170px auto 0;
	overflow: hidden;
}

#castBox .right{
	float: left;
	width: 250px;
	margin:0 0 0;
	overflow: hidden;
}

#castBox .right ul{
	padding: 0;
}

#castBox .right ul li{
	width: 220px;
	margin: 0 0 14px;
	padding: 0 0 14px;
	overflow: hidden;
	list-style-type: none;
	background: url(/bravia/4k/share/images/line01.gif) left bottom repeat-x;
}

#castBox .right ul li.end{
	margin: 0 0 0;
	padding: 0 0 0;
	background: none;
}

#castBox .right ul li .face{
	float: left;
	width: 80px;
	margin: 0 10px 0 0;
	overflow: hidden;
}

#castBox .right ul li .detail{
	float: right;
	width: 120px;
}

#castBox .right ul li .detail .name{
	padding: 0 0 10px;
	margin: 0;
}

#castBox .right ul li .detail p{
	line-height: 18px;
}

/* article02 */

#article02{
	width: 640px;
	margin: 0 auto;
	padding: 80px 0 0 0;
	overflow: hidden;
}

/* article03 */

#article03{
	width: 640px;
	margin: 0 auto 40px;
	padding: 80px 0 0 0;
	overflow: hidden;
}

.two-column{
	width: 640px;
	margin: 0 auto 40px;
	overflow: hidden;
}

.two-column .left{
	float: left;
	width: 300px;
	margin: 0;
	overflow: hidden;
}

.two-column .right{
	float: right;
	width: 300px;
	margin: 0;
	overflow: hidden;
}

.two-column p{
	margin: 0;
	line-height: 26px;
}

.two-column img{
	padding: 0 0 8px;
}

/* article04 */

#article04{
	width: 640px;
	margin: 0 auto 50px;
	padding: 80px 0 0 0;
	overflow: hidden;
}