@charset "shift-jis";
/*=========================================================

	Site Name   SONY Tablet Lineup
	File Name   page.css

	Create Date 2011/00/00

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

/*----------------------------------------------------------
	Module Top Style Sheet
-----------------------------------------------------------*/

#column2-main img {
	vertical-align: bottom;
}


/*	Headline */
#column2-main h1 {
	margin-bottom: 30px;
}
#column2-main h2 {
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: transparent url(/tablet/share/images/title_bg.gif) bottom center no-repeat;
}


/*	Sectioning */
#column2-main .section {
	margin-bottom: 60px;
}
#column2-main .sectionLast {
	margin-bottom: 0;
}

#column2-main .package {
	margin-bottom: 20px;
}
#column2-main .lastPackage {
	margin-bottom: 0;
}

/* Unit */
#column2-main .unit {
	position: relative;
	padding-bottom: 21px;
}
#column2-main .unit .inUnitL {
	float: left;
}
#column2-main .unit .inUnitR {
	float: right;
}
#column2-main .unit .linkBtn {
	position: absolute;
	bottom: 21px;
}
#column2-main .lastUnit {
	padding-bottom: 0;
	background: none ! important;
}
#column2-main .lastUnit .linkBtn {
	bottom: 0;
}
	
	/* Product Lineup only */
	#column2-main #productLineup .unit .linkBtn {
		right: 0;
		bottom: 26px;
	}
	#column2-main #productLineup .lastUnit .linkBtn {
		right: 0;
		bottom: 5px;
	}
	
	/* Acc Lineup only */
	#column2-main #accLineup .unit .linkBtn ,
	#column2-main #accLineup .lastUnit .linkBtn {
		left: 174px;
	}

/* clearfix  */
.unit:after,
.package:after {
	content: ""; 
	display: block; 
	clear: both;
}
.unit,
.package {
	zoom:1;
}


/* product name */
#column2-main .unit .inUnitR p {
	line-height: 1.3;
	font-weight: bold;
}
#column2-main .unit .inUnitR p span {
	font-size: 167%;
}
#column2-main .unit .inUnitR p a {
	color: #333333;
}
#column2-main img.iconNew {
	margin-left: 5px;
	vertical-align: baseline;
}
#column2-main .unit .inUnitR p.notes {
	margin-top: 3px;
	line-height: 1.3;
	font-size: 77%;
	font-weight: normal;
}


/* Product Lineup */
#column2-main #productLineup .section {
	padding: 0 10px;
}
#column2-main #productLineup .unit {
	min-height: 145px;
	height: auto ! important;
	height: 145px;
	margin-bottom: 20px;
	background: url(/tablet/share/images/line_dotted_l.gif) no-repeat left bottom;
}
#column2-main #productLineup .lastUnit {
	margin-bottom: 0;
}
#column2-main #productLineup .unit .inUnitL {
	width: 255px;
}
#column2-main #productLineup .unit .inUnitR {
	position: relative;
	width: 450px;
	min-height: 106px;
	height: auto ! important;
	height: 106px;
	padding-bottom: 39px;
}
#column2-main #productLineup .unit .inUnitR p.modelName {
	font-size: 108%;
}
#column2-main #productLineup .unit .inUnitR p span {
	padding-right: 2px;
	font-size: 267%;
	font-weight: normal;
}
#column2-main #productLineup .unit .inUnitR p.copy {
	line-height: 1.5;
	font-size: 116%;
	font-weight: normal;
}
#column2-main #productLineup .unit .inUnitR .spec {
	position: absolute;
	left: 0;
	bottom: 5px;
}


/* ACC Lineup */
#column2-main #accLineup .package {
	padding: 0 10px;
}
#column2-main #accLineup .unit {
	float: left;
	width: 357px;
	min-height: 108px;
	height: auto ! important;
	height: 108px;
	margin-right: 21px;
	background: url(/tablet/share/images/line_dotted_m.gif) no-repeat left bottom;
}
#column2-main #accLineup .unitEven {
	margin-right: 0;
}
#column2-main #accLineup .unit .inUnitL {
	width: 144px;
}
#column2-main #accLineup .unit .inUnitR {
	width: 183px;
}


/*----------------------------------------------------------
	Common Module
-----------------------------------------------------------*/

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

.icon_blank {
	margin:0 0 0 3px;
	vertical-align:top;
}


.mod-lineupItem-icons {}

