@charset "Shift_Jis";

*{ margin:auto;
   font:normal normal normal 100%/1.5 Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
   border: none;
   background-color: transparent }

body{ margin:auto;
      width:100%;
      font-size:80%;
      color:#993333;
      background:#fff; }

DIV#WRAPPER{ margin:auto;
             width:100%;}


#globalnavi{ margin: auto;  
             padding: 0;  
             width: 950px;  
             height: 0px; }  
  
#globalnavi ul{ list-style-type: none;  
                margin: 0;
                padding: 0; }  
  
#globalnavi li{ text-indent: -9999px;  
                float:left;  
                width: 158px;  
                margin: 0;  
                padding: 0; }  
  
#globalnavi a{ display: block;  
               width: 100%;  
               height: 50px;  
               background-image: url(images/menu.gif);  
               background-repeat: no-repeat; }  
  
#menu1 a{background-position: 0px 0;}  
#menu2 a{background-position: -158px 0;}  
#menu3 a{background-position: -316px 0;}  
#menu4 a{background-position: -474px 0;}  
#menu5 a{background-position: -632px 0;}  
#menu6 a{background-position: -799px 0;}  

  
#globalnavi a:hover{ background-image: url(images/menu.gif);
                     background-repeat: no-repeat; }

#menu1 a:hover{background-position: 0px -50px;}  
#menu2 a:hover{background-position: -158px -50px;}  
#menu3 a:hover{background-position: -316px -50px;}  
#menu4 a:hover{background-position: -474px -50px;}  
#menu5 a:hover{background-position: -632px -50px;}  
#menu6 a:hover{background-position: -799px -50px;}  


#navi_sub{ margin: auto;  
           padding: 0;  
           width: 950px;  
           height: 0px; }  
  
#navi_sub ul{ list-style-type: none;  
              margin: 0;
              padding: 0; }  
  
#navi_sub li{ text-indent: -9999px;  
              float:left;  
              width: 235.3px;  
              margin: 0;  
              padding: 0; }  
  
#navi_sub a{ display: block;  
             width: 100%;  
             height: 30px;  
             background-image: url(images/menu_sub3.gif);  
             background-repeat: no-repeat; }  
  
#menu01 a{background-position: 0px 0;}  
#menu02 a{background-position: -235.5px 0;}  
#menu03 a{background-position: -471px 0;}  
#menu04 a{background-position: -706.5px 0;}  
  
#navi_sub a:hover{ background-image: url(images/menu_sub3.gif);
                   background-repeat: no-repeat; }

#menu01 a:hover{background-position: 0px -35px;}  
#menu02 a:hover{background-position: -235.5px -35px;}  
#menu03 a:hover{background-position: -471px -35px;}  
#menu04 a:hover{background-position: -706.5px -35px;}


DIV#HEAD{ margin:auto;
	  width: 950px;
	  height:377px;
	  text-align:left;
          background-color:#fff; }

DIV#MAIN{ width:950px;
          margin:auto;
          padding-bottom:5px; }

	 .txt{ padding:10px 0 15px 0;
               font-size:12px;
	       text-align: left; }

         .left-side { float: left;
	              width: 700px;
	              text-align: left;
		      margin-top: 18px;
	              }

         .right-side { float: right;
                       width: 250px;
                       margin:15px 0 0 0; }

		p.pagetop{ text-align:right;
                           margin:30px 20px 0 0; }

                p.courtyard{ text-align:right;
                            margin:25px 20px 0px 0;}

         .news { overflow:auto;
                 width:620px; height:230px;
                 margin:0 0 35px 2px;
                 padding:5px;
                 border:2px dotted #ffffff;
                 color:#666;
                 background-color:#fafdff;
                 line-height:1.5em;
                 }

	.title1{ margin: 0;
                 padding: 2px; }


dl.new dt{ clear: left;
	   float: left;
	   margin: 0 0 0 35px; }

dl.new dd {margin-bottom: 35px;
	   margin-left: 105px; }

dl.list dt { clear: left;
             float: left;
             margin: 0 10px 5px 30px;
             width: 120px;           
             padding-left: 5px;
             }

dl.list dd { margin-bottom: 20px;
             margin-left: 170px; }

div.marche { overflow: auto;
              width: 618px; height: 270px;
              margin: 0px 0px 35px 2px;
              padding: 5px;
              border: 1px dotted #999;
              color: #808080;
	      font-family: "ＨＧＳゴシック";
              background-image: url(images/marche_bg.jpg);  
              background-repeat: no-repeat;
              line-height: 1.5em; }           

	.icon_right{ width: 630;
		     margin: 0px 0px 0px 522px;
		     position: absolute; }

table.marche { margin: 0 auto;
	     border-spacing: 10px; }

.txt_event{ font-weight: bold;
	color: #e51986; }
.txt_info { font-weight: bold;
	color: #009e41; }

div.event { overflow: auto;
                  width: 618px; height: 230px;
                  margin: 0px 0px 35px 2px;
                  padding: 5px;
                  border: 1px dotted #999;
                  color: #666;
                  background-color: #fafdff;
                  line-height: 1.5em; }

div.liblary { overflow: auto;
              width: 618px; height: 290px;
              margin: 0px 0px 35px 2px;
              padding: 5px;
              border: 1px dotted #999;
              color: #666;
              background-color: #fafdff;
              line-height: 1.5em; }           

table.lib01{ margin: 0 auto;
	     border-spacing: 10px; }

.lib_new{ float: right;
	  vertical-align: bottom; }

DIV#FOOT { height:30px;
           margin:auto;
           background-color:#000;}
     DIV#FOOT address{ width:950px;
                       padding-top:9px;
                       font-size:0.9em;
                       text-align:center;
                       color:#fff; }

a:link{ color: #993333;
        text-decoration:none; }
a:visited{ color:#993333; }
a:active{ color: #00947a;
          text-decoration:none;}
a:hover{ text-decoration: underline;
         color:#00947a; }

a img.linkimg{ background:none!important;}
 
a:hover img.linkimg{ opacity:0.6;
                     filter:alpha(opacity=60);
                     -ms-filter: "alpha( opacity=60 )";
                     background:none!important; }

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

img.left { float: left;
           margin:10px 20px 10px 10px; }

.pop a:hover{ /*マウスが乗ったら*/
        position: relative;
        top: 0px; left: 0px; }
.fukidasipop { /*吹き出し本体*/
        position: absolute;
        top:17px; left:20px;
        display: none; /*何も表示しない*/
        padding: 5px; /*内側の余白*/
        width: 60px; /*ブロックの幅
        font-weight: bold; /*文字の太さ*/
        text-decoration: none; /*文字飾り*/
        color: #ffffff; /*文字色*/
        background-color: #b22222; /*背景色*/

        border-top:white solid 10px;
        border-left:#b22222 solid 10px;

     filter: alpha(opacity=85); /* IE */
　　-moz-opacity:0.85; / *Firefox・Netscape */
  　opacity:0.85; /* Opera・Safari */
}
a:hover .fukidasipop {
        display: block; /*ブロック要素で表示*/
}


		
.center{ text-align:center; }
.right{ text-align:right; }

.top {vertical-align: top;}
.bottom {vertical-align: bottom;}


b {font-weight:bold;}
big {font-size:16px;}




h2{ width:95%;
    height:18px;
    margin:10px 0 0 0;
    padding:14px 0 10px 10px;
    text-align:left;
    font-size:16px; }