@charset "Shift_JIS";

body{
		font-size:16px;
	}
img{
		border:0;
		}

#container {  
		width: 820px;
		background-image:url(images/container_new.jpg);
		margin-left:auto;
		margin-right:auto;
		border:1px solid #666666;
		}
#navigation{
		height:35px;
		width:800px;
		margin-top:20px;
		margin-left:10px;
		}
#navigation ul{
		list-style-type:none;
		margin:0;
		padding:0;

		}
#navigation li{
		float: left;
		width: 160px;
		height: 35px;
		margin:0;
		padding:0;
		}
#navigation a{		
		width:160px;
		display:block;
		height: 35px;
		background-position: 0 0;
		}
#navigation .navi1 a:hover{
		background-image:url(images/navi1_hover.jpg);
		text-indent:-9999px;
		}
#navigation .navi2 a:hover{
		background-image:url(images/navi2_hover.jpg);
		text-indent:-9999px;
		}
#navigation .navi3 a:hover{
		background-image:url(images/navi3_hover.jpg);
		text-indent:-9999px;
		}		
#navigation .navi4 a:hover{
		background-image:url(images/navi4_hover.jpg);
		text-indent:-9999px;
		}		
#navigation .navi5 a:hover{
		background-image:url(images/navi5_hover.jpg);
		text-indent:-9999px;
		}		
#header { 
		background-image: url(images/header_ph22.gif);
		background-repeat:no-repeat;
		height: 150px; 
		width: 726px; 
		margin-top: 10px; 
		margin-bottom: 10px; 
		margin-left:20px;
		}
#wrapper{
		float:left;
		width:400px;
		margin:10px;
		}
#content1{
		text-align:center;
		width: 720px; 
		padding:15px 0px 15px 0px;
		margin-top: 10px; 
		margin-bottom: 10px; 
		margin-left:20px;
		}
#content1 table{
		margin: 0 auto; 
		}
#content1 td{
		width:250px;
		}
#content2{
		margin-left:10px;
		border:1px solid #CCCCCC;
		width:400px;
		}
#content2 p{
		background:url(images/news.gif) no-repeat;
		color:#FFFFFF;
		height:30px;
		line-height:2.2;
		padding-left:30px;
		margin:0;
		font-size:90%;
		font-weight:bold;
		}
#content2 table{
		width:400px;
		line-height:2;
		margin:0 0 10px 0;
		}
#content2 td{
		font-size:85%;
		padding-left:10px;
		}
#content3{
		float:right;
		width:290px;
		padding-right:90px;
		margin-top:15px;
		line-height:1.5;
		}
.link{
		text-align:right;
		margin-top:10px;
		font-size:90%;
		}
#content3 p{
		font-weight:bold;
		}

#content4{
		margin-left:40px;
		border:0px solid #CCCCCC;
		width:700px;
		clear:both;
		font-size:80%;
		line-height:1.2;
		}
#content4 p{
		background:url(images/news.gif) no-repeat;
		color:#FFFFFF;
		height:30px;
		line-height:2.2;
		padding-left:30px;
		margin:0;
		font-size:90%;
		font-weight:bold;
		}
#content5{
		padding:0px 0px 0px 40px;
		border:3px solid #34ab38;
		border-radius:10px;
		line-height:1.2;
		width: 680px; 
		margin-top: 10px; 
		margin-bottom: 10px; 
		margin-left:20px;
		}
#content5 ul li {
		position: relative;
	}
#content5 ul li::after,
#content5 ul li::before {
		display: block;
		content: '';
		position: absolute;
	}
#content5 ul li::after {
		top: 0.1em;
		left: -1.2em;
		width: 16px;
		height: 16px;
		background-color: #34ab38;
		border-radius: 100%;
	}
#content5 ul li::before {
		z-index: 2;
		top: .41em;
		left: -0.925em;
		width: 5px;
		height: 5px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

#content6{
		border:0px solid #ff0000;
		font-weight:bold;
		margin-top: 10px; 
		margin-bottom: 10px; 
		margin-left:20px;
		}

#footer{
		height:30px;
		width:800px;
		clear:both;
		background-image:url(images/footer.gif);
		font-size:80%;
		color:#FFFFFF;
		line-height:2;
		margin:30px auto 20px auto;
		}
#footer .left{
		float:left;
		width:400px;
		padding-left:20px;
		}
.left a:link{
		color:#FFFFFF;
		}
.left a:visited{
		color:#FFFFFF;
		}
#footer .right{
		float:right;
		width:350px;
		text-align:right;
		padding-right:20px;
		}

		
		
/* search.htm */

h3{
		background:url(images/library_h2.gif) no-repeat;
		color:#FFFFFF;
		height:30px;
		line-height:2.1;
		padding-left:30px;
		margin:0 0 10px 0;
		font-size:90%;
		}
#info{
		width:720px;
		border:0px;
		margin:0 0 20px 20px;
		}
