@charset "UTF-8";


.btn_pagetop {
	width:30px; height:30px;
	margin:50px 0 0 auto;
}
.btn_pagetop a {
	display:block;
	background-color:#666;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.btn_pagetop a:hover {
	background-color:#999;
}
.btn_pagetop img {
	padding:5px;
}
.link, .link_new{position: relative;
    padding: 3px 0 3px 12px;
	background:none;}
.link:before, .link_new:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent #5E66AD;
    position: absolute;
    top: 0.45em;
    left: 0;
}
.title{border-left:none;padding-left:0;}
.title h2{position:relative; border-top:solid 4px #ccc; border-bottom:none; padding-top:8px; font-weight: bold;}
.title h2:before{content:""; display:block; position:absolute; top:-4px; left:0; width:280px; height:4px; background-color:#5E66AD;}
.title p{font-size:120%;}
.global_footer .ico{vertical-align:middle; margin-left:3px;}
.red{color:#e6003e;}
.alignC{text-align:center;}
.nowrap{white-space:nowrap;}

.sp-dsp-block{display:none;}
.sp-dsp-none{display:block;}

header#header h1 {
	padding:0;
}
header#header h1 img{
	width:332px;
}

/* =======================================

	Top CSS

========================================== */
.global_nav {
	background-color:#5E66AD;
}
.global_nav ul {
	display: table;
	margin:0 auto; padding-left:1px;
	table-layout: fixed;
	width:959px;
	background:url(../../shared/images/img_line.gif) no-repeat left center;
}
.global_nav li {
	display: table-cell;
	font-size:108%;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.global_nav a,
.global_nav span {
	background:url(../../shared/images/img_line.gif) no-repeat right center;
	
}
.global_nav li:hover,
.global_nav li.current{
	background-color:#9EA3CE;
}


.headline {
	position:relative;
	padding-left:0;
	font-weight:bold;
	background-color:#f0f0f0;
	border-radius:5px;
	padding:15px 26px;
}
.headline:before{content:""; display:block; position:absolute; top:20%; left:10px; width:8px; height:30px; background-color:#5E66AD;}

.crosshead{padding-left:10px; border-left:solid 6px #5E66AD; font-weight:bold;}
.subhead{color:#5E66AD; font-weight:bold;}


ul.list_dot li{list-style-type:none; text-indent:-1em; margin-top:0.3em;}
ul.list_dot li:before{content:"●";color:#5E66AD;}

/* フォーラムへのお問い合わせ */
#forumContact{
	background: #f0f0f0;
	padding: 45px 0 10px 0;
	margin-top: 85px;
	
}
#forumContact #forumContactInner{
	width: 1040px;
	margin: 0 auto;
	display: table;
	border-spacing: 20px 0 ;
}
#forumContact #forumContactInner article {
	width: 470px;
	display: table-cell;
	padding: 20px;
	border-radius: 5px;
	background: #FFF;
}
#forumContact h3{
display: block;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}
#forumContact h4{
	border-left: 6px solid #e6003e;
	font-size: 120%;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 1em;
}
#forumContact dl dt{
	font-weight: bold;
	font-size: 200%;
	margin-bottom: 20px;
	position: relative;
	padding-left: 55px;
}
#forumContact dl dt:before{
	position: absolute;
	top: 8px;
	left: 0;
	content: "";
	display: inline-block;
	width: 50px;
	height: 28px;
	background: url(../images/footer_icon-freecall.png);
	background-size: contain;
	vertical-align: middle !important;
}
#forumContact dl dd strong{
	display: block;
	font-size: 115%;
	margin-bottom: 0.3em;
}


/* Index
========================================== */
.mainvisual {
	margin:30px 0 0;
}

.data {
	font-size:115%;
	margin:0 auto 20px;
	width:90%;
	
}
.data dl {
	float:left;
	margin-left:30px;
	width:auto;
}
.data dl:first-child {
	margin-left:0;
}
.data dt span,
.data dd {
	font-weight:bold;
}
.data dt {
	clear:both;
	float:left;
	width:4em;
}
.data dt span {
	border-left:6px solid #F7002C;
	display: inline-block;
	padding-left:5px;
}
.data dd {
	margin-bottom:10px;
	padding-left:4em;
}
.data dd span {
	font-size:88%;
}

