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

	Site Name   SONY radio
	File Name   /share/css/lineup/common.css

	Create Date 2013/11/28
==========================================================*/

#searchcond {
	padding: 20px;
	border: 1px solid #ccc;
}
#searchcond.radicasse{
	margin-top: 30px;
}
#searchcond .mod-heading {
	border-bottom: none;
	margin-bottom: 20px;
}
#searchcond .mod-heading h2 {
/*	color: #052b89;*/
	margin-right: 10px;
/*	font-size: 20px;*/
}
#searchcond .mod-heading p {
	line-height: 2.5;
}
#searchcond dl {
	margin: 0;
	zoom:1;
}
#searchcond dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#searchcond dt {
	width: 145px;
	float: left;
	color: #FFF;
	font-weight: bold;
	background: #052b89;
	text-align: center;
	padding: 5px;
	margin: 0;
	font-size: 13px;
}
#searchcond dd {
	margin: 0 0 5px 170px;
/*	margin: 0;*/
	border-bottom: 1px dotted #dcdcdc;
	zoom: 1;
}
#searchcond dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#searchcond ul {
	list-style: none;
	margin: 0;
	padding: 2px;
	letter-spacing: -.4em;
}
#searchcond ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#searchcond ul li {
	display: inline-block;
	*display: inline;
	*zoom:1;
	font-size: 13px;
	padding: 2px 5px;
	margin-right: 15px;
	letter-spacing: normal;
}
#searchcond ul li.note {
	float:right;
	font-size:0.92308em;
	margin-right: 0;
}
#searchcond ul li input {
	vertical-align: baseline;
	display: inline-block;
	zoom: 1;
	margin: 0 2px;
}
#searchcond ul li img.icon {
	vertical-align: middle;
	margin: -3px 2px 2px;
}
#searchcond ul.function li {
	width: 155px;
	white-space: nowrap;
	vertical-align: middle;
}
#searchcond ul.function li.adjust span {
	display: inline-block;
	line-height: 1.2em;
}
#searchcond ul.function li.adjust input {
	margin-bottom:16px;
	vertical-align: middle;
}
#searchcond ul.function li.adjust img {
	margin-bottom: 8px;
	vertical-align: middle;
}
#searchcond ul.function li.note {
	width: auto!important;
}
/*----------- data area for column2-----------*/

#searchresultdata {
	position: relative;
	background: url(/radio/lineup/images/bg_searchresultdata.gif) center bottom repeat-y;
	zoom: 1;
}
#searchresultdata:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#searchresultdata h2{
	margin: 0;
	padding: 7px 15px;
	font-size: 1.09em;
	position: absolute;
	z-index: 100;

}
#searchresultdata h2 span{
	padding-left:0;
}
/*sort-page*/
.srd-sort {
	background: #f3f3f3;
	padding: 7px 15px;
}
.srd-sort:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.srd-sort p {
	font-weight:bold;
	margin: 0;
	text-align: right;
	white-space: nowrap;
}
.srd-sort select {
	margin-left:0.5em;
}
.srd-page {
	padding:0 0 10px 0;
/*	position:absolute;
	top: 50px;
	right: 15px;*/
	background: #FFF;
	padding: 10px;
}
.srd-page p {
	margin: 0;
}
.srd-page:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.srd-page .srd-prev {
	float:left;
	width:45px;
	position: relative;
}
.srd-page .srd-next {
	float:right;
	width:45px;
	text-align:right;
	position: relative;
}
.srd-page .srd-pagenate {
	margin:0 50px;
	text-align:center;
}
.srd-page .srd-pagenate a {
	display: inline!important;
	zoom: 1;
}
/*contbox*/
#searchresultdata .srd-contbox {
	width:50%;
	height: 210px;
	overflow: hidden;
	padding:20px 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
}
#searchresultdata .srd-contbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#searchresultdata .srd-contbox .srd-contphoto{
	float:left;
	width:150px;
	margin-right: 15px;
	margin-left: 15px;
}
#searchresultdata .srd-contbox .srd-contphoto img{
	border:1px solid #d9d9d9;
}
#searchresultdata .srd-contbox .srd-contphoto p{
	margin:5px 3px 0 0;
}
#searchresultdata .srd-contbox .srd-conttxt{
	float:left;
	width:270px;
	margin-right: 15px;
	_width:265px;
}
#searchresultdata .srd-conttxt p {
	margin-bottom: 0;
}
#searchresultdata .srd-conttxt .srd-copy {
	font-weight:bold;
	margin-bottom:0.3em;
}
#searchresultdata .srd-conttxt .srd-pname {
	font-size:93%;
	margin-bottom:0.1em;
}
#searchresultdata .srd-conttxt .srd-titleset {
	padding-bottom:2px;
}
#searchresultdata .srd-conttxt .srd-titleset h4 {
	font-size:140%;
	padding-right:0.5em;
	float:left;
	width:auto;
	margin: 0;
}
#searchresultdata .srd-conttxt .srd-titleset h4 span{
	padding-left:5px;
	font-size:82%;
	font-weight:normal;
}
#searchresultdata .srd-conttxt .srd-titleset h4 span.leftnospace{
	margin-left:-3px;
	padding-left:0;
}
#searchresultdata .srd-conttxt .srd-titleset h4 img{
	margin:0 0 3px 3px;
	vertical-align:middle;
}
#searchresultdata .srd-conttxt .srd-titleset div{
	float:left;
	width:auto;
}
#searchresultdata .srd-conttxt p.salestates-red {
	font-weight:bold;
	color:#c41230;
	padding-top:0.4em;
}
#searchresultdata .srd-conttxt p.salestates {
	font-weight:bold;
	padding-top:0.4em;
}
#searchresultdata .srd-conttxt .srd-notes{
	font-size:84%;
	font-weight:normal;
	color:#666;
	clear:both;
	padding-bottom:0.2em;
}