.mod-lineupItem-icons li {float:left}
.mod-lineupItem-icons p {margin-bottom:5px}
.mod-lineupItem-icons span { border:1px solid #ccc; padding:4px; border-radius:3px; margin:0 5px;}

.lineUpUpper#dotted {border-bottom:1px dotted #ccc; margin:5px}
.lineUpUpper{ margin:5px}
.lineUpUpper a {color:#333 !important; text-decoration:none !important;}
.lineUpUpper .mod-lineupItem { border:none; padding:18px 0px 11px}
.lineUpUpper .mod-lineupItem .lineRgt{ width:465px; float:right; position:relative;}
.lineUpUpper .mod-lineupItem .lineRgt .leftS{width:355px; float:left; overflow:hidden}
.lineUpUpper .mod-lineupItem .lineRgt .rightS{width:110px; float:right; overflow:hidden}
.lineUpUpper .mod-lineupItem .lineRgt p{ line-height:160%; font-size:1.1em; margin-bottom:0}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons {margin:0.5em 0}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons p {font-size:0.75em; padding:1px 0}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons p.border {font-size:11px; border-right:1px dotted #CCC; padding-right:6px}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons p.border span {font-size:10px}
.unBorder {border:none !important}
.btnNoBorder {border:none !important}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons .listLast {width:125px}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons .listLast span { margin-left:15px}
.lineUpUpper .mod-lineupItem .mod-lineupItem-header{ background:none; margin-bottom:0px}
.lineUpUpper .mod-lineupItem .mod-lineupItem-header h4 { line-height:1.15}
.lineUpUpper .mod-lineupItem .mod-lineupItem-header h4.fsmall {font-size:25px!important;}
.lineUpUpper .mod-lineupItem .mod-lineupItem-header h4 .mod-lineupItem-header-small { font-size:15px; padding-right:5px; font-weight:bold}
h3.small {font-size:1.65em !important; height:70px; margin-top:-3px !important}
h3.small br {line-height:1}
h3.withP {height:48px !important}
.mod-seriesList-item2-text-note {color:#333 !important; height:35px; margin:0 0 15px !important}
h3.small span{font-size:.60em; display:inline}
.itemimage { float:left;}

.acc {margin:36px 0 0 !important}
.long {line-height:18px !important}
.long span {margin:9px 0 9px;display:block}

.mod-seriesList-item2 { padding-bottom:7px; background: url(/tablet/share/images/line_dotted_m.gif) no-repeat left bottom;}
.borderNone {background:none;}
li.except{margin-right:0 !important;}
li.except span {font-size:11px;}

.mod-heading{margin:25px 0 !important}

#P.mod-heading {margin:31px 0 !important}

.mod-seriesList {
    margin-bottom: 20px !important;
}
.mod-seriesList + .mod-seriesList {
    margin-top: 10px !important;
}

.mod-pageTop {margin-top:35px !important}
.mod-linkButton1 {position:relative; bottom:5px; left:2px;}
.sp {display:none}
.sp2 {display:none}
.vgp02 { position:absolute; right:0; top:0}
.past_models {}
.past_models .mod-linkButton1 {
	float:right;
	margin:25px 18px 25px;
	background:url("/tablet/images/bg_past_models.png") no-repeat scroll 0 52% transparent

}
.mod-seriesList-item1-text-note {
	font-size:0.769em !important;
	color:#999999;
}


@media (max-width:640px) {
	.past_models {
	
	}
	.past_models .mod-linkButton1 {
	float:left;
	margin:20px 0px 25px;
	background:url("/tablet/images/bg_past_models.png") no-repeat scroll 0 52% transparent

	}

	.vgp02 { position:relative;left:0; top:0; float:left;}
	.mod-linkButton1 {
    bottom: 0;
    position: relative;
	}
	.longText{
	display:none
	}
	.sp {display:block}
	.sp span {line-height:1.25em }

	body {font-size:14px;}
	.mod-linkButton1 {margin:8px 0;}
.mod-lineupItem-icons span { border:1px solid #ccc; padding:4px; border-radius:3px; margin:0 1px; font-size:.80em}

.lineUpUpper#dotted {border-bottom:1px dashed #eee; margin:5px}
.lineUpUpper{ margin:15px 5px 0}
.lineUpUpper .mod-lineupItem { padding-top:0}
.lineUpUpper .mod-lineupItem img { display:block; margin:0 auto}
.lineUpUpper .mod-lineupItem .lineRgt{ width:100%; float:none}
.lineUpUpper .mod-lineupItem .lineRgt .leftS{width:100%}
.lineUpUpper .mod-lineupItem .lineRgt .rightS{width:100%}
.mod-lineupItem .mod-lineupItem-header h4 {background:none !important; border:none !important;font-size:18px !important;}
.lineUpUpper .mod-lineupItem .mod-lineupItem-header h4 { line-height:100%; padding:10px 0; color:#333}
.lineUpUpper .mod-lineupItem .mod-lineupItem-header h4 .mod-lineupItem-header-small { font-size:0.5em; padding-right:5px}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons p.border {font-size:1em; border:none; padding-right:3px}
.lineUpUpper .mod-lineupItem .lineRgt .rightS{width:auto; float:left; overflow:hidden; clear:both; margin:0}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons .listLast span { margin-left:0}
.lineUpUpper .mod-lineupItem .lineRgt .mod-lineupItem-icons .listLast p {display:none}
.lineUpUpper .mod-lineupItem .lineRgt p{ margin:0}
span.mod-iconNew {}
h3.small span{font-size:.60em}
.itemimage { float:none;}

.mod-seriesList-item2 { padding-bottom:0 ; background:none;}
p.longText{font-weight:normal !important;}
h3.longText{
	font-weight:bold !important;
}

.pcimage{
	display:none!important;
}
.sp{
	display:block;
	max-width:50%!important;
}
.sp img{
	max-width:100%!important;
	width:auto!important;
	height:auto!important;
}
.sp2{
	max-width:100%!important;
	width:auto!important;
	height:auto!important;
}

}

.mod-seriesList-item2-text {padding:10px 0}
.mod-seriesList .mod-seriesList-item1-text h3, .mod-seriesList .mod-seriesList-item2-text h3{
	line-height:1.25 !important;
	position:relative;
	bottom:4px;
	height:83px		/*44px*/
	}
p.longText{font-weight:bold; margin:-10px 0 0 !important; line-height:1.25;}
h3.longText{
	font-size: 1.5em !important;
	line-height:1.5em !important;
	margin:15px 0 !important;
	height:26px
}

.mtop28{margin-top:28px !important}
.mbtmx{margin-bottom:23px !important}
.pbtm2{margin-bottom:2px !important}

p.border{line-height:250% !important}

.nbr {display:inline !important;}
.exc {border-right:none !important}

.flR{
margin:3px 0 0 0;
float:right;
}