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

	Site Name   SONY Tablet TOP
	File Name   page.css

	Create Date 2011/00/00

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

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

/* イントロ */
#main-visual {
	height: 300px;
	padding-top: 10px;
}

/* 画像下の隙間をなくす */
#column2-main img {
	vertical-align: bottom;
}

#column2-main .section {
	position: relative;
	width: 755px;
	margin-bottom: 50px;
}


/* 各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)のタイトル用 */
#column2-main .section h2 {
	padding-bottom: 10px;
	background: transparent url(/tablet/share/images/title_bg.gif) bottom center no-repeat;
}

/* 各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)のタイトル横のリンク */
#column2-main .section ul.subLink {
	position: absolute;
	top: 2px;
	right: 0;
}
#column2-main .section ul.subLink li {
	display: inline;
	margin: 0 0 0 13px;
	line-height: 1;
}

/* 重要なお知らせ用に上書き　タイトル横のリンク */
#column2-main #importantNotice ul.subLink {
	top: 10px;
}


/* フロート要素をラップ  */
#column2-main .section .package {
	padding-top: 30px;
}

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

/* 各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)用 */
#column2-main .section .package {
	
}
#column2-main .section .package dl {
	position: relative;
	float: left;
	width: 370px;
	min-height: 77px;
	height: auto !important;
	height: 77px;
	margin-right: 15px;
	padding-bottom: 31px;
}
#column2-main .section .package dl.rightElem {
	margin-right: 0;
}
#column2-main .section .package dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 174px;
}
#column2-main .section .package dl dd {
	margin-left: 174px;
}
#column2-main .section .package dl dd.title {
	margin-bottom: 7px;
	line-height: 1.3;
	font-weight: bold;
}
#column2-main .section .package dl dd.title span {
	font-size: 120%;
}
#column2-main .section .package dl dd.linkBtn {
	position: absolute;
	left: 0;
	bottom: 0;
}
#column2-main .section .package dl dd.title a {
	color: #333333;
}
#column2-main img.iconNew {
	margin-left: 2px;
	vertical-align: text-bottom;
}


/* まずはここから用に上書き */
#column2-main #introduction .package dl {
	float: none;
	width: 755px;
	margin-right: 0;
}
#column2-main #introduction .package dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
}
#column2-main #introduction .package dl dd {
	margin-left: 380px;
}


/* 商品ラインアップ・おすすめのアクセサリー用に上書き */
#column2-main #lineup .package dl dd.title span,
#column2-main #recommendedAcc .package dl dd.title span {
	font-size: 167%;
}


/* 重要なお知らせ、お知らせ、最新情報 */
#column2-main .section dl.newsList,
#column2-main .section #informationNews dl {
	padding-top: 25px;
}
#column2-main .section dl.newsList dt,
#column2-main .section #informationNews dl dt {
	float: left;
	width: 130px;
	margin-bottom: 10px;
}
#column2-main .section dl.newsList dd,
#column2-main .section #informationNews dl dd {
	margin: 0 0 10px 130px;
	padding: 0 0 0 10px;
	background: url(/share/images/arrow_black.gif)  no-repeat 0 6px;
}

.tmp-specnote {
	text-align: left;
}
/*----------------------------------------------------------
	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;
}

#column2-main .icon_blank {
	margin:0 0 0 3px;
	vertical-align:top;
}
.readerProgram .lft {width:174px; float:left}
span.mod-iconNewWin {
    background: url("/share4/images/mod-iconNewWin/ico_01.png") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
    width: 11px;
}
.mod-brandTopImage{ margin:10px auto !important}

.mod-seriesList {
    clear: both;
	margin:20px 0 !important;
	overflow:hidden;
}

.mod-seriesList:after {
    clear: both;
    content: "";
    height: auto;
}

.mod-seriesList-item2-text p {margin-bottom:10px !important}

.mod-heading ul.mod-heading-misc {
    float: right;
    font-size: 0.92308em;
    list-style: none outside none;
    margin: 0;
    padding: 0.5em 0 0;
}

.mod-heading ul.mod-heading-misc li {
    display: inline-block;
    margin-left: 8px !important;
}

#lineUp.mod-heading {margin:0 !important}

.mod-heading {
	margin-top:60px !important;
	overflow:hidden;
    border-bottom: 1px solid #CCCCCC;
    margin: 40px 0 30px;
    padding: 0 5px;		
}

.mod-heading h2 {
	margin:0;
	float:left;
}

.mod-pageTop{margin-top:30px !important}

.acc {margin:43px 0 0 !important}

.reco {margin:51px 0 0 !important}

.news {margin:39px 0 21px !important}

.whatsnew {margin:38px 0 21px !important}

.vgp01 {
	position:absolute;
	right:0;
	top:0;
}
@media (min-width:641px){
	.mod-newsTable td{width:622px;}	
}
@media (max-width:640px){
/*	body {width:100% !important} */
	.mod-seriesList .mod-seriesList-item1-text h3 span.small, .mod-seriesList .mod-seriesList-item2-text h3 span.small{font-size:.65em}
	span.mod-iconNewWin {
		background-position:right;
		width:22px; height:10px;margin-left:5px;
	}
	.vgp01 {
	position:relative;
	clear:both;
	right:0;
	padding:0.5em 0 0;
}
}