.btn_application,
.close {
	background-color:#023a8c;
	padding:10px 0 30px;
}
.btn_application p {
	font-size:158%;
	margin:0 auto;
	width:12.5em;
}
.btn_application a {
	color:#FFF;
	display:block;
	padding:15px;
	text-decoration:none;	
	
background: #ff6126;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmN2U0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYxMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7e4e), color-stop(100%,#ff6126));
background: -webkit-linear-gradient(top,  #ff7e4e 0%,#ff6126 100%);
background: linear-gradient(to bottom,  #ff7e4e 0%,#ff6126 100%);

	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.btn_application a:hover {
background: #ff7e4e;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWQ3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d79), color-stop(100%,#ff7e4e));
background: -webkit-linear-gradient(top,  #ff9d79 0%,#ff7e4e 100%);
background: linear-gradient(to bottom,  #ff9d79 0%,#ff7e4e 100%);
}
.btn_application span {
	background:url(../../shared/images/arrow_btn.png) no-repeat 0 center;
	cursor:pointer;
	display:block;
	padding-left:29px;
}


.img_main {
	margin:0 auto 50px;
	width:960px;
}
.img_host {
	margin:0 auto;
	width:845px;
	border:solid 1px #000;
}

.close span {
	display:block;
	color:#FFF;
	border:1px solid #FFF;
	width:30em;
	margin:0 auto;
	padding:5px 0;
}

.headline2{
    margin-bottom: 20px;
    background-color: #f0f0f0;
    border-radius: 5px;
}
.headline2 dt {
	display: table-cell;
    padding: 5px 15px;
    background-color: #5E66AD;
    border-radius: 5px 0 0 5px;
	color:#fff;
	vertical-align: middle;
}
.headline2 dd {
	display: table-cell;
    vertical-align: middle;
    padding: 6px 12px;
}
#logos{
/*	width:82%;*/
	display:table;
	margin:0 auto;
}
#logos dt{
	display:  table-cell;
	vertical-align: middle;
	font-weight:bold;
	margin-right:30px;
	padding-right: 15px;
}
#logos dd{
	display: inline;
	margin-right:30px;
}
#logos li span{
	padding-top:25px;
}


.L1R1 .fLeft{ width:42%; margin-right:2%;}
.L1R1 .fRight{width:54.8%;}
.fLeft{float:left;}
.fRight{float:right; }
.tblcell{display:table-cell; vertical-align:middle;}

#entryBtn a{
	position:relative;
	display:block;
	margin:40px auto 60px;
	padding:12px 15px 12px 25px;
	background-color:#b60005;
	border-radius:5px;
	width:350px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:120%;}
#entryBtn a:before{
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    border-color: transparent #fff;
    position: absolute;
    top: 18px;
    left: 95px;
	}
#entryBtn a:hover{
	text-decoration:none;
	opacity:0.7;
}

#top .topcontents .title p{
	font-size:150%;
	margin:50px 0;
}

/* About
========================================== */
.tbl_about,
.tbl_lineup,
.tbl_timetable {
	width:100%;
}
.tbl_about th,
.tbl_lineup th,
.tbl_timetable th{
	border-right: 1px dotted #cbcbcb;
	padding:10px;
}
.tbl_about td,
.tbl_lineup td,
.tbl_timetable td {
	border-right: 1px dotted #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	padding:10px;
}
.tbl_about th:first-child,
.tbl_about td:last-child,
.tbl_lineup th:last-child,
.tbl_lineup td:last-child,
.tbl_timetable th:last-child,
.tbl_timetable td:last-child {
	border-right:none;
}




.tbl_about{
	border-top:solid 1px #cbcbcb;
}
.tbl_about th {
	border-bottom: 1px dotted #cbcbcb;
	background-color:#f0f0f0;
	text-align:center;
	width:15%;
	white-space:nowrap;
	vertical-align:middle;
}






/* セミナー一覧表 ------------------------------------------------------*/
.tbl_lineup thead th{
	background-color:#5E66AD;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
}
.tbl_lineup th.name {
	width:28%;
}
/*.tbl_lineup th.category {
	width:11% !important;
}*/
.tbl_lineup th.content {
	width:40%;
}
/*.tbl_lineup th.place {
	width:8%;
}*/
.tbl_lineup th.time {
	width:15%;
}
.tbl_lineup tbody th,
.tbl_lineup tbody td {
	vertical-align:middle;
	border-bottom: 1px dotted #cbcbcb;
}
.tbl_lineup a {
	display:block;
	position:relative;
	line-height:1;
	padding:3px 0 3px 12px;
	text-decoration:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tbl_lineup a:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent #5E66AD;
    position: absolute;
    top: 0.2em;
    left: 0;
}
.tbl_lineup a:hover {
	text-decoration:underline;
}
.tbl_timetable .breaktime{
	background-color:#ebebeb;
}
.tbl_lineup tbody tr td:first-child{
	background: #f00;
}
.tbl_lineup tbody tr td:last-child{
	text-align:center;
}
.tbl_lineup tbody tr:nth-child(even) th,
.tbl_lineup tbody tr:nth-child(even) td {
	background-color:#f0f0f0;
}