#searchresultdata .srd-conttxt .srd-priceset {
	padding-bottom:5px;
	margin-bottom: 5px;
}
#searchresultdata .srd-conttxt .srd-priceset p {
	width:auto;
}
#searchresultdata .srd-conttxt .srd-priceset p.srd-price{
	padding-right:1em;
}
#searchresultdata .srd-conttxt .srd-priceset p.srd-pricenote{
	font-size:84%;
	font-weight:normal;
	color:#666;
	padding-top:0.2em;
}
#searchresultdata .srd-conttxt .srd-btnset {
	clear:both;
}
#searchresultdata .srd-conttxt .srd-btnset p {
	display:inline;
}
#searchresultdata .srd-conttxt .srd-btnset div {
	display:inline;
}
#searchresultdata .srd-conttxt .srd-btnset img {
	margin:0 10px 10px 0;
}

#searchresultdata .srd-conttxt .srd-logoimgs{
	margin-bottom:5px;
	vertical-align:bottom;
}
#searchresultdata .srd-conttxt .srd-logoimgs img{
	margin:0 5px 3px 5px;
	vertical-align:bottom;
}

#searchresultdata .srd-error{
	margin:10px 5px 5px 5px;
	clear:both;
}

@media (max-width:640px){
	#searchresultdata {
		background: none;
	}
	#searchcond {
		padding: 10px;
	}
	#searchcond dt {
		width: auto;
		float: none;
		text-align: center;
		margin-bottom: 10px;
		cursor:pointer;
		background-image: url(/radio/lineup/images/bg_on.png);
		background-repeat: no-repeat;
		background-position: center right;
		background-size: auto 100%;
	}
	#searchcond dt.open {
		background-image: url(/radio/lineup/images/bg_off.png);
		background-repeat: no-repeat;
		background-position: center right;
		background-size: auto 100%;
	}
	#searchcond dd {
		margin: 0 0 5px 0;
		display: none;
		border: none;
	}
	#searchcond ul {
		border-bottom: none;
	}
	#searchresultdata h2{
		background: #f3f3f3;
		padding: 7px 15px 3px;
		margin-bottom:0px;
		text-align: center;
		position: static;
	}
	.srd-sort {
		padding: 7px 0;
		margin: 0;
	}
	.srd-sort p {
		text-align: center;
		margin: 0;
	}
	.srd-page .srd-prev,
	.srd-page .srd-next {
		width:auto;
	}
	#searchresultdata .srd-contbox {
		width:100%;
		padding: 20px 0;
		border-bottom: 1px dotted #CCC;
		height: auto;
	}

	#searchresultdata .srd-contbox .srd-contphoto{
		float:none;
		width: 100%;
		margin: 0 0 10px 0;
		text-align: center;
	}
	#searchresultdata .srd-contbox .srd-contphoto img {
		width: 90%;
		max-width: 150px;
	}
	#searchresultdata .srd-contbox .srd-conttxt{
		width: 100%;
		margin: 0;
	}
	.srd-page {
		position: static;
	}
	#searchcond ul.function li {
		width: auto!important;
		white-space: normal;
	}
	#searchcond ul li.note {
		display: none;
	}
}