@charset "UTF-8";

/*?@?S??"?@*/
	* {
		font-family: "???C???I", Meiryo, "?q???M?m?p?S Pro W3", Hiragino Kaku Gothic Pro, MS UI Gothic, Verdana, sans-serif;
	  	margin: 0;
	  	padding: 0;
	  	-webkit-text-size-adjust: 100%; 
	}

	body {/* ?????T?C?Y?A?s??A????@ */
		font-size: 12px;
		line-height: 210%;
		letter-spacing:1px;
	}

	img {
		border: none;
		vertical-align: bottom;
	}

	li { 
		list-style-type: none;
	}

	iframe {
		border: none;
    overflow: hidden;
    width: 100% !important;
	}


/*?@?????N?@*/
	a:link,
	a:visited {
		color: #000000;
		text-decoration: none;
		border-bottom: 1px solid #aaaaaa;
	}

	a:hover {
		color: #000000;
		text-decoration: none;
		border-bottom: 2px solid #aaaaaa;
	}

	a[name]:hover {
		color: #000000;
		border-bottom: none;
	}

	.banner a:link,/*?@???o?i?[??????N?????????@*/
	.banner a:visited,
	.banner a:hover {
		text-decoration: none;
		border-bottom: none;
	}

/*?@???C?A?E?g?@*/
    #wrapper {/*?@?S??@*/
    	position: relative;
    	width: 990px;
    	margin-left:auto;
    	margin-right:auto;
    }

	#header	{/*?@logo??pdmenu??e?@*/
		width: 100%;
		height: 120px;
	}

	#logo {/*?@???????N??e?@*/
		height: 100px;
	}

	#tetsumon {/*?@??}???S?@???????N?@*/
		position: absolute;
		left: 10px;
		top: 5px;
	}

	#header-link {/*?@????n?c?AOPAC?c?@???????N?@*/
		position: absolute;
		left: 550px;
		top: 5px;
	}

	#header-link1 {/*?@OPAC?@???????N?@*/
		position: absolute;
		left: 190px;
		top: 62px;
	}
	
	#header-link2 {/*?@E-JP?@???????N?@*/
		position: absolute;
		left: 300px;
		top: 62px;
	}

	#pdmenu {/*?@?v???_?E?????j???[??e?@???????o?@*/
		position: relative;
		z-index: 100;
		height: 20px;
	}

    #container {/*?@menu***?i?????j???[?j??content***?i???C???j??e?@*/
    }

    #menutop {/*?@?????j???[?@?g?b?v?y?[?W?@*/
    	position: absolute;
		width: 255px;
		height: 940px;
		left: 0;
    	top: 120px;
    	line-height: 150%;
		background-color: #eeeeee;
	}

	#calender {/*?@?J?????_?[?@?g?b?v?y?[?W?@*/
		position: absolute;
		left: 28px;
		top: 50px;
	}

	#calenderyear {/*?@?N??J?????_?[?@?g?b?v?y?[?W?@*/
		position: absolute;
		left: 198px;
		top: 150px;
		font-size: 10px;
		text-align: center;
	}

    #jyoukyou {/*?@???v?????^?E?O???[?v?w?K???@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 15px;
		top: 308px;
	}
	
	#booklog {/*?@?u?N???O?A?f?W?j?A????@?g?b?v?y?[?W?@*/
		position: absolute;
		left: 35px;
		top: 400px;
	}

	#content {/*?@???C???@?g?b?v?y?[?W?@*/
		width: 735px;
		margin-left: 255px;
	}

    #opacwindow {/*?@?G???E?{??T???@?^?C?g???w?i?@?g?b?v?y?[?W?@*/
    	position: absolute;
    	width: 350px;
    	height: 75px;
		left: 290px;
		top: 170px;
	}
	
    #opacwindow2 {/*?@?G???E?{??T???@OPAC???????@?g?b?v?y?[?W?@*/
    	position: absolute;
    	width: 345px;
		left: 15px;
		top: 35px;
	}

    #e-jp {/*?@?d?W???[?i???E?u?b?N??T???@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 290px;
		top: 260px;
	}
	
    #e-jpdl {/*?@???DL??~?@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 300px;
		top: 332px;
		font-size: 10px;
	}

    #gacos {/*?@?f?[?^?x?[?X??T???@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 490px;
		top: 260px;
	}

    #news {/*?@???m?�_?@?g?b?v?y?[?W?@*/
    	position: absolute;
    	width: 360px;
		left: 290px;
		top: 390px;
	}

    #myopac {/*?@MyOPAC?@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 675px;
		top: 170px;
		font-size: 12px;
	}

    #ssl-vpn {/*?@?w?O????A?N?Z?X????@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 675px;
		top: 288px;
	}
	
    #ssl-vpn2 {/*?@?w?O????A?N?Z?X????@?g?????@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 685px;
		top: 341px;
		font-size: 10px;
	}
	
    #kosyupdf {/*?@?u?K?????@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 850px;
		top: 170px;
	}	

    #pubmed {/*?@PubMed?}?j???A???@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 850px;
		top: 225px;
	}

    #guideline {/*?@?f??K?C?h???C???@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 850px;
		top: 280px;
	}

    #lib-quickguide {/*?@?}????N?C?b?N?K?C?h?@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 685px;
		top: 378px;
	}

    #alldatebase {/*?@?d?q???\?[?X?@?g?b?v?y?[?W?@*/
    	position: absolute;
		left: 672px;
		top: 500px;
	}

	#linktop {/*?@?????????N?@?g?b?v?y?[?W?@*/	
	/*?@top: ??l???X???????@#footer??top:?l????X?@???+50px?@*/
		position: absolute;
		top: 1500px;
		width: 100% ; 
		font-size: 11px;
		text-align: center;
		background-color: #555555;
	}

	#footer {/*?@?R?s?[???C?g?@?t?b?^?[?@?g?b?v?y?[?W?@*/	
		position: absolute;
		width: 100% ; 
		font-size: 8pt;
		text-align: right;
	}

	#menu {/*?@?????j???[?@?W?J?y?[?W?@*/
		position: absolute;
		width: 250px;
		left: 0;
		top: 120px;
		background-color: #eeeeee;
	}

	#contentnews {/*?@???C???@???m?�_?y?[?W?@*/
		width: 735px;
		margin-left: 255px;
	}

	#content2 {/*?@???C???@?W?J?y?[?W?@*/
		width: 730px;
		margin-left: 260px;
	}

	#content3 {/*?@???C???@?????j???[????@?W?J?y?[?W?@*/
		width: 980px;
		margin-left: 10px;
	}
	
	#content4 {/*?@???C???@?????j???[????@???Z??@?W?J?y?[?W?@*/
		width: 600px;
		margin-left: 10px;
	}

	#pagetop {/*?@?y?[?W?g?b?v?A?R?s?[???C?g?@?W?J?y?[?W?@*/
		width: 970px;
		font-size: 90%;
		text-align: right;
	}
	
	#pagetop2 {/*?@?{??????y?[?W?g?b?v?@?W?J?y?[?W?@*/
		width: 700px;
		font-size: 90%;
		text-align: right;
	}

	.pagetop2 {/*?@?{??????y?[?W?g?b?v?@?W?J?y?[?W?@*/
		width: 700px;
		font-size: 90%;
		text-align: right;
	}


	#pagetop3 {/*?@?{??????y?[?W?g?b?v?@?????j???[????@?W?J?y?[?W?@*/
		width: 905px;
		font-size: 90%;
		text-align: right;
	}

