@charset "UTF-8";


@media only screen and (max-width: 767px) {

#KeyVisual {
margin-bottom: 30px;
}

#KeyVisual img {
width: 100%;
}

}

@media print, screen and (min-width: 768px) {

#KeyVisual {
text-align: center;
margin: 30px 0;
}

#KeyVisual img {
width: 980px;
}

}


@media print, screen and (min-width: 1090px) {


}



/* 臨時情報 --------------------------------------------------- */

#Page_Home .TmpInfo {
margin: 0 0 25px 0;
}

/* 緊急知らせ --------------------------------------------------- */

.AlertBox {
padding: 2em 2em;
margin: 2em 0;
border: solid 4px #ff0000;
}

.AlertBox .Mds {
text-align: center;
font-size:20px;
font-weight:bold;
margin-bottom: 15px;
}

.AlertBox p {
margin-top: 15px;
}

.Photo img {
width: 100%;
}


/* What's New --------------------------------------------------- */

#Page_Home .WhatsNew .DLHori dl {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
/* background: url(../../img/common/texture/Texture_DotLine1.png) repeat-x left bottom; */
}


@media only screen and (max-width: 767px) {

	#Page_Home .WhatsNew .DLHori dl dt {
	display: block;
	}
	
	#Page_Home .WhatsNew .DLHori dl dd {
	display: block;
	}

}

@media print, screen and (min-width: 768px) {

	#Page_Home .WhatsNew .DLHori dl dt {
	width: 20%;
	font-weight: normal;
	}
	
	#Page_Home .WhatsNew .DLHori dl dd {
	width: 80%;
	}

}

@media print, screen and (min-width: 1090px) {
	
	#Page_Home .WhatsNew .DLHori dl dt {
	width: 14%;
	font-weight: normal;
	}
	
	#Page_Home .WhatsNew .DLHori dl dd {
	width: 86%;
	}

}



/* 開催概要 --------------------------------------------------- */

#Page_Home .Outline .DLHori dl {
padding: 10px 0 10px 0;
/* background: url(../../img/common/texture/Texture_DotLine1.png) repeat-x left bottom; */
}

#Page_Home .Outline .DLHori dl dt {
width: 18%;
font-weight: normal;
}

#Page_Home .Outline .DLHori dl dt span {
display: inline-block;
width: 100px;
padding: 6px 0;
line-height: 1.2em;
text-align: center;
color: #fff;
background: #808080;
}

#Page_Home .Outline .DLHori dl dd {
width: 82%;
}

#Page_Home .Outline .DLHori dl dd img {
margin: 10px 0 0 0;
}

/* 英語版 */
#Page_Home .OutlineEn .DLHori dl dt {
width: 25%;
}

#Page_Home .OutlineEn .DLHori dl dt span {
width: 150px;
}

#Page_Home .OutlineEn .DLHori dl dd {
width: 75%;
}



/* 来場者数 --------------------------------------------------- */

#Page_Home .Visitors .Table2 {
width: 100%;
margin: 0 0 15px 0;
}

#Page_Home .Visitors .Table2 th {
padding: 6px;
border-left: 1px solid #fff;
font-size: 93%;
line-height: 1.4em;
white-space: nowrap;
color: #fff;
background: #808080;
}

#Page_Home .Visitors .Table2 th span {
font-size: 79%;
font-weight: normal;
}

#Page_Home .Visitors .Table2 th sup {
font-size: 50%;
font-weight: normal;
}

#Page_Home .Visitors .Table2 th:first-child {
border-left: none;
}

#Page_Home .Visitors .Table2 th.LastTime {
font-weight: normal;
color: #000;
background: #ccc;
}

#Page_Home .Visitors .Table2 th.LastTimeMds {
border-bottom: 1px solid #fff;
}

#Page_Home .Visitors .Table2 th.First {
border-left: 1px solid #fff;
}

#Page_Home .Visitors .Table2 td {
padding: 6px 0;
border-left: 1px solid #cbcbcb;
font-size: 86%;
text-align: center;
background: url(../../img/common/texture/Texture_DotLine2.png) repeat-x left bottom;
}

#Page_Home .Visitors .Table2 td:first-child {
border-left: none;
}

#Page_Home .Visitors .Table2 td span {
font-size: 79%;
}



/* 実施報告 --------------------------------------------------- */


#Page_Home .Report .LRBox .LBox {
width: 300px;
height: 115px;
background: #e9e9e9;
}

#Page_Home .Report .LRBox .LBox .IndexMenu li {
margin: 0 0 0 16px;
}

