@charset "utf-8";
/* CSS Document */

/*デカバナー
-------------------*/
@media screen and (min-width:741px) {
	#dekaBanner {
		width: 100%;
		height: 250px;
		margin: 0 auto 10px;
		padding: 0;
	}
	#dekaBanner ul.slides {
		width: 100%;
		height: 225px;
		font-size:0px;
	}
	#dekaBanner ul.slides li {
		display:inline-block;
	}
	#dekaBanner ul.slides li a {
		width: 400px;
		padding:0 10px;
		height: 225px;
		display:block;
	}
}

@media screen and (max-width:740px) {
	#dekaBanner {
		width: 100%;
		height: auto;
		margin: 0 auto 30px;
		padding: 0;
	}
	#dekaBanner ul.slides {
		width: 100%;
		height: auto;
	}
	#dekaBanner ul.slides li {
	}
	#dekaBanner ul.slides li a {
		width: 100vw;
		height: auto;
		display:block;
	}
}

/*ON AIR
-------------------*/
@media screen and (min-width:741px) {
	#onAir {
		background:#f2f2f2;
		min-width: 1050px;
		max-width: 1600px;
		height: 298px;
		margin:0;
		padding: 0;
		position: relative;
		overflow: hidden;
	}

	/*DEMO2019 - ON AIR
	-------------------*/
	#onAir_d {
		background:#f2f2f2;
		min-width: 1050px;
		max-width: 1600px;
		height: 140px;
		margin:0;
		padding: 0;
		position: relative;
		overflow: hidden;
		background: url(/top/common/img/h_bg.jpg) no-repeat;
	}
}

@media screen and (max-width:740px) {
	#onAir {
		background:#f2f2f2;
		width: 100%;
		height: auto;
		margin:0;
		padding: 0 0 1px;
		position: relative;
	}
}

/*radiko
-------------------*/
@media screen and (min-width:741px) {
	#radiko a {
		box-shadow: 6px 6px 16px 0 rgba(0,0,0,0.4);
		border-radius: 110px;
		background:#fff url(../img/radiko_pc_2.gif) no-repeat top;
		display: block;
		width: 200px;
		height: 200px;
		text-indent: -9999px;
		position: absolute;
		top: -85px;
		left: 180px;
		z-index: 10;
		overflow: hidden;
	}
	#radiko a:hover {
		opacity:0.85;
	}
}

@media screen and (max-width:740px) {
	#radiko {
		width: 100%;
		position: relative;
	}
	#radiko a img {
		background:none;
		display:block;
		width: 46%;
		height: auto;
		position:absolute;
		top:0px;
		right:0px;
		z-index:10;
	}
}

