@charset "utf-8";

/* ラジオトップ */
.bg-radio {
	background-image: url("../images/bg_radio_top.jpg");
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-color:#ffffff;
}
#radio-top-top {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}
#radio-top-sliderarea {
	float: left;
	width: 600px;
	min-height: 380px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	background: rgba(255,255,255,0.5); /* 白ウインドウの透過 */
}
#radio-top-slider {
	width: 580px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
}
/* ラジオトップ・番組表 */
#radio-top-bangumi {
	float: left;
	width: 340px;
	position: relative;
}
.radio-bangumi-title {
	position: absolute;
	top: 32px;
	left: 0px;
}
.radio-bangumi-radio-window {
	margin-top: 73px;
	padding: 6px;
	background-color:#ffc8db;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
}
.radio-bangumi-radio-window-in {
	height: 230px;
	text-align: left;
	border: 4px solid #ff98bc;
	border-radius: 6px;
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
	overflow:auto;
}
.bangumi-table p {
	padding: 6px 10px;
}
.bangumi-table-onair-radio {
	color:#f92b52;
	font-weight: bold;
	background-color:#f4e0e3;
}
.radio-bangumi-btn {
	margin: 10px auto 30px auto;
}

/* ラジオトップ・コンテンツ骨組み */
#radio-top-contents {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
}
#radio-top-contents-left {
	float: left;
	width: 690px;
	margin-right: 20px;
}
#radio-top-contents-right {
	float: left;
	width: 250px;
}

