@charset "UTF-8";



/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#333;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:link {
   color:#0172AB;
}


a:visited {
   color:#0172AB;
}

a:hover{
   color:#0172AB;
}







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

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:992px;
   margin:0 auto;
   background:url("../images/bg_contents_left.gif") 0 0 repeat-y;
}

#wrapper {
   width:992px;
   background:url("../images/bg_contents_right.gif") 100% 0 repeat-y;
}

#header {
   position:relative;
   padding:0 5px;
}

#pr {
   position:absolute;
   width:460px;
   left:300px;
   top:10px;
}

#menuWrapper {
   float:left;
   background:url("../images/bg_menu_right.gif") 100% 0 no-repeat;
}

#menu {
   float:left;
   padding:0 5px;
   background:url("../images/bg_menu_left.gif") 0 0 no-repeat;
}

#contents {
   clear:both;
   margin:0 5px;
   padding:15px 10px 0 15px;
}


#main {
   float:left;
   padding:0 10px;
   width:660px;
}

#sub {
   float:right;
   width:240px;
}

#pageTop {
   clear:both;
}

#footer {
   clear:both;
   margin:0 10px;
   background:#0082C6 url("../images/bg_footer_left.gif") 0 0 no-repeat;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:10px;
   font-size:24px;
   color:#fff;
   line-height:70px;
}

#header h1 a {
   color:#333;
}

#header h1 a:hover {
   color:#666;
}

#header #pr p {
   margin:0;
}

/* ========headMENU CUSTOMIZE======== */
#headMenu ul {
   margin:0 0 10px 0;
  padding:10px 0 0 0;
   text-align:right;
   float: left;   
}

#headMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#headMenu li a {
   padding-left:10px;
   background: url("../images/bg_footmenu.gif") 0 50% no-repeat;
}


/* ========MENU CUSTOMIZE======== */
/* ???C?????j???[ */
#menu ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
color:#fff;
}

/* ?T?u???j???[1?i?? */
#menu ul ul {
   display:none;
   position:absolute;
   top:100%;
   left:0;
color:#fff;
font-size:12px;
}

/* ?T?u???j???[2?i???~ */
#menu ul ul ul {
   top:0;
   left:100%;
font-size:11.5px;
}

/* ???X?g */
#menu li {
   float:left;

}

#menu li li {
   clear:both;
}

#menu li:hover {
   position:relative;
}

#menu li:hover > ul {
   display: block
}

/* ?f?U?C?? */
#menu ul {
   float:left;
   margin:0;
   padding:0;
   list-style:none;
   border-top:1px solid #999;
   border-bottom:1px solid #999;
   background:#0082C6;
}

#menu li ul {
   border-top:1px solid #999;
   border-bottom:none;

}

#menu li li {
   margin-left:0;
   background:#0082C6;
   border-bottom:1px solid #999;
color:#fff;
}

#menu li li a:hover {
   margin-left:0;  line-height:15px;
   color:#fff;
    background:#1D97D7;
}

#menu li a {
   display:block;
   width:140px;
  line-height:9px;
   padding:10px 0px;
   text-align:center;
   outline:none;
color:#fff;
}

#menu li li a {
   display:block;
   width:140px;
   padding:10px 5px;
   line-height:9px;
   text-align:left;
   outline:none;
}

#menu li a:hover {
 background:#1D97D7;
   text-decoration:none;
  color:#fff;
}



/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#0172AB;
}

#main a:link{
   color:#4682B4;
}

#main a:hover {
   color:#0172AB;
   border:0;
   text-decoration:underline;
}



#main a:visited {
   color:#0172AB;
}



#main h2 {
   margin-bottom:5px;
   padding:5px 0;
   font-size:15px;
   font-weight:bold;
   border-top:0px solid #0088D0;
border-bottom:0px solid #0088D0;
background:#e0eef8;

}

#main h3 {
   margin-bottom:5px;
   padding-left:12px;
   font-size:15px;
   font-weight:bold;
border-bottom:1px solid #0088D0;
   background:url("../images/bg_main_h3.gif") 0 50% no-repeat;
}

#main h4 {
   margin:5px 0 2px 0;
   padding:2px;
   font-size:13px;
   background:#d0dfe9;
}

#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   font-size:13px;
   color:#0088D0;
   border-bottom:2px solid #0088D0;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
   color:#0088D0;
}

#main p {
   margin:0 0 1em 0;
}

#main div.section {
   margin-bottom:30px;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:none;
}


		}
tr.koumoku {
			background-color	: lightgrey;
		}
