@charset "utf-8";
html{

        margin: 0;  
}
body  {
	font: 10pt "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
        height: 100%;
        margin:0;
	padding: 0;
	text-align: center;
        line-height:14pt;
	color: #000000;
	background-color: #FFF;
        overflow:auto;
}

.twoColHybLtHdr #container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
        height: 100%;
        min-height: 100%;
        height:auto !important;
        overflow:auto;

} 

.twoColHybLtHdr #header {
	width: 900px;
	background-color: #FFF;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
        margin:0 auto;
        height: 100%;

}

h1 {
	margin: 0;
	padding: 10px 0;

}



.twoColHybLtHdr #mainContent {
	float: right;
        margin:0 auto;
	padding-top: 10px;
	width: 650px;
        padding-bottom: 30px;
        height: 100%;
} 

.twoColHybLtHdr #footer { 
        width: 100%;
        background-image:url(./topimg/menu.png) ;
        position: fixed !important;   
        position: absolute;
        bottom: 0;   
        left: 0; 
        text-align:center;    
        height:30px; 
        line-height:30px; 
        font-size:82%;
        color: #ffffff; 
        font-family:Verdana, Arial, Helvetica, sans-serif;
        margin:0 auto;
} 


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColHybLtHdr #menu {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9pt;
	color: #FFF;
	height: 30px;
	width: 900px;

	text-align: center;
	vertical-align: middle;
	font-weight: bold;
        letter-spacing:-0.5pt;
        padding:0;
        margin:0;
}

.twoColHybLtHdr #menu2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9pt;
	color: #FFF;
	background-image: url(topimg/menu.png);
	width: 900px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
        letter-spacing:-0.5pt;
        padding:0;
        margin:0;
}

#menu2 A:link { text-decoration: none; color : #ffffff; }
#menu2 A:visited { text-decoration: none; color : #ffffff; }
#menu2 A:active { text-decoration: none; color : #ffffff; }
#menu2 A:hover { text-decoration: none; color : #ffffff; }


}.twoColHybLtHdr #slide {
	width: 900px;
	position: static;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
        height: 100%;

}
.topbar01 {
	float: left;
	width: 325px;

	text-align: left;
	vertical-align: middle;
        margin:0px;
}
.topbar02 {
	float: right;
	width: 325px;

	text-align: center;
	vertical-align: middle;
}
.topbar03 {
	float: right;
	width: 325px;

	text-align: left;
	vertical-align: middle;
}

ul.page_t{
line-height:14pt;
margin-top:0px;
padding-top:0px;
}

img{border:0px;}

/*-----------------------------------------------------------------------------
トップページニュース
-----------------------------------------------------------------------------*/
.twoColHybLtHdr #news {
        overflow-y: auto;
	height: 15em;
	width: 640px;
	position: relative;
	vertical-align: top;
        line-height:15pt;
        font-size:9pt;
}

dl.news {   
 border:0px solid #999;   
 width:100%;   
}   
dl.news dt {   
  clear: left;
  float: left;
  margin: 0 0 0 0em;
  width: 7.5em;
  border-left: solid 0px #CCC;
  padding-left: 0px;
  color: #000;
}   
dl.news dd {     
  margin-bottom: 0.2em;
  margin-left: 7.5em;
} 

/*-----------------------------------------------------------------------------
バナーエリア
-----------------------------------------------------------------------------*/
.twoColHybLtHdr #sidebar1 {
	float: left;
	width: 240px;
        text-align:left;
	background-color: #FFF;
        letter-spacing: -1.2pt; 
        padding-top:10px;

}

ul.banner{
width:220px;
list-style-type: none;
margin:0;
padding:0;
}
ul.banner li{
margin-top:5px;
padding:0;
}

h1{
width:205px;  font-size:11pt; color:#ffffff; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS PGothic", sans-serif;text-align:center; background-color:#696969;
padding: 0.5em;

}

/*-----------------------------------------------------------------------------
コンテンツ
-----------------------------------------------------------------------------*/
h2{
width:97.5%;
font-size:11pt; color:#696969; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS PGothic", sans-serif;text-align:left;
padding-left: 1em;
padding-top: 0.6em;
padding-bottom: 0.5em;
background-image:url("img/h2-bk.png");
line-height:10.5pt;

}

h3{
width:97.5%;
font-size:11pt; color:#ffffff; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS PGothic", sans-serif;text-align:left;
padding-left: 1em;
padding-top: 0.6em;
padding-bottom: 0.5em;
background-image:url("img/h3-bk.png");
line-height:10pt;
margin:0;
}

h4{
font-size:12pt; color:#db5200; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS PGothic", sans-serif;text-align:left;
padding-left: 1em;
padding-top: 0.6em;
padding-bottom: 0.5em;
line-height:13pt;
margin:0px;
}

/*-----------------------------------------------------------------------------
現在進行中のプロジェクト
-----------------------------------------------------------------------------*/
.progress-project01{
width:100%; height:600px; background-color:#ffffe0; padding-top:5px; padding-bottom:5px;
}
.progress-project02{
width:200px; height:95%; float:right; text-align:center; background-color:#ffefd5; margin-top:0px; padding:5px; margin-top:3px; margin-right:3px; font-size:9pt;
}
.progress-project03{
width:410px; float:left; text-align:center; margin-left:6px;
}
.progress-project04{
width:410px; float:left;  text-align:left; padding:5px; border:1px solid #dcdcdc; margin-left:0px;
}


dl.repo
{
width:100%;
}
dl.repo dt{
width:100%;
height:15px;
background-color:#f97c00;
color:#ffffff;
font-size:9pt;
font-weight:bold;
text-align:left;
margin:0;
padding:3px;
}
dl.repo dd{
width:100%;
background-color:#ffefd5;
color:#000000;
font-size:9pt;
text-align:left;
margin:0;
padding:0;
}

/*-----------------------------------------------------------------------------
ニュース
-----------------------------------------------------------------------------*/
p.date{
width:98.2%;
text-align:right;
padding:5px;
margin:0px;
background-color:#dcdcdc;
}

/*light-box　*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center;  vertical-align:middle; line-height: 0;}
#lightbox img{ width: autopx; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 600px; height: 500px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*-----------------------------------------------------------------------------
イベント報告
-----------------------------------------------------------------------------*/
.event_f{
width:645px; padding-bottom:40;
}
.event_l{
width:200px; height:160px; float:left;

}
.event_r{
width:430px; height:160px; padding-left:5px; margine:0; float:right;
}

p.edate{
text-align:right; padding:5px 0 0 0; margin:0;
}
iframe{
        overflow:hidden;
}