@charset "Shift_Jis";

*{ margin:auto;
   font:normal normal normal 100%/1.5 Verdana,"‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
   border: none;
   background-color: transparent }

body{ margin:auto;
      width:100%;
      font-size:80%;
      color:#504946;
      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: 0 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: -790px 0;}  

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

#menu1 a:hover{background-position: 0 -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: -790px -50px;}  


DIV#HEAD{ text-align:left;
          height:90px;
          margin:auto;
          background-color:#000;
          padding-top:25px; }
         .title {width:940px;
                 font-size:16px;
                 font-weight:bold;
                 color:#fff;
                 padding:50px 0 0 10px;}
      div.title a { font-size:16px;
                    font-weight:bold;
                    color:#fff;
                    text-decoration:underline; }


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

	 .txt{ width:86%;
               padding:10px 0 15px 0;
               font-size:12px; }

         .left-side { float: left;
	              width: 620px;
	              text-align: left;
	               }

         .right-side { position: relative;
	               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:15px 20px 5px 0;}

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

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


	.about_left { float: left;
		      width: 480px;
		      text-align: left; }
	.about_right { float: left;
		       width: 300px; }


	.lecture_left {float: left;
		       width: 480px;
		       margin-left: 60px; 
		       text-align: left; }

        .imgArea p { display: table-cell;    
                     vertical-align: middle;    
                     margin: 0px; }    
 * html .imgArea p { display: inline;    
                     zoom: 1; } 
 *:first-child+html .imgArea p { display: inline;    
                                   zoom: 1; }  

      ul.link li { list-style: url(images/link.gif);
                   margin:2px 0 8px 50px; }

        .ex01 { margin:0 0 10px 60px; }

ul.buy-link li { list-style: url(images/link.gif);
                 margin:2px 0 8px 300px; }

div.buy { width:840px;
          margin: 5px 0 0 0;
          border: solid 1px #FF6464; }

div.buy h1 { margin: 25px 0 5px 30px;
             padding: 15px 0 5px 0;
             color: #9d8e87; }

div.buy h2 { margin: 0 0 1em 30px;
             padding: 5px 0 10px 0;
             color: #9d8e87; }

div.buy h3 { width:825px;
             margin: 0 0 10px 0;
             background: #FF6464;
             padding: 5px 0 10px 15px;
             color: #FFF; }

div.buy p { margin: 0.5em 15px 0.5em 45px;
            line-height:20px; }

div.buy ol {
  margin-left: 0;
  padding-left: 0;}

div.buy ol li {
  margin-left: 60px;
  list-style: outside decimal;}

div.eats { width:840px;
          margin: 5px 0 0 0;
          border: solid 1px #89c997; }

div.eats h1 { margin: 15px 0 5px 30px;
             padding: 5px 0 5px 0;
             color: #9d8e87; }

div.eats h2 { margin: 0 0 1em 30px;
             padding: 5px 0 10px 0;
             color: #9d8e87; }

div.eats h3 {width:825px; 
             margin: 0 0 10px 0;
             background: #89c997;
             padding: 5px 0 10px 15px;
             color: #FFF; }

div.eats p { margin: 0.5em 15px 0.5em 45px;
             line-height:24px; }

div.eats ol {
  margin-left: 0;
  padding-left: 0;
}

div.eats ol li {
  margin-left: 60px;
  list-style: outside decimal;
}

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

dl.list dd { margin-bottom: 5px;
             margin-left: 7.5em; }

table.kodawari { margin-top: 0.2em;
                 margin-bottom: 1em;
                 width: 770px;
                 border-collapse: collapse;
                 font-size: 100%;
                 text-align:left;
                }
table.kodawari td { padding-bottom: 12px; }
table.kodawari td.name { font-weight: bold;
                         width:80px; }

table.manual {  width: 800px; 
		font-size: 16px; }
table.manual td { font-weight: bold; }


h1{ width:95%;
    height:18px;
    margin:10px 0 0 0;
    padding:14px 0 20px 5px;
    text-align:left;
    font-size:18px;
    font-weight:bold; }

h2{ width:90%;
    height:14px;
    margin:0px 0 0 0;
    padding:0px 0 10px 0px;
    text-align:left;
    color:#24140e;
    font-size:16px;
    font-weight:bold; }

h3{ width:760px;
    color:#37a34a;
    font-weight:bold;
    font-size:16px;
    border-bottom:1px solid #89c997;
    margin:40px 0 15px 0;
    padding:0 0 0 5px; }

h4{ width:95%;
    height:18px;
    color:#32cd32;
    margin:10px 0 0 0;
    padding:14px 0 10px 5px;
    text-align:left;
    font-size:18px;
    font-weight:bold; }

h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 20px;
}

p.order{
	text-align: right;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	margin-right: 40px;
}

p.a{
	color: #993333;
}
p.manual {
	font-size: 14px;
	padding: 10px 15px 15px 0px;
}

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

a:link{ color: #993333;
        text-decoration:none; }
a:visited{ color:#993333;
           text-decoration:none; }
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; }
img.right { float: right;
           margin:10px 50px 10px 10px; }

.right{ text-align:right; 
        margin: 0 10px 0 0; }

table.croissant {float:right;
                 margin:10px;}



		
.center{ text-align:center; }

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

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