/* タイムテーブル ------------------------------------------------------*/
.tbl_timetable th {
	background-color:#5E66AD;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	width: 30%;
}
.tbl_timetable th:first-child{
	width: 10%;
}
.tbl_timetable td{
	text-align:center;
	vertical-align:middle;
	font-size:90%;
}
.tbl_timetable td:first-child{
	vertical-align:middle;
}

.tbl_timetable td:first-child span{
	position: relative;
    left: 37%;
	text-indent:-9999px;
	display:block;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ccc transparent transparent transparent;;
}
.tbl_timetable td img{
	width: 200px;
}
.tbl_timetable tbody tr td:nth-child(1){
	width: 10%;
}
.tbl_timetable tbody tr td:nth-child(2){
	width: 40%;
}
.tbl_timetable tbody tr td:nth-child(3){
	width: 50%;
}


/* 特別公演 ---------------*/
.tbl_timetable td.special {
	padding:0 !important;
	border:3px solid #98515C;
	vertical-align:top;
}
.tbl_timetable td.special img{
	margin: 1em auto;
}
.tbl_timetable td.special img.smbc{
	margin: 2em auto 0em auto;
}
.tbl_timetable td.special p{
	background: #98515C;
	color:#fff;
	padding:5px 0;
	text-align:center;
}
/*
.tbl_timetable td.special2{
	width:100%;
	border:3px solid #98515C;
	border-left: none;
	padding: 10px 10px !important;
	line-height:150%;
}
.tbl_timetable td.special2 p.title{
	font-weight:bold;
	text-align: center;
	font-size:140%;
	margin: 0 0 0.5em 0;
}
.tbl_timetable td.special2 p.title small{
	font-size:90% !important;
}
.tbl_timetable td.special2 p.speaker{
	text-align: center;
	margin: 0 0 0.5em 0;
}
.tbl_timetable td.special2 p.speaker span.name{
	font-size:140%;
	font-weight:bold;
}
.tbl_timetable td.special2 p.speaker span.name small{
	font-weight: bold;
	font-size: 85%;
}
.tbl_timetable td.special2 p.note{
	text-align:right;
}
*/
.tbl_timetable td.special2{
	width:100%;
	text-align:left;
	border:3px solid #98515C;
	border-left: none;
	padding: 10px 10px !important;
}
.tbl_timetable td.special2 .fLeft{
	width: 55%;
	font-weight:bold;
	line-height:150%;
}
.tbl_timetable td.special2 .fLeft span.title{
	font-weight:bold;
	font-size:140%;
}
.tbl_timetable td.special2 .fLeft span.title small{
	font-size:90% !important;
}
.tbl_timetable td.special2 .fRight{
	width: 45%;
	margin-bottom:0.5em;
}
.tbl_timetable td.special2 .fRight span.name{
	font-size:140%;
	font-weight:bold;
}
.tbl_timetable td.special2 .fRight span.name small{
	font-weight: bold;
	font-size: 85%;
}
.tbl_timetable td.special2 p{
	width:100%;
	text-align:right;
}


.tbl_timetable td#satellite{

}

.tbl_timetable td table#inTable{
	width:100%;
	border:none;
	margin: 0 !important;
}
.tbl_timetable td table#inTable td{
	border:none;
	width:50%;
	color:#5E66AD;
	font-size:100%;
	padding:3em 0 0 0;
	background: #eee;
}









