@charset "utf-8";

/****************************************************************************
　 index css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2012.12.01
   Last up date   : 2012.12.01
****************************************************************************/


/*--------------------------------------------------------
　load_map
--------------------------------------------------------*/
html,body {
	background:url(../image/index/load_map_bg.gif);
	text-align:center;
	width:100%;
	position:relative;
}


#load_map {
	margin:0 auto;
}

#time img.mg {
	padding-top: 70px;
}


/*--------------------------------------------------------
　temp
--------------------------------------------------------*/
#tempBox {
	position:relative;
	background: #FFF url(../image/index/temp_p.jpg) 0 20px no-repeat;
	height:1150px;
	width:930px;
	display: block;
}
#tab {
}
#tempBox ul {
}

#tab li {
  position: absolute;
  width:130px;
  height:30px;
  overflow: hidden;
  cursor: pointer;
}
#tab li.last {
  width:130px;
  height:30px;
  margin-right:0px;
  overflow: hidden;
}

#tab li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#tab li.tNavi2 {
	top:45px;
	left:355px;
	z-index: 9999;
	background: url(../image/index/temp_navi1_o.png) 0 0 no-repeat;
}
#tab li.tNavi3 {
	top:45px;
	left:495px;
	z-index: 9999;
}
#tab li.tNavi4 {
	top:45px;
	left:635px;
	z-index: 9999;
}
#tab li.tNavi5 {
	top:45px;
	left:775px;
	z-index: 9999;
}
#tab li.tNavi2{ background: url(../image/index/temp_navi1.png) 0 0 no-repeat; }
#tab li.tNavi3{ background: url(../image/index/temp_navi2.png) 0 0 no-repeat; }
#tab li.tNavi4{ background: url(../image/index/temp_navi3.png) 0 0 no-repeat; }
#tab li.tNavi5{ background: url(../image/index/temp_navi4.png) 0 0 no-repeat; }

#tab li:hover {
	background-position: 0 -30px;
}
#tab li:hover img{
		opacity: 0.0;
		filter: alpha(opacity=0);
}
#tab li.select {
	background-position: 0 -30px;
}
#tab li.select img {
		opacity: 0.0;
		filter: alpha(opacity=0);

}
#tab li.select a:hover img{
		opacity: 1.0;
		filter: alpha(opacity=100);
}

div.content_wrap {
	position: absolute;
	z-index: 100;
	top:56px;
	left:38px;
}
.disnon {
  display: none;
}





/*--------------------------------------------------------
　event
--------------------------------------------------------*/
#event	{
	position:relative;
}
#event > .eventTitle {
	position: relative;
	margin-left: 20px;
}
#event > .eventTitle > ul > li {
	position: absolute;
	top:0px;
}
#event	.eventTitle > ul > li.pos06 { left:310px; }
#event	.eventTitle > ul > li.pos05 { left:400px; }
#event	.eventTitle > ul > li.pos04 { left:490px; }
#event	.eventTitle > ul > li.pos03 { left:580px; }
#event	.eventTitle > ul > li.pos02 { left:670px; }
#event	.eventTitle > ul > li.pos01 { left:760px; }

#event p.eventSt {
	margin:10px 0 10px 20px;
}

#event	p.clT {
	clear: both;
	float:left;
	width:90px;
	margin-left: 20px;
}
#event	table {
	width:750px;
	float: left;
}
#event	td, #event	 th{
	border-bottom: 1px dotted #CCC;
	padding:5px 0 5px 5px;
}
#event	td.w1, #event td.w2, #event	td.w3 {
	background-color: #1F355A;
	color:#FFF;
	text-align: center;
	padding:2px 0 2px 0;
}
#event	td.w1 {
	width:140px;
	border-bottom:none;
}
#event td.w2 {
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:none;
}
#event	td.w3 {
	width:320px;
	border-bottom:none;
}
#event	 th {
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	color:#1F355A;
	font-weight: bold;
}


div.pageTopS {
	float: none;
	clear: both;
	text-align: right;
	width: 96%;
	font-size:10px;
	padding: 10px 0 20px 0;
	margin-left: 20px;
} 




p.closeBT {
	position: absolute;
	right:20px;
	top:20px;
	margin:0 !important;
	padding: 0 !important;
}

p.closeBT2 {
	position: absolute;
	right:5px;
	top:5px;
	margin:0 !important;
	padding: 0 !important;
}