/*?@?v???_?E?????j???[????? ?@???E??padding?? 0 ??????�??@*/
	#pdmenu2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#pd li {
		float: left;
		width: 198px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#pd li a.menu {
		display: block;
		width: 100%;
		background-image: url(img/img_menu_b01.png);
		padding: 5px 0;
		text-align: center;
		font-weight: normal;
		font-size: 12px;
		letter-spacing: 3px;
		line-height: 150%;
		color: #414444;
		border-bottom: 1px solid #ffffff;
		overflow: hidden;
	}

	#pd li a.menu:hover {
		background-image: url(img/img_menu_b02.png);
		border-bottom: 1px solid #808080;
		cursor: default;
	}

	.submenu {
		position: absolute;
		width: 220px;
		visibility: hidden;
		background-color: #003399;
	}

	.submenu a {
		display: block;
		width: 100%;
		padding: 4px 0;
		text-align: left;
		color: #ffffff;
	}

	.submenu a:visited {
		color: #ffffff;
	} 

	.submenu a:hover {
		color: #093d86;
		background-color: #eeeeee;
		border-bottom: 1px solid #808080;
	}

/*?@?]???@*/  /*?@??E?????@*/
	.section1 {/*?@?????j???[?@?g?b?v?y?[?W?@?????g?p?????????@*/
		margin: 0px 5px 15px 10px;
	}

	.section2 {/*?@???C???@?g?b?v?y?[?W?@*/
		margin: 6px 5px 15px 20px;	}

	.section3 {/*?@?????j???[?@?W?J?y?[?W?@*/
		margin: 35px 0 15px 10px;
	}

	.section4 {/*?@?f?[?^?x?[?X??????????DB?p?@?N?C?b?N?????N?p?@?W?J?y?[?W?@?????g?p?????????@*/
		margin: 5px 0px 15px 15px;
	}

	.section5 {/*?@???C???@?W?J?y?[?W?@*/
		margin: 10px 20px 20px 20px;
	}

	.section6 {/*?@???m?�_?y?[?W?@*/
		margin: 0px 45px 40px 45px;
	}

	.section7 {/*?@?T?C?g?}?b?v?@*/
		margin: 0px 0px 15px 60px;
	}

	.section8 {/*?@???@???m?�_?o?b?N?i???o?[?@*/
		margin: 0px 0px 15px 60px;
		line-height: 210%;
	}