.list_about {
	padding-bottom:20px;
	width:900px;
}
.list_about li {
/*	float:left;*/
	margin-left:1%;
	margin-bottom:15px;
/*	width:48.55%;*/
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	font-size:115%;
	background:#f5e4c2;
}
.list_about h3 {
	text-align:center;
	font-size:115%;
	font-weight:bold;
	color:#FFF;
	padding:5px 0;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
.list_about p {
	padding:15px 20px;
}
.list_about .item01 {
	border:2px solid #c0361c;
}
.list_about .item01 h3 {
	position: relative;
	background:#c0361c;
}
.list_about .item01 h3 img{
	width: 70px;
	position: absolute;
	right: 5px;
	top: -30px;
}
.list_about .item02 {
	position: relative;
	border:2px solid #8FAE79;
}
.list_about .item02 h3 {
	background:#8FAE79;
}
.list_about .item02 p {
	padding: 20px 20px 25px 20px;
}
.list_about .item02 img{
	width: 65px;
	position: absolute;
	right: 15px;
	bottom: 8px
}
.list_about p span.notes{
    font-size: 90%;
    display: block;
    margin-top: 0.3em;
}


.dl_about dt {
clear:both;
float:left;
width:13.5em;
}
.dl_about dd {
padding-left:13.5em;
margin-bottom:3px;
}
.span_about {
	display:inline-block;
	margin-right:10px;
	font-size:86%;
}


/* Howto
========================================== */
.wrap_howto {
	position:relative;
	padding:20px 0 20px 0;
}
.wrap_howto .number {
	display: inline-block;
	margin-right:10px;
    padding: 10px;
    background-color: #5E66AD;
    border-radius: 5px 0 0 5px;
}
.wrap_howto h3 {
	font-size:129%;
	font-weight:bold;
	margin-bottom:20px;
	background-color:#f0f0f0;
	border-radius:5px;
}
.wrap_howto h3 img{height:26px;}
.wrap_howto .inner {
	display: table;
	margin-bottom:10px;
	width:875px;
}
.wrap_howto .inner .img {
	display: table-cell;
	width:300px;
	padding: 20px;
}
.wrap_howto .inner .txt {
	display: table-cell;
	vertical-align:middle;
}

.para_howto {
	border-top:1px dashed #cbcbcb;
	padding:20px 0 0 0;
}
	


/* Access
========================================== */
.wrap_map {
	display: table;
	margin-bottom:10px;
}
.wrap_map .img {
	display: table-cell;
	width:440px;
}
.list_access {
	display: table-cell;
	vertical-align:middle;
}
.list_access li {
	margin-bottom:3px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 TUBLET
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:950px){
.container{min-width:100%;}
.global_nav ul,
.img_main,
.img_host,
.wrap_howto .inner,
.list_about,
.list_about li{width:auto;}
.global_header,
.topcontents,
.contents,
.close span,
.global_footer > div{width:95%;}
.container img{max-width:100%;}
.btn_pagetop img{width:20px; height:20px;}
.global_nav ul{width:100%; box-sizing: border-box;}
.img_host img{width:auto; height:95px;}
.close span{font-size:75%;}

.wrap_howto .inner .img,
.wrap_howto .inner .txt,
.wrap_map .img,
.list_access{display:block; width:auto;}
/* -----
 INDEX
 --------*/
#logos{width:auto; margin:0 auto; text-align:center;}
#logos li span{
	display:block;
}

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 640px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:640px){
.global_header .contact{display:none;}
.global_nav li{display:inline-block; float:left; box-sizing: border-box; width: 50%; border-bottom:solid 1px #fff; border-right:solid 1px #fff;}
.global_nav li:nth-child(2n){border-right:none;}
.global_nav ul, .global_nav a, .global_nav span{background-image:none;}
.global_header h1{float:none; text-align:center;}
.img_host img{width:auto; height:75px;}
.sp-dsp-block{display:block;}
.sp-dsp-none{display:none;}

/* -----
 INDEX
 --------*/
.L1R1 .fLeft{ float:none; width:auto; margin-right:0;}
.L1R1 .fRight{float:none; width:auto;}
#entryBtn a{ width:80%;}

/* フォーラムへのお問い合わせ */
#forumContact{
	background: #f0f0f0;
	padding: 45px 0 0 0;	
}
#forumContact #forumContactInner{
	width: auto;
	margin: 0 auto;
	display: block !important;
	border-spacing: 0;
	padding: 20px 20px 10px 20px !important;
}
#forumContact #forumContactInner article {
	width: auto;
	display: block !important;
	margin-top: 15px;
}
#forumContact h3{
	margin-bottom: 0px;
}
#entryBtn a{ width:80%;}


#logos dt{
	display: block;
	margin:0;
	padding: 0;
}
#logos dd{
	margin:5px 7px 0 7px;
}


/* -----
 ABOUT
 --------*/
.tbl_timetable td.special2 .fLeft,
.tbl_timetable td.special2 .fRight{
	float:none;
	width: 100%;
}
.tbl_timetable td.special2 .fLeft{
	font-size:110%;
	line-height:160% !important;
}
.tbl_timetable td.special2 .fLeft span.title{
	font-size:140%;
}
.tbl_timetable td.special2 .fRight{
	margin:1em 0 0 0;
}
.tbl_timetable td.special2 .fRight span.name{
	font-size:110%;
}
.tbl_timetable td.special2 p{
	text-align: left;
	margin-top:0.5em;
}



}