@charset "utf-8";

/* コンテンツラップ */
#semicont-wrap{
	width: 945px;
	margin: 0 auto 0;
}

/* メインビジュアル */
#mainvisual {
	width: 945px;
	margin: 0 auto 0;
	overflow: hidden;
}
#mainvisual img {
	vertical-align: bottom;
	margin-top: -1px;
}

/* リード */
#lead {
	margin: 30px 0 0 69px;
	padding: 20px 20px;
	width: 810px;
	background: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
}

#lead .ttl_ {
	font-size: 20px;
	color: #4c4c4c;
	font-weight: bold;
	margin: 0 0 10px;
}

#lead .side-l {
	width: 50%;
	float: left;
	padding-right: 15px;
}
#lead .side-r {
	margin-left: 50%;
	padding-left: 15px;
}
#lead .sig_ {
	text-align: right;
	font-size: 15px;
	margin: 20px 0 0;
}

/* ページ内ナビゲーション */
#inpagemenu {
	width: 945px;
	background: #003366;
	margin: 30px auto 0;
}
#inpagemenu ul {
	overflow: hidden;
	position: relative;
	height: 40px;
}
#inpagemenu li {
	float: left;
	width: 25%;
	height: 40px;
	text-align: center;
	padding: 12px 0 0;
}


/* お知らせ */
#archive_pub_announce {
	background: #fff;
	border: 1px solid #ff7b11;
	padding: 12px;
	text-align: center;
	color: #ff7b11;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	margin: 30px 0 0;
}
#archive_pub_announce a {
	font-size: 14px;
	font-weight: bold;
}
#archive_pub_announce .message1 {
	text-align: left;
	display: inline-block;
	color: #1c1c1c;
}
#archive_pub_announce .message1 .large {
	font-size: 17px;
	line-height: 1.6;
}


/* 演題 */
#endai {
	padding: 10px 0 0;
	margin: 40px 0 0 69px;
	width: 810px;
}
#endai .midashi {
	padding: 0 0 0;
}
#endai .midashi img {
	vertical-align: bottom;
	width: 147px;
	height: 26px;
}
#endai .topics-list {
	margin: 20px 0 0 20px;
}
#endai .topics-list > li {
	margin-top: 20px;
}
#endai .topics-list > li:first-child {
	margin-top: 0;
}
#endai .topictitle {
	color: #00529e;
	font-size: 18px;
	font-weight: bold;
}
#endai .layouter {
	margin: 10px 0 0 20px;
	width: 100%;
}
#endai .layouter > tbody > tr > th {
	font-weight: normal;
	width: 40px;
	text-align: left;
}
#endai .layouter > tbody > tr > th.colon {
	width: 20px;
	text-align: center;
}
#endai .others {
	font-size: 14px;
	margin: 20px 0 0 20px;
}
#endai .time_ {
	font-size: 15px;
	color: #00529e;
	padding: 5px 0 0 20px;
}
/* セミナー概要 */
#gaiyou {
	padding: 10px 0 0;
	margin: 40px 0 0 69px;
	width: 810px;
}
#gaiyou .midashi {
	padding: 0 0 0;
}
#gaiyou .midashi img {
	vertical-align: bottom;
	width: 138px;
	height: 25px;
}
#gaiyou .innerwrap {
	overflow: hidden;
}
#gaiyou-tbl {
	margin: 15px auto 0;
}
#gaiyou-tbl .tr_ {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
#gaiyou-tbl .th_ {
	width: 100px;
	float: left;
	font-size: 15px;
	line-height: 26px;
	padding: 10px 0;
}
#gaiyou-tbl .td_ {
	margin-left: 125px;
	font-size: 15px;
	line-height: 26px;
	padding: 10px 0;
}
#gaiyou-tbl .place-row {
	margin: 0 0 10px;
}
#gaiyou-tbl .content_ {
	padding-left: 15px;
}
#gaiyou .att_ {
	font-size: 12px;
	line-height: 19px;
	margin: 10px 0;
}
#gaiyou .date-endai-att {
	font-size: 13px;
	margin: 5px 0 0;
}

/* セミナー説明 */
#seminar_description {
	margin: 35px 0 0;
}
#seminar_description .clicker-row {
	overflow: hidden;
	min-height: 210px;
	position: relative;
}
#seminar_description .clicker-row .img_ {
	position: absolute;
	width: 220px;
	bottom: 0;
	right: 0;
	padding: 0 20px;
}
#seminar_description .clicker-row .img_ img {
	width: 100%;
	height: auto;
}
#seminar_description .clicker-row .text_ {
	padding-right: 220px;
	font-size: 15px;
	line-height: 1.5;
}

