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

	[ Solution / 3D ] 
	
	Update 2011/02/09
	@ Sony Marketing(Japan) Inc
	
	--- "/vaio/solution/3d/index.html"
	
	 1. Basic setting
	 2. Page setting
	 3. Common module setting
	
===========================================================*/
/* ---------------------------------------
	1. Basic setting
--------------------------------------- */
/* headline setting */
#main h2 {
	margin-bottom:30px;
}
#main h3 {
	margin-bottom:20px;
}
#main h4 {}
#main h5 {}
#main h6 {}

/* Layout */
#container #pagebody {
	margin-top:10px;
}
#main-visual {
	margin-bottom:0;
}

.inner {
	padding:0 30px;
}

/* Image */
.section img {
	vertical-align:bottom;
}

/* Link */
.section a {
	color:#355466;
}

/* boxes setting */
.boxes {
	/* padding:0 30px; */
}


/* ---------------------------------------
	2. Page setting
--------------------------------------- */

/* section */
.section {
	color:#666666;
}

.section1 {
	margin:0;
	padding:40px 20px;
	background:url(../images/3d_t01_bg.jpg) repeat-y left top;
}
.section2 {
	position:relative;
	top:-21px;
	margin:0;
	padding:60px 20px 82px;
	background:url(../images/3d_t02_bg.png) repeat-y left top;
}
.section3 {
	position:relative;
	top:-61px;
	margin:0;
	padding:60px 20px 30px;
	background:url(../images/3d_t03_bg.png) repeat-y left top;
}

/* キレイ */
.section1 .boxLeft {
float:left;
width:450px;
}
.exp {
float:left;
width:360px;
}
.exp2 {
float:left;
width:320px;
}
.section1 .boxLeft .icon{
float:right;
width:51px;
margin:0 10px 10px;
}

.section1 .boxRight {
position:relative;
float:right;
width:410px;
}

.section1 .boxRight .dog{
position:absolute;
top:-60px;
left:0;
width:410px;
}

/* かんたん */
.section2 .boxLeft {
float:left;
width:480px;
}

.section2 .boxLeft .icon{
float:right;
width:135px;
margin:0 10px 10px;
padding:;
}

.section2 .boxRight {
position:relative;
float:right;
width:410px;
margin:0;
}

.section2 .boxLeftBottom {
float:left;
width:700px;
margin:20px 0 0;
}

.section2 .boxRightBottom {
dispaly:inline;
position:relative;
float:right;
width:111px;
margin:40px 45px 20px 0;
}

/* 楽しい */
.section3 .boxLeft {
float:left;
width:460px;
}


.section3 .boxRight {
position:relative;
float:right;
width:428px;
}
.section3 .boxRight .fish{
position:absolute;
top:-60px;
left:0;
width:410px;
}
.PMH{
	margin:0 0 0 20px;
	*margin:0 0 0 10px;
}
.columnTop{
	margin:0 0 0 10px;
	padding:10px 0 0 ;
	background:url(../images/3d_column_top.png) no-repeat left top;
}
.columnBtm{
	padding: 0 0 10px;
	background:url(../images/3d_column_bottom.png) no-repeat left bottom;
}
.columnMid{
	padding:20px;
	background:url(../images/3d_column_mid.png) repeat-y left top;
}
.columnMid .boxLeft {
float:left;
width:450px;
}
.columnMid .boxRight {
position:relative;
float:right;
width:363px;
}
.HDMI{
position:absolute;
top:20px;
left:0;
}
.notice {
	margin-bottom: 30px;
}
#main .notice h3 {
	margin-bottom: 5px;
}
.notice ul {
	padding-left: 18px;
}
.notice ul li {
	list-style-type: disc;
}

/* ---------------------------------------
	3. Common module setting
--------------------------------------- */
/* products info */
.products_info {
	margin-bottom:50px;
	background:#F7F7F7;
	padding:10px 20px;
}
.products_info ul li {
	margin-left:0.8em;
	text-indent:-0.8em;
}

/* note */
.note {
	margin-top:10px;
	color:#474747;
}
p.note, 
ul.note li {
	margin-left:1.3em;
	text-indent:-1.3em;
}
ul.indent2em li {
	margin-left:2em;
	text-indent:-2em;
}
.noteImg {
	margin-top:10px;
	padding-right: 60px;
	color:#999;
}
/* image center */
.imageCenter {
	margin-top:30px;
	text-align:center;
}

/* float */
.floatL {float:leftl}
.floatR {float:right;}

/* text align */
.align_center { text-align: center; }
.align_right { text-align: right; }

/* text color */
.gray {color:#999;}

/* margin */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb46 { margin-bottom: 46px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

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