/* BASE */

html { height: 100%;
       margin: 0;
       padding: 0;}

body { height: 100%;
       margin: 0;
       padding: 0;
       background: url(../images/common/back.gif) repeat; 
       color: #362e2b;
       font-size: 12px;
       line-height: 18px;}
       
a img { border:0;}

a { color: #81511c;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline; }
       
#container { width: 800px;
             background: #ffffff;
             margin-left: auto;
             margin-right: auto;
             margin-top: 0;
             margin-bottom: 0;
             padding: 0;
             bottom: 0;}
             
/* HEADER */
             
#header{ width: 800px;
         margin: 0;
         padding: 0;}
         
#header p{ margin: 0;
           padding: 0;}

#header ul{ list-style-type: none;
            padding: 0;
            margin: 0;
            width:800px;}
            
#header li{ float: left;
            margin: 0;}
            
/* SIDE */

#side { width: 250px;
        margin: 5px 8px 20px 5px;
        float: left;}
        
#side a { display: block;
          margin-bottom: 5px; }

#side table { background: #fbf2e7;}

#side td { padding: 5px;}

#side tbody td { border-bottom: dotted 1px #6b5634;}


/* MAIN */

#main{ width: 530px;
       height: 100%;
       margin: 5px 0 0;
       padding: 0 0 20px;
       float: right;}
       
       
/* INDEX */


#index table{ margin: 15px 0 0 3px;}
            
#index td{  border-bottom: solid 1px #6b5634;
            padding: 10px;}
            
/* INFORMATION */ 
#info { margin: 0 0 30px 0;}

#info h1 { margin: 5px 0 5px 5px;
           padding: 0; }
                
#info h2 { margin: 20px 0 0px 5px;
           padding: 0; }

#info .text { width: 495px;
             margin: 10px 0 50px 15px;
             line-break: strict;}


#info #seeing { float:left;
                margin: 0 0 40px 0;}

#info #seeing img { display: block;
                    margin: 5px 0; }

#info #seeing .contents { width: 300px;
                          padding: 8px 0 8px 18px;
                          line-height: 25px;}

#info #photo { float: right;
               text-align: right;
               margin: 15px 10px 0 0;}        

#info #photo p { background: url(../images/info/img_14.jpg) 0 2px no-repeat;
                 padding: 0 0 0 12px;
                 text-align: right;
                 margin:0 0 5px 100px;}  
                 

#info table { border-top: #c0751b 1px solid;
              border-left: #c0751b 1px solid;
              border-right: #c0751b 1px solid;
              width: 490px;
              margin: 0 0 40px 20px;}   
              
#info td { border-bottom: #c0751b 1px solid;
           padding: 5px;}    
#info th { border-right: #c0751b 1px solid;
           border-bottom: #c0751b 1px solid;
           background: #fbf2e7;
           padding: 5px;
           font-weight: normal;}  
           
#info iframe { margin: 0 0 0 20px;} 

#info small { margin: 0 0 0 20px; } 

#info .access{ margin: 0 0 0 20px;
               width: 490px; }
               
               
               
/* IVENT */ 

#ivent { margin: 0 0 30px 0;}

#ivent h1 { margin: 5px 0 5px 5px;
           padding: 0; }   
           
#ivent h2 { margin: 8px 0 30px 20px;
           border-left: 4px solid #bf281b;
            padding: 0 0 0 8px ;
            font-size: 15px; }
           
           
#ivent table { border-top: #c0751b 1px solid;
              border-left: #c0751b 1px solid;
              width: 490px;
              margin: 0 0 40px 20px;}   
              
#ivent td { border-bottom: #c0751b 1px solid;
            border-right: #c0751b 1px solid;
           padding: 5px;} 
              
#ivent th { border-right: #c0751b 1px solid;
           border-bottom: #c0751b 1px solid;
           background: #fbf2e7;
           padding: 5px;
           font-weight: normal;}  