/* 特商法・お問い合わせ等 */
#qa {
	margin: 55px auto 20px;
	font-size: 14px;
	line-height: 2;
	text-align:center;
}
#qa .tel {
	font-size: 11px;
	line-height: 130%;
	margin: 5px 0px 5px;
}


/* 参加お申込み */
#join {
	padding: 10px 0 0;
	margin: 40px auto 0;
	font-size: 13px;
	width: 810px;
}
#join .tocart {
	margin: 10px 15px 0;
	text-align: right;
}
#join .secttl .tocart {
	position: absolute;
	right: 0;
	top: 12px;
}
#join .infonote-1 {
	background: #fff;
	border: 1px solid #ff7b11;
	padding: 12px;
	text-align: center;
	color: #ff7b11;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	margin: 15px 0 0;
}
#join .infonote {
	margin: 15px 0 0;
	line-height: 1.5;
}
#join .joinTit {
	font-size:12px;
	overflow: hidden;
}
#join .joinTit .paytitle {
	float: left;
	width: 420px;
}
#join .joinTit .payclassinfo {
	margin-left: 420px;
}
#join .joinTit img{
	vertical-align:bottom;
}
#join .joinBtn {
	margin:15px auto 0;
}
#join .joinBtn .btn-row {
	overflow: hidden;
}
#join .joinBtn .btn-box {
	text-align: center;
	margin: 15px 0;
}
#join .joinBtn .btn-box img {
	vertical-align: bottom;
}
#join .streaming-notice {
	background: #fff;
	border: 1px solid #ff7b11;
	padding: 12px;
	text-align: center;
	color: #ff7b11;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	margin: 30px 0 0;
}

#joinstream {
	padding: 10px 0 0;
	margin: 45px 0;
	font-size: 13px;
}
#joinstream .tocart {
	margin: 10px 15px 0;
	text-align: right;
}
#joinstream .secttl .tocart {
	position: absolute;
	right: 0;
	top: 12px;
}
#joinstream .infonote {
	margin: 20px 0;
	line-height: 1.5;
}
#joinstream .joinTit {
	font-size:12px;
	overflow: hidden;
}
#joinstream .joinTit .paytitle {
	float: left;
	width: 420px;
}
#joinstream .joinTit .payclassinfo {
	margin-left: 420px;
}
#joinstream .joinTit img {
	vertical-align:bottom;
}
#joinstream .joinBtn {
	width: 850px;
	margin: 15px auto 0;
}
#joinstream .mr8 {
	margin-right: 8px;
}
#join .zennichi-row ,
#joinstream .zennichi-row {
	overflow: hidden;
}
#join .zennichi-row .btn-box ,
#joinstream .zennichi-row .btn-box {
	float: left;
	width: 278px;
}
#join .zennichi-row .tocart-box ,
#joinstream .zennichi-row .tocart-box {
	margin-left: 278px;
	text-align: right;
	padding-top: 39px;
}
.joinTitFPrice {
	margin: 15px 0 15px 30px;
}

/* WEBでの閲覧方法 */
#howtowatch {
	padding: 0 0;
	margin: 40px 0 0 69px;
	width: 810px;
}
#howtowatch .midashi {
	padding: 0 0;
}
#howtowatch .midashi img {
	vertical-align: bottom;
}
#howtowatch .explain {
	margin: 10px 0 0;
	padding: 0 0;
	font-size: 14px;
	line-height: 23px;
}
#howtowatch .explain strong {
	font-weight: bold;
}


#ustreaminfo {
	margin: 40px auto 0;
	width: 810px;
}
#ustreaminfo h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #4c4c4c;
}
#system{
	margin: 15px 0 0;
	border: solid 1px #9c9c9c;
	padding: 25px 25px;
	background: #fff;
}
#system h5{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
#system p, #system td{
	font-size: 12px;
	line-height: 20px;
}
#system #sysL{
	width:360px;
	float:left;
}
#system #sysR{
	margin-left: 360px;
}
#system #sysL strong {
	font-weight: bold;
	letter-spacing: 0.5px;
}
#system a {
	color: #00549a;
}

