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

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

	--- "feat5.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 .mt20 { margin-top: 20px !important; }
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 .mb18 { margin-bottom: 18px !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 .mb80 { margin-bottom: 80px !important; }
html body div#container div#main .mb90 { margin-bottom: 90px !important; }

html body div#container div#main .mmb5 { margin-bottom: -5px !important; }
html body div#container div#main .mmb10 { margin-bottom: -10px !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; }


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


/* 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;
}

/* margin 
------------------------------------------------------------------------*/
html body div#container div#main mb25 { margin-bottom: 25px; }



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


/* for feat5
----------------------------------------- */
/* section01 */
body div#container div#main div.feat5_content div.pht_area01 {
	width:780px;
	height:345px;
	background: url(../Images/feat5_pht_01.jpg) no-repeat;
	padding-top:10px;
}

	body div#container div#main div.feat5_content div.pht_area01 div.section01 {
		width:250px;
		position:relative;
		top: 0px;
		left: 45px;
	}
	body div#container div#main div.feat5_content div.pht_area01 div.section07 {
		width:200px;
		position:relative;
		top: 20px;
		left: 45px;
	}


body div#container div#main div.feat5_content div.h3area01 {
	margin:0;
	padding:0 30px 0 30px;
	width:720px;
}
body div#container div#main div.feat5_content div.h3area02 {
	margin:0;
	padding:0 30px 0 45px;
	width:675px;
	_width:720px;
}
body div#container div#main div.feat5_content div.h3area03 {
	margin:0;
	padding:0 30px 0 255px;
	width:485px;
	_width:720px;
}

/* section02 */
body div#container div#main div.feat5_content div.section02 {
	width:690px;
	margin-left:45px;
}
	


/* section03 */
body div#container div#main div.feat5_content div.section03 {
	width:705px;
	margin-left:45px;
}
body div#container div#main div.feat5_content div.section03 div.leftarea {
	float:left;
	width:345px;
}
body div#container div#main div.feat5_content div.section03 div.rightarea {
	float:right;
	width:330px;
}
	
/* section04 */
body div#container div#main div.feat5_content div.section04 {
	width:750px;
}
body div#container div#main div.feat5_content div.section04 div.leftarea {
	float:left;
	width:480px;
}
body div#container div#main div.feat5_content div.section04 div.leftarea p {
	margin-right:20px;
	margin-left:45px;
}
body div#container div#main div.feat5_content div.section04 div.rightarea {
	float:right;
	width:270px;
}

/* section05 */
body div#container div#main div.feat5_content div.section05 {
	width:690px;
	margin-left:45px;
}


/* section06 */
body div#container div#main div.feat5_content div.section06 {
	width:705px;
	margin-left:45px;
}
body div#container div#main div.feat5_content div.section06 div.leftarea01 {
	width:405px;
	float:left;
}
body div#container div#main div.feat5_content div.section06 div.rightarea01 {
	width:270px;
	float:right;
}



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


/* ssd_merit */
body div#container div#main div.feat5_content div.ssd_merit {
	background:#dbdee1;
	width:636px;
	height:103px;
	_width:690px;
	_height:134px;
	padding: 11px 27px 20px;
}
body div#container div#main div.feat5_content div.ssd_merit p.left {
	float:left;
}
body div#container div#main div.feat5_content div.ssd_merit p.right {
	float:right;
}
body div#container div#main div.feat5_content div.ssd_merit p.mb {
	margin-bottom:11px;
}


/* ----- IMAGE LEFT  -  TEXT RIGHT ----- */
body div#container div#main div.feat5_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.feat5_content div.areaText{
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}

/* ----- IMAGE LEFT  -  TEXT RIGHT ----- */
body div#container div#main div.feat5_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.feat5_content div.areaText2 {
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}



/* for feat5 - thickbox */
#tb_head {
	background:#FFFFFF none repeat scroll 0%;
	margin:20px auto 20px;
	width:552px;
}
#tb_main {
	background:#FFFFFF none repeat scroll 0%;
	margin:0px auto 0px;
	text-align:center;
	width:512px;
	margin-left:40px;
}
#tb_main div.tb_textarea {
	width:475px;
	height:60px;
	text-align:left;
}


ul#featnavi {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
ul#featnavi li {
	float:left;
	margin:0pt;
	padding:0pt;
	text-align:center;
}

ul#featnavi li#prev {
	width:256px;
}

ul#featnavi li#next {
	width:256px;
}



/* 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 */