@charset "utf-8";

body{
	margin: 0 auto;
	padding:0;
	color:#636466;
	font-size:12px;
	line-height: 150%;
	background:url(../image/bg.jpg) repeat-x top #FFFFFF;
	text-align: center;
}

form       {margin:0; padding:0;}
img        {border:0;}
.left      {float:left;}
.right     {float:right;}
.center    {text-align:center;}
.brClear   {clear:both;}
.hiden     {display:none;}
.icon      {position:relative; top:2px;}

/*AREA*/
#headerArea1  {width:796px; margin:0 auto; padding:0; height:48px; position:relative;}
#headerArea2  {width:796px; margin:0 auto; padding:0; height:75px; position:relative; background:url(../image/bg_header.jpg) no-repeat;}
#naviArea     {width:774px; margin:0 auto; padding:0 11px; height:252px; background:url(../image/bg_navi.jpg) no-repeat;}
#naviArea2    {width:774px; margin:0 auto; padding:0 11px; height:186px; background:url(../image/bg_navi.jpg) no-repeat;}
#mainArea     {width:796px; margin:0 auto; padding:0; background:url(../image/bg_main.jpg); background-color:#FFFFFF;}
#contentsArea {width:490px; margin:0; padding:10px 20px 0 0; float:right; text-align:left;}
#contentsArea2{width:545px; margin:0; padding:10px 20px 0 0; float:right; text-align:left;}
#contentsArea3{width:796px; margin:0; padding:20px 0 0 0; text-align:left;}
#sideArea     {width:260px; margin:0; padding:10px 0 0 20px; float:left; text-align:left;}
#sideArea2    {width:215px; margin:0; padding:10px 0 0 15px; float:left; text-align:left;}
#sideArea3    {width:700px; margin:0; padding:10px 0 0 15px; float:left; text-align:left;}
#footerArea   {width:796px; margin:0 auto; padding:0; height:43px; position:relative; background:url(../image/bg_footer.jpg) no-repeat;}
#linkArea     {width:796px; margin:0 auto; padding:0; background:url(../image/bg_link.jpg); background-color:#FFFFFF;}
#lib_index    {width:796px; margin:0 auto; padding:0; background:url(../image/bg_contents.jpg) no-repeat;}
#information  {width:796px; margin:0 auto; padding:0; background:url(../image/bg_contents.jpg) no-repeat;}
#guide        {width:796px; margin:0 auto; padding:0; background:url(../image/bg_contents.jpg) no-repeat;}
#search       {width:796px; margin:0 auto; padding:0; background:url(../image/bg_contents.jpg) no-repeat;}
#links        {width:796px; margin:0 auto; padding:0; background:url(../image/bg_contents.jpg) no-repeat;}
#books        {width:796px; margin:0 auto; padding:0; background:url(../image/bg_contents.jpg) no-repeat;}
#inquiry      {width:796px; margin:0 auto; padding:0; background:url(../image/bg_contents.jpg) no-repeat;}


/*HEADER*/
#headerArea1 .nav1    {top:28px; left:649px; padding:0; margin:0; position:absolute; width:144px; height:19px;}
#headerArea1 .nav2    {top:28px; left:569px; padding:0; margin:0; position:absolute; width:78px; height:19px;}
#headerArea2 h1        {top:10px;left:10px; margin:0; padding:0; width:238px; height:54px; position:absolute;}
#headerArea2 ul.nav1   {width:796px; height:72px; margin:0; padding:0;}
#headerArea2 ul.nav1 li{margin:0; padding:0; list-style:none; position:absolute; font-size:10px; text-align:left;}
#headerArea2 .nav11{top:40px;left:530px; width:100px; height:20px;}
#headerArea2 .nav12{top:40px;left:625px; width:110px; height:20px;}
#headerArea2 .nav13{top:42px;left:745px; width:44px; height:25px;}
#headerArea2 .nav14{top:18px;left:616px; width:170px; height:25px;}
#headerArea2 .sh_textarea{width:162px; height:14px;}