tr.kisu {
			background-color	: white;
		}



/* INFORMATION CUSTOMIZE */
#main dl.information {
   margin:0;
}
#main dl.information dt {
   float:left;
}

#main dl.information dd {
   margin:0 0 5px 0;
   padding: 0px 0px 5px 9em;
   border-bottom:1px solid #ddd;
   background:none;
}


#main table {
     border-collapse: collapse;
}

#main table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
   background:#e0eef8;
}

#main table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
}



/* ========SUBCONTENTS CUSTOMIZE======== */
#sub div.section {
   margin-bottom:10px;
}

#sub h2 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   border:1px solid #426D9C;
   background:url("../images/bg_sub_h2.gif") 0 50% no-repeat;
}

#sub ul {
   margin:5px 0 0 5px;
   padding:0;
}

#sub li {
   padding:5px 0 5px 0;
   line-height:1.4;
   list-style:none;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}


#sub li a {
   display:block;
   padding-left:14px;
   background:url("../images/bg_sub_list.gif") 0 5px no-repeat;
   color:#000000;
}

#sub li a:hover {
   color:#000000;
   border:0;
  text-decoration:underline;
 }

#sub li a:visited {
   color:#000000;
}



/* ========SUBCONTENTS CUSTOMIZE 2======== */
#sub2 div.section {
   margin-bottom:10px;
}

#sub2 h2 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   border:1px solid #426D9C;
   background:url("../images/bg_sub_h2.gif") 0 50% no-repeat;
}

#sub2 ul {
   margin:5px 0 0 5px;
   padding:0;
}

#sub2 li {
   padding:5px 0 5px 0;
   line-height:1.4;
   list-style:none;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}


#sub2 li a {
   display:block;
   padding-left:18px;
   background:url("../images/arrow05.gif") 0 5px no-repeat;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   margin:10px 0;
   text-align:right;
}

#pageTop a {
   padding-left:8px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
   color:#000000;
}

/* ========PAGE head CUSTOMIZE========= */
#headMenu ul {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
   background: 0 0 repeat-x;
}

#headMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
font-size:12px;
}

#headMenu li a {
   padding-left:10px;
   background: url("../images/bg_footmenu.gif") 0 50% no-repeat;
font-size:12px;
color:#000000;
}

#headMenu li a:hover {
   color:#000000;
   border:0;
  text-decoration:underline;
 }

#headMenu li a:visited {
   color:#000000;
}





/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
   background:url("../images/bg_dotline.gif") 0 0 repeat-x;
}

#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   background: url("../images/bg_footmenu.gif") 0 50% no-repeat;
   color:#000000;
}

#footMenu li a:hover {
   color:#000000;
   border:0;
  text-decoration:underline;
 }

#footMenu li a:visited {
   color:#000000;
}




/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   color:#fff;
   text-align:center;
   background:url("../images/bg_footer_right.gif") 100% 0 no-repeat;
}

/* ========FAQ CUSTOMIZE======== */

#faq ol {
width: 600px; /* ???X?g?G???A??? */
margin: 0;
padding: 0;
list-style-type: none;

}

#faq dl {
margin: 0;
background: #f9f9f9 url(../images/qa_back.gif) repeat-x top; /* ???X?g?????w?i */
}



#faq dt {
margin: 0;
padding: 8px 6px 6px 35px; /* Question?G???A??p?f?B???O?i??E?????j */

background: url("../images/qu_01.png")  no-repeat 4px 8px ;
border: 1px #c0c0c0 solid; /* Question?G???A????E?? */
font-weight: bold;
line-height: 120%;
}

#faq dd {
margin: 0;
padding: 11px 6px 25px 35px; /* Answer?G???A??p?f?B???O?i??E?????j */
background: #ffffff url("../images/as_01.png") no-repeat 4px 8px; /* Answer?G???A??w?i */
line-height: 150%;
}




/* editing start from here */

/*   --------- top page layout ---------  */
#mainNew {
  float: left;
  width: 700px;
  margin:5px;
}

#sideRight{
  float: right;
  width: 230px;
  margin:5px;

}    


/*   ----------- search and login area -----------------*/   
#search {
   width:210px;
   margin: 5px;
   padding:5px 5px 8px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
   background:#fffacd;      /* lemonchifon */
   color:#000;
}
#search h2{
 background: url("../images/search_icon.gif")  no-repeat;
 font-size: 14px;
 text-align: left;
 padding-left: 35px;
 }

#login {
   width:210px;
   margin:5px;
   padding:5px 5px 8px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
   background:#87ceeb;      /* skyblue */
   color:#000;
}
#login table td {
   padding:3px;
   font-size:12px;
   text-align:left;
   vertical-align: top;
   border:0px solid #ddd;
}
#login h2{
 background: url("../images/login_icon.gif")  no-repeat;
 font-size: 14px;
 text-align: left;
 padding-left: 30px;
 }

#login2 {
   width:480px;
   margin:5px;
   padding:5px 5px 8px;
   font-size:12px;
   text-align:left;
   border:1px solid #ddd;
   background:#87ceeb;      /* skyblue */
   color:#000;
}
#login2 table td {
   padding:3px;
   font-size:12px;
   text-align:left;
   vertical-align: top;
   border:0px solid #ddd;
}
#login2 h2{
 background: url("../images/login_icon.gif")  no-repeat;
 font-size: 13px;
 text-align: left;
 padding-left: 30px;
 }
 
 
#banner {
  width: 210px;
  padding:5px;
  margin: 5px;
  background:#fdf5e6;      /* ---- */
  border:0px solid #ddd;
}
#banner  img {
width: 210px;
margin-top:5px;
 }

 /*   database block search       */
#search_database {
  clear:both;
  width: 690px;
  float:left;
  margin:0px;
  padding: 0px;
  border:0px solid #ddd;
  }
 #search_database  h2{
	color:#000;
	font-size:14px;
	text-align:left;
	border-bottom: 3px solid #fac;
	background: #fff;
}

#block{
   float: left;
   width: 214px;
   height: 274px;
   margin: 10px 4px;
    padding:3px;
	border:1px solid #ddd;
	text-align:left;
	background:#afeeee;   /* paleturquoise */
}

 #block h3.journal{
 background: url("../images/login_icon.gif")  no-repeat;
 font-size: 14px;
 text-align: left;
 padding-left: 30px;
}
 #block h3.ebook{
 background: url("../images/ebook_icon.gif")  no-repeat;
 font-size: 14px;
 text-align: left;
 padding-left: 30px;
}
 #block h3.paper{
 background: url("../images/paper_icon.gif")  no-repeat;
 font-size: 14px;
 text-align: left;
 padding-left: 30px;
}
	
#search_database  ul li {
   padding: 0px;
    list-style-image: url("../images/bg_sub_list.gif");
	border:0px solid #ddd;
}
#search_database  img{
  padding-right: 5px;
}


/*  ----- center calendar box ---------------*/	
#calendar_box{
    float: right;
    margin-top:10px; 
    width:280px;
    height:420px;
    padding:0px; 
    border: 1px solid #ddd;
   overflow: hidden;
}

#calendar_box  h2{
        height: 20px;
	width: 281px;
	margin: 0px;
	padding:6px 10px;     /* top&bottom:3px, left&right:10px; */
        background:#09f;      /* light-blue  */
	color:#fff;
	font-size:14px;
	text-align:left;
}

#calendar_box  p{
   line-height: 80%;
 }
 #calendar_box img{
  padding-top: 5px;
 }
 
 
  /*----------- new area --------------*/


#news {
	margin-top:10px; 
    float: left;
	width: 400px;
	height: 420px;
	padding:0px;
	border: 1px solid #ddd;
	overflow: hidden;
}

#news  h2 {
    height: 20px;
	width: 400px;
	margin: 0px;
	padding:6px 10px;     /* top&bottom:3px, left&right:10px; */
        background:#09f;      /* light-blue  */
	color:#fff;
	font-size:14px;
	text-align:left;
}

#news_box {
	width: 400px;
	height: 370px;
	border: 0px solid #fcc;
	overflow-y: auto;
	overflow-x: hidden;
}
#news_box  table{
   table-layout: fixed;
   margin: 0px;
   border:0px solid #fca;
   }
   
#news_box td.date{
	border-bottom:1px dotted #699;
    width: 85px;
	font-size:12px; 
	padding: 4px;	
	margin: 5px;
	vertical-align: top;
}
#news_box  td.text{
	border-bottom:1px dotted #699;
	width:290px;
	font-size:12px; 
	padding: 4px;	
	margin: 5px;
	text-align: left;
}	
#news_box  td.text img {
    width: 28px;
	height: 11px;
	margin-left: 10px;
	}
	
	
	


 

#innerSearch {
float:left;
padding: 5px;
 width: 500px;
 height: 50px;
 margin: 25px;
 margin-left: 190px;
 background: #87ceeb;
 }
 
p.center{
text-align: center;
}