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

	Site Name   SONY active-speaker TOP
	File Name   page.css

	Create Date 2013/08/20

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

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

/* 自動生成ページ パンくず */
html .mod-breadcrumbs{
	font-size:12px !important;
}

/* 自動生成ページ フッターロゴテキスト */
.mod-productLinks-logo h2 a {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

.mod-productLinks-logo h2 a:hover {
	color: #c41230 !important;
	text-decoration: underline !important;
}

/* イントロ */
#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("/share2/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-top: 20px !important;
}

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

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

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

#lineUp.mod-heading {margin-top:30px !important}

.mod-heading {margin-top:60px !important}

.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;
}

.mod-newsTable{
	font-size: 1.16667em;
	line-height: 1.5;
}

@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;
}
}



.mod-seriesList-lineup h3 span.firstLeter{
	font-size:110%;
}
a.blue_red:link{
	text-decoration: none ;
	background-color: transparent ;
	color: #43677e!important;
}
a.blue_red:visited{
	background-color: transparent;
	color: #43677e!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;
}

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

.w750{
	width:750px;	/* past = 750px edited by some */
}
.w950{
	width:950px;	/* 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:350px;
}
.mod-seriesList-item1 .mod-seriesList-item1-text{
	width:370px;
	float:right;
	position:relative;
}
.mod-seriesList-item1 .mod-seriesList-item1-text p{
	float:left;
	width:370px;
}
.mod-seriesList-item1 .mod-seriesList-item1-image img{
	display:block;
	position:relative;
*z-index:-1
}
.mod-seriesList-item1 .mod-seriesList-item1-text h3{
	width:370px;
	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(../../../share2/images/mod-link/ico_01.png) no-repeat 0 0.5em;
margin:0.5em 0 2.5em;
}

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

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

@media (max-width:640px){
	.mod-seriesList-item1 {
		clear:both;
		margin:30px 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;
}

.mod-column2-main {
	width:950px !important;
	overflow:hidden;
}
.mod-seriesList {
	margin-left:0 !important;
	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;
	}
}



/*----------------------------------------------------------
	Walkman Fix
-----------------------------------------------------------*/

.mod-button {
	display: inline-block !important;
}

.mod-productLinks-pagetop a {
    display: none; }

.mod-productLinks-pagetop {
  font-size: 0;
  min-width: 950px;
  width: 100%;
  height: 0px;
  position: fixed;
  bottom: 0; }
  .mod-productLinks-pagetop a {
    position: relative;
    display: block;
    top: -38px;
    width: 60px;
    height: 38px;
    margin: 0 30px 0 auto;
    background: #ededed url(../images/mod-pagetop/btn_01.png); }
  html.js .mod-productLinks-pagetop {
    display: none; }

.mod-button,
.mod-button:visited {
	display: inline-block !important;
	*display: block;
	*zoom: 1;
	*border: 1px solid #E4E4E4;
	*background:url("/share3/images/mod-button/ico_01.png") no-repeat 20px 50% #F2F2F2!important;
	background-color:#F2F2F2\9;
}
a.mod-button:hover {
	background-color: #f8f8f8\9!important;
}
a.mod-button:hover {color: #999 !important; text-decoration: none !important;}

/*btn fix*/
.mod-button { background: url('/share3/images/mod-button/images/mod-button/ico_01_on.png')\9; }
*+html .mod-seriesList a,
*+html .mod-seriesList a:hover {
	background-position: 20% 50%;
}/*//IE7*/
* html .mod-button,
* html .mod-seriesList a,
* html .mod-seriesList a:hover {
	background-position: 20% 50%;
}/*//IE6*/

.mod-categoryHeader .mod-categoryHeader-content{
}

.mod-categoryHeader .mod-categoryHeader-content span.mod-categoryHeader-title{
	font-size: 20px !important;
	line-height: 1.5 !important;
	display: inline-block !important;
	font-weight:bold !important;
}