@charset "UTF-8";

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
/* 大枠 */
html,
body {
	height: 100%;
	}
body {
	background: url(../img/bg_header.png) repeat-x left top;
	font-size: 14px; 
	line-height: 1.6;
	}
#wrapper {
	width: 100%;
	min-width: 1244px;
	position: relative;
	}
body > #wrapper {
	height: auto;
	}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

@media print {
	html,
	html body{ *zoom: 0.65;}
	}
	
/* アクセシビリティ */
.guidance {
	left:-999px;
	position:absolute;
	width:990px;
	}
img {max-width: 100%;height: auto;width /***/:auto;vertical-align: bottom;} /* レスポンシブ対応 */
img {
	vertical-align: bottom;
	box-shadow: #000 0 0 0; /* ロールオーバー対応 */
	}
img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0; /* IE7対応 */
	}
		
/* リンク */
a:link    {color:#333; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}
a:hover   {color:#333; text-decoration: underline;}
a:active  {color:#333; text-decoration: underline;}

    	
/* タイトル */
#site_title {
	float: left;
	background: url(../img/line.png) no-repeat right center;
	padding-right: 30px;
	margin: 12px 0 8px;
	overflow: hidden;
	}
	.logo02 {
		position: absolute;
		top: 10px;
		left: 480px;
		}
h1.title {
	background: url(../img/bg_form02.png);
	padding: 40px 0;
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
	}
	h1.title span {
		display: block;
		width: 960px;
		margin: 0 auto;
		}
h2.subtitle {
	margin-bottom: 20px;
	}

		
/* ▼▼▼ ヘッダー
=====================================*/
header {
	width: 960px;
	height: 179px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}
	header .tel {
		position: absolute;
		top: 52px;
		right: 0;
		}
	
/* グローバルナビゲーション */
#gnav {
	clear: both;
	overflow: hidden;
	}
	#gnav li {
		float: left;
		}
	#gnav li.outline {background: url(../img/gnav01_over.png) no-repeat left top;}
	#gnav li.schedule {background: url(../img/gnav02_over.png) no-repeat left top;}
	#gnav li.event {background: url(../img/gnav03_over.png) no-repeat left top;}
	#gnav li.company {background: url(../img/gnav04_over.png) no-repeat left top;}
	#gnav li.access {background: url(../img/gnav05_over.png) no-repeat left top;}
	
#hnav {
	position: absolute;
	top: 0;
	right: 0;
	}
	#hnav li {
		float: left;
		margin-left: 10px;
		}


/* ▼▼▼ メイン 「コンテンツとサイドを囲む要素」
=====================================*/
#main {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 100px;
	clear: both;
	overflow: hidden;
	}
#home #main {padding-bottom: 0;}
	.inner {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
		}

/* パンくず */
#path {
	margin: 10px 0 40px;
	font-size: 12px;
	overflow: hidden;
	}
	#path li {
		float: left;
		background: url(../img/path.png) no-repeat right center;
		padding-right: 15px;
		margin-right: 10px;
		}
	#path li:last-child {
		background: none;
		}


/* コンテンツ */
#contents {
	float: right;
	width: 710px;
	overflow: hidden;
	}
	#contents > .inner {
		width: 690px;
		margin: 0 auto;
		overflow: hidden;
		}


/* ▼▼▼ サイド
=====================================*/
#side {
	float: left;
	width: 210px;
	overflow: hidden;
	}
#side > dl {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	}
	#side > dl dd {
		overflow: hidden;
		}
		#side > dl dd > ul {overflow: hidden;}
		#side > dl dd > ul li {
			border-bottom: 1px solid #ccc;
			}
		#side > dl dd > ul li:last-child {border-bottom: none;}
			#side > dl dd > ul li a {
				display: block;
				padding: 10px;
				}
			#side > dl#snav dd > ul li a {
				height: 58px;
				padding: 0 0 0 20px;
				line-height: 58px;
				}
			#side > dl#snav dd > ul li.now,
			#side > dl#snav dd > ul li a:hover {
				background: url(../img/now.png) no-repeat left center;
				text-decoration: none;
				}
#side .sub {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 30px;
	overflow: hidden;
	}
	#side .sub li:last-child a {
		background: url(../img/arrow_bl.png) no-repeat left center;
		padding: 2px 0 2px 22px;
		}
	#side .sub dl {overflow: hidden;}
	#side .sub dl dt {
		border-left: 4px solid #2333B5;
		padding-left: 10px;
		margin-bottom: 10px;
		font-size: 15px;
		}
	#side .sub dl dd {
		text-align: center;
		}
	.fb-like-box {margin-bottom: 30px;}

ul.past {
	margin: 20px 0 70px;
	overflow: hidden;
	}	
	ul.past li {
		float: left;
		margin: 0 30px 0 0;
		}
	ul.past li:last-child {margin-right: 0;}
	
	

/* ▼▼▼ フッター
=====================================*/
footer {
	width: 100%;
	background: #FFFDF5 url(../img/bg_footer.png) repeat-x center bottom;
	padding-bottom: 140px;
	clear: both;
	overflow: hidden;
	}
#bnav {
	border-bottom: 1px solid #CBD9DA;
	padding: 30px 0;
	margin-bottom: 60px;
	overflow: hidden;
	}
	#bnav ul {
		width: 890px;
		margin: 0 auto;
		overflow: hidden;
		}
	#bnav ul li {
		float: left;
		margin-right: 50px;
		}
		#bnav ul li a {
			background: url(../img/arrow_bottom.png) no-repeat left center;
			padding-left: 12px;
			}
