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

	[ Products Solution /PhotoSolution ] 
	
	Update 2009/11/20
	@ Sony Marketing(Japan) Inc
	
	--- "/vaio/solution/PhotoSolution/index.html"
	
===========================================================*/

#main {
	background: #FFFFFF;
	color: #CCCCCC;
}

body #container div#main {
	width:950px;
}
body #container div#main div.mainBlack {
	background: #000000;
	width:950px;
}

body #container div#main #indentArea {
	width:890px;
	margin: 0 auto;
}

body #container div#main #indentArea div.bgArea {
	background: url(../Images/ps_ctg_01_pic_bg.gif) no-repeat bottom #000000;
}

body #container div#main #indentArea div.bgArea ul.block {
	margin-left: 2px;
}
body #container div#main #indentArea div.bgArea ul.block li.subblock {
	float:left;
	width: 200px;
	padding: 10px 11px; 
	min-height: 266px;
}

body #container div#main div.clmWrap {
	width: 913px;
	margin: 0 auto;
}
body #container div#main div.clmBtm {
	background: url(../Images/ps_ctg_02_bottom.jpg) no-repeat center bottom;
	padding: 0 0 3px;
}
body #container div#main div.clmInner {
	background: url(../Images/ps_ctg_02_midle.gif) repeat-y 0 0;
	padding: 35px 35px 20px 35px;
}
body #container div#main div.clmInner div.leftArea {
	width: 400px;
	float: left;
}
body #container div#main div.clmInner div.rightArea {
	width: 390px;
	float: right;
}
body #container div#main div.clmInner div.left {
	width: 197px;
	margin-right: 15px;
	float: left;
}

body #container div#main div.softWrap {
	margin-left: 30px;
	margin-bottom: 60px;
	/margin-bottom: 30px;
	width: 900px;
}
body #container div#main div.softWrap h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
body #container div#main div.softWrap div.softAreaLeft {
	float: left;
	width: 450px;
}
body #container div#main div.softWrap div.softAreaRight {
	float: right;
	width: 430px;
}

/* section01 */
div.section01 div.leftArea {
	width: 475px;
	float: left;
}
div.section01 div.rightArea {
	width: 475px;
	float: right;
}
div.section01 div.leftArea div.textArea {
	margin-left: 30px;
	width: 425px;
}

/* section02 */
div.section02 div.leftArea {
	width: 475px;
	float: left;
}
div.section02 div.rightArea {
	width: 475px;
	float: right;
}
div.section02 div.leftArea div.textArea {
	margin-left: 30px;
	width: 425px;
}
div.section02 div.rightArea div.textArea {
	margin-left: 40px;
	width: 425px;
}

/* section03 */
div.section03 {
	width: 915px;
}
div.section03 div.textArea {
	margin-left: 30px;
}
div.section03 .caption_cap_08 a {
	text-decoration: underline;
	color: #cccccc;
}

/* section04 */
div.section04 div.leftArea {
	width: 475px;
	float: left;
}
div.section04 div.rightArea {
	width: 475px;
	float: right;
}
div.section04 div.rightArea div.textArea {
	margin-left: 40px;
	width: 390px;
}

/* section05 */
div.section05 {
	margin-left: 30px;
	width: 890px;
}
div.section05 div.bgArea {
	background: url(../Images/ps_ctg_03_itm_bg.gif) no-repeat center top;
	height: 112px;
	padding: 5px 10px;
	position: relative;
}
div.section05 div.bgArea p.btn {
	position: absolute;
	top: 75px;
	left: 10px;
}

/* section06 */
div.section06 {
	margin-left: 30px;
	width: 860px;
}

/* series */
ul.seriesImg {
	margin-bottom: 15px;
}

ul.seriesImg li {
	float: left;
	margin-right: 10px;
}

ul.seriesLink li {
	background: url(../Images/arrow_black.gif) no-repeat left;
	padding-left: 15px;
}

ul.seriesLink li a {
	color: #43677E;
}

ul.seriesLink li a:hover, ul.seriesLink li a:active {
	color:#C41230;
	text-decoration:underline;
}

/* accArea */
ul.accArea {
	margin-left: 23px;
}
ul.accArea li {
	width: 266px;
	float: left;
	margin-right: 23px;
}
ul.accArea li.end {
	margin-right: 0;
}


h2 {
	margin-bottom: 30px !important;
}

h3 {
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 7px;
	margin-bottom: 20px;
	width: 100%;
}

h4 {
	margin-bottom: 5px !important;
}

strong {
	font-weight: bold;
}

/*-- left_text right_image --*/

div.itemA {
	width:100%; /*必ず width は指定する。(100 % などでも OK)*/
	display:table;
}



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



div.itemA div.itemText{
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}


div.itemB {
	width:100%; /*必ず width は指定する。(100 % などでも OK)*/
	margin:0 0 1.5em;
	display:table;
	direction:rtl;
}

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

div.itemB div.itemText{
	display:table-cell;
	vertical-align:top;
	direction:ltr;
	text-align:left;
	/zoom:1; /* IE 6, 7 */
}


/* margin 
--------------------------------------- */
.pb10 { padding-bottom: 10px ! important; }
.pb20 { padding-bottom: 20px ! important; }
.pb30 { padding-bottom: 30px ! important; }
.pb40 { padding-bottom: 40px ! important; }
.pb50 { padding-bottom: 50px ! important; }
.pb60 { padding-bottom: 60px ! important; }
.pb70 { padding-bottom: 70px ! important; }
.pb80 { padding-bottom: 80px ! important; }
.pb90 { padding-bottom: 90px ! important; }
.pb100 { padding-bottom: 100px ! important; }