/*=====================================
12.03.10 木村追加 ↓
=====================================*/

.mod-seriesList-lineup h3 span.firstLeter{
	font-size:110%;
}
a.blue_red:link{
	text-decoration: none ;
	background-color: transparent ;
	color: #333 !important;
}
a.blue_red:visited{
	background-color: transparent;
	color: #333 !important;
}
a.blue_red:hover,a.blue_red:active{
	background-color: transparent;
	color: #c41230 !important;
	text-decoration:underline !important;
}
a.titleLink:link{
	text-decoration: none ;
	background-color: transparent !important;
	color: #333 !important;	
}
a.titleLink:visited{
	background-color: transparent !important;
	color: #333 !important;	
}
a.titleLink:hover,a.titleLink:active{
	background-color: transparent !important;
	color: #333  !important;
	text-decoration:underline !important;
}

.smallText{
	font-size:80%;
}

.largeText{
	font-size:130%;
}
.mt30{
	margin-top:30px;
}
/*=====================================
12.03.10 木村追加 ↑
=====================================*/

.w455lft .mod-seriesList-item1-text-note,.w455rgt .mod-seriesList-item1-text-note {
    margin: 2.0em 0;
}


p.mod-seriesList-item1-text-note,p.mod-seriesList-item2-text-note {
    color: #999999;
    font-size: 0.76923em;
    margin: 0.5em 0;
}



.columns2 { width:1000px;}
.mod-seriesList-item2 {
	margin:0px 40px 0 0px !important;
	width:455px !important;
	float:left;
	
}
.mod-seriesList-item2-text h3 {margin:0;}
.mod-seriesList-item2-image{float:left; _width:144px; margin-right:15px !important;}
.mod-seriesList-item2-text{
	_float:right;
	_width:196px;
	overflow:hidden;
	
	
}
.w455lft{
	width:455px;
	float:left;
}
.w455rgt{
	width:455px;
	float:right;
}

.w750{
	width:750px;	/* past = 750px edited by some */
}
.w950{
	width:950px;	/* past = 750px edited by some */
}



/*=====================================
12.08.08 木村追加 ↓
=====================================*/
.w950,.w750{
	width:100%;	/* past = 750px edited by some */
}
.mod-seriesList-item1 {
	margin:0 auto!important;
	overflow:hidden!important;
}
.mod-seriesList-item1 .mod-seriesList-item1-image {
	float:left;
	width:215px;
}
.mod-seriesList-item1 .mod-seriesList-item1-text{
	width:240px;
	float:right;
	position:relative;
}
.mod-seriesList-item1 .mod-seriesList-item1-text p{
	float:left;
}
.mod-seriesList-item1 .mod-seriesList-item1-image img{
	display:block;
	position:relative;
*z-index:-1
}
.mod-seriesList-item1 .mod-seriesList-item1-text h3{
	font-size:1.231em;
	line-height:1.2;
	margin:0 0 10px
}

.pc{
	display:block!important;
}

.sp{
	display:none!important;
}

.sp2{
	display:none!important;
}

.mt20{
	margin:38px 0 0;
}

.arrow{
padding-left: 10px;
background: url(/tablet/share/images/ico_01.png) no-repeat 0 0.5em;
margin:0.5em 0 2em;
}

.noteLeft{
	float:left;
	width:400px;
}

.noteRight{
	float:right;
	width:160px;
}

.exTblt {
	margin-top:0 !important;
	margin-bottom:0 !important;
}

