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


	Site Name   SONY BLOGGIE LINEUP
	File Name   page.css

	Create Date 2009/12/01


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

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

	Module Lineup Style Sheet

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

@charset "shift_jis";

h1 {
	margin-bottom: 0;
}
.h1Area {
	margin-top: 45px;
}

h2 {
	position:absolute;
	border-bottom:1px solid #cccccc;
	padding-bottom:5px;
	left: 0;
	bottom: 0;
	width:100%;
}

div.modelArea {
	padding-bottom: 30px;
	margin-bottom: 30px;
}
div.btmLine {
	background: url(../images/detail_line_02.gif) repeat-x bottom;
}
div.modelArea div.modelLeft {
	float:left;
	width:565px;
}
div.modelArea div.rightLine {
	background: url(../images/detail_line_01.gif) repeat-y right;
}
div.modelArea div.modelLeft	div.right {
	float:right;
	width:235px;
}
div.modelArea div.modelLeft	div.left {
	float:left;
	width:335px;
	position:relative;
}
div.modelArea div.modelLeft	div.left p.modelName {
	position: absolute;
	top : 0;
	left: 0;
}
div.modelArea div.modelLeft	div.left ul li.button01 {
	position: absolute;
	top: 83px;
	left: 0;
}
div.modelArea div.modelLeft	div.left ul li.button02 {
	position: absolute;
	top: 83px;
	left: 97px;
}


div.modelArea div.modelRight {
	float:right;
	width:190px;
}

div.modelArea div.modelRight ul {
	margin-left: 50px;
}

div.modelArea div.modelRight ul li {
	float:left;
	padding: 0 13px 14px 0;
}

ul.accLineup {
	margin-left: -9px;
	_margin-left: -4px;
	margin-top: -30px;
	margin-bottom: 60px;
}
ul.accLineup li {
	float: left;
	margin-left: 9px;
	_margin-left: 4px;
	margin-top: 30px;
}

div#notice {
	margin-top: 40px;
	margin-bottom: 40px;
}
div#notice p {
	color: #888888;
	font-size: 80%;
}
/*clearfix*/

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

.clearfix {
	zoom: 1;
}

/*nonHeight*/

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