/*?@@@@ ?n?b?N@@@?@*?@?]???@Firefox?p?@?@IE6??O??K??????n?b?N?@*/
	html>body .section2 {/*?@?g?b?v?y?[?W?@???C???p?@*/
		margin: 16px 5px 10px 20px;
	}

/*?@@@@ ?n?b?N@@@?@*?@?]???@Firefox?p?@?@IE6??O??K??????n?b?N?@*/
	html>body .section5 {/*?@?W?J?y?[?W?@???C???p?@*/
		margin: 20px 20px 20px 20px;
	}

/*?@?d?q???\?[?X?o?i?[?z?u?@?g?b?v?y?[?W?@ */
	.datebase {/*?@??????z?u?@*/
		float: left; 
		margin: 4px;
		font-size: 10px;		
	}
	
	.datebase a:link,/*?@???o?i?[??????N?????????@*/
	.datebase a:visited,
	.datebase a:hover {
		text-decoration: none;
		border-bottom: none;
	}
		
	.db {/*?@?o?i?[??g???@*/
		padding: 2px;
		border: 1px solid #808080;
	}

	.db2 {/*?@??????@*/
		padding: 1px;
	}

	.floatclear {/*?@??????????@???z?u?????????A????????u????????@*/
		clear: both;
	}

/*?@?W?J?y?[?W?@???o???A???@*/
	h1 {/*?@???o???@??T?C?h???C???@*/
		font-size: 14px;
		letter-spacing: 3px;
		margin: 3px 0 8px;
		padding: 3px 7px;
		border-left: 12px solid #003399;
	}

	h4 {/*?@????o???@??o?[?{?j???@*/
		font-size: 13px;
		letter-spacing: 3px;
		margin: 12px 0 18px;
		padding: 3px; 
		background-color: #eeeeee;
		border-bottom: 1px dashed #003399;
	}

	h6 {/*?@?e?????u?T???v?e?[?u???????????o???@??o?[?@*/
		font-size: 12px;
		letter-spacing: 2px;
		margin: 0 0 10px;
		padding: 2px;
		background-color: #ccccff;
	}

	h3 {/*?@??????o???@??X?N?G?A?@???@*/
		font-size: 105%;
		margin: 24px 0 8px;
		background: url(img/square2.gif) left no-repeat;
		padding-left: 13px;
	}

	h5 {/*?@??????o???@??X?N?G?A?@???@*/
		font-size: 105%;
		margin: 24px 0 8px;
		background: url(img/square.gif) left no-repeat;
		padding-left: 13px;
	}

	span.yaji {/*?@????@???@*/
		margin-left: 5px;
		padding-left: 13px;
		background: url(img/yaji.gif) left no-repeat;
	}
	span.yaji2 {/*?@????@???@*/
		margin-left: 5px;
		padding-left: 13px;
		background: url(img/yaji2.gif) left no-repeat;
	}

	span.square-top {/*?@?u?K??X?P?W???[???@????p?X?N?G?A?@???@*/
		margin-left: 2px;
		padding-left: 15px;
		background: url(img/square4.gif) left no-repeat;
	}


