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

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

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

/* pagenavi */
body div#container div#main div.feat4navi ul{
	width:700px;
	margin-left:40px;
}

body div#container div#main div.feat4navi ul li {
	display:block;
	float:left;
}
body div#container div#main div.feat4navi ul .mr {
	margin-right:10px !important;
}

body div#container div#main div.h_wrap {
	margin-bottom:35px;
	height:80px;
}
body div#container div#main div.h_wrap_top {
	height:80px;
}
body div#container div#main div.h_wrap h2 ,
body div#container div#main div.h_wrap_top h2 {
	position:absolute;
}

/* section01 */
body div#container div#main div.contents div.section01 ,
body div#container div#main div.contents div.section04 ,
body div#container div#main div.contents div.section05 ,
body div#container div#main div.contents div.section07 {
	width:700px;
}


/* section01 */
body div#container div#main div.contents div.section01 {
	background: url(../Images/feat4_pht_01.jpg) no-repeat;
	width:780px;
	height:630px;
}
	body div#container div#main div.contents div.section01 h3 {
		padding-top:40px;
	}
	body div#container div#main div.contents div.section01 p.txt01 {
		width:700px;
	}
	body div#container div#main div.contents div.section01 ul.txt02 {
		width:700px;
	}
	body div#container div#main div.contents div.section01 ul.mt {
		margin-top:300px;
	}




/* section02 */
body div#container div#main div.contents div.section02 {
	width:780px;
}
body div#container div#main div.contents div.section02 div.leftarea01 {
	float:left;
	width:320px;
	padding-left:40px;
}
body div#container div#main div.contents div.section02 div.leftarea01 p {
	text-align:right;
}
body div#container div#main div.contents div.section02 div.rightarea01 {
	float:right;
	width:320px;
	padding-right:40px;
}


/* section03 */
body div#container div#main div.contents div.section03 {
	background: url(../Images/feat3_pht_01.jpg) no-repeat;
	width:780px;
	height:279px;
}
	body div#container div#main div.contents div.section03 div.indent_left500 {
		margin-left:500px;
	}
		body div#container div#main div.contents div.section03 div.indent_left500 h3 {
			padding-top:50px;
		}
		body div#container div#main div.contents div.section03 div.indent_left500 p {
			width:270px;
		}



/* section04 */
body div#container div#main div.contents div.section04 {
}
body div#container div#main div.contents div.section04 div.leftarea01 {
	float:left;
	width:320px;
}
body div#container div#main div.contents div.section04 div.rightarea01 {
	float:right;
	width:320px;
}
body div#container div#main div.contents div.section04 dl dt {
	margin-bottom:5px;
}
body div#container div#main div.contents div.section04 dl dd {
	margin-left:10px;
}

.tac {
	text-align:center;
}

/* section06 */
body div#container div#main div.contents div.section06 {
	background: url(../Images/feat3_pht_02.jpg) no-repeat;
	width:780px;
	height:215px;
}
	body div#container div#main div.contents div.section06 h3 {
		padding-top:10px;
	}
	body div#container div#main div.contents div.section06 p {
		width:400px;
	}

/* Column */
body div#container div#main div.contents div.clm_top {
	background: url(../Images/column_bg_footer.gif) #EEEEEE no-repeat left bottom;
	width:700px;
	padding: 0!important;
}
body div#container div#main div.contents div.clm_btm {
	background: url(../Images/column_bg_header.gif) no-repeat left top;
	padding:25px 0;
}
body div#container div#main div.contents div.clm_bg {
	width:650px;
	padding-left:30px;
}

div.ShortColumn {
	border:1px solid #CCCCCC;
	padding:20px;
	width:600px;
	_width:640px;
}

div.FormA {
	width:780px;
	display:table;
	margin-bottom:70px;
}

	div.FormA p.FormImage {
		margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないようにmarginは0に設定*/
		display:table-cell;
		vertical-align:top;
		width:1%;
		/width:auto;
		/float:left; /* IE 6, 7 */
	}
	
	div.FormA div.FormText {
		display:table-cell;
		vertical-align:top;
		/zoom:1; /* IE 6, 7 */
	}


div.FormB {
	width:780px;
	margin:0 0 1.5em;
	display:table;
	direction:rtl;
	margin-bottom:70px;
}

	div.FormB p.FormImage{
		margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないように margin は 0 に設定 */
		display:table-cell;
		vertical-align:top;
		width:1%;
		/width:auto;
		/float:right; /* IE 6, 7 */
	}
	
	div.FormB div.FormText{
		display:table-cell;
		vertical-align:top;
		direction:ltr;
		text-align:left;
		/zoom:1; /* IE 6, 7 */
	}

div.ColumnFormA {
	width:650px;
	display:table;
}

	div.ColumnFormA p.FormImage {
		margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないようにmarginは0に設定*/
		display:table-cell;
		vertical-align:top;
		width:1%;
		/width:auto;
		/float:left; /* IE 6, 7 */
	}
	
	div.ColumnFormA div.FormText {
		display:table-cell;
		vertical-align:top;
		/zoom:1; /* IE 6, 7 */
	}



div.ColumnFormB {
	width:650px;
	margin:0 0 0.5em;
	display:table;
	direction:rtl;
}

	div.ColumnFormB p.FormImage{
		margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないように margin は 0 に設定 */
		display:table-cell;
		vertical-align:top;
		width:1%;
		/width:auto;
		/float:right; /* IE 6, 7 */
	}
	
	div.ColumnFormB div.FormText{
		display:table-cell;
		vertical-align:top;
		direction:ltr;
		text-align:left;
		/zoom:1; /* IE 6, 7 */
	}


/* for popup window */
#body{
	min-height:100%;
	position:relative;
}

* html #body{
	height:100%;
}
#popUp-wrapper {
	height:100%;
}
#popUpMainttl {
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

#popUpMaintbl {
	margin:0 auto;
	text-align:center;
	height:77%;
}


#popUp-commonFooter {
	position:absolute;
	_position:fixed;
	bottom: 20px;
}

.mstbl {
	width:85%;
	border:0;
	margin-bottom:20px;
}
.mstbl td p {
	margin-top: 0;
	margin-bottom:0;
}
.mstbl td.col2 p.mb10 {
	margin-bottom:10px;
}
.mstbl td.col2 p.mb20 {
	margin-bottom:20px;
}
.mstbl td.col2 {
	padding: 10px 10px !important;
	text-align:left;
	background:#f7f7f7;
}