@media (max-width:640px){
	.w455lft,.w455rgt {
		width:100%;
	}
	.mod-seriesList-item1-text-note {
		display:block;
		clear:both;
	}
	.mod-seriesList-item1-text div a {
		display:block;
		clear:both;
		text-align:center
	}

	.mod-seriesList-item1 {
		clear:both;
		margin:0px auto!important;
		overflow:hidden;
	}
	
	.mod-seriesList-item1 .mod-seriesList-item1-image {
		width:auto!important;
		float:none;
		
	}
	.mod-seriesList-item1 .mod-seriesList-item1-image img{
		display:block;
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:0 auto;
	}
	.mod-seriesList-item1 .mod-seriesList-item1-text{
		width:auto!important;
		float:none;
	}
	.mod-seriesList-item1 .mod-seriesList-item1-text h3{
		width:auto!important;
		font-size:1.231em;
		line-height:1.2;
		margin:0 0 10px
	}
	.xperiaIcon{
		max-width:100%!important;
		width:auto!important;
		height:auto;
	}

	.pc{
		display:none!important;
	}
	
	.sp{
		display:block !important;
		width:auto !important;
		height:auto !important;
	}
	
	.sp img{
		max-width:100% !important;
		width:auto !important;
		height:auto !important;
	}
	
		.sp2{
		display:block !important;
		max-width:100% !important;
		width:auto !important;
		height:auto !important;
	}
	
	.sp2 img{
		max-width:100% !important;
		width:auto !important;
		height:auto !important;
	}
	.mod-seriesList .mod-seriesList-item2 {
		overflow:hidden;
			float:none!important;
			width:auto !important;
			margin:0;
	}
	.mod-seriesList .mod-seriesList-item2-image {
		float:left!important;
		max-width:45% !important;
		width:auto !important;
		margin-right:0;
	}
	.mod-seriesList .mod-seriesList-item2-text {
		float:none!important;
		width:auto !important;
	}
	.noteLeft{
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.noteRight{
		float:none;
		width:auto;
		margin:0 auto;
	}

}

/* with share3 */
.mod-categoryNav-main {}

.exSmaller {
	margin:0 45px!important
}
.mod-linkButton1 {
	margin-top:10px;
	background: url("/tablet/images/bg_01.png") no-repeat scroll 0 52% rgba(0, 0, 0, 0);
    border: 1px solid #BCBCBC;
    border-radius: 3px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    padding: 2px 16px;
    transition: opacity 0.2s ease-in 0s;
}

.mod-column2-main {
	width:950px !important;
	overflow:hidden;
}
.mod-seriesList {
	margin-left:0 !important;
	margin-bottom:20px;
}
.at_last {
	margin-bottom:40px !important;
}

.mod-pagefooter {
/* max-width:none !important; フッタ幅固定解除 */	
}
.mod-parapara-navigation {
	z-index:0 !important;
}

@media (max-width:640px){
.mod-categoryNav-main span a {
	padding:0 !important;
	height:auto !important;
	display:inline !important;
	
}

.columns2 {
	width:100%;
}
.mod-seriesList-item2 {
	margin-top:20px !important
}
.columns2 .mod-seriesList-item2 {
	margin-right:0 !important
}

.mod-column2-main {
	width:100% !important;
}
.mod-parapara-movie img {
	width:100%;
}
}
div.unlimitedinfo {
    margin: 0 auto;
    padding: 35px 0 0;
    text-align: center;
}

@media (max-width:640px){
	div.unlimitedinfo {
    	padding: 20px 0 0 5px;
	}
	div.unlimitedinfo a {
		text-align:left;
	}
}

.mod-newsTable {
    font-size: 1.16667em;
    line-height: 1.5;
}
.mod-newsTable table {
    width: 100%;
}
.mod-newsTable th, .mod-newsTable td {
    padding: 0.4em 0;
    text-align: left;
    vertical-align: top;
}
.mod-newsTable th {
    font-weight: normal;
    min-width: 120px;
    padding-right: 1em;
    white-space: nowrap;
    width: 1%;
}
.mod-newsTable td {
    word-break: break-all;
    word-wrap: break-word;
}
.mod-newsTable td a {
    background: url("/tablet/share/images/ico_01.png") no-repeat scroll 0 0.35em rgba(0, 0, 0, 0);
    display: inline-block;
    padding-left: 10px;
}

.mod-relatedLinks {
    padding-bottom: 50px;
}



.mod-contentContainer a.mod-link, .mod-contentContainer span.mod-link {
    background: url("/tablet/share/images/ico_01.png") no-repeat scroll 0 0.45em rgba(0, 0, 0, 0);
    color: #333333;
    display: inline-block;
    padding-left: 8px;
    transition: opacity 0.2s ease-in 0s;
}

@media (max-width:640px){
  .mod-newsTable table{width:100%;display:block;}
  .mod-newsTable tr,.mod-newsTable th,.mod-newsTable td{float:left;clear:both;display:block;width:100%;padding:.2em 0}
  .mod-newsTable th{white-space:normal;margin-bottom:0}
  .mod-newsTable td{margin-bottom:.6em}
  .mod-newsTable td a{display:inline-block;padding-left:10px;background:url(/tablet/share/images/ico_01.png) no-repeat 0 0.35em}
  
	.mod-brandTopImage img{
		width:100%;
		height:auto;	
	}
}

/* add from active-speaker's common.css*/

/*=========================================================
  01 > common
  02 > module box
  03 > module heading
  04 > module button
  05 > module nav
  06 > module list
  101 > mediaQuery > min-width:641px
  201 > mediaQuery > max-width:640px > common
  202 > mediaQuery > max-width:640px > module box
  203 > mediaQuery > max-width:640px > module heading
  204 > mediaQuery > max-width:640px > module button
  205 > mediaQuery > max-width:640px > module list
==========================================================*/

/*----------------------------------------------------------
	01 > common
-----------------------------------------------------------*/
.reco {margin:51px 0 0 !important}

.news {margin:39px 0 21px !important}

.i_new {width: 24px}

.show_link {margin-top: .8em;}

.nob {border: none !important;}

p.note {
	color: #666;
	text-indent: -1em;
	margin-left: 1em;
}

.top_news_link a,
li a,
li a .mod-button,
.mod-categoryHeader-content h1 a,
td .img_sam a:hover .mod-button {
 	-webkit-transition: color 0.3s ease-in !important;
	-moz-transition: color 0.3s ease-in !important;
	-ms-transition: color 0.3s ease-in !important;
	-o-transition: color 0.3s ease-in !important;
	transition: color 0.3s ease-in !important;
 }

.mod-sideLinks1-item a img,
.img_sam a img,
a .img_sam img,
.banner_area a img,
.mod-list-w200 a img,
a .fadeImg {
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}


.mod-linkFeed:hover {
	color: #E90 !important;
	text-decoration: none !important;
	opacity: 1 !important;
}
/*----------------------------------------------------------
	06 > module list
-----------------------------------------------------------*/
.mod-seriesList {
  clear: both;
  margin-top: 20px !important;
	margin-left:0 !important;
	margin-bottom:40px !important;
}

.mod-seriesList:after {
    clear: both;
    content: "";
    height: auto;
}

.mod-seriesList a,
.mod-seriesList a:hover,
.mod-seriesList a:visited{
  color:#333;
  text-decoration:none;
  cursor:pointer;
  display:block;
  *zoom:1;
  *background:url(../images/ie6.png);
}

.mod-list-w200 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 980px;
	margin-right: -30px;
	overflow: hidden;
}
.mod-list-w200 li {
	float: left;
	width: 215px;
	margin-right: 30px;
	text-align: left;
}