#Page_Home .Report .LRBox .RBox {
width: 400px;
height: 115px;
background: #e9e9e9;
}

#Page_Home .Report .LRBox .RBox .IndexMenu li {
margin: 0 0 0 9px;
}

#Page_Home .Report .LRBox .RBox .IndexMenu li:first-child {
margin: 0 0 0 16px;
}



/* 関連リンク --------------------------------------------------- */

#Page_Home .Link .IndexMenu li {
float: none;
display: inline-block;
margin: 0 10px 15px 0;
vertical-align: top;
}

@media only screen and (max-width: 767px) {

	#Page_Home .Link .IndexMenu {
	column-count: 2;
	}
	
	#Page_Home .Link .IndexMenu li {
	float: none;
	display: inline-block;
	margin: 0 0 10px 0;
	vertical-align: top;
	}

	#Page_Home .Link .IndexMenu li img {
	width: 100% !important;
	}

}



/* カルーセル（bxslider） --------------------------------------------------- */

/* 全体のボックス */
.container {
position: relative;
width: 100%;
height: 440px;
overflow: hidden;
margin: -25px 0 0 0;
}

.slide_all {
position: relative;
margin: 0 auto;
}

.slide_body {
width: 100%;
}

.slide {
width: 100%;
}

@media print, screen and (min-width: 768px) {

	.container {
	margin: 0 0 0 0;
	}

}

@media print, screen and (min-width: 1090px) {

	.slide {
	width: 980px !important;
	}

}

.slide img {
width: 100%;
vertical-align: bottom;
}

/* ページャー */
.bx-pager-item {
display: inline-block;
}

/* ページャーの位置 */
.bx-pager {
position: absolute;
width: 100%;
top: 410px;
text-align: center;
}

/* ページャーのスタイル */
.bx-pager-item a {
display: block;
width: 8px;
height: 8px;
margin: 0px 5px 0 5px;
border-radius: 10px;
background: #ccc;
text-indent: -9999px;
}

.bx-pager-item a.active {
background: #2666ac;
}

/* 左（前）ボタンの位置・スタイル */
.bx-prev { 
display: none;
position: absolute;
left: 1000px; /* 画像横幅＋左側の空き */
bottom: 180px;
width: 55px;
height: 55px;
background: url(../../img/home/carousel/Btn_Prev.png) no-repeat left;
text-indent: -9999px;
}

/* 右（次）ボタンの位置・スタイル */
.bx-next { 
display: none;
position: absolute;
right: 1000px; /* 画像横幅＋右側の空き */
bottom: 180px;
width: 55px;
height: 55px;
background: url(../../img/home/carousel/Btn_Next.png) no-repeat right;
text-indent: -9999px;
}

@media only screen and (max-width: 767px) {
	
	.CoverL,
	.CoverR {
	display: none !important;
	}

	.container {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin: 0 0 0 0 !important;
	}
	
	.slide_wrap { 
	position: absolute;
	left: 50%;
	width: 100% !important;
	margin-left: -50% !important;
	}

	.bx-pager {
	position: absolute;
	width: 100%;
	top: auto;
	bottom: -40px;
	text-align: center;
	}

}

@media print, screen and (min-width: 768px) {

	.CoverL,
	.CoverR {
	display: none;
	}
	
	.slide_wrap { 
	position: absolute;
	left: 50%;
	width: 100% !important;
	margin-left: -50% !important;
	}

	.container {
	height: 400px !important;
	}

	.bx-pager {
	position: absolute;
	width: 100%;
	top: auto;
	bottom: -40px;
	text-align: center;
	}

}


@media print, screen and (min-width: 1090px) {

	.CoverL,
	.CoverR {
	display: block;
	}

	.container {
	position: relative;
	width: 100%;
	height: 440px !important;
	overflow: hidden;
	margin: -30px 0 0 0;
	}

	/* ページャーの位置 */
	.bx-pager {
	position: absolute;
	width: 100%;
	top: 410px;
	bottom: auto;
	text-align: center;
	}

	.slide_wrap { 
	position: absolute;
	left: 50%;
	width: 2940px !important;
	margin-left: -1470px !important;
	}


}

.CoverL {
position: absolute;
left: 0;
top: 0;
z-index: 1000;
width: 980px;
height: 400px;
background: url(../../img/home/carousel/Texture_Cover.png) no-repeat transparent;
}

.CoverR {
position: absolute;
right: 0;
top: 0;
z-index: 1000;
width: 980px;
height: 400px;
background: url(../../img/home/carousel/Texture_Cover.png) no-repeat transparent;
}