/*NOW ON AIR
-------------------*/
@media screen and (min-width:741px) {
	#nowOnAir {
		background:#00a7e9;
		width: 380px;
		height: 298px;
		margin:0;
		padding: 0;
		position:relative;
	}
	
	#nowOnAir h2 {
		background: url(../img/now_on_air_title.png) no-repeat center;
		background-size: 147px 70px;
		display:block;
		width: 160px;
		height: 80px;
		text-indent:-9999px;
		padding: 10px 10px 0 10px;
	}
	#nowOnAir time {
		color:#ffff00;
		font-size: 21px;
		font-weight: bold;
		padding: 8px 15px;
		display:block;
	}
	#nowOnAir #nowOnAir_program {
		background-color:#ffffe6;
		width: 325px;
		height: 154px;
		padding: 5px 15px 3px;
		margin: 0 10px 0 15px;
		display:block;
		position:relative;
		overflow: hidden;
	}
	#nowOnAir #nowOnAir_program a:hover ,
	#nowOnAir #nowOnAir_program div a img:hover {
		text-decoration:none;
		opacity:0.7;
	}
	#nowOnAir #nowOnAir_program h4 a {
		/*width: 330px;*/
		height: 22px;
		color:#ee774e;
		font-size: 16px;
		font-weight: bold;
		margin: 5px 0px;
		display:block;
		overflow: hidden;
		position:absolute;
	}
	#nowOnAir #nowOnAir_program > div {
		margin-top: 35px;
	}
	#nowOnAir #nowOnAir_program span {
		font-size: 13px;
		line-height:1.45;
		display:block;
		padding-left: 10px;
		overflow:hidden;
		color:#333;
		font-weight: bold;
	}
	#nowOnAir #nowOnAir_program span.onAir_mail {
		word-break: break-all;
		font-weight:normal;
	}
	#nowOnAir #nowOnAir_program span.onAir_guest {
		margin-top: 5px;
	}
	#nowOnAir #nowOnAir_program div a img {
		background: #fff;
		width: 110px;
		height: 110px;
		float: left;
	}
	/* DEMO2019 - header */
	#nowOnAir_d {
		background:#00a7e9;
		width: 380px;
		height: 140px;
		margin:0;
		padding: 0;
		position:relative;
	}

	#nowOnAir_d #nowOnAir_program_d {
		background-color:#ffffe6;
		width: 325px;
		height: 140px;
		padding: 5px 15px 3px;
		margin: 0 10px 0 15px;
		display:block;
		position:relative;
		overflow: hidden;
	}
}
@media screen and (max-width:740px) {
	#nowOnAir {
		background:#00a7e9 url(../img/now_on_air_title.png) no-repeat left 20px top 10px;
		background-size: 100px 50px;
		width:auto;
		height: auto;
		margin:0;
		padding: 10px 0 10px 18px;
		display:block;
	}
	#nowOnAir h2 {
		display:block;
		text-indent: -9999px;
		width: 30%;
		height: auto;
		margin:18px 0;
	}
	#nowOnAir time {
		width:auto;
		color:#ffff00;
		font-size: 21px;
		font-weight: bold;
		padding: 8px 0;
		display:block;
	}
	#nowOnAir #nowOnAir_program {
		background-color:#ffffe6;
		height: auto;
		min-height: 158px;
		padding: 5px 15px 10px;
		display:block;
		margin-right:15px;
		position:relative;
		overflow: hidden;
	}
	#nowOnAir #nowOnAir_program a:hover ,
	#nowOnAir #nowOnAir_program div a img:hover {
		text-decoration:none;
		opacity:0.7;
	}
	#nowOnAir #nowOnAir_program h4 a {
		width: auto;
		/*height: 22px;*/
		color:#ee774e;
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0px;
		display:block;
	}
	#nowOnAir #nowOnAir_program > div {
		/*margin-top: 45px;*/
	}
	#nowOnAir #nowOnAir_program span {
		font-size: 13px;
		line-height:1.45;
		display:block;
		padding-left: 10px;
		overflow:hidden;
		font-weight: bold;
	}

	#nowOnAir #nowOnAir_program span.onAir_mail {
	    word-break: break-all;
	    font-weight: normal;
	}
	#nowOnAir #nowOnAir_program span.onAir_guest {
		margin-top: 5px;
	}
	#nowOnAir #nowOnAir_program div a img {
		background: #fff;
		width: 110px;
		height: 110px;
		float: left;
	}
}

/*NEXT ON AIR
-------------------*/
@media screen and (min-width:741px) {
	#nextOnAir {
		border-top: 8px solid #00a7e9;
		border-bottom: 10px solid #00a7e9;
		width: auto;
		height: 280px;
		margin:0;
		padding: 0 0 0 18px;
		position:absolute;
		top:0;
		left:380px;
	}
	#nextOnAir h2 {
		background: url(../img/next_on_air_title.png) no-repeat center;
		display:block;
		width: 224px;
		height: 28px;
		margin:25px 0 35px;
		text-indent:-9999px;
	}
	#nextOnAir ul.slides  {
		margin-left:1px;
	}
	#nextOnAir ul.slides li {
		border-right:1px solid #ccc;
		width: 309px !important;
		height: 188px;
		/* padding-left: 10px; */
		overflow: hidden;
		position:relative;
	}
	#nextOnAir ul.slides li:first-child {
		border-left:1px solid #ccc;
	}
	#nextOnAir ul.slides li h4 a {
		/* width: 288px; */
		height: 22px;
		color:#ee774e;
		font-size: 16px;
		font-weight: bold;
		margin: 20px 0 5px;
		display:block;
		overflow: hidden;
		position:absolute;
	}
	#nextOnAir ul.slides li .nextOnAir_promram {
		margin-top: 50px;
		margin-left: 10px;
	}
	#nextOnAir ul.slides li a:hover ,
	#nextOnAir ul.slides li .nextOnAir_promram a img:hover {
		text-decoration:none;
		opacity:0.7;
	}
	#nextOnAir ul.slides li h4 {
		margin-left: 10px;
	}
	#nextOnAir ul.slides li time {
		width: 288px;
		color:#00a7e9;
		font-size: 20px;
		margin-left: 10px;
		display:block;
	}
	#nextOnAir ul.slides li .nextOnAir_promram a img {
		background: #fff;
		width: 110px;
		height: 110px;
		float: left;
	}
	#nextOnAir ul.slides li .nextOnAir_promram span {
		font-size: 13px;
		line-height:1.45;
		display:block;
		padding-left: 10px;
		overflow:hidden;
		color:#333;
		font-weight:bold;
	}
	#nextOnAir ul.slides li .nextOnAir_promram span.onAir_mail {
		word-break: break-all;
		font-weight: normal;
	}
	#nextOnAir ul.slides li .nextOnAir_promram span.onAir_guest {
		margin-top: 5px;
	}
}

/*番組表　番組一覧
-------------------*/
@media screen and (min-width:741px) {
	#nextOnAir #programSheetLink {
		width: 300px;
		height: 58px;
		padding:0;
		position:absolute;
		top:10px;
		right:10px;
	}
	#nextOnAir #programSheetLink ul {
		width: 300px;
		height: 58px;
		font-size:0px;
		display:table;
	}
	#nextOnAir #programSheetLink ul li {
		width: 140px;
		height: 58px;
		padding:0;
		display:inline-block;
	}
	#nextOnAir #programSheetLink ul li:first-child {
		padding-right: 8px;
	}
	#nextOnAir #programSheetLink ul li a {
		background: #00a7e9;
		width: 140px;
		height: 58px;
		color:#fff;
		font-size: 15px;
		font-weight:bold;
		line-height:1.45;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}
	#nextOnAir #programSheetLink ul li a:hover {
		text-decoration:none;
		opacity:0.7;
	}
}

@media screen and (max-width:740px) {
	#onAir #programSheetLinkSP {
		width: 97%;
		height: 58px;
		margin: 0 1.5% 10px;
	}
	#onAir #programSheetLinkSP ul {
		width: 100%;
		height: 58px;
		font-size:0px;
		margin: 10px 1.5%;
	}
	#onAir #programSheetLinkSP ul li {
		width: 48.5%;
		height: 58px;
		display:inline-block;
	}
	#onAir #programSheetLinkSP ul li:first-child {
		padding-right: 1.2%;
	}
	#onAir #programSheetLinkSP ul li a {
		background: #00a7e9;
		width: 45vw;
		height: 58px;
		color:#fff;
		font-size: 15px;
		font-weight:bold;
		line-height:1.45;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}
	#onAir #programSheetLinkSP ul li a:hover {
		text-decoration:none;
		opacity:0.7;
	}
}

/*メインバナー
-------------------*/
@media screen and (min-width:741px) {
	#bannerMain {
		width: auto;
		height: auto;
		margin: 20px auto 20px;
		padding:0 ;
	}
	#bannerMain ul {
		border-left: 4px solid #ee774e;
		border-top: 4px solid #ee774e;
		width: 996px;
		height: 208px;
		margin:0 auto;
	}
	#bannerMain ul li {
		border-right: 4px solid #ee774e;
		border-bottom: 4px solid #ee774e;
		width: 328px;
		height: 100px;
		float:left;
	}
	#bannerMain ul li a {
		width: 300px;
		height: 100px;
		display:block;
	}
	#bannerMain ul li a:hover {
		opacity:0.6;
	}
	#bannerMain ul li a img {
		width: 328px;
		height: 100px;
	}
}

@media screen and (max-width:740px) {
	#bannerMain {
		background: #ee774e;
		width: auto;
		height: auto;
		padding: 10px 15px 0 ;
	}
	#bannerMain ul {
		width: auto;
		height: auto;
		font-size:0px;
		margin: 0;
		padding: 0;
	}
	#bannerMain ul li {
		background: #fff;
		width: 48.5%;
		margin: 0 0 10px 0;
		padding: 0;
		float: left;
	}
	#bannerMain ul li:nth-child(even) {
		margin:0 0 15px 2.5% ;
	}
	#bannerMain ul li a {
		padding:0 ;
		margin: 0;
		display:block;
	}
	#bannerMain ul li a img {
		width: 100%;
		padding:0 ;
	}
}

