@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px; /* 11px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #333;
}
/* ie7 */ *:first-child+html body { font-size: 82%; /* 69%; */}
/* ie6Below */ * html body { font-size:82%; /* font-size: 69%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 82%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section,
#headerIn,
/* #status01, */
/* #status02, */
.boxPodcasting01,
.sectionTop01,
.sectionType03,
.sectionType04,
.formType02,
.formType03,
.formType04,
.btnRow2,
.btnRow2Left,
.btnRow3,
.control > ul,
.eventData,
.eventDetail,
.btnFile
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after,
#headerIn:after,
#status01:after,
#status02:after,
.boxPodcasting01:after,
.sectionTop01:after,
.sectionType03:after,
.sectionType04:after,
.formType02:after,
.formType03:after,
.formType04:after,
.btnRow2:after,
.btnRow2Left:after,
.btnRow3:after,
.control > ul:after,
.eventData:after,
.eventDetail:after,
.btnFile:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section,
* html #headerIn,
* html #status01,
* html #status02,
* html .boxPodcasting01,
* html .sectionTop01,
* html .sectionType03,
* html .sectionType04,
* html .formType02,
* html .formType03,
* html .formType04,
* html .btnRow2,
* html .btnRow2Left,
* html .btnRow3,
* html .control > ul,
* html .eventData,
* html .eventDetail,
* html .btnFile
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}




/*----------------------------------------------------------
							!SP
---------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

/* !breadcrumb
--------------------------- */
#breadcrumb { display: none;}

/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	padding-top: 7px;
	background-color: #f0ebe6;
}
	#main {
		width: 100%;
		padding: 0 7px;
	}
	#sub {
		width: 100%;
		padding: 0 7px 11px;
	}
/* !sub
---------------------------------------------------------- */
.ul_subBnr01 { padding: 0 7.86%;}
	.ul_subBnr01 li { margin-bottom: 10px;}