.footer_inner {
	width: 890px;
	margin: 0 auto;
	}
	footer dl.contact {
		float: left;
		width: 340px;
		overflow: hidden;
		}
		footer dl.contact dt,
		footer dl.contact dd {
			border-left: 4px solid #2333B5;
			padding-left: 10px;
			}
		footer dl.contact dt {
			padding-bottom: 10px;
			font-size: 15px;
			}
		footer dl.contact dd {
			margin-bottom: 50px;
			}
	footer .footer_info {
		float: right;
		width: 455px;
		overflow: hidden;
		}
		footer .footer_info .logo {
			margin-bottom: 20px;
			}
		footer .footer_info ul#fnav {
			padding-bottom: 20px;
			overflow: hidden;
			}
			footer .footer_info ul#fnav li {
				float: left;
				margin: 0 30px 10px 0;
				}
			footer .footer_info ul#fnav li:nth-child(5) {clear: both;}
				footer .footer_info ul#fnav li a {
					background: url(../img/arrow.png) no-repeat left center;
					padding-left: 12px;
					}
		footer ul.footer_bnr {
			margin-bottom: 30px;
			overflow: hidden;
			}	
			footer ul.footer_bnr li {
				float: left;
				margin-right: 5px;
				}

/* ▼ ページ上部へ戻る */
.pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	}
	
/* ▼ コピーライト */
#copyright {
	font-size: 11px;
	color: #666;
	}

.nav {
	background: url(../img/bg_form01.png);
	padding: 43px 0 40px;
	position: relative;
	z-index: 200;
	overflow: hidden;	
	}
footer .nav {
	background: url(../img/bg_form02.png);
	padding: 30px 0;
	}
	.nav .attendance {
		float: left;
		width: 407px;
		height: 217px;
		background: url(../img/attendance_bg.png) no-repeat left top;
		overflow: hidden;
		}
		.nav .attendance ul {
			width: 329px;
			margin: 0 auto 5px;
			}
	.nav .exhibit_top {
		float: right;
		width: 548px;
		height: 217px;
		background: url(../img/exhibit_bg.png) no-repeat left top;
		overflow: hidden;
		}
		.nav p {
			margin: 20px 0 15px;
			text-align: center;
			}
		.nav .exhibit_top ul.btn {
			width: 472px;
			margin: 0 auto 5px;
			text-align: center;
			overflow: hidden;
			}
			.nav .exhibit_top ul.btn li {
				float: left;
				}
			.nav .exhibit_top ul.btn li:last-child {margin-left: 13px;}
		.nav ul.other {
			width: 472px;
			margin: 0 auto;
			overflow: hidden;
			}	
		.nav .attendance ul.other {width: 392px;text-align: center;}
			.nav ul.other li {
				float: left;
				margin: 0 10px 0 0;
				}
			.nav .attendance ul.other li {
				float: none;
				display: inline-block;
				}
			.nav ul.other li:last-child {margin-right: 0;}
				.nav ul.other li a {
					background: url(../img/arrow_bl.png) no-repeat left center;
					padding: 2px 0 2px 22px;
					}
				.nav .attendance ul.other li a {
					background: url(../img/arrow_rd.png) no-repeat left center;
					}
					
	
/* ▼▼▼ トップ
=====================================*/

/* ▼ スライダー */
#mainVisual {
	width: 100%;
	height: 750px;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
	}
	#mainVisual ul {padding-left: 0;}
	#mainVisual ul.slider li {height: 450px;}
	#mainVisual .bx-wrapper {
		width: 100%;
		height: 450px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		}
		#mainVisual .m01 {background: url(../img/top/mainVisual01.png) no-repeat center top;}
		#mainVisual .m02 {background: url(../img/top/mainVisual02.png) no-repeat center top;}
		#mainVisual .m03 {background: url(../img/top/mainVisual03.png) no-repeat center top;}
	#mainVisual	.copy {
		position: relative;
		z-index: 200;
		text-align: center;
		}
	
#home h2 {
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	}		
#home .seminar {
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
	}		
#home .seminar h3 {
	margin-bottom: 10px;
	}	
#home .seminar_inner {
	background: #F6F6F6;
	padding: 20px;
	clear: both;
	overflow: hidden;
	}
#home .two .seminar_inner {width: 605px;}
	#home .seminar_inner h4 {margin-bottom: 15px;}
	#home .seminar ul {overflow: hidden;}
	#home .seminar ul li {
		float: left;
		width: 30%;
		border-right: 1px dotted #ccc;
		padding-right: 2%;
		margin: 0 2% 0 0;
		}	
	#home .seminar.two ul li {
		width: 48%;
		padding-right: 4%;
		margin: 0 4% 0 0;
		}	
	#home .seminar ul li:last-child {
		border: none;
		padding: 0;
		margin-right: 0;
		}
		#home .seminar ul li h4 {margin-bottom: 20px;}
		#home .seminar ul li .photo,
		#home .seminar ul li .name {
			display: table-cell;
			vertical-align: middle;
			}
		#home .seminar ul li .photo {
			width: 90px;
			padding-right: 10px;
			vertical-align: top;
			}
		#home .seminar ul li > div {margin-bottom: 10px;}
		#home .seminar ul li a > div {margin-bottom: 10px;}
		#home .seminar ul li .txt {
			background: #F5EFD8;
			padding: 10px;
			margin: 0;
			}

		
.coming {
	margin: 100px 0;
	text-align: center;
	}		
.flyer {
	text-align: center;
	}