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


	Site Name   SONY HANDYCAM FEATURE
	File Name   index.css

	Create Date 2010/12/01


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

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

	Module Top Style Sheet

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

#mainWrap {
	background: url(../images/bg.jpg) repeat-y;
}
#contentWrap {
	padding: 0 20px 0 5px;
}
#contentWrapInner {
	margin: 0 0 0 15px;
	width: 700px;
}
#mainContent {
	float: left;
	width: 700px;
	overflow: visible;
}
#leftArea {
	background: url(../images/contents_bg.jpg) repeat-y;
	width: 700px;
}
#leftAreaInner {
}
#menuArea {
	float: right;
	width: 215px;
	margin-left: -5px;
	padding:0 0 45px 0;
}

h2 {
	width: 715px;
}
h2 img {
	margin-left: 0;
}
h3 {
	margin-bottom: 25px;
}
h4 {
	margin-bottom: 17px;
}

.h2Area {
	padding: 25px 40px 20px;
}

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

	Module Layout Style Sheet

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

/*-- leadArea--*/
#leadWrap {
	margin-bottom: 0;
}
.leadBg {
	background: url(../images/lead_bg.jpg) no-repeat;
}
.leadBg ul {
	padding-left: 0;
}
.leadBg ul li {
	float: left;
}
.leadBg ul li a img {
	vertical-align: bottom;
}

/*-- pjArea --*/
.pjArea {
	background: url(../images/bnr_pj_bg.jpg) no-repeat;
	padding: 28px 0 39px 27px;
}
.pjArea .ttl {
	margin-bottom: 22px;
}

/*-- pbArea --*/
.pbArea {
	background: url(../images/bnr_product_bg.jpg) no-repeat;
	padding: 35px 20px;
}
.pbArea .ttl {
	margin-bottom: 15px;
}
.pbArea ul li {
	float: left;
}

/*-- menuAreaInner --*/
.menuAreaInner {
	background: url(../images/snavi_bg.jpg) no-repeat;
	padding: 52px 0 25px 10px;
	margin:0 0 20px 0;
}
.menuAreaInner ul li {
	margin: 0;
	font-size: 0;
	padding: 0;
/*	_margin-top: -1px;*/
}

.menuAreaInner ul li.last {
 padding:0 0 5px;
}
.menuAreaInner ul li img {
	vertical-align: bottom;
}
.menuAreaInner ul li img.over {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#floatMenu {
	position:relative;
	top : 70px;
/*	position:absolute;
	top:697px;
	right:216px;*/
}


/* TD10 Column */
.columnTop {
	width: 620px;
	padding-top: 10px;
	background: url(../images/column_top.gif) no-repeat left top;
}
.columnBottom {
	width: 620px;
	padding-bottom: 10px;
	background: url(../images/column_bottom.gif) no-repeat left bottom;
}
.columnInner {
	border-left: 1px solid #b5d8ed;
	border-right: 1px solid #b5d8ed;
	padding: 25px 30px;
}
.clmTitle {
	margin-bottom: 20px;
}
.clmSection {
	margin-bottom: 30px;
}
.clmSection .left {
	float: left;
	width: 260px;
}
.clmSection .right {
	float: right;
	width: 280px;
}

.clmSection2 {
	margin-bottom: 20px;
}
.clmSection2 .left {
	float: left;
	width: 408px;
}
.clmSection2 .right {
	float: right;
	width: 132px;
}



/* section */
.section01 {
	margin-bottom: 50px;
}
.section01 .left {
	float: left;
	width: 368px;
}
.section01 .right {
	float: right;
	width: 232px;
}
.section02 {
	margin-bottom: 50px;
}
.section02 .left {
	float: left;
	width: 293px;
}
.section02 .right {
	float: right;
	width: 293px;
}

.section03 {
	margin-bottom: 30px;
}
.section03 .left {
	float: left;
	width: 263px;
}
.section03 .left2 {
	float: left;
	width: 240px;
}
.section03 .right {
	float: right;
	width: 337px;
}
.section03 .right2 {
	display:inline;
	float: right;
	width: 190px;
	margin: 0 50px 0 0;
}
.section03 .right3 {
	display:inline;
	float: right;
	margin: 0;
}
.section04 {
	margin-bottom: 30px;
}
.section04 .left {
	float: left;
	width: 450px;
}
.section04 .right {
	float: right;
	width: 150px;
}
.section05 {
	margin-bottom: 40px;
}
.section05 .left {
	float: left;
	width: 293px;
}
.section05 .right {
	float: right;
	width: 307px;
}
.section06 .left {
	float: left;
	width: 361px;
}
.section06 .right {
	float: right;
	width: 239px;
}
.section07 {
	margin-bottom: 30px;
}
.section07 .left {
	float: left;
	width: 452px;
}
.section07 .right {
	float: right;
	width: 148px;
}

.section08 {
	margin-bottom: 30px;
}
.section08 .left {
	float: left;
	width: 270px;
}
.section08 .right {
	float: right;
	width: 330px;
}

.section09{
	width: 590px;
	margin:0 auto;
}

.section09 .left {
	float: left;
	width: 250px;
}

.section09 .right {
	float: right;
	width: 337px;
}

.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.pd{
	padding:0 15px 20px;
}

/* alinkList */
ul.alinkList {
	margin: 0 0 25px 0;
}
ul.alinkList li {
	float: left;
	display: inline;
}
ul.alinkList li.right {
	padding: 0 0 0 30px;
}

/* Corresponding model */
.model {
	font-size: 80%;
	margin-bottom: 30px;
	font-weight: bold;
}
.model a {
	color: #37a3e7;
}

#pjImage {
	position: relative;
	height: 208px;
}
#pjImage li {
	position: absolute;
	left:0 ;
	top: 0;
}

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

	Module Font Style Sheet

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

/*  */
.txt_s {
	font-size: 80%;
}
.notice {
	margin-left: 1em;
	text-indent: -1em;
}
.mb0 {
	margin-bottom: 0;
}
.hokori{
	width:620px;
	background:url(../images/column02_side.gif) repeat-y left top;
}

.hokoriBottom{
	width:620px;
	background:url(../images/column02_bottom.gif) no-repeat left bottom;
}


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

	Common Module

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

/*clearfix*/

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

.clearfix {
	zoom: 1;
}

/*nonHeight*/

.nonHeight {
	line-height: 0;
	font-size: 0;
}