.boxSub01 {
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(168,164,161,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(168,164,161,1);
	box-shadow: 0px 2px 0px 0px rgba(168,164,161,1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.boxSub01:last-child { margin-bottom: 0;}
	.boxSub01 .ttl01 > img { width: 181px;}
	.boxSub01 .ttl02 > img { width: 233px;}
	.boxSub01 .ttl03 > img { width: 286px;}
	.boxSub01 .ttl04 > img { width: 257px;}
	.boxSub01 .ttl05 > img { width: 237px;}
	.boxSub01 .boxIn01 {
		margin: 3px 10px 0;
		padding: 5px 0 16px;
		border-top: 1px #999 solid;
	}
		.boxSub01 .boxIn01 .img01 {
			margin-bottom: 5px;
			text-align: center;
		}
		.boxSub01 .boxIn01 .img02 {
			margin: 0 8px 5px;
			text-align: center;
		}
		.boxSub01 .boxIn01 .txt01 { margin-bottom: 8px;}
			.boxSub01 .boxIn01 .txt01.type01 a:hover { color: #f47;}
			.boxSub01 .boxIn01 .txt01.type02 a:hover { color: #a5e;}
		.boxSub01 .boxIn01 .link01 {
			width: 61.62%;
			margin: 0 auto;
			height: 30px;
			line-height: 30px;
			background-color: #e25;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
			.boxSub01 .boxIn01 .link01.link01SP { background-color: #36c;}
			.boxSub01 .boxIn01 .link01.link01SP:hover { background-color: #58e;}
			.boxSub01 .boxIn01 .link01.type01 { display: none;}
			.boxSub01 .boxIn01 .link01 a {
				display: block;
				text-align: center;
				color: #fff;
				font-weight: bold;
				text-shadow: 1px 1px #000;
			}
				.boxSub01 .boxIn01 .link01 a:hover { text-decoration: none;}
			.boxSub01 .boxIn01 .link01:hover { background-color: #f47;}

		.boxSub01 .boxIn01 .link02 { margin-bottom: 5px;}
			.boxSub01 .boxIn01 .link02 a {}
		.boxSub01 .boxIn01 .link03 a {
			color: #5b0;
		}
			.boxSub01 .boxIn01 .link03 a:hover { color: #8c3;}

		.boxSub01 .boxIn01 .ul_link01 { overflow: hidden;}
			.boxSub01 .boxIn01 .ul_link01 li {
				float: left;
				margin-right: 3.52%;
				height: 30px;
				line-height: 30px;
				background-color: #93c;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
				.boxSub01 .boxIn01 .ul_link01 li:first-child { width: 52.46%;}
				.boxSub01 .boxIn01 .ul_link01 li:last-child {
					width: 43.66%;
					margin-right: 0;
				}
				.boxSub01 .boxIn01 .ul_link01 li a {
					display: block;
					text-align: center;
					color: #fff;
					font-weight: bold;
					text-shadow: 1px 1px #000;
				}
					.boxSub01 .boxIn01 .ul_link01 li a:hover { text-decoration: none;}
					.boxSub01 .boxIn01 .ul_link01 li:hover { background-color: #a5e;}
	.sub_bnr01 {
		margin-bottom: 15px;
		background-color: #fff;
	}

	.ul_rank01 { margin-top: 12px;}
		.ul_rank01 li { font-size: 108%;
			padding-left: 1px;
			margin-bottom: 5px;}


			.ul_rank01 li dl {margin-left: 5px;}
			.ul_rank01 li:first-child dl {margin-left: -2px;}

			.ul_rank01 li:first-child dl dd {
				background: url(/ats-static-rwd/img/sbsradio/img_rank_no1.png) 0 0 no-repeat;
				background-size: 29px 29px;
				padding: 4px 0;
			}

			.ul_rank01 li dl dt {
					display: table;
					float: left;
					min-height: 16px;
					min-width: 16px;
					background: #ff0088;
					text-align: center;
					font-size: 77%;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					color: #fff;
				}

				.ul_rank01 li:first-child dl dt { display: none;}

					.ul_rank01 li dl dd { padding-left: 23px;}
				.ul_rank01 li:first-child dl dd { padding-left: 30px;}


				.ul_rank01 li:first-child dl dd > span {
					display: block;
					position: relative;
					background: url(/ats-static-rwd/img/sbsradio/bg_line_sub03.gif) left 13px repeat-x;
					background-size: 4px 8px;
				}
					.ul_rank01 li:first-child dl dd > span:before {
						display: block;
						content: "";
						position: absolute;
						bottom: 2px;
						right: 0;
						width: 4px;
						height: 4px;
						background: url(/ats-static-rwd/img/sbsradio/bg_line_sub02.gif) left bottom no-repeat;
						background-size: 8px 8px;
					}
					.ul_rank01 li:first-child dl dd > span:after {
						display: block;
						content: "";
						position: absolute;
						bottom: 2px;
						left: 0;
						width: 2px;
						height: 4px;
						background: url(/ats-static-rwd/img/sbsradio/bg_line_sub01.gif) left bottom no-repeat;
						background-size: 4px 8px;
					}

					.ul_rank01 li dl dd a {
						font-size: 100%;
					}


	.boxPodcasting01 {
		overflow: hidden;
		margin-bottom: 9px;
	}
		.boxPodcasting01 .img01 {
			float: left;
			width: 125px;
			margin-right: 4.23%;
		}
		.boxPodcasting01 .boxInfo01 {
			overflow: hidden;
		}
		.boxPodcasting01 .boxInfo01 dl {}
			.boxPodcasting01 .boxInfo01 dl dt { margin-bottom: 5px;}
				.boxPodcasting01 .boxInfo01 dl dt a {
					font-size: 108%;
					color: #36c;
					font-weight: bold;
				}
					.boxPodcasting01 .boxInfo01 dl dt a:hover { color: #58e;}
			.boxPodcasting01 .boxInfo01 dl dd {}


/* !PC
---------------------------------------------------------- */
@media only print, screen and (min-width: 40.063em) {
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

#contentsWrap {
	width: 100%;
	min-width: 1050px;
	background-image: url(/ats-static-rwd/img/sbsradio/bg_content_pc01.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #e0d8c7;
	background-size: 100% auto;
}

#contents {
	position: relative;
	margin: 0 auto;
	padding: 0 0 44px;
	width: 1050px;
	text-align: left;
	background-color: transparent;
}

/* !breadcrumb
--------------------------- */
#breadcrumb {
	display: block;
	padding: 16px 40px 20px;
	background-color: #fff;
	overflow: hidden;
}
	#breadcrumb li {
		float: left;
		position: relative;
		padding-right: 18px;
	}
	#breadcrumb li:after {
		content: ">";
		position: absolute;
		top: 0;
		right: 5px;
	}
	#breadcrumb li:last-child:after { display: none;}

	#breadcrumb li:last-child { padding-right: 0;}

		#breadcrumb a { color: #08b;}

		#breadcrumb a:hover {
			color: #0ad;
			text-decoration: none;
		}

	#main {
		float: left;
		width: 735px;
		padding: 0px;
	}
	#sub {
		float: right;
		width: 300px;
		padding: 0px;
	}
/* !sub
---------------------------------------------------------- */
.ul_subBnr01 {
	margin-bottom: 20px;
	padding: 10px 9px;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	.ul_subBnr01 li:last-child { margin-bottom: 0px;}

.boxSub01 {
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.boxSub01 .ttl01 > img { width: 182px;}
	.boxSub01 .ttl02 > img { width: 241px;}
	.boxSub01 .ttl03 > img { width: 286px;}
	.boxSub01 .ttl04 > img { width: 257px;}
	.boxSub01 .ttl05 > img { width: 235px;}

	.boxSub01 .boxIn01 {
		margin: 3px 12px 0;
		padding: 5px 0 14px;
		border-top: 1px #999 solid;
	}
		.boxSub01 .boxIn01 .img01 img {
			width: 276px;
			/*max-height: 207px;*/
		}
		.boxSub01 .boxIn01 .txt01 { margin-bottom: 8px;}
		.boxSub01 .boxIn01 .link01 {
			width: 130px;
			height: 20px;
			line-height: 20px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
			.boxSub01 .boxIn01 .link01 a {
				text-shadow: none;
				font-weight: normal;
			}
			.boxSub01 .boxIn01 .link01.type01 {
				display: block;
				width: 140px;
				background-color: #36c;
			}
				.boxSub01 .boxIn01 .link01.type01:hover { background-color: #58e;}
			.boxSub01 .boxIn01 .link01.link01SP { display: none;}
			.boxSub01 .boxIn01 .link01 a { font-size: 85%;}

		.boxSub01 .boxIn01 .ul_link01 {
			overflow: visible;
			text-align: center;
		}
			.boxSub01 .boxIn01 .ul_link01 li {
				float: none;
				display: inline-block;
				margin-right: 15px;
				height: 20px;
				line-height: 20px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
				.boxSub01 .boxIn01 .ul_link01 li:first-child { width: 131px;}
				.boxSub01 .boxIn01 .ul_link01 li:last-child {
					width: 110px;
					margin-right: 0;
				}
				.boxSub01 .boxIn01 .ul_link01 li a {
					font-size: 85%;
					text-shadow: none;
					font-weight: normal;
				}
	.boxPodcasting01 { margin-bottom: 0px;}
		.boxPodcasting01 .boxInfo01 dl { margin-bottom: 12px;}
			.boxPodcasting01 .boxInfo01 dl dd { font-size: 93%;}
}

/*【GAM】pc_housou_right_1st*/
.sub_bnr01 {
	text-align: center;
}