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

/*----------*----------*----------*----------*--------------------*----------*----------*----------*----------*/
/* プログラムページ CSS */
/*----------*----------*----------*----------*--------------------*----------*----------*----------*----------*/

/* プログラムページ テーブル  */
.pro_tbl{
	display: block ;
}
	.pro_tbl th{
		vertical-align: top ;
		text-align: left;
		font-weight: normal;
		width: 3em;
	}
	.pro_tbl td{
		vertical-align: top ;
		text-align: left;
		padding: 0 5px;
	}

	/* プログラムページ テーブル  */
	.pro_tbl2{
		display: block ;
	}
		.pro_tbl2 th{
			vertical-align: top ;
			text-align: left;
			font-weight: normal;
			width: 12em;
		}
		.pro_tbl2 td{
			vertical-align: top ;
			text-align: left;
			padding: 0 5px;
		}



.td_zacho{
	text-indent: -8.5em ;
	padding-left: 8.5em ;
}

.td_enja{
	text-indent: -5em ;
	padding-left: 5em ;
}




.pro_theme {
	display: block ;
	color: #003475 ;
	font-size: 18px ;
	font-weight: bold ;
	margin-bottom: 5px ;
}

.pro_theme_txt_i {
	display: block ;
	color: #003475 ;
	font-size: 18px ;
	font-weight: bold ;
	margin-bottom: 5px ;

	text-indent: -0.6em ;
	line-height: 1.5 ;
	/* padding-left: 0em ; */
}

.pro_theme_2L {
	display: block ;
	color: #003475 ;
	font-size: 18px ;
	font-weight: bold ;
	line-height: 1.5 ;
	margin-bottom: 5px ;
}



.pro_title{
	font-weight: bold;
	margin: 0px 0 0 10px;
	text-indent: -1.2em;
	padding-left: 0.2em;
}

.pro_endai{
	color: #003475 ;
	font-size: 16px ;
	font-weight: bold ;
}



.pro_header {
	background: #d7ece8;

	color: #003475 ;
	display: block ;
	font-size: 22px ;
	font-weight: bold ;
	height: 40px ;
	padding-left: 15px ;

	position: relative ;
}



.pro_name{
	display: inline-block ;
	color: #003475 ;
	font-size: 22px ;
	font-weight: bold ;
}



.pro_time{
	display: inline-block ;
	margin-left: 15px ;

	color: #003475 ;
	font-size: 18px;
	font-weight: bold;
}

.pro_time_2{
	border: solid 1px #003475 ;
	border-radius: 4px ;
	display: inline-block ;
	margin-bottom: 10px ;
	padding-left: 10px ;
	width: 100% ;

	position: relative ;

	color: #003475 ;
	font-size: 18px ;
	font-weight: bold ;
}



.pro_kaijo {
	color: #754518 ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: right ;

	position: absolute ;
	top: 0 ;
	right: 15px ;
}

.pro_kaijo_2 {
	background: #F9F5E7 ;
	margin-bottom: 10px ;
	width: 100% ;

	color: #754518 ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: right ;
}



/* 文字 長体 */
.txt_narrow_90 {
    transform: scale(0.9, 1) ;
}
.txt_narrow_80 {
    transform: scale(0.8, 1) ;
}
.txt_narrow_70 {
    transform: scale(0.7, 1) ;
}




/*----------*----------*----------*----------*----------*/
/* ボックス */
.box_pro{
	display: inline-block ;
	font-size: 15px ;
	padding-left: 1em ;
	text-align: left ;
	text-indent: -1em ;
	vertical-align: top ;
	width: auto ;
}




/*----------*----------*----------*----------*----------*/
/* ボタン */
.pro_btn1 {
	background: linear-gradient(to right, #06a771 0%, #0357a5 100%) ;
	border-radius: 12px ;
	display: inline-block ;
	height: auto ;
	padding: 10px ;
	width: 86% ;

	box-shadow: 2px 2px 1px #999 ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
	.pro_btn1:hover{
		background: linear-gradient(to right, #e0b116 0%, #da4a07 100%) ;
	}

.pro_btn1_nolink{
	background: #999 ;
	border-radius: 12px ;
	display: inline-block ;
	height: auto ;
	padding: 10px ;
	width: 86% ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}



.pro_btn2 {
	background: linear-gradient(to right, #06a771 0%, #0357a5 100%) ;
	border-radius: 12px ;
	display: inline-block ;
	height: auto ;
	margin-bottom: 15px ;
	padding: 10px ;
	width: 42% ;

	box-shadow: 2px 2px 1px #999 ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
	.pro_btn2:hover{
		background: linear-gradient(to right, #e0b116 0%, #da4a07 100%) ;
	}


.pro_btn2_nolink {
	background: #999 ;
	border-radius: 12px ;
	display: inline-block ;
	height: auto ;
	margin-bottom: 15px ;
	padding: 10px ;
	width: 42% ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}


.pro_btn2_height {
	background: linear-gradient(to right, #06a771 0%, #0357a5 100%) ;
	border-radius: 12px ;
	display: inline-block ;
	height: 85px ;
	margin-bottom: 15px ;
	padding: 10px ;
	width: 42% ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	line-height: 65px ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
	.pro_btn2_height:hover{
		background: linear-gradient(to right, #e0b116 0%, #da4a07 100%) ;
	}


.pro_btn2_no_height {
	background: #999 ;
	border-radius: 12px ;
	display: inline-block ;
	height: 85px ;
	margin-bottom: 15px ;
	padding: 10px ;
	width: 42% ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	line-height: 65px ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}


.pro_btn2_w {
	background: linear-gradient(to right, #06a771 0%, #0357a5 100%) ;
	border-radius: 12px ;
	display: inline-block ;
	height: auto ;
	margin-bottom: 15px ;
	padding: 10px ;
	width: 48% ;

	box-shadow: 2px 2px 1px #999 ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
	.pro_btn2_w:hover {
		background: linear-gradient(to right, #e0b116 0%, #da4a07 100%) ;
	}


.pro_btn3 {
	background: linear-gradient(to right, #06a771 0%, #0357a5 100%) ;
	border-radius: 12px ;
	display: inline-block ;
	height: auto ;
	margin-bottom: 15px ;
	padding: 10px ;

	box-shadow: 2px 2px 1px #999 ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
	.pro_btn3:hover {
		background: linear-gradient(to right, #e0b116 0%, #da4a07 100%) ;
	}


.pro_btn3_nolink {
	background: #999 ;
	border-radius: 12px ;
	display: inline-block ;
	height: auto ;
	margin-bottom: 15px ;
	padding: 10px ;
	width: 100% ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}


.pro_btn3_height {
	background: linear-gradient(to right, #06a771 0%, #0357a5 100%) ;
	border-radius: 12px ;
	display: inline-block ;
	height: 85px ;
	margin-bottom: 15px ;
	padding: 10px ;
	width: 100% ;

	position: relative ;/* アイコンの位置のための設定 */

	color: #FFF ;
	font-size: 18px ;
	font-weight: bold ;
	line-height: 65px ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
	.pro_btn3_height:hover{
		background: linear-gradient(to right, #e0b116 0%, #da4a07 100%) ;
	}




.w93 {
	width: 93% ;
}






.pro_content{
	display: block ;
	margin: 20px 20px 35px 20px ;
}

.pro_content_2{
	display: block ;
	margin: 10px 20px 35px 20px ;
}


.pro_sub_content{
	display: block ;
	margin: 10px 15px 30px ;
}