#search1{
		width:720px;
		border:1px solid #CCCCCC;
		margin:0 0 20px 20px;
		}
#search1 td{
		margin: 0;
		padding: 0;
		text-align:center;
		font-size:90%;
		}		
#search2{
		width:720px;
		border:1px solid #CCCCCC;
		margin:0 0 20px 20px;
		}
#search3{
		width:720px;
		border:1px solid #CCCCCC;
		margin:0 0 20px 20px;
		}
#search3 ul{
		margin: 0;
		padding: 0;
		list-style:none;
		}
#search3 li{
		float:left;
		width:100px;
		}

/* search1_result.htm */

#container2 {  
		width: 760px;
		margin:50px auto 0 auto;
		border:1px solid #CCC;
		background-color:#ffffff;
		}
#container2 .title{
		width:660px;
		margin:10px auto 10px auto;
		}
.title td{
		text-align:left;
		font-weight:bold;
		}
#container2 .result{
		width:660px;
		margin:20px auto 20px auto;
		border:1px solid #CCCCCC;
		border-collapse: collapse;
		rules:all;
		}
.result th{
		background-color:#1C37A3;
		color:#FFFFFF;
		}
.result td{
		padding:3px;
		}

#container2 .result2{
		width:660px;
		margin:20px auto 20px auto;
		border:1px solid #CCCCCC;
		border-collapse: collapse;
		rules:all;
		}
.result2 th{
		background-color:#1C37A3;
		color:#FFFFFF;
		padding:5px;
		}
.result2 td{
		padding:5px;
		}

#container2 .under{
		width:760px;
		text-align:right;
		margin-bottom:20px;
		}
#container2 .under td{
		padding:0 10px 0 0;
		}
#container2 p{
		background:url(images/search_result2.gif) no-repeat;
		color:#FFFFFF;
		height:35px;
		line-height:2;
		margin-top:0;
		width:760px;
		}


/* search1_result.htm 2 */

#container3 {  
		width: 700px;
		margin:50px auto 0 auto;
		border:1px solid #CCC;
		background-color:#ffffff;
		}
#container3 .title{
		width:600px;
		margin:10px auto 10px auto;
		}
.title td{
		text-align:left;
		font-weight:bold;
		}
#container3 .result{
		width:600px;
		margin:20px auto 20px auto;
		border:1px solid #CCCCCC;
		border-collapse: collapse;
		rules:all;
		}
.result th{
		background-color:#1C37A3;
		color:#FFFFFF;
		}
#container3 .result td{
		padding-left:5px;
		}
#container3 .under{
		width:700px;
		text-align:right;
		margin-bottom:20px;
		}
#container3 .under td{
		padding:0 10px 0 0;
		}
#container3 p{
		background:url(images/search_result.gif) no-repeat;
		color:#FFFFFF;
		height:35px;
		line-height:2;
		margin-top:0;
		width:700px;
		}


/* library.htm */

.library_contents{
		width:720px;
		margin:10px 0 10px 20px;
}

.library_contents h2{
		background:url(images/library_h2.gif) no-repeat;
		color:#FFFFFF;
		height:30px;
		line-height:2.2;
		margin-bottom:0px;
		font-size:90%;
		padding-left:30px;
}

.introduction{
	width:700px;
	margin:0 auto;
	padding:0;
}

.introduction td.ph{
//	width:200px;
}

.introduction td.text{
	width:700px;
	font-size:80%;
}

.introduction td.topic{
	font-size:80%;
	background-color:#ffffcc;
}


.introduction td.download{
	padding-right:5px;
	font-size:90%;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}

.data_view{
	width:600px;
	margin:0 auto;
    	border: 1px #A3C3A3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;

}

.data_view th{
    padding: 2px;
    border: #A3C3A3 solid;
    border-width: 0 0 1px 1px;
    background: #C5E5A5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.data_view td{
    padding: 2px;
    border: 1px #A3C3A3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

/* PopUp Window */
#ipop {
  background-color: #fed;
  border: 1px solid #aaa;
  font-size:90%;
 
  /* この５行は必須 */
  width: 300px;
  height: 80px;
  position: absolute;
  display: none;
  z-index: 9999;
}

#ipop_title {
  padding:2px;
  background-color: #fdc;
  font-size:90%;
  font-weight:bold;
  cursor: move;
}
 
#ipop_close {
  cursor: pointer;
  float: right;
}

#ipop2 {
  padding: 0;
  background-color: #fed;
  border: 1px solid #aaa;
  font-size:80%;
 
  /* この５行は必須 */
  width: 500px;
  height: 200px;
  position: absolute;
  display: none;
  z-index: 9999;
}
#ipop_title2 {
  padding:2px;
  background-color: #fdc;
  font-size:90%;
  font-weight:bold;
  cursor: move;
}
 
#ipop_close2 {
  cursor: pointer;
  float: right;
}