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

	[ Products Feat1]
	
	Update 2007/11/05
	@ Sony Marketing(Japan) Inc
	

	--- "feat4.html"
	
=========================================*/

/*-- Feat common Menu Area --*/

body div#container div#main div.menu_area_line02{
	width:780px;
	height:57px;
	margin-top:-20px;
}
	*html body div#container div#main div.menu_area_line02{
		margin-top:-25px;
	}

body div#container div#main div.menu_area_line02 ul{
	width:780px;
}
body div#container div#main div.menu_area_line02 ul li{
	display:block;
	float:left;
}
body div#container div#main div.menu_area_line02 ul li.end,
body div#container div#main div.menu_area_line02 ul li.last{
	margin-right:0px;
}


/* margin 
------------------------------------------------------------------------*/
html body div#container div#main .mt50 { margin-top: 50px !important; }
html body div#container div#main .mb10 { margin-bottom: 10px !important; }
html body div#container div#main .mb20 { margin-bottom: 20px !important; }
html body div#container div#main .mb25 { margin-bottom: 25px !important; }
html body div#container div#main .mb30 { margin-bottom: 30px !important; }
html body div#container div#main .mb40 { margin-bottom: 40px !important; }
html body div#container div#main .mb50 { margin-bottom: 50px !important; }
html body div#container div#main .mb60 { margin-bottom: 60px !important; }
html body div#container div#main .mb70 { margin-bottom: 70px !important; }

html body div#container div#main .mmb5 { margin-bottom: -5px !important; }
html body div#container div#main .mmb10 { margin-bottom: -10px !important; }
html body div#container div#main .mmb15 { margin-bottom: -15px !important; }

/* padding
------------------------------------------------------------------------*/
html body div#container div#main .pr10 { padding-right: 10px !important; }
html body div#container div#main .pr20 { padding-right: 20px !important; }
html body div#container div#main .pr30 { padding-right: 30px !important; }
html body div#container div#main .pl10 { padding-left: 10px !important; }
html body div#container div#main .pl20 { padding-left: 20px !important; }
html body div#container div#main .pl30 { padding-left: 30px !important; }

body div#container div#main div.feat4_content div.clm_area_out {
	width:740px;
	margin:0 auto;
	_margin-left:20px;
	padding:4px 4px 4px 4px;
	background:#e5e5e5;
}
body div#container div#main div.feat4_content div.clm_area_out div.clm_area_in {
	width:700px;
	_width:692px;
	padding: 20px 20px;
	background:#f2f2f2;
}



/*-- Feat H2 Area (for feature pages) --*/

/*-- feat common //for smooth scroll --*/
body div#container div#main div.h2_wrap {
	margin-bottom:30px !important;
	height:50px;
}
body div#container div#main div.h2_wrap h2 {
	position:absolute;
}

/*---------------------------------------*/

/* common settings
----------------------------------------- */
/* h2area */
body div#container div#main div.h2area {
	margin:0;
	padding:0 15px 20px;
}
/* h3area */
body div#container div#main div.h3area {
	margin:0;
	padding:0 0 40px 30px;
}


body div#container div#main h3 {
	padding-bottom:15px;
}



div#feat4_content {
	width: 780px;
	background-color: #ffffff;
	margin-bottom:40px;
}


/* for feat4
----------------------------------------- */
/* section01 */
body div#container div#main div.feat4_content div.pht_area01 {
	width:780px;
	height:87px;
	background: url(../Images/feat4_sttl_01_2.jpg) no-repeat;
}

/* energy_save */
body div#container div#main div.feat4_content div.pht_area01 div.energy_save {
	padding:0 108px 0 110px;
}
body div#container div#main div.feat4_content div.pht_area01 div.energy_save p.left {
	float:left;
}
body div#container div#main div.feat4_content div.pht_area01 div.energy_save p.right {
	float:right;
}

body div#container div#main div.feat4_content div.pht_area02 {
	width:740px;
	/*background: url(../Images/feat4_bg_01.jpg) no-repeat;*/
	background: #f2f2f2 url(../Images/feat4_bg_01.jpg) no-repeat;
	margin-left:20px;
}
body div#container div#main div.feat4_content div.pht_area02 h2 {
	padding-top:30px;
	padding-left:20px;
}
body div#container div#main div.feat4_content div.pht_area02 div.section01 {
	width:740px;
	padding-top:30px;
}
body div#container div#main div.feat4_content div.pht_area02 div.section01 div.leftarea01 {
	width:323px;
	float:left;
}
body div#container div#main div.feat4_content div.pht_area02 div.section01 div.leftarea01 div.textarea01 {
	width:240px;
	margin-left:45px;
}

body div#container div#main div.feat4_content div.pht_area02 div.section01 div.rightarea01 {
	width:393px;
	float:right;
}
body div#container div#main div.feat4_content div.pht_area02 div.section01 div.rightarea01 p {
	margin-right:30px;
}

body div#container div#main div.feat4_content div.bg_area01 {
	background:#f2f2f2;
	width:740px;
	margin-left:20px;
	padding-bottom:25px;
}

/* section02 */
body div#container div#main div.feat4_content div.bg_area01 div.section02 {
	width:650px;
	margin-left:45px;
}

/* section03 */
body div#container div#main div.feat4_content div.bg_area01 div.section03 {
	width:650px;
	margin-left:45px;
}
body div#container div#main div.feat4_content div.bg_area01 div.section03 div.leftarea01 {
	width:330px;
	float:left;
}
body div#container div#main div.feat4_content div.bg_area01 div.section03 div.rightarea01 {
	width:300px;
	float:right;
}