#ivent .text { width: 495px;
             margin: 0 0 30px 15px;}
			 
#ivent form { margin: 10px 0 20px 180px;
              width: 200px;}


/* BASE */ 

#base { margin: 0 0 30px 0;}


#base h1 { margin: 5px 0 10px 5px;
           padding: 0; } 
           
#base .faq{ background: url(../images/base/img_06.jpg) repeat-x 0 0 #fbf1e6;
            margin: 5px 20px 30px 10px;
            padding: 10px; }  

.faq p { color: #ff0000;
         padding:0 0 10px 0;
         margin: 0;
         font-weight: bold;}
         
.faq .text { background: #ffffff;
            padding:10px;
            margin:0;
            line-break: strict;}
            
            
/* COMIC */            

#comic { margin: 0 0 30px 0;}


#comic h1 { margin: 5px 0 10px 5px;
           padding: 0; }
           
#comic form { margin: 10px 0 20px 180px;
              width: 200px;}
 
#comic p img{ margin: 0 0 20px 70px;}  
        
            
/* guide */            

#guide { margin: 0 0 30px 10px;}


#guide h1 { margin: 5px 0 10px 5px;
           padding: 0; }
            
#guide h2 { margin: 5px 0 10px 10px;
          padding:0;}
          
#guide .text { margin: 5px 20px 20px 10px;
          padding:0;}
                  
  
/* link */   

#link { margin: 0 0 30px 10px;}
  
#link h1 { margin: 5px 0 10px 5px;
           padding: 0; }  
           
#link h2 { margin: 5px 0 10px 10px;
          padding:0;}    
          
#link table {   width:480px;
           padding:8px;
           margin-left: 20px;} 

#link th { float: left;
           width: 180px;
           margin: 0 10px 0 0;
           border-bottom: #c0751b 1px dotted ;
           padding:5px;
           vertical-align: middle;} 

#link td { width: 290px;
           margin: 0;
           border-bottom: #c0751b 1px dotted ;}
           
#link p { margin: 5px 0 20px 100px;
          padding:0;} 
                      
/* MAP */            

#map { margin: 0 0 30px 10px;}


#map h1 { margin: 5px 0 10px 5px;
           padding: 0; }

#map h2 { background: url(../images/map/img_03.jpg) no-repeat 5px 8px #fbf2e7;
          margin: 20px 25px 20px 10px;
          padding: 5px 0 5px 22px;}
 
#map .contents { margin: 0 30px 20px 30px;}     

#map .contents a { font-size: 12px;
                   color: #362e2b;
                   font-weight: normal;
                   text-decoration: none;}
                   
#map .contents a:hover { 
                   text-decoration: underline;}           
                                  
                                  
                                  

/* FOOTER */

#footer { width: 800px;
          height: 27px;
          bottom: 0;
          margin: 0;
          background: #c0751b;
          border-bottom: #590902 solid 3px;}

#footer address { font-style: normal;
                  color: #ffffff;
                  margin: 5px 0 3px 5px;
                  display: inline;
                  position: absolute;}
          
#footer a img { float: right;}         
#base form {
	width: 200px;
	margin: 10px 0px 20px 180px;
}


/* read */ 
#read { margin: 0 0 30px 0;}

#read h1 { margin: 5px 0 5px 5px;
           padding: 0; }
		   
#read .text { width: 495px;
             margin: 10px 0 50px 15px;
             line-break: strict;}
			 
#read h2 { margin: 8px 0 30px 20px;
           border-left: 4px solid #bf281b;
            padding: 0 0 0 8px ;
            font-size: 15px; }

#read .img_l{
	margin:0 15 0 0;
	float: left;
	padding-right: 15px;
}

#read h3{
	font-size:12px;
	font-weight: bold;
	border-bottom: 1px solid #E39C47;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px 0px 5px 150px;
}			

#read .txt{
}

#read .line{
	border-bottom:1px solid #999999;
	margin-left: 12px;
	margin-right: 18px;
}