.mod-list-w200 li p.note {
	font-size:10px;
	color:#666;
	display:block;
}
.mod-list-w200 li h3 {
	padding: 0;
	margin: 0 0 5px 0;
}

.item_list {
	margin: 0 0 20px 0;
	padding: 0;
}
.item_list li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}
.item_list li.item_01 {width: 240px}
.item_list li.item_02 {width: 235px}
.item_list li.item_03 {width: 240px}
.item_list li.item_04 {width: 235px}

.item_list li .img_sam {border-left: 1px dotted #929393; height: 191px;}
.item_list li .img_sam.nob {height: auto;}
.item_list li.item_04 .img_sam {
	border-left: 1px dotted #929393;
	border-right: 1px dotted #929393;
}

.item_name {
	min-height: 130px;
	_height: 130px;
}
.item_name p {
  font-size: 11px;
  margin: 0;
}
.item_name h3 {
	font-size: 26px;
	margin: 0;
	font-weight: bold;
}
.item_name h3 span {font-size: 16px; font-weight: normal;}
.item_name h3 img {margin-left: 5px;}
.item_name .detail {font-size: 12px;}

.other_item {width: 215px; display: block; margin: 0 auto; max-width: 215px; margin-right: 30px !important;}
.other_item p {font-size: 12px;}
.other_item h3 {font-size: 18px;}
.other_item .item_name h3 {text-align: left; margin-bottom: 0px;}
.other_item .item_name p {text-align: left; margin-bottom: 20px;}
.other_item .item_name {
	min-height: 75px;
	_height: 75px;
}
.other_item .item_name .detail {min-height: 40px;}
.other_item .img_sam {
	width: 215px;
	height: 130px !important;
}
.other_item .img_sam div img {
  width: 215px;
}

.item_04.other_item {margin-right: 0px !important;}

@media (max-width:640px){
/*----------------------------------------------------------
	201 > mediaQuery > max-width:640px > common
-----------------------------------------------------------*/

/*----------------------------------------------------------
	205 > mediaQuery > max-width:640px > module list
-----------------------------------------------------------*/
	.item_list li.item_01,
	.item_list li.item_02,
	.item_list li.item_03,
	.item_list li.item_04 {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}
	.item_list li.item_01,
	.item_list li.item_02,
	.item_list li.item_03 {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 20px;
	}

	.item_list li .img_sam {
		border: none !important;
		max-width: 70% !important;
		margin: 0 auto 5% auto !important;
		height: auto !important;
	}

	.item_list li .img_sam img {
		width: 100% !important;
	}

	.item_list li .item_name {
		min-height: 100% !important;
		margin-bottom:5% !important;
	}

	.tag_list li.mr0 {margin-right: 0 !important;}


	.mod-list-w200 {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.mod-list-w200 li {
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.mod-list-w200 li a:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.mod-list-w200 li a {
		zoom: 1;
	}
	.mod-list-w200 li a {text-align: center;}
	.mod-list-w200 li a img {width: 40%; float: left; margin-right: 2%;}
	.mod-list-w200 li a div{width: 58%; float: right;}
	.mod-list-w200 li h3,
	.mod-list-w200 li p {text-align: left;}
	.mod-list-w200 li h3, {
		padding: 0;
		margin: 0 0 5px 0;
	}
	.mod-list-w200 li p {color: #666;}
	.mod-list-w200 li a:hover {text-decoration: underline !important;}

	.item_list li .img_sam .op_false img {
		width: auto !important;
		max-width: 100%;
	}

  .item_name {
		min-height: 0;
		_height: auto;
	}

	.other_item {
	  width: 100%;
		max-width: 100%;
	  display: block;
	  border-bottom: none !important;
    padding-bottom: 0 !important;
		zoom: 1;
  }
	.other_item:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.other_item .img_sam {
	  width: 40%;
	  float: left;
	  margin-right: 2%;
	  height: auto !important;
	 }
	.other_item .img_sam img {
	  width: 100%;
	 }
  .other_item .img_sam div img {
    width: 100%;
  }
	.other_item .item_name {
	  width: 58%;
	 float: right;
   }
	.other_item .item_name h3 {
	  margin-bottom: 2.5%;
	 }
	.other_item .item_name p {
	  margin-bottom: 5%;
	 }
	.item_01.other_item,
	.item_02.other_item,
	.item_03.other_item,
	.item_04.other_item {
	  text-align: left;
	 }
}
#mainvisual_screen {
	width:770px;		/* fullsize as a 950px */
	float:left;
}
.mainImageRight {
	width:180px;
	float:right;
}
.mod-brandTopImage-extra-alternate {
	display:none;
}
@media(max-width:640px){
	#mainvisual_screen {
		width:100%;
		float:none;
	}
	.mainImageRight {
		width:100%;
		float:right;
	}
	.mainImagephoto{
		display:none !important;
	}
	.mod-brandTopImage-extra-alternate {
		display:block;
	}
	.mod-brandTopImage .mod-brandTopImage-extra-alternate {
	    border: 1px solid #CCCCCC;
    	height: auto;
	    margin: 6px 0;
    	padding: 8px;
    	position: static;
	}
	
	.mod-brandTopImage .mod-brandTopImage-extra-alternate h2  {
		display:inline;
		font-size: 1em;
		font-weight: normal;
		margin: 0;
	}
	.mainImageRightTop a {
		text-decoration:none;
	}
}