@charset "Shift_JIS";
/**
 * SONY.JP/NAV-U
 */

/* default
----------------------------------------------------------*/
div#erabu {
	margin-bottom:60px;
}

hr {display:none;}



/* assets
----------------------------------------------------------*/
/* note */
sup {
	font-size:103%;
	color:#36c;
	line-height:inherit;
	vertical-align:baseline;
}

.note {
	font-size:80%;
	* font-size:75%;
}

dl.note dt {
	float:left;
	color:#36c;
}

dl.note dd {
	margin-left:1.5em;
	color:#666;
	_text-indent:-3px;
}

p.note {
	padding-left:1.2em;
	text-indent:-1.4em;
}
p.note span {
	color:#36c;
}


/* navigation
----------------------------------------------------------*/
div#top ul,
div#bottom ul {
	padding-bottom:6px;
	background:url(/nav-u/choice/images/navigation.gif) no-repeat 0px -53px;
}

div#top ul li,
div#bottom ul li {
	float:left;
}

div#top ul a,
div#top ul em,
div#bottom ul a,
div#bottom ul em {
	display:block;
	width:151px;
	height:53px;
	text-indent:-9999px;
	background:url(/nav-u/choice/images/navigation.gif) no-repeat;
	outline:none;
}

div#top ul .s a,
div#bottom ul .s a {background-position:0px 0px}

div#top ul .s a:hover,
div#top ul .s em,
div#bottom ul .s a:hover,
div#bottom ul .s em {background-position:0px -53px}

div#top ul .c a,
div#bottom ul .c a {background-position:-151px 0px}

div#top ul .c a:hover,
div#top ul .c em,
div#bottom ul .c a:hover,
div#bottom ul .c em {background-position:-151px -53px}

div#top ul .n a,
div#bottom ul .n a {background-position:-302px 0px}

div#top ul .n a:hover,
div#top ul .n em,
div#bottom ul .n a:hover,
div#bottom ul .n em {background-position:-302px -53px}

div#top ul .t a,
div#bottom ul .t a {background-position:-453px 0px}

div#top ul .t a:hover,
div#top ul .t em,
div#bottom ul .t a:hover,
div#bottom ul .t em {background-position:-453px -53px}

div#top ul .a a,
div#bottom ul .a a {background-position:-604px 0px}

div#top ul .a a:hover,
div#top ul .a em,
div#bottom ul .a a:hover,
div#bottom ul .a em {background-position:-604px -53px}



/* bottom
----------------------------------------------------------*/
div#bottom {
	padding-top:95px;
	background-repeat:no-repeat;
}

.size div#bottom {background-image:url(/nav-u/choice/images/size_btm.gif)}
.color div#bottom {background-image:url(/nav-u/choice/images/color_btm.gif)}
.navi div#bottom {background-image:url(/nav-u/choice/images/navi_btm.gif)}
.tanoshimi div#bottom {background-image:url(/nav-u/choice/images/tanoshimi_btm.gif)}
.av div#bottom {background-image:url(/nav-u/choice/images/av_btm.gif)}

div#bottom div a {
	display:block;
	height:17px;
	text-indent:-9999px;
	background:url(/nav-u/choice/images/navigation.gif) no-repeat;
	outline:none;
}

div#bottom div a.top {
	margin:8px 0 0 10px;
	width:92px;
	background-position:0px -112px;
}

div#bottom div a.linup {
	margin:-17px 0 0 555px ;
	width:195px;
	background-position:-92px -112px;
}


/* contents
----------------------------------------------------------*/
div#contents {
	margin:35px 15px 0;
	width:725px;
}

div#contents h2 {
	margin-bottom:15px;
}

div#contents h3 {
	margin-bottom:10px;
}

div#contents div.section {
	margin-bottom:40px;
}

div#contents div.section div.image {
	float:left;
	width:220px;
}

div#contents div.section div.image2 {
	float:left;
	width:271px;
}

div#contents div.section div.text {
	margin-left:220px;
}

div#contents div.section div.text2 {
	margin-left:301px;
}

div#contents dl.type {
	margin-top:20px;
}