/*?@?W?J?y?[?W?????@*/
	#mokuji {
		width: 250px;
		margin-bottom: 100px;
		line-height: 210%;
	}

	#mokuji li {
		padding-left: 18px;
	}

	#mokuji li li {
		margin-left: 5px;
		padding-left: 11px;
		background-image: url(img/yaji2.gif);
		background-position: left;
		background-repeat: no-repeat;
	}

/*?@?f?[?^?x?[?X??????????DB?p?????@????N?C?b?N?????N????????@*/
/*?@?f?[?^?x?[?X???T????????g?p?@*/
	#dbmokuji {
		width: 250px;
		line-height: 180%;
	}

	#dbmokuji li {
		padding-left: 18px;
	}

	#dbmokuji li li {
		margin-left: 5px;
		padding-left: 11px;
		background-image: url(img/yaji2.gif);
		background-position: left;
		background-repeat: no-repeat;
	}

/*?@?e?[?u?????@?e?????u?T???v?@ */
	table.block {
		border: 1px solid #ffffff;
		border-collapse: separate;
		border-spacing: 3px;
		empty-cells: hide;
	}

	.block td {
		border: 1px solid #999966;
		padding: 8px 10px 15px 10px;
		vertical-align: top;
	}

/*?@?e?[?u?????@????\?@*/
	table.block2, 
	table.block3 { 
		border-collapse: collapse; 
		border: 1px solid #999966; 
	}

	.block2 tr, 
	.block3 tr {
		border: 1px solid #999966;
	}

	.block2 td {/*?@?]?????E??6px?@*/
		border: 1px solid #999966;
		padding: 6px;
	}
	
	.block3 td {/*?@?]??????@*/
		border: 1px solid #999966;
		padding: 12px 10px 12px;
	}

/*?@?e?[?u?????@?w?O?A?N?Z?X?y?[?W?@????p?@ */
	table.block5 {
		border: 1px solid #ffffff;
		border-collapse: separate;
		border-spacing: 8px;
		empty-cells: hide;
	}

	.block5 td {
		border: 1px solid #999966;
		padding: 8px 22px 15px 22px;
		vertical-align: top;
	}

/*?@?e?[?u?????@?w?O?A?N?Z?X?y?[?W?@?o?i?[?p?@ */
	table.block6 {
		border: 0px;
	}

	.block6 td {
		border: 0px;
		padding: 5px 25px 25px 25px;
	}

/*?@?e?[?u???@?Z???J???[?@ */
	.cc {
		background-color: #cccc99;
	}

/*?@???X?g?}?[?N?@*/
	ul.list li {
		background: url(img/circle.gif) 0 6px no-repeat;
		padding-left: 15px; 
	}

	ul.list2 li { /*?@?E?}?[?W??????@*/
		margin-left: 15px;
		background: url(img/circle.gif) 0 6px no-repeat;
		padding-left: 15px;
	}

	html>body ul.list li {/*?@Firefox?p?@*/
		background: url(img/circle.gif) 0 5px no-repeat;
		padding-left: 15px; 
	}

	html>body ul.list2 li {/*?@Firefox?p?@*/
		margin-left: 15px;
		background: url(img/circle.gif) 0 5px no-repeat;
		padding-left: 15px; 
	}

	.bangou li { /*?@??????X?g <ol>?@
	?@?w?O?A?N?Z?X?y?[?W??g?p margin-left:20 ??????e?[?u??block5??????????@*/
		list-style: decimal;
		margin-left: 20px;
	}

/*?@???z?u?@*/
	.imag {/*?@??????@*/
		float: left; 
		margin-bottom: 10px;
		text-align: center;
	}

	.imag-r {/*?@?E????@*/
		float: right;
		margin: 0 0 10px 10px;
		text-align: center;
	}
	
	.photo1,/*?@????g???@*/
	.photo2 {
		padding: 2px;
		border: 1px solid #999966;
		margin-right: 5px;
	}

	.photo3 { 
		padding: 2px;
		border: 1px solid #999966;
	}

	.floatclear {/*?@??????????@*/
		clear: both;
	}
	