.nowstreaming {
	width: 850px;
	margin: 20px auto 0;
	overflow: hidden;
}
.nowstreaming .coll {
	float: left;
	width: 600px;
}
.nowstreaming .colr {
	margin-left: 600px;
	padding-top: 25px;
}
.nowstreaming .coll h6 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.nowstreaming .coll p {
	margin: 10px 0 0;
}
.nowstreaming .coll a {
	text-decoration: underline;
}

/* 資料ダウンロード */
.to_handout {
	width: 850px;
	margin: 20px auto 0;
	overflow: hidden;
}
.to_handout .leadtxt {
	float: left;
	width: 600px;
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0;
	color: #F63;
	padding-right: 15px;
}
.to_handout .btn {
	margin-left: 600px;
}

/* 問い合わせ誘導 */
#contact_box {
	padding: 0 0;
	margin: 50px auto;
	width: 100%;
	border: 1px solid rgba(0,84,154,1);
	overflow: hiddne;
	background: #fff;
}
#contact_box .fll {
	font-size: 19px;
	float: left;
	width: 50%;
	padding: 0 0 0;
	line-height: 52px;
	color:  rgba(0,84,154,1);
	text-align: center;
}
#contact_box .flr {
	font-size: 14px;
	margin-left: 50%;
	line-height: 52px;
}

/* アクセスマップ */
#access {
	padding: 10px 0 0;
	margin: 40px auto 0;
	width: 810px;
}
#access .accessmap {
	margin: 20px 0 0;
	width: 810px;
	padding: 20px 20px;
	border: 1px solid #ccc;
	background: #fff;
	overflow: hidden;
}
#access .accessmap-row {
	overflow: hidden;
	margin: 10px 0 0;
}
#access .place-name {
	font-size: 18px;
	font-weight: bold;
}
#access .place-name.place2 {
	margin-top: 30px;
}
#access .place-address {
	font-weight: normal;
}
#access .accessmap-text {
	width: 270px;
	font-size: 16px;
	line-height: 27px;
	font-weight: normal;
	float: left;
}
#access .accessmap-text strong {
	font-weight: bold;
}
#access .accessmap-map {
	margin-left: 270px;
}


/* 動画アーカイブ */
#archives {
	padding: 10px 0 0;
	margin: 35px 0 0 69px;
	width: 810px;
}
#archives .midashi {
	padding: 0 0;
}
#archives .midashi img {
	vertical-align: bottom;
	width: 170px;
	height: 26px;
}
#archives .archives_wrap {
	overflow: hidden;
	width: 810px;
	margin: 15px 0 0;
	background: #fff;
	border: 1px solid rgba(0,84,154,1);
	padding: 5px 30px 27px;
}
#archives .archive_wrap {
	padding: 25px 0 0;
}
#archives .ttl_ {
	font-size: 23px;
	margin: 10px 0;
}
#archives .ttl_ .topicname {
	font-size: 19px;
	color: #00529e;
}
#archives .ttl_ .lecturer {
	font-size: 15px;
}
#archives .ttl_ .free_flg {
	font-size: 15px;
	color: red;
	text-align: right;
}
#archives .movielist {
	margin: 15px 0 0;
	overflow: hidden;
	width: 100%;
}
#archives .handout_wrap {
	margin: 10px 0 0;
	overflow: hidden;
}
#archives .handout_wrap .dlbtn {
	width: 230px;
	float: left;
}
#archives .handout_wrap .desc_ {
	margin-left: 230px;
	padding-left: 10px;
	line-height: 20px;
}
#archives .archive-date {
	font-size: 20px;
	margin: 20px 0 0;
	text-align: right;
}
#archives .archive-date .circ {
	color: #9cd0f1;
}
#archives .movielist li {
	width: 236px;
	margin-left: 20px;
	float: left;
}
#archives .movielist li.row-first {
	margin-left: 0;
}
#archives .movielist .poster img {
	width: 100%;
}
#archives .movielist .title {
	position: relative;
	padding-right: 20px;
	text-align: left;
	margin: 10px 0 0;
	line-height: 1.6;
}
#archives .movielist .title a {
	font-size: 16px;
	font-weight: bold;
}
#archives .movielist .title .ico_kamoku3 {
	display: inline-block;
	margin-left: 7px;
	font-size: 0;
}
#archives .movielist .bookmark_gray {
	position: absolute;
	top: 0;
	right: 0;
}
#archives .movielist .prop_ {
	height: 50px;
	overflow: hidden;
}
#archives .movielist .desc {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #9c9c9c;
	text-align: left;
	position: relative;
}