/*NAVI*/
ul.globalNav      {margin:0; padding:0; width:774px; position:relative;}
ul.globalNav li   {margin:0; padding:0; height:38px; list-style:none; position:absolute;}
ul.globalNav li a {margin:0; padding:0; height:38px; display:block;}
ul.globalNav li a span{display:none;}
ul.globalNav .nav1 {width:128px; left:0px; background:url(../image/global/gn_01.gif) no-repeat;}
ul.globalNav .nav2 {width:130px; left:128px; background:url(../image/global/gn_02.gif) no-repeat;}
ul.globalNav .nav3 {width:263px; left:258px; background:url(../image/global/gn_03.gif) no-repeat;}
ul.globalNav .nav4 {width:126px; left:521px; background:url(../image/global/gn_04.gif) no-repeat;}
ul.globalNav .nav5 {width:127px; left:647px; background:url(../image/global/gn_05.gif) no-repeat;}
ul.globalNav .nav1 a:hover {background:url(../image/global/gn_012.gif) no-repeat;}
ul.globalNav .nav2 a:hover {background:url(../image/global/gn_022.gif) no-repeat;}
ul.globalNav .nav3 a:hover {background:url(../image/global/gn_032.gif) no-repeat;}
ul.globalNav .nav4 a:hover {background:url(../image/global/gn_042.gif) no-repeat;}
ul.globalNav .nav5 a:hover {background:url(../image/global/gn_052.gif) no-repeat;}

/*BREAD*/
#breadArea {font-size:10px;line-height:15px;color:#10a7cf;}
#breadArea a:link   {color:#10a7cf;text-decoration:underline;}
#breadArea a:visited{color:#10a7cf;text-decoration:underline;}
#breadArea a:hover  {color:#ec8000;text-decoration:none;}
#breadArea a:active {color:#ec8000;text-decoration:none;}
#breadArea ul    {width:510px; height:30px; margin:3px 0 0 0; padding:0;}
#breadArea li   {margin:0; padding:0 5px 0 13px; list-style:none; float:left; background:url(../image/i_bread.gif) no-repeat;}
#breadArea li a {display:block;}
#breadArea li.home{padding:0 5px 0 0;background:none;}

