@charset "utf-8";

/* ============================================

	COMMON 

============================================= */
.container{
	background: url(images/bg01.gif) left top repeat-x;
    margin: 0 200px 0 0;
    width: auto;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}

#article01{
	padding-bottom:60px;
}

#article02{
	border-top:10px #000 solid;
	padding-bottom:60px;
	width:auto;
}

#article03{
	border-top:10px #000 solid;
	padding-bottom:30px;
	width:auto;
}

.articleWrapper{
	margin:0 0 0 150px;
}

.articleInner{
	margin:0 auto;
	width:640px;
}

.textBox p{
	line-height:26px !important;
	font-size:14px !important;
}



/* ============================================

	RESET

============================================= */

#articleHead,
#article01,
#article02,
#article03,
#article04,
#article01 .textBox,
#article02 .textBox,
#article03 .textBox{
	padding-right:0;
}


/* ============================================

	CONTENT

============================================= */

/* articleHead */

#articleHead {
    padding: 70px 0 0 0;
}

#articleHead h1{
	color: #000;
}

#articleHead h2 {
    font-weight: normal;
    margin: 0 auto 20px;
}

#articleHead h3{
	color: #000;
}

#articleHead aside{
	font-size:12px;
    margin: 0 auto 50px;
	line-height:1.3;
}

/* article01 */
#article01 .mainImageBox{
	text-align:center;
    padding: 0 0 40px 0;
}

/* article02 */
#article02 .mainImageBox{
	width:640px;
	height:360px;
	text-align:center;
	position:relative;
	margin:0 auto;
}

#article02 .mainImageBox p{
	width:600px;
	padding:0 0 0 20px;
	top:300px;
	left:0;
	position: absolute;
	color:#FFF;
	font-size:12px;
	line-height:1.5;
	text-align:left;
}

/* article03 */

#article03{
	margin-bottom:0 !important;
}

#article03 .mainImageBox{
	width:300px;
	height:390px;
	position:relative;
	margin:0 0 30px 0;
}

#article03 .mainImageBox p{
	width:260px;
	padding:0 0 0 20px;
	top:330px;
	left:0;
	position: absolute;
	color:#FFF;
	font-size:10px;
	line-height:1.5;
	text-align:left;
}

#article03 .numBox{
	margin-bottom:40px;
}

#article03 .section001{
	margin:0 340px 0 0;
}

#article03 .section002{
	clear:both;
}

#article03 .lastBox{
	background:#ebebeb;
	padding:30px 30px 40px 30px;
	margin:60px 0 0 0;
}

#article03 .lastBox figure{
	text-align:center;
}

#article03 .lastBox figcaption{
	font-size:11px;
	line-height:20px;
	margin:20px 0 30px 0;
	
}

#article03 .lastBox .toDesignBtn{
	width:300px;
	height:50px;
	margin:0 auto;
}

#article03 .lastBox .toDesignBtn a{
	display:block;
	width:300px;
	height:0;
	padding-top:50px;
	text-indent:-9999px;
	background:url(/bravia/4k/cm/images/bn02.gif) left top no-repeat;
	text-align:center;
}

#article03 .lastBox .toDesignBtn a:hover{
	background-position:0 -50px;
}




/* lastFooterNav */

#lastFooterNav .nextArticle .outerArticleLink{
    top: 32px;
}