@charset "UTF-8";
/* CSS Document */
body{ width: 100%;
      height:auto;
	  line-height:1.25;
	  color:#5f5f5f;
	  font-size:1em;
      font-family:"メイリオ","Meiryo","Lucida Grande","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
	  background-color:#fff;
	  background-image:url(../img/index_02.jpg);
	  -moz-background-size:cover;
　　　background-size:cover;
	  background-position:center top;
	  background-repeat:no-repeat;
	  background-attachment:fixed;
	  overflow-x:hidden;
	  }
	  
.black { color:black; }
.gray { color:gray; }
.silver { color:silver; }
.white { color:white; }
.aqua { color:aqua; }
.blue { color:blue; }
.fuchsia { color:fuchsia; }
.green { color:green; }
.lime { color:lime; }
.maroon { color:maroon; }
.navy { color:navy; }
.olive { color:olive; }
.purple { color:purple; }
.red { color:red; }
.teal { color:teal; }
.yellow { color:yellow; } 

h1{ font-size:200%;}
h2{ font-size:120%;}
h3{ font-size:100%;}
h4{ font-size:80%;}


.l{ font-size:160%;}
.lm{ font-size:130%;}
.m{ font-size:100%;}
.ss{ font-size:80%;}
.sss{ font-size:60%;}

.clear{clear:both;}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

.shadow{ -moz-box-shadow: 2px 2px 2px 2px #ccc;
         -webkit-box-shadow: 2px 2px 2px 2px #ccc;
         -o-box-shadow: 2px 2px 2px 2px #ccc;
         -ms-box-shadow: 2px 2px 2px 2px #ccc;
		 }	
		 
		 
#container{ position:absolute;
            top: 80%;
			width:100%;
			height:auto;
			margin: 0 auto;
			text-align:center;
			overflow:hidden;
			
			
}
header,footer{ width:100%; height:auto;}

.headarea{ 
           
           height: auto;
		   margin: 0 auto;
		   padding: 30px 0;
		   background-color:#34180b;
		   background: rgba(65,40,41, 0.7);
		   text-align:center;
		   
		    }

.headmenu{ width: 1000px;
           height:auto;
		   margin: 60px auto;
		   padding:0;
		   border:0;
		   background-color:#412829;
}
.headmenu li{ width:12%;
              float: left;
              margin: 0;
              padding: 15px 0 11px 13px;
              text-align: left;
			  list-style:none;
		      font-size: 14px;
              line-height: 1;
              }			
.head_rb{ border-right:1px solid;}	
		
#fade-in li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: 2s;
}
#fade-in li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}		

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1000px;
  margin: 30px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 14.1%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px 13px;
  background: #412829;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid;
  background: #6b2a2c;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #6b2a2c;
}
.dropmenu li a:hover{
  background: #894649;
}
		   

.headmenu a:link{ color:#fff;text-decoration:none;}
.headmenu a:hover{ color:#fff;  background: #6b2a2c;text-decoration:none;}
.headmenu a:visited{ color:#fff;text-decoration:none;}

.about{ width:800px;
        height:auto;
		margin: 20px auto ;
		text-align:center;
		}	
		
#slidearea{ width:100%;
            heiht: 250px;min-height:250px;
			margin: 0 auto;
			padding:0;
			text-align:center;
			}				  		
#contents{ width:1000px;
           height: auto; min-height:800px;
		   margin: 0 auto;
		   padding:0;
		   border:0;
		   text-align:center;
		  
}

#l_contents{ float:left;
             width:740px;
             height:auto;
			 margin: 30px auto;
			 padding:0;
			 text-align:center;
			
			 }
#main_contents{ float: right;
                width:460px;
	            height:auto;
	            margin: 0 10px;
	            padding:0;
	            text-align:center;
				background-color:#fff;
	           }
#l_sidebar{ float:left;
          width:260px;
		  height:auto;
		  margin: 0 auto;
		  padding:0;
		  text-align:center;
		  background-color:#fff;
		  }
#r_contents{ float:right;
             width:260px;
			 height: auto;
			 margin: 30px auto;
			 padding:0;
			 text-align:center;
			 
			 }
#r_sidebar{ float:right;
            width:260px;
		    height:auto;
		    margin: 0 auto;
		    padding:0;
		    text-align:center;
		  }
		  
ul#feed{
 width:100%;
 margin: 0 auto;
 padding:0px;
}

ul#feed li{
 position:relative;
 list-style-type:none;
 display:inline-block;
 width:213px;
 height:155px;
 overflow:hidden;
 vertical-align:top;
 margin:10px ;
 background:#f5f5f5;
}

ul#feed li h3{
 position:absolute;
 bottom:0px;
 margin:0px;
 background:#412829;
 width:100%;
 font-weight:normal;
}

ul#feed li h3 a{
 color:#fff;
 display:block;
 padding:5px;
}

ul#feed li img{
 width:100%;
 display:block;

}	   		   

#rssarea{ width:1000px;
      height:auto; min-height:250px;
	  margin:30px auto;
	  padding: 20px;
	  text-align:center;
	  background-color:#fff;
		 }
		 
#l_rss{ float:left;
        width:670px;
        height:auto;
		margin:0 auto;
		padding:0;
		text-align:center;
		}
		
#r_rss{ float:right;
        width:290px;
        height:auto;
		margin:0 auto;
		padding:0;
		text-align:center;
		}
		
#rss_j{ float:right;
        width: 285px;
        height:auto;
		margin: 0 10px;
		padding:;
		text-align:center;
		background-color:#FCF;
		}		
		 
#rss_k{ float:left;
        width: 285px;
        height:auto;
		margin: 0 auto;
		padding:;
		text-align:center;
		background-color:#9FF;
		}

#rss_w{ float:right;
         width: 285px;
        height:auto;
		margin: 0 auto;
		padding:;
		text-align:center;
		background-color:#FFC;
		}		 
		 
.footer_f{ color:#fff;
           width:100%;
           height:auto; min-height:300px;
		   margin: 0 auto;
		   padding:30px;
		   text-align:center;
		   background-color:#412829;
		   }
.footer_copy{ color:#fff;
              width: 600px;
			  height:auto;
			  margin: 20px auto;
			  padding: 5px;
			  text-align:center;
			   }