/*CALENDAR*/
.calendar1       {font-size:12px; text-align:center; color:#000000; border-top:#999999 1px solid; border-left:#999999 1px solid;}
.calendar1 th    {width:28px; height:23px; margin:0; border-bottom:#999999 1px solid; border-right:#999999 1px solid; line-height:22px; font-weight:normal;}
.calendar1 td    {width:28px; height:21px; margin:0; border-bottom:#999999 1px solid; border-right:#999999 1px solid; line-height:26px;}
.calendar1 td.nml{background-color:#FFFFFF;}
.calendar1 td.c1 {background-color:#ffff80;}  /* yellow */
.calendar1 td.c2 {background-color:#ff9966;}  /* orange */
.calendar1 td.c3 {background-color:#faa1f1;}  /* pink   */
.calendar1 td.c5 {background-color:#9ff3d8;}  /* grenn  */
.calendar1 td.c6 {background-color:#ff6666;}  /* red    */

/*H*/
h2 {width:476px; height:30px; padding:0 0 0 14px; margin:0 0 10px 0; background:url(../image/title0.gif) no-repeat; font-size:14px; line-height:30px; color:#000000;}
h2.title1{background:url(../image/title1.gif) no-repeat;}
h3 {padding:0 0 0 5px; margin:7px 0 5px 0; font-size:12px; line-height:12px; color:#636466;}
h4 {padding:0 0 0 3px; margin:7px 0 5px 0; font-size:12px; line-height:12px; color:#636466;}
h5 {padding:0 0 0 7px; margin:7px 0 5px 0; font-size:12px; line-height:12px; color:#636466;}
h7 {padding:10px 0 0 0; margin:10px 0 10px 0; font-size:15px; line-height:30px; color:#636466;} /*db Title */


/*SIDE*/
#sideArea2 .contents {background:url(../image/bg_side.jpg) no-repeat;}
#sideArea2 .top      {background:url(../image/bg_side_top.jpg) no-repeat; padding:0 0 10px 0;}
#sideArea2 ul{width:215; padding:0; margin:0; list-style:none;}
#sideArea2 li{width:189px; height:21px; padding:3px 13px; margin:0;}
#sideArea2 li a{display:block; height:21px;}

#sideArea2 .top a:link   {color:#d57800;text-decoration:underline;}
#sideArea2 .top a:visited{color:#d57800;text-decoration:underline;}
#sideArea2 .top a:hover  {color:#ec8000;text-decoration:none;}
#sideArea2 .top a:active {color:#ec8000;text-decoration:none;}


/*BOX*/
.box1   {padding:0 0 15px 14px; margin:0;}
.box2   {padding:0 0 15px 14px; margin:0;}
.box2 p {padding:4px 0; margin:0; border-bottom:#e8e9eb 1px solid;}
.box3   {padding:20px 0 0 0; margin:0 0 15px 14px; border-top:#e8e9eb 1px solid;}
.box3 h5{padding:0; margin:0; font-size:12px; font-weight:normal; color:#f26522;}
.box3 p {padding:4px 0; margin:0;}
.box4   {padding:0 0 15px 14px; }
.box4 p {line-height: 150%;}

/*LIST*/
.more   {height:30px; padding:0; margin:0;}
.more ul{height:15px; padding:0; margin:0; font-size:11px; line-height:20px;}
.more li{height:15px; padding:0; margin:0; list-style-image:url(../image/i_ar.gif);}
ul.circle   {width:500px; padding:0 0 0 20px; margin:0; list-style:url(../image/i_circle.gif);}
ul.nonestyle{width:500px; padding:0 0 0 20px; margin:0; list-style:disc;}

/*INDEX*/
#lib_index #sideArea .calendar_cap {padding:5px 5px 3px 20px; font-size:11px;color:#212f78;font-weight:bold;}
#lib_index #sideArea3 .calendar_cap {padding:5px 5px 3px 5px; font-size:12px;color:#212f78;font-weight:bold;}
#lib_index #sideArea .more         {width:120px; height:15px; padding:3px 0 0 120px;}
#lib_index #sideArea .more ul      {width:120px;}
#lib_index #sideArea .more li      {width:120px;}
.timekeep ul{width:240px; height:80px; padding:0; margin:0; font-size:10px; list-style:none;}
.timekeep li{width:120px; height:18px; padding:0; margin:0; float:left;}
.timekeep red{color:#FF0000;}
.timekeep2 ul{width:480px; height:60px; padding:0; margin:0; font-size:12px; list-style:none;}
.timekeep2 li{width:120px; height:18px; padding:0; margin:0; float:left;}
.timekeep2 red{color:#FF0000;}

#lib_index .box1         {position:relative; height:30px;}
#lib_index .box1 .sh1    {top:2px; left:14px; width:300px; position:absolute;}
#lib_index .box1 .sh2    {top:0; left:314px; width:42px; height:23px; position:absolute;}
#lib_index .box1 .more   {top:2px; left:384px; width:100px; height:20px; padding:0; position:absolute;}
#lib_index .box1 .more ul{width:90px;}
#lib_index .box1 .more li{width:90px;}
#lib_index .box2 .more   {width:120px; height:20px; padding:5px 0 0 350px;}
#lib_index .box2 .more ul{width:120px;}
#lib_index .box2 .more li{width:120px;}
#linkArea .linklist  {width:746px; padding:20px 30px 20px 20px; margin:0; text-align:left;}
#linkArea .linklist p{padding:3px 3px 15px 15px; margin:0; font-size:10px;}

/*INFORMATION*/
#information .list   {padding:0; margin:0 0 13px 0; width:531px; border-bottom:#e8e9eb 1px solid;}
#information .list:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
/* Mac IE \*/
* html #information .list { height:1px; }
#information .list { display:block; }
/* */
#information .list ul{padding:1px 0; margin:0; width:531px; list-style:none;}
#information .list li.c1{width:75px; color:#041158; float:left;}
#information .list li.c2{width:455px; float:left;}
#information .body_info  {width:531px; padding:0 0 10px 0; margin:0; clear:both;}

/*TEXT*/
.f10      {font-size:10px;color:#636466;}
.f10_b_blu{font-size:10px;color:#212f78;font-weight:bold;}
.f12_blu  {font-size:12px;color:#212f78;}
.f12_b_blu{font-size:12px;color:#212f78;;font-weight:bold;}
.fblu     {color:#212f78;}
.fred     {color:#ff2f2f;}


/*LINK*/
a:link   {color:#212f78;text-decoration:underline;}
a:visited{color:#212f78;text-decoration:underline;}
a:hover  {color:#ec8000;text-decoration:none;}
a:active {color:#ec8000;text-decoration:none;}

a.info:link   {color:#06276a;text-decoration:underline;}
a.info:visited{color:#da99c4;text-decoration:underline;}
a.info:hover  {color:#ec8000;text-decoration:none;}
a.info:active {color:#ec8000;text-decoration:none;}