/*?@???p??????q?|?N???e?X???@?w?i???@*/
	.hippo {
		background: url(img/hippo.JPG);
		background-repeat: no-repeat; 
		background-position: 670px 290px; 
	}	

/*?@?}????N?C?b?N?K?C?h?@*/
     #hajimete1 {/*?@??1?`16?????@?a?@?X?^?b?t?A?w???@?N?C?b?N?K?C?h?@*/
    	position: absolute;
		left: 300px;
		top: 200px;
		width: 330px;
	}

     #hajimete2 {
    	position: absolute;
		left: 650px;
		top: 200px;
		width: 330px;
	}

     #hajimete3 {
    	position: absolute;
		left: 300px;
		top: 460px;
		width: 330px;
	}
 
     #hajimete4 {
    	position: absolute;
		left: 650px;
		top: 460px;
		width: 330px;
	}

     #hajimete5 {
    	position: absolute;
		left: 300px;
		top: 720px;
		width: 330px;
	}

     #hajimete6 {
    	position: absolute;
		left: 650px;
		top: 720px;
		width: 330px;
	}

     #hajimete7 {
    	position: absolute;
		left: 300px;
		top: 980px;
		width: 330px;
	}

     #hajimete8 {
    	position: absolute;
		left: 650px;
		top: 980px;
		width: 330px;
	}


     #hajimete9 {
    	position: absolute;
		left: 300px;
		top: 1240px;
		width: 330px;
	}

     #hajimete10 {
    	position: absolute;
		left: 650px;
		top: 1240px;
		width: 330px;
	}

     #hajimete11 {
    	position: absolute;
		left: 300px;
		top: 1500px;
		width: 330px;
	}

     #hajimete12 {
    	position: absolute;
		left: 650px;
		top: 1500px;
		width: 330px;
	}

     #hajimete13 {
    	position: absolute;
		left: 300px;
		top: 1760px;
		width: 330px;
	}

     #hajimete14 {
    	position: absolute;
		left: 650px;
		top: 1760px;
		width: 330px;
	}
	
     #hajimete15 {
    	position: absolute;
		left: 300px;
		top: 2020px;
		width: 330px;
	}

     #hajimete16 {/*?@????????top:?? +260px????A??????t?b?^?[top: ???C???@*/
    	position: absolute;
		left: 650px;
		top: 2020px;
		width: 330px;
	}

     .hajimete-text {/*?@?e?L?X?g?@?a?@?X?^?b?t?A?w???@?N?C?b?N?K?C?h?@*/
        position: absolute;
		left: 185px;
		top: 8px;
		line-height: 170%;
	}

	#pagetop-hajimete {/*?@?t?b?^?[?@?a?@?X?^?b?t?@?N?C?b?N?K?C?h?@*/
	    position: absolute;
		left: 790px;
		top: 1500px;
		text-align: right;
	}
	
	#pagetop-hajimete-s {/*?@?t?b?^?[?@?w???@?N?C?b?N?K?C?h?@*/
	    position: absolute;
		left: 790px;
		top: 2280px;
		text-align: right;
	}

/*?@?T?C?g?}?b?v?@*/
	ul.mokuji2 {/*?@????@*/
		width: 400px;
		margin-bottom: 4px;
		line-height: 210%;
	}

	ul.mokuji2 li {
		padding-left: 18px;
	}

	ul.mokuji2 li li {
		margin-left: 5px;
		padding-left: 11px;
		background-image: url(img/yaji2.gif);
		background-position: left;
		background-repeat: no-repeat;
	}

	table.sitemap {/*?@?e?[?u?????@*/
		border: 1px solid #ffffff;
		border-collapse: separate;
	}

	.sitemap td {
		border: 2px solid #ffffff;
		padding: 2px 0;
		vertical-align: top;
	}

/*?@????p?@ */ 
@media print {
	body { 
		font-size: 85%; 
		line-height: 120%;
	 }

	a:link {
		color: #000000;
		text-decoration: none;
		border-bottom: none;
	}

	#header,
	#menu,
	#footer,
	#pagetop {
		display: none;
	 }

	#content,
	#content2 {
		margin-left: 0;
		width: 700px;
	}

	#content3 { font-size: 70%; margin-left: 0;	width: 700px; }

}