@charset "utf-8";

/*---------------------------------------------------------------------------*/
/* JOOX「もしも人生にBGMがあったら」：スタイルシート (2022/05/05 update) */
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* 共通設定：本文 */
/*---------------------------------------------------------------------------*/

b{
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-weight:bold;
	}

small{
	font-size:0.8em;
	}

.fc_red{color:#dd0000;}
.fc_blue{color:#0033aa;}
.fc_green{color:#00aa33;}
.fc_gray{color:#777777;}
.fc_black{color:#000000;}

hr{
	margin:10px auto 10px auto;
	color:#cccccc;
	background-color:#cccccc;
	border-style:none;
	height:2px;
	}

.clearfix:before,
.clearfix:after {
	display:table;
	content:" ";
}

.clearfix:after{
	clear:both;
}

small{
	font-size:0.8em;
	}

.notice{
	font-size:0.8em;
	}

*{
	margin:0px;
	padding:0px;
	border:0px;
	}

a:link{   text-decoration:none;       color:#003399;}
a:visited{text-decoration:none;       color:#007700;}
a:hover{  text-decoration:underline;  color:#dd0000;}
a:active{ text-decoration:none;       color:#dd0000;}

body{
	background-color:#ffffff;
	margin:0;
	height:100%;
	line-height:22px;
	font-size:14px;
	font-weight:normal;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	color:#000000;
	}

#top_image{
	margin:60px 0px 0px 0px;
	padding:0;
	}

#wrapper{
	margin:0px auto;
	padding:0px 0px 20px 0px;
	}


/*---------------------------------------------------------------------------*/
/* 共通設定：ヘッダー */
/*---------------------------------------------------------------------------*/

header{
	top:0;
	width:100%;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	position:fixed;
	background-color:rgba(20,50,100,0.8);
	z-index:10;
	}

h1.page_title{
	margin:0px 0px 0px 0px;
	padding:5px 50px 0px 10px;
	line-height:26px;
	font-size:18px;
	font-weight:normal;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#ffffff;
	text-align:center;
/*	text-align:left;*/
	}

#back{
	height:28px;
	width:40px;
	float:left;
	position:absolute;
	top:12px;
	left:7px;
	background-color:rgba(0,0,0,0.5);
	border-radius:6px;
	}

.navi{
	padding:3px 6px 0px 6px;
	line-height:26px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:14px;
	color:#ffffff;
	text-align:center;
	}

.navi a{
	text-decoration:none;
	color:#ffffff;
	}

#backhome{
	float:right;
	position:absolute;
	top:12px;
	right:5px;
	width:45px;
	height:31px;
	background:url("../../smp/img/backhome.png") no-repeat;
	background-size:38px 31px;
	-moz-background-size:38px 31px;
	-webkit-background-size:38px 31px;
	}

#backhome a{
	display:block;
	width:45px;
	height:31px;
	}

/*---------------------------------------------------------------------------*/
/* 共通設定：フッター */
/*---------------------------------------------------------------------------*/

footer{
	clear:both;
	width:100%;
	margin:0px;
	padding:30px auto 20px auto;
	font-size:14px;
	font-weight:normal;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	line-height:40px;
	color:#ffffff;
	text-align:center;
	background-color:rgba(20,50,100,0.8);
	}


/*---------------------------------------------------------------------------*/
/* 共通設定：見出し */
/*---------------------------------------------------------------------------*/

h2.section_title{
	margin:10px 0px 0px 0px;
	padding:8px 0px 8px 5px;
	line-height:24px;
	font-size:20px;
	font-weight:normal;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#ffffff;
	background-color:#5577ee;
	text-align:center;
	}

h3.onair_date{
	margin:15px 0px 0px 5px;
	line-height:16px;
	font-size:16px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#005588;
	}

h3.award{
	margin:15px auto 15px aauto;
	padding:10px 0px 10px 0px;
	line-height:30px;
	font-size:18px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#005588;
	text-align:center;
	}

h4.dott_border{
	margin:10px 10px 10px 10px;
	padding:5px 0px 5px 0px;
	border-bottom:dotted 3px #ffcc77;
	}


/*---------------------------------------------------------------------------*/
/* 共通設定：ボタン */
/*---------------------------------------------------------------------------*/

.phone a{
	display:block;
	margin:5px 0px 0px 10px;
	padding:5px 0px 0px 70px;
	text-decoration:none;
	line-height:24px;
	line-break:strict;
	font-size:18px;
	font-weight:bold;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#005588;
	background-image:url("../../smp/img/topics-phone.png");
	background-repeat:no-repeat;
	background-position:left;
	}

.form a{
	width:80%;
	display:block;
	margin:5px 0px 0px 10px;
	padding:5px 0px 0px 70px;
	text-decoration:none;
	line-height:20px;
	line-break:strict;
	font-size:15px;
	font-weight:bold;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#550000;
	background-image:url("../../img/topics-form.png");
	background-repeat:no-repeat;
	background-position:left;
	}

.button{
	width:80%;
	height:32px;
	margin:6px auto 6px auto;
	padding:0px;
	text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6f8a91), color-stop(0.70, #5b7981), color-stop(0.57, #5b7981), color-stop(0.56, #677c82), color-stop(0.00, #cfdce9));
	background: -webkit-linear-gradient(top, #cfdce9 0%, #677c82 56%, #5b7981 57%, #5b7981 70%, #6f8a91 100%);
	background: -moz-linear-gradient(top, #cfdce9 0%, #677c82 56%, #5b7981 57%, #5b7981 70%, #6f8a91 100%);
	background: -o-linear-gradient(top, #cfdce9 0%, #677c82 56%, #5b7981 57%, #5b7981 70%, #6f8a91 100%);
	background: -ms-linear-gradient(top, #cfdce9 0%, #677c82 56%, #5b7981 57%, #5b7981 70%, #6f8a91 100%);
	background: linear-gradient(top, #cfdce9 0%, #677c82 56%, #5b7981 57%, #5b7981 70%, #6f8a91 100%);
	border-radius:6px;
	-webkit-border-radius:6px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.5);
	-moz-border-radius:6px;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.8), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
	border:1px solid rgba(255, 255, 255, 0.5);
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-size:16px;
	line-height:23px;
	letter-spacing:0px;
	color:#ffffff;
	}

.button a{
	display:block;
	padding:5px 0px 3px 0px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	}


/* PageTop Scroll-button */
	#pageTop{
		position:fixed;
		bottom:30px;
		right:10px;
		}
	#pageTop a{
		}
	#pageTop a:hover {
		}


#CM_movie{
	width:320px;
	height:180px;
	margin:10px auto 10px auto;
	text-align:center;
	}

.lead{
	margin:10px 15px 20px 15px;
	padding:10px 10px 10px 10px;
	line-height:24px;
	font-size:17px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	color:#000000;
	border-top:3px dotted #ffcc77;
	border-bottom:3px dotted #ffcc77;
	}

dl.program_info{
	margin:10px 20px 20px 20px;
	padding:0px 0px 0px 0px;
	}

dl.program_info dt{
	margin:3px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	line-height:24px;
	font-size:16px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-weight:bold;
	color:#5577cc;
	}

dl.program_info dd{
	margin:0px 5px 10px 10px;
	padding:3px 0px 3px 0px;
	line-height:20px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-size:15px;
	font-weight:normal;
	color:#333333;
	}
dl.program_info dd .duties{
	font-size:12px;
	color:#5577cc;
	}


dl.main{
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	}

dl.main dt.title{
	margin:10px 0px 0px 0px;
	padding:15px 10px 20px 30px;
	line-height:24px;
	font-size:18px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-weight:bold;
	background-image:url("../images/dt_bg.jpg");
	color:#550000;
	}
dl.main dt.photo{
	margin:3px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-align:center;
	}
dl.main dt.photo img{
	width:320px;
	margin:3px 0px 3px 0px;
	padding:0px;
	text-align:center;
	}

dl.main dd{
	margin:0px 0px 10px 0px;
	padding:3px 15px 3px 20px;
	line-height:24px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:16px;
	font-weight:normal;
	color:#000000;
	}



hr{
	margin:5px 0px 5px 0px;
	color: #555555;
	background-color: #555555;
	border-style:none;
	height:1px;
	}

blockquote{
	margin:5px 0px 5px 20px;
	}


ol{
	margin:3px 0px 3px 10px;
	list-style-type:decimal;
	}

ol.security{
	margin:5px 0px 5px 10px;
	}

ol.security li{
	margin:3px 0px 5px 0px;
	}

ol.indent{
	margin:3px 0px 3px 30px;
	list-style-type:decimal;
	}


/* [Simple List] ----------------------*/

ul.simple_list{
	margin:10px 9px 15px 20px;
	padding:0px 0px 0px 0px;
	list-style:disc;
	}

ul.simple_list li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	line-height:20px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:14px;
	font-weight:normal;
	}

ul.comment{
	margin:5px 5px 10px 5px;
	padding:0px 0px 0px 20px;
	}

ul.comment li{
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	list-style-image:url("../../../img/icon-list-blue.gif");
	line-height:16px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight:normal;
	color:#aa0000;
	}


.margin-3000{
	margin:3px 0px 0px 0px;
	padding:0px;
	}

.margin-5000{
	margin:5px 0px 0px 0px;
	padding:0px;
	}