@charset "utf-8";

body .container a:link {color: #00a3d9; text-decoration: none;}
body .container a:visited {color: #00a3d9; text-decoration: none;}
body .container a:hover {color: #00a3d9; text-decoration: underline;}

body .container {
	margin: 0 0 15px;
	width: 100%;
	height: auto;
}
.pageTitle {
	margin: 0 auto 20px;
	width: 100%;
	height: 40px;
	background: url(/tokyo/common/images/header_bg.jpg) no-repeat center top;
	background-size: cover;
}
.pageTitle .wrap {
	margin: 0 auto;
	width: 100%;
	height: 40px;
	background: url(/tokyo/common/images/tri01.png) repeat-x 0 bottom;
	background-size: contain;
}
.pageTitle h1 {
	margin: 0 0 0 1em;
	padding: 12px 0 0 0;
	text-align:left;
}
.pageTitle h1 img {width: auto;height: 14px;}
.lead {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color:#555555;
	font-weight: bold;
	text-align:left;
}

/*----- メイン画像 -----------------------------------*/
.contentBlock {
	margin: 0 2% 10px;
	width: 96%;
	height: auto;
}
.contentBlock ul {
	width:100%;
	height: auto;
}
.contentBlock ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.contentBlock ul li {
	margin: 0 0 2em 0;
	width:100%;
	height: auto;
	text-align:center;
}
.contentBlock ul li:nth-child(3n) {margin-right: 0;}
.contentBlock ul li img {margin: 0 auto;}
.contentBlock ul li.noimage {padding-top:1em; background: url(/tokyo/common/images/redline.png) repeat-x 0 top;}

.contentBlock dl {
	width:100%;
	height: auto;
	text-align:left;
}
.contentBlock dt {
	margin: 0.5em 0;
	font-size: 1.4em;
	line-height: 1.6em;
	color:#c00d22;
	font-weight: bold;
}
.contentBlock dd {
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
}
.contentBlock dd:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

.contentBlock .indt {
	font-size: 1em;
	padding-left: 1em;
	text-indent:-1em;
}

/*----- 締め二重枠 -----------------------------------*/
.closing {
	font-size: 1.4em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:center;
}
.closing {
	margin: 10px auto 2em;
	padding: 10px 5px;
	border: 5px #ffc9c9 solid ;
	position: relative ;
	z-index: 100 ;
	background: #fff ;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.closing::before {
	content: "" ;
	position: absolute ;
	top: 0 ;
	right: 0 ;
	bottom: 0 ;
	left: 0 ;
	border: 2px #ffc9c9 solid ;
	margin: 2px ;
	display: block ;
	z-index: -1 ;
	background: #fff ;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.closing::after {
	content: "" ;
	position: absolute ;
	top: 0 ;
	right: 0 ;
	bottom: 0 ;
	left: 0 ;
	border: 2px #ffc9c9 solid ;
	margin: 2px ;
	display: block ;
	z-index: -5 ;
	background: #fff ;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/*----- introduction - ご紹介 -----------------------------------*/
.introduction .closing {width: 90%;}

/*----- student - 在学生のみなさん -----------------------------------*/
.student .contentBlock ul li.certificate {}
.student .contentBlock ul li.certificate .left, 
.student .contentBlock ul li.certificate .right {margin-top: 1em; width:100%;}

.student table {
	width:99%;
	border-left:1px solid #999;
	border-top:1px solid #999;
}
.student th, .student td {
	padding: 0.5em;
	font-size: 1em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:center;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:middle;
}
.student th {background-color: #e4e4e4;}

.student th.type {width:53%;}
.student td.type {text-align:left;}
.student th.fee {width:20%;}
.student th.reception {width:25%;}


/*----- graduate - 卒業生のみなさん -----------------------------------*/
.graduate .contentBlock ul li.certificate {}
.graduate .contentBlock ul li.certificate .left, 
.graduate .contentBlock ul li.certificate .right {margin-top: 1em; width:100%;}

.graduate table {
	margin: 1em 0;
	width:99%;
	border-left:1px solid #999;
	border-top:1px solid #999;
}
.graduate th, .graduate td {
	padding: 0.5em;
	font-size: 1em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:center;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:middle;
}
.graduate th {background-color: #e4e4e4;}
.graduate th.type {width:53%;}
.graduate td.type {text-align:left;}
.graduate th.fee {width:20%;}
.graduate th.reception {width:25%;}


/*----- event - イベント?講座情報 -----------------------------------*/
.event h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.8em;
	line-height: 1.6em;
	color:#c00d22;
	font-weight: bold;
	text-align:left;
}
.event h3 {
	margin: 0 0 0.5em 0;
	font-size: 1.4em;
	line-height: 1.6em;
	color:#c00d22;
	font-weight: bold;
	text-align:left;
}
.event .openlecture, 
.event .eventcase, 
.event .lecSchedule {
	margin-bottom:2em;
	width:100%;
	height: auto;
}
.event .openlecture:after, 
.event .eventcase:after, 
.event .lecSchedule:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.event .lecSchedule .summer, 
.event .lecSchedule .autumn {width:100%;}

.event .openlecture p, 
.event .eventcase p {
	font-size: 1.4em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:left;
}
.event .openlecture p.status, 
.event .eventcase p.cap {
	margin: 1em 0 0.5em;
	font-weight: bold;
}

.event .lecSchedule p {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:left;
}
.event table {
	margin: 0 0 1em 0;
	width:99%;
	border-left:1px solid #999;
	border-top:1px solid #999;
}
.event th, .event td {
	padding: 0.5em;
	font-size: 1.2em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:center;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:middle;
}
.event th {width:38%; background-color: #e4e4e4;}
.event td.hourfix {width:37%;}
.event td.hourflex {width:25%;}


/*----- facilities - 施設案内 -----------------------------------*/
.facilities .figure {
	margin: 0 2% 2em;
	width: 96%;
	height: auto;
}
.facilities .dot {
	padding: 0 0 0 1em;
	font-size: 1em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:left;
	text-indent:-1em;
}
.facilities .closing {width: 90%;}

/*----- access - アクセス -----------------------------------*/
.access h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.8em;
	line-height: 1.6em;
	color:#c00d22;
	font-weight: bold;
	text-align:left;
}
.access .figure {
	margin: 0 2% 2em;
	width: 96%;
	height: auto;
}
.access li p {
	margin: 1em 0 0 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:left;
}


/*----- enter - 入館方法 -----------------------------------*/
.enter .figure {
	margin: 0 2% 2em;
	width: 96%;
	height: auto;
	float:right;
}
.enter .figure2 {
	margin: 0 2% 2em;
	width: 96%;
	height: auto;
}

.enter .contentBlock ul {
}
.enter .contentBlock ul li {
	margin: 0 0 1em 0;
	padding: 0 0 4.2em 0;
	width: auto;
	font-size: 1.4em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:left;
	float:none;
	background: url(/tokyo/enter/images/arr-down2.png) no-repeat center bottom;
}
.enter .contentBlock ul li:nth-child(4) {}
.enter .contentBlock ul li:last-child {
	background:none;
	margin: 0 0 2em 0;
	padding: 0;
}
.enter .contentBlock ul li span {font-size: 0.86em;}
.enter .closing {width: 90%;}

.enter .contentBlock .dayoff:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.enter .contentBlock .dayoff p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.6em;
	color:#333;
	font-weight: normal;
	text-align:left;
}
.enter .contentBlock .dayoff .indt {
	padding-left: 1em;
	text-indent:-1em;
}
.enter .contentBlock .dayoff .pd1 {
	padding-left: 1em;
}

/*----- movie - 動画 -----------------------------------*/
.movie .figure {
	margin: 0 2% 2em;
	width: 96%;
	height: auto;
}
.movie .figure iframe {
	width: 100%;
	height: 100%;
}

/*----- sitemap - サイトマップ -----------------------------------*/
.sitemap .left, 
.sitemap .right {width:100%;}

.sitemap .contentBlock ul.linkList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.sitemap .contentBlock ul.linkList li{
	margin: 0;
	padding: 1.2em 0 1.2em 1em;
	font-size:1.2em;
	line-height: 1.6em;
	font-weight:normal;
	text-align:left;
	border-bottom:1px dotted #cccccc;
	float:none;
	background: url(/tokyo/common/images/arrow_black.png) no-repeat 0 center;
}
.sitemap .contentBlock ul.linkList li:first-child{border-top:1px dotted #cccccc;}



/*===============================================
= More than 641px 
= Except for Smart Phone
===============================================*/
@media screen and (min-width: 641px) {

	.pageTitle {
		margin: 0 auto 40px;
		width: 100%;
		height: 110px;
		background: url(/tokyo/common/images/header_bg.jpg) no-repeat center top;
	}
	.pageTitle .wrap {
		margin: 0 auto;
		width: 100%;
		height: 110px;
		background: url(/tokyo/common/images/tri01.png) repeat-x 0 bottom;
		background-size: contain;
	}
	.pageTitle h1 {
		margin: 0 auto;
		padding: 37px 0 0 0;
		width: 960px;
		height: auto;
		text-align:left;
	}
	.pageTitle h1 img {width: auto;height: auto; max-width:100%;}
	.lead {
		margin: 0 0 35px 0;
		font-size: 1.4em;
		line-height: 2.0em;
		color:#555555;
		font-weight: bold;
		text-align:left;
	}
	
	/*----- メイン画像 -----------------------------------*/
	.contentBlock {
		margin: 0 auto 10px;
		width: 960px;
		height: auto;
	}
	.contentBlock ul {
		width:100%;
		height: auto;
	}
	.contentBlock ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
	.contentBlock ul li {
		margin: 0 30px 30px 0;
		width:300px;
		height: auto;
		float:left;
	}
	.contentBlock ul li:nth-child(3n) {margin-right: 0;}
	.contentBlock ul li.noimage {padding-top:0; background: url(/tokyo/common/images/redline.png) repeat-x 0 top;}
	
	.contentBlock dl {
		width:100%;
		height: auto;
	}
	.contentBlock dt {
		margin: 1em 0 0.5em 0;
		font-size: 1.4em;
		line-height: 1.6em;
		color:#c00d22;
		font-weight: bold;
		text-align:left;
	}
	.contentBlock dd {
		margin: 0 0 1em 0;
		font-size: 1.2em;
		line-height: 1.6em;
		color:#333;
		font-weight: normal;
		text-align:left;
	}
	.contentBlock dd:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
	
	/*----- 締め二重枠 -----------------------------------*/
	.closing {
		font-size: 1.8em;
		line-height: 1.2em;
		color:#333;
		font-weight: normal;
		text-align:center;
	}
	.closing {
		margin: 10px auto 50px;
		padding: 25px;
		border: 5px #ffc9c9 solid ;
		position: relative ;
		z-index: 100 ;
		background: #fff ;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.closing::before {
		content: "" ;
		position: absolute ;
		top: 0 ;
		right: 0 ;
		bottom: 0 ;
		left: 0 ;
		border: 2px #ffc9c9 solid ;
		margin: 2px ;
		display: block ;
		z-index: -1 ;
		background: #fff ;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	.closing::after {
		content: "" ;
		position: absolute ;
		top: 0 ;
		right: 0 ;
		bottom: 0 ;
		left: 0 ;
		border: 2px #ffc9c9 solid ;
		margin: 2px ;
		display: block ;
		z-index: -5 ;
		background: #fff ;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	
	/*----- introduction - ご紹介 -----------------------------------*/
	.introduction .closing {width: 720px;}
	
	/*----- student - 在学生のみなさん -----------------------------------*/
	.student .contentBlock ul li.certificate {
		margin: 0 30px 30px 0;
		width:630px;
	}
	.student .contentBlock ul li.certificate .left, 
	.student .contentBlock ul li.certificate .right {margin-top: 1em; width:300px;}


	.student table {
		width:300px;
		border-left:1px solid #999;
		border-top:1px solid #999;
	}
	.student th, .student td {
		padding: 0.5em;
		font-size: 1em;
		line-height: 1.6em;
		color:#333;
		font-weight: normal;
		text-align:center;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		vertical-align:middle;
	}
	.student th {background-color: #e4e4e4;}
	.student th.type {width:53%;}
	.student td.type {text-align:left;}
	.student th.fee {width:20%;}
	.student th.reception {width:25%;}
	
	
	/*----- graduate - 卒業生のみなさん -----------------------------------*/
	.graduate .contentBlock ul li.certificate {}
	.graduate .contentBlock ul li.certificate .left, 
	.graduate .contentBlock ul li.certificate .right {margin-top: 1em; width:300px;}
	
	.graduate table {
		margin: 1em 0;
		width:300px;
		border-left:1px solid #999;
		border-top:1px solid #999;
	}
	.graduate th, .graduate td {
		padding: 0.5em;
		font-size: 1em;
		line-height: 1.6em;
		color:#333;
		font-weight: normal;
		text-align:center;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		vertical-align:middle;
	}
	.graduate th {background-color: #e4e4e4;}
	.graduate th.type {width:53%;}
	.graduate td.type {text-align:left;}
	.graduate th.fee {width:20%;}
	.graduate th.reception {width:25%;}
	
	
	/*----- event - イベント?講座情報 -----------------------------------*/
	.event h2 {
		margin: 0 0 0.5em 0;
		font-size: 2.1em;
		line-height: 1.6em;
		color:#c00d22;
		font-weight: bold;
		text-align:left;
	}
	.event h3 {
		margin: 0 0 0.5em 0;
		font-size: 1.4em;
		line-height: 1.6em;
		color:#c00d22;
		font-weight: bold;
		text-align:left;
	}
	.event .openlecture, 
	.event .eventcase, 
	.event .lecSchedule {
		margin-bottom:40px;
		width:100%;
		height: auto;
	}
	.event .openlecture:after, 
	.event .eventcase:after, 
	.event .lecSchedule:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
	.event .lecSchedule .summer, 
	.event .lecSchedule .autumn {width:465px;}
	
	.event .openlecture p, 
	.event .eventcase p {
		font-size: 1.4em;
		line-height: 2em;
		color:#333;
		font-weight: normal;
		text-align:left;
	}
	.event .lecSchedule p {
		margin: 0 0 1em 0;
		font-size: 1.2em;
		line-height: 1.6em;
		color:#333;
		font-weight: normal;
		text-align:left;
	}
	.event table {
		margin: 0 0 1em 0;
		width:100%;
		border-left:1px solid #999;
		border-top:1px solid #999;
	}
	.event th, .event td {
		padding: 0.5em;
		font-size: 1.2em;
		line-height: 1.6em;
		color:#333;
		font-weight: normal;
		text-align:center;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		vertical-align:middle;
	}
	.event th {width:38%; background-color: #e4e4e4;}
	.event td.hourfix {width:37%;}
	.event td.hourflex {width:25%;}
	
	
	/*----- facilities - 施設案内 -----------------------------------*/
	.facilities .figure {
		margin: 0 auto 40px;
		width: 640px;
		height: auto;
		text-align:center;
	}
	.facilities .dot {
		padding: 0 0 0 1em;
		font-size: 1em;
		line-height: 1.6em;
		color:#333;
		font-weight: normal;
		text-align:left;
		text-indent:-1em;
	}
	.facilities .closing {width: 880px;}
	
	/*----- access - アクセス -----------------------------------*/
	.access h2 {
		margin: 0 0 0.5em 0;
		font-size: 2.1em;
		line-height: 1.6em;
		color:#c00d22;
		font-weight: bold;
		text-align:left;
	}
	.access .figure {
		margin: 0 auto 40px;
		width: 560px;
		height: auto;
	}
	.access .contentBlock ul.arr-down01 {
		padding-bottom:80px;
		background: url(/tokyo/access/images/arr-down01.png) no-repeat 130px bottom;
	}
	/* 
	.access .contentBlock ul.arr-down02 {
		padding-bottom:80px;
		background: url(/tokyo/access/images/arr-down02.png) no-repeat 460px bottom;
	}
	*/
	.access .contentBlock ul.arr-down01 li, 
	.access .contentBlock ul.arr-down02 li {
		margin: 0;
		padding-right:30px;
		width:300px;
		height: auto;
		float:left;
	}
	.access .contentBlock ul.arr-down01 li.arr-right, 
	.access .contentBlock ul.arr-down02 li.arr-right {background: url(/tokyo/access/images/arr-right.png) no-repeat right 80px;}
	.access .contentBlock ul.arr-down01 li:nth-child(3n), 
	.access .contentBlock ul.arr-down02 li:nth-child(3n) {padding-right: 0;}
	.access .contentBlock ul li.last {
		margin: 0 0 40px 330px;
		padding:0px;
		width:300px;
		height: auto;
		float:left;
	}
	
	
	/*----- enter - 入館方法 -----------------------------------*/
	.enter .figure {
		margin: 0 0 1em 3em;
		width: 540px;
		height: auto;
		float:right;
	}
	.enter .figure2 {
		margin: 0 auto 1em;
		width: 540px;
		height: auto;
	}
	.enter .contentBlock ul {
		background: url(/tokyo/enter/images/arr-down.png) no-repeat 95px 110px;
	}
	.enter .contentBlock ul li {
		margin: 0 0 4.2em 0;
		padding: 0;
		width: auto;
		font-size: 1.4em;
		line-height: 2em;
		color:#333;
		font-weight: normal;
		text-align:left;
		float:none;
		background:none;
	}
	.enter .contentBlock ul li:nth-child(4) {margin-bottom: 3em;}
	.enter .contentBlock ul li:last-child {margin-bottom: 30px;}
	.enter .contentBlock ul li span {font-size: 0.86em;}
	.enter .closing {width: 720px;}
	
	
	/*----- movie - 動画 -----------------------------------*/
	.movie .figure {
		margin: 0 auto 50px;
		width: 640px;
		height: 360px;
	}
	
	/*----- sitemap - サイトマップ -----------------------------------*/
	.sitemap .left, 
	.sitemap .right {width:465px;}
	.sitemap .contentBlock ul.linkList {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.sitemap .contentBlock ul.linkList li{
		margin: 0;
		padding: 1.2em 0 1.2em 1em;
		font-size:1.2em;
		line-height: 1.6em;
		font-weight:normal;
		border-bottom:1px dotted #cccccc;
		float:none;
		background: url(/tokyo/common/images/arrow_black.png) no-repeat 0 center;
	}
	.sitemap .contentBlock ul.linkList li:first-child{border-top:1px dotted #cccccc;}
}