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


	Site Name   SONY WALKMAN Function comparison table
	File Name   page.css

	Create Date 2009/03/25
	Update Date 2009/05/19


==========================================================*/
/* -----------------------------------------
	reset
------------------------------------------ */
/*--for IE----------*/
*:first-child+html input,*:first-child+html textarea,*:first-child+html select{
	font-size:100%;
}
* html input,* html textarea,* html select{
	font-size:100%;
}
/*-------------------*/


/* -----------------------------------------
	page setting
------------------------------------------ */
table#compareTable {
	margin-bottom:15px;
	width:100%;
	text-align:center;
	border-collapse:separate
}
table#compareTable th,td {
	border:2px solid #cccccc;
}
table#compareTable thead th,
table#compareTable tfoot th {
	text-align:left;
	font-weight:normal;
}
table#compareTable thead tr.seriesHeader th {
	/*border:none;*/
}

/* series tilte background image settings */
table#compareTable thead th.series02 {
	background:url(../Images_jp/series_ttlbg02.gif) repeat-x left top;
}
table#compareTable thead th.series03 {
	background:url(../Images_jp/series_ttlbg03.gif) repeat-x left top;
}
table#compareTable thead th.series04 {
	background:url(../Images_jp/series_ttlbg04.gif) repeat-x left top;
}
table#compareTable thead th.series05 {
	background:url(../Images_jp/series_ttlbg05.gif) repeat-x left top;
}
/* */

table#compareTable thead tr.seriesLineup th,
table#compareTable tfoot tr.seriesLineup th {
	padding:5px 10px;
}
table#compareTable thead tr.modelImage th,
table#compareTable tfoot tr.modelImage th {
	background:url(../Images_jp/product_bg.gif) repeat-x left top;
	text-align:center;
}
table#compareTable tbody th {
	background:url(../Images_jp/spec_bg.gif) repeat-x left center;
}
table#compareTable tbody td {
	padding:10px 6px;
}

/* model */
table#compareTable tbody tr.model td {
	vertical-align:top;
	padding:5px 6px 10px;
}
table#compareTable tbody tr.model td dl {
	margin-top:5px;
	line-height:1.2;
	text-align:left;
}
table#compareTable tbody tr.model td dl.sStyle {
	margin-top:15px;
}
table#compareTable tbody tr.model td dl dt {
	
}
table#compareTable tbody tr.model td dl dd.origin {
	margin-bottom:2px;
	font-size:0.8em;
}
table#compareTable tbody tr.model td dl dd img {
	margin-right:5px;
	vertical-align:text-bottom;
}

/* color */
table#compareTable tbody tr.color td {
	white-space:nowrap;
}
table#compareTable tbody tr.color ul li {
	display:inline;
	padding:0 3px;
	text-align:center;
}


.empty {
	border:none ! important;
	background:none ! important;
}


/* -----------------------------------------
	hover settings
------------------------------------------ */
table#compareTable tr.line_on td {
	background:#cceaf9;
}
table#compareTable td.rowOn {
	background:#cceaf9;
}

ul.caption li {
	margin-left:2em;
	text-indent:-2em;
	font-size:0.85em;
}

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

	Common Module

-----------------------------------------------------------*/
.ml15 {margin-left:15px ! important;}
.mb5 {margin-bottom:5px ! important;}


/*clearfix*/

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

.clearfix {
	zoom: 1;
}

/*nonHeight*/

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


/* extra styles for smartphone site */

.mod-compareTable{
	padding:20px 10px;
}
.mod-compareTable img{
	vertical-align:middle;
}
.mod-compareTable th,
.mod-compareTable td{
	text-align:center;
	vertical-align:middle;
}
table#compareTable thead tr.seriesHeader th img{
	vertical-align:top;
}