/*モバイルQRコード
-------------------*/
@media screen and (min-width:741px) {
	#mobileQR {
		width: auto;
		height: auto;
		margin: 20px auto 10px;
		padding:0 ;
	}
	#mobileQR ul {
		width: 1000px;
		height: 102px;
		margin:0 auto 40px;
	}
	#mobileQR ul li {
		border: 1px solid #e6e6e6;
		background: ;
		width: 490px;
		height: 100px;
		font-weight: normal;
		display:inline-block;
	}
	#mobileQR ul li a {
		width: 460px;
		height: 70px;
		color:#222;
		font-size:12px;
		line-height:1.55;
		padding: 15px;
		display:block;
	}
	#mobileQR ul li:first-child {
		background:#f2f2f2 url(../img/qr_mobileplus.png)no-repeat 390px 10px;
		margin-right: 8px ;
		/* font-weight: normal; */
	}
	#mobileQR ul li:nth-of-type(2) {
		background:#f2f2f2 url(../img/qr_mobileaandg.png) no-repeat 390px 10px;
	}
	#mobileQR ul li a:hover {
		opacity:0.6;
	}
	#mobileQR ul li a strong {
		color:#ee774e;
		font-size:16px;
		font-weight:bold;
		padding-bottom:10px;
		display:block;
	}
}

@media screen and (max-width:740px) {
	#mobileQR {
		width: auto;
		height: auto;
		margin: 20px auto 10px;
		padding:0 ;
	}
	#mobileQR ul {
		width: auto;
		margin:0 auto 40px;
	}
	#mobileQR ul li {
		border: 1px solid #e6e6e6;
		width: 90vw;
		margin: 0 auto 10px ;
		line-height:1.25;
	}
	#mobileQR ul li a {
		background:#f3f4f6 url(../img/icon_previous.png) no-repeat right 6px center;
		background-size:30px 30px;
		height: auto;
		color:#222;
		padding: 10px 45px 10px 10px;
		display:block;
	}
	#mobileQR ul li {
		background:#f2f2f2 ;
	}
	#mobileQR ul li a strong {
		color:#ee774e;
		font-size: 1.15em;
		font-weight:bold;
		padding-bottom:10px;
		display:block;
	}
	#mobileQR ul li a span {
		font-size: 0.85em;
		font-weight: normal;
	}
	#mobileQR br {
		display:none;
	}
}

/*トピックス
-------------------*/
#top #topics .new, #top #topics .pickup{
display:inline !important;
}

#top #topics .new:after{
content:"★New!";
color:deeppink;
font-weight:bold;
}

#top #topics .pickup:after{
content:"★PickUp!";
color:#22cb36;
font-weight:bold;
}

@media screen and (min-width:741px) {
	#top #topics {
		width: auto;
		height: auto;
		margin:0 auto 60px;
		padding:0 0 0 15px;
		position:relative;
	}
	#top #topics h3 {
	margin:2em 0 12px ;
 }
	#top #topics ul.slides {
		width: 100%;
		height: 200px;
		font-size:0px;
	}
	#top #topics ul.slides li {
		display:inline-block;
		width: 210px;
		height: auto;
		min-height: 180px;
	}
	#top #topics ul.slides li a {
		width: 200px;
		height: auto;
		padding:0 10px 0 0;
		display: table-cell;
	}
	#top #topics ul.slides li a em {
		border:#ddd solid 1px ;
		background:#fff url(../img/topics_noimage.png) no-repeat ;
		width: 200px;
		height: 112px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	#top #topics ul.slides li a em img {
		width: auto;
		display: inline;
		max-height: 112px;
	}
	#top #topics ul.slides li a span {
		display:block;
		padding: 8px 0 0;
	}
	#topics ul.slides li a:hover {
		opacity:0.7;
		color:#ee3300;
	}
}

@media screen and (max-width:740px) {
	#top #topics {
		width: auto;
		height: auto;
		margin:0 auto 50px;
		padding:0 15px;
	}
	#top #topics ul {
		width: 100%;
	}
	#top #topics ul li {
		border-bottom: 1px #ccc solid;
		display:block;
		width: auto;
		height: auto;
		margin-bottom:15px;
	}
	#top #topics ul li a {
		width: 905vw;
		height: auto;
		padding:0 0 10px;
		display:table-cell;
	}
	#top #topics ul li a img {
		width: 30vw;
		height: auto;
		float:right;
	}
	#top #topics ul li a span {
		width: 55vw;
		height: auto;
		display:block;
		padding: 0;
		float: left;
	}
}

/*動画コンテンツ
-------------------*/
@media screen and (min-width:741px) {
	#top #movieContents {
		width: auto;
		height: auto;
		margin:0 auto 60px;
		padding:0 0 0 15px;
		position:relative;
	}

	#top #movieContents h3 {
	margin:2em 0 12px ;
 }

	#top #movieContents ul.slides {
		width: 100%;
		height: auto;
		margin:0 ;
	}
	#top #movieContents ul.slides li {
		display:inline-block;
		width: 330px;
		height: auto;
		min-height: 180px;
	}
	#top #movieContents ul.slides li a {
		width: 320px;
		height: auto;
		padding:0 10px 0 0 ;
		display:block;
	}
	#top #movieContents ul.slides li a em {
		border:#ddd solid 1px ;
 	background: #fff url(../img/moviecontents_imgbg.png) no-repeat;
		width: 320px;
		height: 180px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	#top #movieContents ul.slides li a em img {
		width: auto;
		display: inline;
		max-height: 180px;
	}
	#top #movieContents ul.slides li a span {
		padding:0;
	}
	#top #movieContents ul.slides li a a:hover {
		opacity:0.7;
		color:#ee3300;
	}
	#top #movieContents ul.slides li a span {
		/* font-size:15px;
		font-weight:bold; */
		display:block;
		padding: 8px 0 0;
	}
}

@media screen and (max-width:740px) {
	#top #movieContents {
		width: auto;
		height: auto;
		margin:0 auto 50px;
		padding:0 15px;
	}
	#top #movieContents ul {
		width: 100%;
	}
	#top #movieContents ul li {
		border-bottom: 1px #ccc solid;
		display:block;
		width: auto;
		height: auto;
		margin-bottom:15px;
	}
	#top #movieContents ul li a {
		width: 905vw;
		height: auto;
		padding:0 0 10px;
		display:table-cell;
	}
	#top #movieContents ul li a img {
		width: 30vw;
		height: auto;
		float:right;
	}
	#top #movieContents ul li a span {
		width: 55vw;
		height: auto;
		display:block;
		padding: 0;
		float: left;
	}
}

/* 文化放送コンテンツ
--------------------------------*/
@media screen and (min-width:741px) {
}

#joqrContentsPc h3 {
	margin:2em 15px 15px ;
}

#joqrContentsPc ul {
	margin: 0 20px 3em 20px;
}
#joqrContentsPc ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 7 columns */
#joqrContentsPc ul li {
	width:13.6%;
	float:left;
	margin-right:0.8%;
	margin-bottom:1em;
}
#joqrContentsPc ul li:nth-child(7n) {
	margin-right:0;
}
#joqrContentsPc ul li:nth-child(7n+1) {
	clear:both;
}

@media screen and (max-width:1400px) {
	/* 6 columns */
	#joqrContentsPc ul li {
		width:15.8%;
		float:left;
		margin-right:1%;
		margin-bottom:1em;
	}
	#joqrContentsPc ul li:nth-child(7n) {
		margin-right:1%;
	}
	#joqrContentsPc ul li:nth-child(7n+1) {
		clear:none;
	}
	#joqrContentsPc ul li:nth-child(6n) {
		margin-right:0;
	}
	#joqrContentsPc ul li:nth-child(6n+1) {
		clear:both;
	}
}

@media screen and (max-width:1200px) {
	/* 5 columns */
	#joqrContentsPc ul li {
		width:19.2%;
		float:left;
		margin-right:1%;
		margin-bottom:1em;
	}
	#joqrContentsPc ul li:nth-child(6n) {
		margin-right:1%;
	}
	#joqrContentsPc ul li:nth-child(6n+1) {
		clear:none;
	}
	#joqrContentsPc ul li:nth-child(5n) {
		margin-right:0;
	}
	#joqrContentsPc ul li:nth-child(5n+1) {
		clear:both;
	}
}


#joqrContentsPc ul li a,
#joqrContentsPc ul li span {
	display:block;
}
#joqrContentsPc ul li a {
	background:#fff;
}
#joqrContentsPc ul li a span.img {
	margin:0 0;
}
#joqrContentsPc ul li a img {
	border:#ddd solid 1px ;
	width:100%;
}
#joqrContentsPc ul li a span {
	/* font-weight:bold; */
	margin: 0.5em 0 1.5em;
	padding:0;
	word-break:normal;
}
#joqrContentsPc ul li a span {
	padding:0;
}
#joqrContentsPc ul li a:hover {
	opacity:0.7;
	color:#ee3300;
}

@media screen and (max-width:740px) {
	#joqrContentsSp h3 {
		margin:0 2.5% 10px;
	}
	#joqrContentsSp ul {
		margin:0 2.5% ;
	}
	#joqrContentsSp ul:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	/* 7 columns */
	#joqrContentsSp ul li {
		width:48.5%;
		float:left;
		margin:0 2.5% 0 0;
	}
	#joqrContentsSp ul li:nth-child(even) {
		margin-right:0;
	}
	#joqrContentsSp ul li a,
	#joqrContentsSp ul li span {
		display:block;
	}
	#joqrContentsSp ul li a {
		background:#fff;
	}
	#joqrContentsSp ul li a span.img {
		margin:0 0;
	}
	#joqrContentsSp ul li a img {
		width: 45vw;
	}
	#joqrContentsSp ul li a span {
		font-weight: normal;
		margin: 0.5em 0 1.5em;
		padding: 0;
		word-break: normal;
		font-size: 0.85em;
		line-height: 1.45;
	}
	#joqrContentsSp ul li a span {
		padding:0;
	}
	#joqrContentsSp ul li a:hover {
		opacity:0.7;
		color:#ee3300;
	}
}

/* ad
--------------------------------*/
@media screen and (min-width:741px) {
	#ad {
		background: #e6e6e6;
		width: auto;
		height: auto;
		padding: 10px 15px ;
		position:relative;
	}
	#ad h3 {
		border-bottom: none;
		color:#999999;
		font-size: 13px;
		font-weight:bold;
		padding:0 0 5px 0;
		margin-bottom:0px;
	}
	#ad #adSpace {
		width: 320px;
		height: auto;
		margin:0;
		padding: 0;
	}
	#ad ul {
		width: auto;
		height: auto;
		font-size:0px;
		margin:0;
		padding: 10px 0 ;
	}
	#ad ul li {
		padding:0 8px ;
		display:inline-block;
	}
	#ad ul li:first-child {
		padding: 0 ;
	}
	#ad ul li a {
		padding:0 ;
	}
	#ad ul li a:hover {
		opacity:0.7;
	}
}
@media screen and (max-width:740px) {
	#ad {
		background: #e6e6e6;
		width: auto;
		height: auto;
		padding: 10px 15px ;
		margin-top:80px;
	}
	#ad h3 {
		border-bottom: none;
		color:#999999;
		font-size: 13px;
		font-weight:bold;
		padding:0 0 5px 0;
		margin-bottom:0px;
	}
	#ad #adSpace {
		width: 92vw;
		height: auto;
		margin:0 auto;
		padding: 0;
	}
	#ad #adSpace img {
		width: 92vw;
		height: auto;
		margin:0;
		padding: 0;
	}
	#ad ul {
		width: auto;
		height: auto;
		font-size:0px;
		margin: 15px 0;
		padding: 0 ;
	}
	#ad ul li {
		width: 48.5%;
		padding:0;
		margin-bottom:10px;
		float: left;
	}
	#ad ul li:nth-child(odd) {
		padding:0;
		margin:0 2.5% 0 0 ;
	}
	#ad ul li a {
		width: auto;
		padding:0 ;
		display:block;
	}
	#ad ul li a img {
		width: 100%;
		padding:0 ;
	}
}

/* footerBanner
--------------------------------*/
@media screen and (min-width:741px) {
	#footerBanner {
		width: auto;
		padding: 10px 10px 10px 7px ;
	}
	#footerBanner ul {
		font-size:0px;
	}
	#footerBanner ul li {
		color:#666666;
		line-height: 1em;
		display:inline-block;
	}
	#footerBanner ul li a {
		color:#666666;
		padding:0 8px ;
	}
	#footerBanner ul li a:hover {
		opacity:0.7;
	}
}
@media screen and (max-width:740px) {
	#footerBanner {
		width: auto;
		height: auto;
		padding: 10px 15px ;
	}
	#footerBanner ul {
		width: auto;
		height: auto;
		font-size:0px;
		margin: 15px 0;
		padding: 0 ;
	}
	#footerBanner ul li {
		width: 31.5%;
		height: 64px;/* add 2016.12.01 */
		padding:0;
		margin:0 0 10px 2.5% ;
		float: left;
	}
	#footerBanner ul li:nth-child(3n+1) {
		padding: 0 ;
		margin: 0 ;
	}
	#footerBanner ul li a {
		width: auto;
		padding:0 ;
		display:block;
	}
	#footerBanner ul li a img {
		width: 100%;
		padding:0 ;
	}
}