/* ラジオトップ・ラインナップ */
.radio-top-contents-window {
	background-color:#ffffff;
	margin-bottom: 20px;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
}
.contents-linenaphead {
	padding-top: 20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
}
.contents-linenaparea {
	width: 660px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
}
.contents-linenap-block {
	width: 210px;
	float: left;
	margin: 0 5px 20px 5px;
	border: 2px solid #cccccc;
	background-color: #ffffff;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contents-linenap-thmb {
	width: 190px;
	border: 1px solid #cccccc;
	margin: 8px 5px 6px 5px;
	margin-left:auto;
	margin-right:auto;
	padding: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contents-linenap-data {
	width: 184px;
	margin: 0 auto 10px auto;
	text-align: left;
}

/* ラジオトップ・右コンテンツ */
.radio-syuhasu-window {
	border: 2px solid #f66699;
	background-color: #ffffff;
	margin-bottom: 20px;
	text-align: left;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
}
.radio-syuhasu-data {
	padding: 8px;
}
.radio-syuhasu-data-am {
	background-color: #9dc1ff;
}
.radio-syuhasu-data-am p {
	padding: 5px 10px;
	font-weight: bold;
}
.radio-syuhasu-data-fm {
	background-color: #ffa6cb;
}
.radio-syuhasu-data-fm p {
	padding: 5px 10px;
	font-weight: bold;
}
.radio-syuhasu-data1 {
	padding: 6px 8px;
	border-bottom: 1px #cccccc solid;
}
.radio-twitter {
	border: 7px solid #dddddd;
	background-color: #ffffff;
	margin-bottom: 20px;
	text-align: left;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
}
.radio-twitter-in {
	width: 236px;
	background-color: #ffffff;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
}
.radio-top-banner {
	margin-bottom: 20px;
}

/* ラジオ背景 */
.bg-radio-b01 {
	background-image: url("../images/bg_radio_b01.jpg");
	background-position: 50% 0%;
	background-color:#93dad4;
}
.bg-radio-p01 {
	background-image: url("../images/bg_radio_p01.jpg");
	background-position: 50% 0%;
	background-color:#bf95e7;
}
.bg-radio-r01 {
	background-image: url("../images/bg_radio_r01.jpg");
	background-position: 50% 0%;
	background-color:#f8b0a4;
}
.bg-radio-g01 {
	background-image: url("../images/bg_radio_g01.jpg");
	background-position: 50% 0%;
	background-color:#f8b0a4;
}
.bg-radio-y01 {
	background-image: url("../images/bg_radio_y01.jpg");
	background-position: 50% 0%;
	background-color:#ece28b;
}
.bg-radio-y02 {
	background-image: url("../images/bg_radio_y02.jpg");
	background-position: 50% 0%;
	background-color:#efde84;
}
.bg-radio-y03 {
	background-image: url("../images/bg_radio_y03.jpg");
	background-position: 50% 0%;
	background-color:#ffd77b;
}
.bg-radio-radimaru {
	background-image: url("../images/bg_radio_radimaru.jpg");
	background-position: 50% 0%;
	background-color:#eebc0f;
}

/* ラジオコンテンツ */
#contents-area {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
}
#radio-head-f {
	margin: 20px auto;
	width: 960px;
}
#radio-head-f img {
	border: 4px solid #ffffff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.radio-introduction {
	text-align: left;
	font-size: 110%;
	line-height: 2.0em;
	background-color: #ffffff;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	margin-bottom: 20px;
}
.pad1020 {
	padding: 10px 20px;
}
.pad1620 {
	padding: 16px 20px;
}
.pad1820 {
	padding: 18px 20px;
}
.pad2030 {
	padding: 20px 30px;
}
.radio-message1 {
	background-color: #ffffff;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.radio-message-header {
	color: #68b71a;
	font-size: 120%;
	line-height: 2.0em;
	border-bottom: 2px solid #dddddd;
}
.radio-message1-left {
	width: 480px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.radio-message1-right {
	width: 479px;
	margin: 10px 0;
	text-align: left;
	float: left;
	border-left: 1px solid #cccccc;
}
.radio-message1-top {
	width: 900px;
	margin: 20px auto;
}
.radio-message1-bottom {
	width: 260px;
	margin: 20px auto 30px auto;
}
.radio-message3-left {
	width: 590px;
	padding: 20px 10px 20px 30px;
	text-align: left;
	float: left;
}
.radio-message3-left-in {
	padding: 12px 20px;
	border: 1px dashed #ccddbb;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
}
.radio-message3-right {
	width: 320px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.radio-column2-left {
	width: 640px;
	margin-right: 20px;
	float: left;
}
.radio-column2-right {
	width: 300px;
	float: left;
}
.radio-article,.radio-present,.radio-textblock1,.radio-message2,.radio-message3,.radio-blog,.radio-bloglist {
	text-align: left;
	background-color: #ffffff;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.radio-article-header {
	color: #fe6000;
	font-size: 140%;
	line-height: 1.4em;
	border-bottom: 2px solid #f4e3a6;
}
.radio-article-header-title {
	width: 470px;
	padding: 18px 20px;
	float: left;
}
.radio-article-header-title2 {
	width: 640px;
	padding: 18px 20px;
}
.radio-article-header-btn {
	width: 130px;
	padding: 15px 0;
	float: left;
}
.radio-article-text {
	text-align: left;
	font-size: 100%;
	line-height: 1.6em;
	padding: 16px 20px 20px 20px;
}
.radio-article-block-photo {
	width: 270px;
	margin-right: 20px;
	float: left;
}
.radio-article-block {
	padding: 8px 0;
}
.radio-article-block-data {
	width: 310px;
	float: left;
}
.radio-article-block-title {
	font-size: 120%;
	font-weight: bold;
}

.radio-present-header {
	color: #e86093;
	font-size: 140%;
	line-height: 1.4em;
	border-bottom: 2px solid #f7bfd5;
}
.radio-textblock1-header {
	color: #875ed5;
	font-size: 140%;
	line-height: 1.4em;
	border-bottom: 2px solid #d7c9f1;
}
.radio-textblock1-text {
	text-align: left;
	font-size: 100%;
	line-height: 1.6em;
	padding: 16px 16px;
}
hr {
	border: 0 none;
	height: 2px;
	color: #dddddd;
	background-color: #dddddd;
	margin: 10px 0;
}
hr.line1 {
	border: 0 none;
	height: 1px;
	color: #dddddd;
	background-color: #dddddd;
	margin: 8px 0;
}
.radio-page-twitter {
	width: 280px;
	border: 2px solid #cccccc;
	margin: 10px auto;
}
.radio-message2-header {
	color: #68b71a;
	font-size: 120%;
	line-height: 1.4em;
	border-bottom: 2px solid #dddddd;
}
.radio-message2-btn {
	width: 260px;
	margin: 20px auto 0 auto;
}
.radio-message2-text {
	text-align: left;
	font-size: 100%;
	line-height: 1.6em;
	padding: 20px 20px;
}

/* ラジオブログ配色パターン */
.radio-blog-header-base1 {
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border-radius: 20px;
  	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
	margin-bottom: 20px;
}
.radio-color-bg-radimaru,.radio-color-bg-radimarua { /* ラジ丸ダイアリー */
	background-color: #fc8f00;
}
.radio-color-bg-radimarua:hover {
	background-color: #fc7d00;
}
.radio-color-bg-asapuri,.radio-color-bg-asapuria { /* あさぷりいただきレシピ */
	background-color: #ffa800;
}
.radio-color-bg-asapuria:hover {
	background-color: #ff9000;
}

.radio-color-bg-otoraji,.radio-color-bg-otorajia { /* 朝からおとらじ */
	background-color:  #46c5b2;
}

.radio-color-bg-otorajia:hover {
	background-color:  #46a5b2;
}
.radio-color-bg-jikenbo,.radio-color-bg-jikenboa { /* うっちゃんみかちゃんの県南おもしろ事件簿 */
	background-color:  #ff6e71;
}

.radio-color-bg-jikenboa:hover {
	background-color:  #ff8e71;
}

.radio-color-bg-hothirosaki,.radio-color-bg-hothirosakia { /* HOTひろさき */
	background-color:  #e6a527;
}

.radio-color-bg-hothirosakia:hover {
	background-color:  #e6bd27;
}
.radio-color-bg-ruricho,.radio-color-bg-rurichoa { /* るりちょbitナイト */
	background-color:  #50b3d3;
}

.radio-color-bg-rurichoa:hover {
	background-color:  #50cbd3;
}
.radio-color-bg-masumasu,.radio-color-bg-masumasua { /* キューティーブロンズのますますやってみます */
	background-color:  #50b3d3;
}

.radio-color-bg-masumasua:hover {
	background-color:  #50cbd3;
}

.radio-color-bg-rabuhiro,.radio-color-bg-rabuhiroa { /* らぶひろ */
	background-color:  #e6a527;
}

.radio-color-bg-rabuhiroa:hover {
	background-color:  #e6bd27;
}

.radio-color-bg-osanpo,.radio-color-bg-osanpoa { /* 鮫ちゃんのおさんぽ日曜日 */
	background-color:  #ff6e71;
}

.radio-color-bg-osanpoa:hover {
	background-color:  #ff6e71;
}

/* ラジオブログ・基本 */
.radio-blog-header {
	color: #333333;
	font-size: 140%;
	line-height: 1.4em;
}
.radio-blog-header-title {
	/* タイトル欄の長さとあっていないためコメントアウト */
	/*width: 470px; */
	/* padding: 18px 20px; */
	padding: 24px 20px 20px 20px;
}
.radio-blog-header-date {
	color: #333333;
	font-size: 100%;
	line-height: 1.4em;
	background-color: #e8e8e8;
	padding: 8px 20px;
}
.radio-blog-text {
	font-size: 110%;
	line-height: 1.6em;
	padding: 24px 20px;
}
.radio-blog-text img {
	margin: 4px 0;
}
.blog-next-left {
	background-image: url("../images/pic_blog_nextpointer_white_left.png");
	background-repeat: no-repeat;
	background-position: left center;
	text-align:left;
	float: left;
	color: #ffffff;
	border-radius: 20px;
  	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
}
.blog-next-left p {
	padding: 8px 20px 6px 36px;
}
.blog-next-right {
	background-image: url("../images/pic_blog_nextpointer_white_right.png");
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	float: right;
	color: #ffffff;
	border-radius: 20px;
  	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
}
.blog-next-right p {
	padding: 8px 36px 6px 20px;
}

/* ラジオブログ・右カラム */
.radio-bloglist-header {
	color: #fe6000;
	font-size: 130%;
	line-height: 1.4em;
	border-bottom: 2px solid #e8e8e8;
}
.radio-bloglist-data {
	text-align: left;
	font-size: 100%;
	line-height: 1.6em;
	margin: 10px 0px;
	background-image: url("../images/pic_blog_list_point_blue.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px dotted #cccccc;
}
.radio-bloglist-data p {
	padding: 0px 15px 5px 30px;
}
.radio-bloglist-data strong {
	font-size: 110%;
}
.radio-archive {
	background-color: #ffffff;
	border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.radio-archive-in {
	border-radius: 8px;
  	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
	overflow: hidden;
	margin: 4px;
}
.radio-archive-in2 {
	background-color: #ffffff;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	overflow: hidden;
	margin: 2px;
}
.radio-archive-in p {
	padding: 8px 0 6px; 0;
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
}
.radio-archive-form select {
	border: 2px solid #cccccc;/* ボックスの境界線を実線で指定する */
	background: #fff;	/* ボックスの背景色を指定する */
	width: 260px;	/* ボックスの高さを指定する */
	padding: 10px 12px;	/* ボックス内側の余白を指定する */
	color: #555555;	/* フォントの色を指定 */
	font-weight: bold;
	border-radius: 8px;
  	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
	margin: 10px auto;
}

/* ブログ一覧（テレビ・ラジオ共通） */
.blog-list-header {
	color: #333333;
	font-size: 140%;
	line-height: 1.4em;
	border-bottom: 2px solid #ededed;
}
.blog-list-header-title {
	padding: 24px 20px 20px 20px;
}
.bloglist-data {
	text-align: left;
	font-size: 100%;
	line-height: 1.6em;
	margin: 10px 0px;
	background-image: url("../images/pic_blog_list_point_blue.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px dotted #cccccc;
}
.bloglist-data p {
	padding: 0px 15px 7px 30px;
}
.bloglist-data strong {
	font-size: 130%;
}

/* ラジオ番組「GO!GO!らじ丸・ニジマル」 */
.radio-radimaru-nidimaru-header {
	color: #1877d1;
	font-size: 140%;
	line-height: 1.4em;
	border-bottom: 2px solid #aad0f4;
}

.radio-radimaru-nidimaru .day {
	width: 77px;
	height: 36px;
	margin-right: 20px;
	float: left;
}
.radio-radimaru-nidimaru .content {
	width: 503px;
	float: left;
}

/* ラジオ番組「GO!GO!らじ丸」「土曜はDON」table */
.radio-table-banner {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #FFF;
	background: #EFEFEF;
	font-size: 14px;
	line-height: 140%;
	table-layout: fixed;
	word-break: break-all;
}
table.radio-table-banner th {
	padding: 10px 10px 10px 10px;
	border: 1px solid #FFF;
	vertical-align: top;
	width: 70px;
}
table.radio-table-banner td {
	padding: 10px 10px;
	border: 1px solid #FFF;
	vertical-align: top;
	font-size: 90%;
	font-weight: bold;
}

/* ラジオ番組「麻生しおりの土曜はキュン」table */
.radio-table-kyun {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #FFF;
	background: #EFEFEF;
	font-size: 14px;
	line-height: 140%;
	table-layout: fixed;
	word-break: break-all;
}
table.radio-table-kyun th {
	padding: 16px 20px;
	border: 1px solid #FFF;
	vertical-align: top;
	width: 170px;
}
table.radio-table-kyun td {
	padding: 16px 20px;
	border: 1px solid #FFF;
	vertical-align: top;
}

/* ラジオ番組「十日市秀悦のサタデー横丁」table */
.radio-table-yokocho {
	width: 600px;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 140%;
	table-layout: fixed;
	word-break: break-all;
}
table.radio-table-yokocho th {
	width: 60px;
	padding: 16px 0px 0px 0px;
	vertical-align: top;
}
table.radio-table-yokocho td {
	width: 540px;
	padding: 16px 0px 0px 0px;
	vertical-align: top;
}


/* 朝わい！くりっぷ・いただきレシピ */
.radio-color-bg-asac,.radio-color-bg-asaca { /* あさぷりいただきレシピ */
	background-color: #ffa800;
}
.radio-color-bg-asaca:hover {
	background-color: #ff9000;
}



/* 画像のMAX幅指定 */
.imag_width img{
	max-width: 100% !important;
    	height: auto !important;
    	/*margin-left: 0px !important;
    	margin-right: 0px !important;*/
}