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

	Site Name   SONY Tablet App Video Unlimited
	File Name   page.css

	Create Date 2011/08/12

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

/* Grid pattern */
.grid1 .col1of2 {
	width: 497px;
}
.grid1 .col2of2 {
	width: 228px;
}

.mb15{margin-bottom:15px !important}

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


.mod-subTitle {}
.mod-subTitle h2 { background:none}
.mod-featureSection-body{padding-left:0 !important}

.mod-column2-main .mod-brandTopImage{		/*share*/
	margin:10px auto 40px
}
.mod-column2-main .mod-featureSection{		/*share*/
	margin:0px 0 22px;
}

.floatSwitch508 {width:560px;overflow:hidden; margin:0 auto}
.floatSwitch508 ul {padding:15px 0 0; overflow:hidden; width:600px}
.floatSwitch508 li{float:left; padding:0 40px 18px 0}
.floatSwitch508 li img {display:block; float:left}
.floatSwitch508 li.psc {display:block; margin:60px 0 0}
.sp{display:none !important}
.mTop35{margin-top:35px !important}

.link a {
    background: url(/share2/images/mod-sideLinkBox/ico_01.png) no-repeat scroll right center transparent;
    padding-right: 15px;
}
p.link a br {display:none;}

.except {text-align:right; padding:0 1em; color:#666}

@media (max-width:640px){
.except {text-align:left; padding:0 1em; color:#666}
.sp{display:block !important}
.pc{display:none !important}
.floatSwitch508 {width:100%}
.floatSwitch508 ul {width:100%}
.floatSwitch508 li{float:none; padding:0px 0 30px}
.floatSwitch508 li img {float:none; margin:0 auto; display:block}
.floatSwitch508 li.psc {display:block; margin:0}

.link a{ padding-right:25px; background:url(/share2/images/mod-sideLinkBox/ico_04.png) no-repeat right center}
p.link a br {display:inline;}
}


/*contentsLineup*/
div.channel {
  border: 1px solid #CCCCCC;
  overflow:hidden;
  display:block;
  margin-bottom:42px;
  /* cursor:pointer; */
  _width:753px !important

  font-size: 12px;
}
div.channel h3 {
  font-size: 20px;
  color: #666666;
  font-weight:normal;
  margin: 0 0 10px 0;
  float:left;
  width:250px;
}

div.channel .link{
	padding:15px 13px 0 0;
	margin:0;
	text-align:right;
	float:right;
	width:300px
}

.listings {
	padding: 15px 10px 10px;
	clear:both;
	overflow:hidden;
}
div.page_content div.global_disclaimer {
  padding: 0 0 0 40px;
  font-size:11px;
}
div.page_content div.music_disclaimer {
  margin-top: 20px;
  padding: 0 0 0 40px;
  font-size:11px;
}
div.page_content div.global_disclaimer p,
div.page_content div.music_disclaimer p {
	margin: 0;
}
div.page_content div.about {
  margin-left: 30px;
}

/* Music / Video Listings */
.listings .listing {
	width:140px;
	float:left;
	padding: 0 21px 30px;
	_padding: 0 19px 30px;
  
}
body.video .listings .listing img,
body.music .listings .listing img {
  margin-bottom: 10px;
  border: 0;
  border: solid 1px #ddd;
}

.listings .listing .name {
  font-weight: bold;
  /* color: #0A9ECC;*/
  padding: 3px 0;
}
.listings .listing a.name:hover {
  text-decoration: underline;
}

.listings .listing div.title, .listing div.release, .listing div.genre {
  padding: 3px 0;
  line-height: 125%;
}
h3.c_video_whats_hot { width:214px; float:left;}
p.exp { font-size:.89em; float:right; width:440px; padding:25px 30px 0 0; line-height:160%}
#cnt_logos {}
#cnt_logos h3 {padding:20px 0 0 30px;}
#cnt_logos * {margin-bottom:0}
#cnt_lineupTitle {clear:both; display:block}
#cnt_lineupTitle h3{padding:10px 0 0 30px;}

/*   padding:20px 0 0 30px; */
@media (max-width:640px){
	h3.c_video_whats_hot { width:100%!important; height:auto; float:none; clear:both;}
	h3.c_video_whats_hot img { width:80%; height:auto; display:block; margin:0 auto;}
#cnt_logos h3 {padding:20px 0;}
	#cnt_logos * {margin-bottom:0}
	#cnt_lineupTitle {}
	
	#cnt_lineupTitle h3{padding:10px 0 0 10px;}
	p.exp { font-size:.89em; float:none; clear:both; width:96%; padding:17px 10px 0; line-height:160%}
	
	div.channel h3 {
		color: #666666;
		padding:10px 0 0 15px;
		font-weight:normal;
		margin: 0 0 0 0;
		text-align:left
		float:none;
		font-size:1.25em;
		clear:both;
		display:block;
	}
	div.channel .link{
		padding:10px 0 0 15px;
		margin:0;
		text-align:left;
		float:none;
		font-size:.75em;
		width:83%;
		display:block;
		clear:both;
		height:25px;
	}
	div.channel .link a{
		background-position:top right;
		display:block;
		width:100%;
		text-align:right;

	}
	.listings .listing {
		width:100%;
	float:left;
	padding: 0 0px 30px;
	}
	.listings .listing a {
		font-size:.85em;
		line-height:.85em;
	}
	.listings .listing a img{
		width:145px;
		float:left;
		padding: 0 5px 0 0;
	}
	.release {font-size:.85em}
	.genre {font-size:.85em}
	
	.listings{padding-bottom:0}
	
	.nextRaw {
		padding-top:0;
		padding-bottom:10px
	}
}
.mod-featureSection .mod-featureSection-body .mod-featureSection-body-fullWidthImage-figure img {
	display:block;
    margin: 0 auto !important;
    /* float:none !important;	*/
}