/* section04 */
body div#container div#main div.feat4_content div.bg_area01 div.section04 {
	width:650px;
	margin-left:45px;
}
body div#container div#main div.feat4_content div.bg_area01 div.section04 div.leftarea01 {
	width:310px;
	float:left;
}
body div#container div#main div.feat4_content div.bg_area01 div.section04 div.rightarea01 {
	width:300px;
	float:right;
}

/* section05 */
body div#container div#main div.feat4_content div.bg_area01 div.section05 {
	width:680px;
	margin-left:30px;
}

/* section06 */
body div#container div#main div.feat4_content div.section06 {
	width:665px;
	margin-left:45px;
}
body div#container div#main div.feat4_content div.section06 div.leftarea01 {
	width:330px;
	float:left;
}
body div#container div#main div.feat4_content div.section06 div.rightarea01 {
	width:300px;
	float:right;
}

/* section07 */
body div#container div#main div.feat4_content div.section07 {
	width:690px;
	margin-left:45px;
}
body div#container div#main div.feat4_content div.section07 div.leftarea01 {
	width:390px;
	float:left;
}
body div#container div#main div.feat4_content div.section07 div.rightarea01 {
	width:270px;
	float:right;
}

/* section08 */
body div#container div#main div.feat4_content div.pht_area03 {
	width:780px;
	height:364px;
	background: url(../Images/feat4_pht_01.jpg) no-repeat;
}
body div#container div#main div.feat4_content div.pht_area03 h3 {
	padding-top:150px;
}
body div#container div#main div.feat4_content div.pht_area03 div.section08 {
	width:273px;
	margin-left:45px;
}


/* section09 */
body div#container div#main div.feat4_content div.section09 {
	width:690px;
	margin-left:25px;
}
body div#container div#main div.feat4_content div.section09 div.battery_area {
	width:100%;
	background:#f2f2f2;
	padding: 20px 20px;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl {
	width:100%;
	text-align:center;
	border-collapse:collapse;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td {
	padding-top:10px;
	padding-bottom:10px;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell01 {
	width:264px;
	background:#f2f2f2;
	border-right:2px solid #555555;
	border-bottom:2px solid #555555;
	border-top:none;
	border-left:none;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell021 {
	width:190px;
	background:#e5e5e5;
	border:1px solid #555555;
	border-top:2px solid #555555;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell022 {
	width:190px;
	background:#e5e5e5;
	border:1px solid #555555;
	border-top:2px solid #555555;
	border-right:2px solid #555555;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell031 {
	width:264px;
	background:#e5e5e5;
	border-left:2px solid #555555;
	border-bottom:1px solid #555555;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell032 {
	width:264px;
	background:#e5e5e5;
	border-left:2px solid #555555;
	border-bottom:2px solid #555555;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell041 {
	width:190px;
	background:#ffffff;
	border:1px solid #555555;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell042 {
	width:190px;
	background:#ffffff;
	border:1px solid #555555;
	border-right:2px solid #555555;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell043 {
	width:190px;
	background:#ffffff;
	border:1px solid #555555;
	border-bottom:2px solid #555555;
}
body div#container div#main div.feat4_content div.section09 div.battery_area .battery_tbl td.cell044 {
	width:190px;
	background:#ffffff;
	border:1px solid #555555;
	border-right:2px solid #555555;
	border-bottom:2px solid #555555;
}






/* h3area01 */
body div#container div#main div.feat4_content div.h3area01 div.area01 {
	width:615px;
	display:table;
}
body div#container div#main div.feat4_content div.h3area01 div.area02 {
	width:510px;
	display:table;
}
body div#container div#main div.feat4_content div.h3area02 div.area03 {
	width:705px;
	display:table;
}
body div#container div#main div.feat4_content div.area04 {
	width:735px;
	display:table;
}


/* ----- IMAGE LEFT  -  TEXT RIGHT ----- */
body div#container div#main div.feat4_content p.areaImage{
	margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないようにmarginは0に設定*/
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left; /* IE 6, 7 */
}

body div#container div#main div.feat4_content div.areaText{
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}

/* ----- IMAGE LEFT  -  TEXT RIGHT ----- */
body div#container div#main div.feat4_content p.areaImage2 {
	margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないようにmarginは0に設定*/
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:right; /* IE 6, 7 */
}

body div#container div#main div.feat4_content div.areaText2 {
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}


/* for feat4 - thickbox */
#tb_head {
	background:#FFFFFF none repeat scroll 0%;
	margin:20px auto 20px;
	width:712px;
}
#tb_main {
	background:#FFFFFF none repeat scroll 0%;
	margin:0px auto 0px;
	text-align:center;
	width:722px;
}

#tb_head02 {
	background:#FFFFFF none repeat scroll 0%;
	margin:20px auto 0;
	padding-right:15px;
	width:611px;
}
#tb_main02 {
	background:#FFFFFF none repeat scroll 0%;
	margin:0px auto 0px;
	text-align:center;
	width:621px;
}
#tb_head03 {
	background:#FFFFFF none repeat scroll 0%;
	margin:20px auto 20px;
	padding-right:15px;
	width:611px;
}
#tb_main03 {
	background:#FFFFFF none repeat scroll 0%;
	margin:0px auto 0px;
	text-align:center;
	width:621px;
}
#tb_head04 {
	background:#FFFFFF none repeat scroll 0%;
	margin:20px auto 20px;
	padding-right:15px;
	width:611px;
}
#tb_main04 {
	background:#FFFFFF none repeat scroll 0%;
	margin:0px auto 0px;
	text-align:center;
	width:621px;
}



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

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */