@charset "utf-8";

/*　↓↓↓共通スタイルここから↓↓↓　*/
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #decfaf;
	margin: 0;
	padding: 0;
	color: #000;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, ul, li, img {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style-type: none;
}
a img {
	border: none;
}
a:link {
	color: #ffb000;
	text-decoration: none;
}
a:visited {
	color: #e19c01;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}
/*　↑↑↑共通スタイルここまで↑↑↑　*/

/*　↓↓↓TOPページスタイルここから↓↓↓　*/
#container_top {
	width: 980px;
	background: url(../images/bg_top_main.gif) repeat-y;
	margin: 0 auto;
	padding: 15px 13px 10px 13px;
}
/* ~~ ヘッダー ~~ */
#header_top {
	width: 980px;
	height: 67px;
	position: relative;
	margin-bottom: 10px;
}
#txt_top_sponsor {
	width: 237px;
	height: 16px;
	background: url(../images/txt_top_sponsor.gif) no-repeat;
	text-indent: -9999px;
	margin-left: 7px;
}
h1.top {
	width: 428px;
	height: 41px;
	background: url(../images/txt_top_title.gif) no-repeat;
	text-indent: -9999px;
	margin: 5px 0 0 2px;
}
#txt_top_time {
	width: 264px;
	height: 13px;
	background: url(../images/txt_top_time.gif) no-repeat;
	position: absolute;
	top: 0px;
	right: 5px;
	text-indent: -9999px;
}
#header_top ul {
	width: 465px;
	height: 32px;
	position: absolute;
	top: 33px;
	right: 0px;	
}
#header_top li {
	float: left;
	margin-left: 2px;
}
/* ~~ メイン ~~ */
.content_top {
	width: 980px;
	height: 514px;
}
#columnL_top {
	width: 800px;
	height: 514px;
	float: left;
}
#columnL_top .txt {
	width: 800px;
	height: 92px;
	background: url(../images/pic_top_txt.jpg) no-repeat;
}
h2.top {
	text-indent: -9999px;
}
#columnL_top p {
	text-indent: -9999px;
}
#columnR_top {
	width: 178px;
	height: 514px;
	float: right;
}
#twitter {
	margin-top: 2px;
}
/*IE6,7*/
html*#twitter {
	margin-top: -2px;
}
#columnR_top .inner {
	width: 172px;
	height: 277px;
	background-color: #fff;
	border: solid 3px #62af59;
	margin-top: 0;
}
/*IE6,7*/
html*#columnR_top .inner {
	width: 172px;
	height: 277px;
	background-color: #fff;
	border: solid 3px #62af59;
	margin-top: -4px;
}
.tw_area {
	font-size: 10px;
	line-height: 1.4em;
	padding: 7px;
}
.borderline {
	border-bottom: solid 3px #62af59;
}


/*  ブラジルディスク大賞  */
div.brasilbnrsp {
	display: none;
}

div.brasilbnrpc {
	width: 100%;
	margin: 40px auto;
	text-align: center;
}

div.brasilbnrpc img {
	max-width: 750px;
}

/* ~~ フッター ~~ */
#footer_top {

	height: 62px;
	margin: 20px 0 40px;
	position: relative;
	overflow: hidden;
}

#footer_top ul {
	float: left;
	width: 200px;

}

#footer_top p {

	text-align: center;
	float: right;
	/*width: 200px;*/
}

#footer_top p a img {
	margin-left: 10px;
}

#footer_top li#home {
	width: 60px;
	height: 43px;
	position: absolute;
	top: 0;
	left: 0;
}
#footer_top li#jwave {
	width: 113px;
	height: 27px;
	position: absolute;
	top: 15px;
	left: 70px;
}
#footer_top li#copyright {
	width: 225px;
	height: 9px;
	position: absolute;
	top: 45px;
	left: 0;
}
#bg_top_bot {
	width: 1006px;
	height: 5px;
	background: url(../images/bg_top_bot.gif) no-repeat;
	margin: 0 auto;
}
/*　↓↓↓TOPページスタイルここまで↓↓↓　*/

/*　↓↓↓サブページ共通スタイルここから↓↓↓　*/
#container_sub {
	width: 780px;
	background: url(../images/bg_sub_main.gif) repeat-y;
	margin: 0 auto;
	padding: 13px 13px 10px 13px;
}
/* ~~ ヘッダー ~~ */
#header_sub {
	width: 780px;
	height: 149px;
	position: relative;
	margin-bottom: 15px;
	background: url(../images/bg_sub_main.jpg) no-repeat bottom;
}
#txt_sub_sponsor {
	width: 211px;
	height: 14px;
	background: url(../images/txt_sub_sponsor.gif) no-repeat;
	text-indent: -9999px;
	margin-left: 7px;
}
h1.sub {
	width: 347px;
	height: 34px;
	background: url(../images/txt_sub_title.gif) no-repeat;
	text-indent: -9999px;
	margin: 5px 0 0 2px;
	z-index: 0;
}
#txt_sub_time {
	width: 211px;
	height: 12px;
	background: url(../images/txt_sub_time.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
}
#header_sub img {
	width: 788px;
	height: 118px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
/* ~~ メイン ~~ */
#columnL_sub {
	width: 171px;
	height: 165px;
	float: left;
}
#columnL_sub li {
	width: 171px;
	height: 32px;
	margin-bottom: 1px;
}
#columnR_sub {
	width: 595px;
	min-height: 700px;
	float: right;
}
#columnR_sub p{
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	margin-top: 10px;
}
#columnR_sub dl{
	margin-top: 15px;
}
#columnR_sub dt{
	width: 585px;
	font-size: 12px;
	font-weight: bold;
	color: #106209;
	height: 15px;
	padding: 5px 0 5px 10px;
	background-color: #dfd8c2;
}
#columnR_sub dd{
	width: 593px;
	background-color: #fff;
	border: solid 1px #dfd8c2;
	padding-bottom: 20px;
}
#columnR_sub dd ul{
	width: 568px;
	margin: 20px auto 0 auto;
}
#columnR_sub dd ul.no01, #columnR_sub dd ul.no02, #columnR_sub dd ul.no03, #columnR_sub dd ul.no04, #columnR_sub dd ul.no05, #columnR_sub dd ul.no06, #columnR_sub dd ul.no07, #columnR_sub dd ul.no08, #columnR_sub dd ul.no09, #columnR_sub dd ul.no10, #columnR_sub dd ul.no11, #columnR_sub dd ul.no12, #columnR_sub dd ul.no13, #columnR_sub dd ul.no14, #columnR_sub dd ul.no15, {
	background-position: 0 5px 0 0;
	padding-bottom: 15px;
	border-bottom:dashed #c8be9d 1px;
}
#columnR_sub dd ul.no01{
	background: url(../images/ico_no1.gif) no-repeat;
}
#columnR_sub dd ul.no02{
	background: url(../images/ico_no2.gif) no-repeat;
}
#columnR_sub dd ul.no03{
	background: url(../images/ico_no3.gif) no-repeat;
}
#columnR_sub dd ul.no04{
	background: url(../images/ico_no4.gif) no-repeat;
}
#columnR_sub dd ul.no05{
	background: url(../images/ico_no5.gif) no-repeat;
}
#columnR_sub dd ul.no06{
	background: url(../images/ico_no6.gif) no-repeat;
}
#columnR_sub dd ul.no07{
	background: url(../images/ico_no7.gif) no-repeat;
}
#columnR_sub dd ul.no08{
	background: url(../images/ico_no8.gif) no-repeat;
}
#columnR_sub dd ul.no09{
	background: url(../images/ico_no9.gif) no-repeat;
}
#columnR_sub dd ul.no10{
	background: url(../images/ico_no10.gif) no-repeat;
}
#columnR_sub dd ul.no11{
	background: url(../images/ico_no11.gif) no-repeat;
}
#columnR_sub dd ul.no12{
	background: url(../images/ico_no12.gif) no-repeat;
}
#columnR_sub dd ul.no13{
	background: url(../images/ico_no13.gif) no-repeat;
}
#columnR_sub dd ul.no14{
	background: url(../images/ico_no14.gif) no-repeat;
}
#columnR_sub dd ul.no15{
	background: url(../images/ico_no15.gif) no-repeat;
}
#columnR_sub dd ul li{
	font-size: 12px;
	line-height: 1.4em;
}
#columnR_sub dd ul li.title{
	font-weight: bold;
	padding-left: 35px;
}
#columnR_sub dd ul li.reference{
	padding-left: 35px;
}
#columnR_sub dd ul li.detail{
	color: #5f5f5f;
	margin-top: 15px;
}
#columnR_sub p#attention {
	color: #f00;
}
#columnR_sub p#attention span {
	font-size: 10px;
	font-weight: normal;
}


select {
	width:100%;
}

/* ~~ フッター ~~ */
#footer_sub {
	width: 780px;
	height: 63px;
	margin-top: 44px;
	position: relative;
}
#footer_sub li#home {
	width: 60px;
	height: 43px;
	position: absolute;
	top: 0;
	left: 0;
}
#footer_sub li#jwave {
	width: 113px;
	height: 27px;
	position: absolute;
	top: 15px;
	left: 70px;
}
#footer_sub li#copyright {
	width: 225px;
	height: 9px;
	position: absolute;
	top: 45px;
	left: 0;
}
#bg_sub_bot {
	width: 806px;
	height: 5px;
	background: url(../images/bg_sub_bot.gif) no-repeat;
	margin: 0 auto;
}
/*　↑↑↑サブページ共通スタイルここまで↑↑↑　*/

/*　↓↓↓SONG LISTページスタイルここから↓↓↓　*/
h2.list {
	width: 595px;
	height: 28px;
	text-indent: -9999px;
	background: url(../images/ttl_sub_onairlist.gif) no-repeat;
}
#columnR_sub form.list{
	width: 595px;
}

.list_title{
	margin:10px 0 -20px 0;
	width: 595px;
	color: #106209;
	font-weight:bold;
	font-size:14pt;
	text-align:center;
}

/*　↑↑↑SONG LISTページスタイルここまで↑↑↑　*/

/*　↓↓↓MESSAGE FORMページスタイルここから↓↓↓　*/
h2.message {
	width: 595px;
	height: 28px;
	text-indent: -9999px;
	background: url(../images/ttl_sub_message.gif) no-repeat;
}
#columnR_sub div.message {
	width: 593px;
	background-color: #fff;
	border: solid 1px #dfd8c2;
	margin-top: 10px;
	padding: 15px 0 20px 0;
	font-size: 12px;
	line-height: 1.2em;
}
#columnR_sub form.message {
	width: 591px;
}
#columnR_sub .txt_confirmation {
	font-size: 10px;
}
#columnR_sub table span {
	color: #f00;
}
/*　↑↑↑MESSAGE FORMページスタイルここまで↑↑↑　*/



/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 201116 情報告知 */
.broadinfo {
  width: 98%;
  margin: 5px 0px;
  padding: 20px 10px;
  text-align: left;
}

.broadinfo h3 {
  margin: 0 0 10px 0;
  font-size: 1.5em;
}
.broadinfo p {
  font-size: 1.2em;
  line-height: 1.2em;
}



@media screen and (max-width: 900px) {
	*, *::after, *::before {
	    box-sizing: inherit;
	}

	body {
		background: #fdf9ef;
	}

/* TOP */

	#container_top {
		width: 100%;
		padding: 10px 0;
		background: none;
	}

	#header_top {
		width:100%;
		height:180px;
		position: relative;
		margin:0;
		padding: 10px 0;
		background-color:#fdf9ef;
		background-size: contain;
	}

	#header_top ul {
		width: 100%;
		height: auto;
		position: absolute;
		top:105px;
		right:0;
	}

	#header_top li {
		width: 49%;
		height: auto;
		margin-bottom: 1px;
		display: inline-block;
	}

	#header_top li img{
	  width: 100%;
		height: 50px;
	}

	#txt_top_time {
		top: 80px;
		left: 6px;
	}

	.content_top {
		width: 100%;
		height:auto;
		padding:0;
    background-color: #fdf9ef;
	}

	#columnL_top .txt {
		width: 100%;
		background-position: top center;
		background-size: contain;
		margin-top: -3px;
	}

	h1.top {
		max-width: 98%;
		height: 38px;
		background-size: contain;
	}

	h2.list {
		width: 100%;
		margin-top: 40px;
	}

	#columnL_top {
		width:100%;
		height:auto;
		float: initial;
		margin-top: 20px;
	}

	#columnL_top img{
		width:100%;
		height:auto;
	}

	.list_title {
		width:100%;
	}

	#columnR_top {
		width:100%;
		float:initial;
		height: auto;
		position: relative;
	}

	#columnR_top img{
		margin:10px;
	}

	#twitter img {
		position: absolute;
		top:0;
		right:0;
	}

	#columnR_top .inner {
		width: 96%;
		height: 300px;
    margin: 20px auto;
	}

	#columnR_top dt {
		width:99.2%;
		font-size:14px;
    padding: 10px 0 10px 5px;
		word-wrap:break-word;
	}

	#columnR_top dd {
		width:94%;
		padding: 3%;
		font-size:14px;
		word-wrap:break-word;
	}

	#columnR_top dd ul {
		width:100%;
		word-wrap:break-word;
		margin-bottom: 50px;
	}

	#columnR_top dd ul li {
		font-size: 16px;
		line-height: 1.6em;
	}

	#columnR_top p {
		font-size: 16px;
		margin: 20px 0 4px 0;
	}

	#columnR_top form.list {
		width:100%;
		word-wrap:break-word;
	}

	select {
		width:100%;
	}

	#bg_top_bot {
		display:none;
	}


	/*  ブラジルディスク大賞  */
	div.brasilbnrsp {
		display: block;
	}
	div.brasilbnrpc {
		display: none;
	}

	div.brasilbnrsp {
	margin: 40px auto;
	text-align: center;
	}

	div.brasilbnrsp img {
		width: 90%;
	}


	#footer_top {
		position:relative;
		width:100%;
	}

	#footer_top p {
		position:absolute;
		top:0;
    text-align: center;
    float: initial;
    width: 100%;
    height: 100px;
	}

	#footer_top ul{
		display:none;
	}


/* TOP end */

	#container_sub {
		width: 100%;
		padding: 0;
		background: none;
	}

	#header_sub {
		width:100%;
		height:120px;
		position: relative;
		margin:0;
		padding: 10px 0;
		background-color:#fdf9ef;
		background-size: contain;
	}

	#txt_sub_time {
		top: 70px;
		left: 6px;
	}

	.content_sub {
		padding:0 10px;
    background-color: #fdf9ef;
	}


	h2.list,h2.message {
		width: 100%;
		margin-top: 40px;
	}

	#columnL_sub {
		width:100%;
		height:auto;
		float: initial;
		margin-top: 20px;
	}

	.list_title {
		width:100%;
	}

	#columnR_sub dt {
		width:99.2%;
		font-size:14px;
    padding: 10px 0 10px 5px;
		word-wrap:break-word;
	}

	#columnR_sub dd {
		width:94%;
		padding: 3%;
		font-size:14px;
		word-wrap:break-word;
	}

	#columnR_sub dd ul {
		width:100%;
		word-wrap:break-word;
		margin-bottom: 50px;
	}

	#columnR_sub dd ul li {
		font-size: 16px;
		line-height: 1.6em;
	}

	#columnL_sub li {
		width: 49%;
		height: auto;
		margin-bottom: 1px;
		display: inline-block;
	}

	#columnL_sub li img{
	    width: 100%;
	}

	#columnR_sub p {
		font-size: 16px;
		margin: 20px 0 4px 0;
	}

	#columnR_sub form.list {
		width:100%;
		word-wrap:break-word;
	}

	#columnR_sub div.message {
		width:100%;
	}

	#columnR_sub div.message table{
		width:100%;
	}

	#columnR_sub form.message {
		width:100%;
	}

	form table {
		width:100%;
	}

	form tr{
		width:100%;
	}

	form td{
		width:100% !important;
		display:inline-block;
		text-align: left;
		font-weight: bold;
		white-space: normal !important;
	}

	form input[type="text"],	form input[type="password"] {
		width:90%;
		height:32px;
		font-size:14px;
	}

	form textarea {
		width:90%;
		height:200px;
		font-size:14px;
	}

	select {
		width:90%;
		height:32px;
	}

	#columnR_sub {
		width:99%;
		float:initial;
	}

	#bg_sub_bot {
		display:none;
	}

	#footer_sub {
		width:100%;
	}
}