div#contents dl.type dt {
	float:left;
	padding-top:14px;
	width:70px;
}

div#contents dl.type dd {
	float:left;
	margin-left:16px;
}

div#contents dl.type dd a {
	display:block;
}


/* size */
div#contents table.size {
	margin-bottom:40px;
}

div#contents table.size th,
div#contents table.size td {
	vertical-align:top;
}

div#contents table.size th {
	width:260px;
}

div#contents table.size dl {
	margin-bottom:10px;
}

div#contents table.size dl dt {
	float:left;
	width:84px;
}

div#contents table.size dl dd {
	float:left;
	margin-left:16px;
}

div#contents table.size dl a {
	display:block;
}


/* color */
.color div#contents {
	margin-bottom:45px;
}

.color div#contents dl {
	position:relative;
	height:130px;
}

.color div#contents dl dt {
	position:absolute;
}

.color div#contents dl ul {
	position:absolute;
	z-index:1;
	left:219px;
	top:44px;
}

.color div#contents dl li {
	display:inline;
}

div#contents dl.white {
	margin-left:376px;
	margin-top:-130px;
	margin-bottom:30px;
}

div#contents dl.brown {}

div#contents dl.silver {
	margin-left:376px;
	margin-top:-130px;
	margin-bottom:30px;
}

div#contents dl.silver ul {}

div#contents dl.black ul {
	left:195px;
	top:28px;
}

div#contents dl.black li {
	margin-right:20px;
}

/* navi */
.navi div#contents {
	margin-top:20px;
	margin-bottom:55px;
	* margin-bottom:25px;
}

div#contents div.position {
	margin-top:25px;
	margin-bottom:37px;
	padding-left:56px;
	background:url(/nav-u/choice/images/navi_7.gif) no-repeat;
}

div#contents div.position table {
	width:100%;
	_width:99%;
}

div#contents div.position table th,
div#contents div.position table td {
	border:1px solid #d6c28b;
	text-align:center;
	vertical-align:middle;
}

div#contents div.position table th {
	background:#fefbf5;
}

div#contents div.position table td {
	width:294px;
}

div#contents div.position table ul {
	margin-left:10px;
	_margin-left:-5px;
}

div#contents div.position table li {
	float:left;
	margin-left:15px;
	line-height:0;
	font-size:0;
}





div#contents div.area table {
	width:100%;
	_width:99%;
}

div#contents div.area table th,
div#contents div.area table td {
	border:1px solid #d6c28b;
	text-align:center;
	vertical-align:middle;
}

div#contents div.area table th {
	background:#fefbf5;
}

div#contents div.area table td {
	width:294px;
}

div#contents div.area table ul {
	margin-left:10px;
	_margin-left:-5px;
}

div#contents div.area table li {
	float:left;
	margin-left:15px;
	line-height:0;
	font-size:0;
}

div#contents div.area {
	margin-bottom:37px;
}


.navi div#contents .fm {
	position:relative;
}

.navi div#contents .fm img {
	position:absolute;
	margin:20px 0 0 73px;
	z-index:1;
}


/* av */
.av div#contents {
	margin-top:33px;
	margin-bottom:55px;
	* margin-bottom:25px;
}

.av div#contents .rec {
	position:relative;
}

.av div#contents .rec img {
	position:absolute;
	margin:20px 0 0 82px;
	z-index:1;
}


/* index
----------------------------------------------------------*/
ul.index {
	margin-left:6px;
}

ul.index li {
	float:left;
	padding:0 6px;
	line-height:0;
	font-size:0;
}



/* clearfix
----------------------------------------------------------*/
div.section,
dl.type,
div#top ul,
div#bottom ul,
div#contents .size dl {
	zoom:1;
}

div.section:after,
dl.type:after,
div#top ul:after,
div#bottom ul:after,
div#contents .size dl:after {
	content:"";display:block;
	height:0;clear:both;
	visibility:hidden;
}

* html div.section,
* html dl.type,
* html div#top ul,
* html div#bottom ul,
* html div#contents .size dl {
	display:inline-table;
	/*\*/display:block;/**/
}