*{
	margin:0;
	padding:0;
}


img{
border:0;
	vertical-align: top;

}

body{
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', osaka, 'MS Pゴシック', 'MS PGothic', sans-serif;
	margin:0;
	padding:0;

	background: #fff url(../images/index/bk2.jpg) no-repeat;
	background-attachment: fixed;
	background-position:top center;

}

#container_out{
margin-top:100px;
	background: #fff url(../images/js_img/bk.jpg) repeat-x;
position: relative;

line-height:0px;
height:450px;
}
#container{

width:1200px;
position: relative;
	margin:0 auto;
line-height:0px;
}

#kuhaku{

	height:53px;

}


#kuhaku2{

	height:500px;

}



h1{
text-indent:-9999em;
}

h2{
text-indent:-9999em;
}
.999{
text-indent:-9999em;
}


.cl{
	clear: both;
}



#main{
	background:url(../images/index/bana_bk.png) repeat-x;
line-height:0px;
display: block;
  	z-index: 200;	
	height:415px

}

#main_in{
width:1200px;
		  position: relative;  
	margin:0 auto;   
}





#main_in a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



#main_in ul{
padding-top:20px;
}


#main_in li{
float:left;
list-style: none;
	width:400px;
	margin:0px;
	padding:0px;
}










#main2{

line-height:0px;
display: block;
  	z-index: 100;	
	background:#5A4F45;

}

#main_in2{
width:1200px;
	background:url(images/index/s.jpg) no-repeat;
	margin:0 auto; 

}


#main3{
	background:#9D8D80;
line-height:0px;
display: block;
  	z-index: 100;	
height:200px;

}

#main_in3{
width:1200px;
	margin:0 auto;   

}



#main_in3 p{

	margin-left:10px;
width:1100px;
font-size: 13px;
line-height:20px;
color:#fff;

}



#jphoto{
width:250px;
line-height:0px;
display: block;
position: absolute;
}


#main_in p{

	margin-left:10px;
width:200px;
font-size: 13px;
line-height:20px;
color:#999;

}



























#footer{
clear:both;
	width:1000px;
	height:200px;
}


#footer p{

font-size:14px;
color:#999;
text-align:left;
line-height:20px;
margin-left:20px;
}




#footmenu{

		background: url(../../img_index_under/bk.png) repeat-x;
	position: fixed !important;   
   position: absolute;   
    bottom: 0;   
   left: 0;   
    width: 100%;   
    height: 80px;   

  

}


#footmenu_l{
	float:left;
	width:155px;
	height:80px;
}

#footmenu_r{

	width:1000px;
	height:80px;
}

#footmenu_r li{
	float:left;
	list-style: none;
}








#topmenu{

		background: url(../images/top_ber/000.jpg) repeat-x;
	position: fixed !important;   
   position: absolute;   
    top: 0;   
   left: 0;   
    width: 100%;   
    height: 100px;   

  	z-index: 300;

}

#topmenu_in{

	width:1200px;
		margin:0 auto;
	height:70px;
	   position:relative;   
}



#topmenu_in a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


#home{

		background: url(ber_img/home.png) no-repeat;
 
   position: absolute;   
    top: 0;   
   right: 0;   
    width: 250px;   
    height: 190px;   

  text-indent:-9999em;

}


#topmenu li{
list-style:none;
float:left;
}

#topmenu li{
float:left;
list-style: none;
	height:110px;
	margin:0px;
	padding:0px;
}






























#js_container {

	width: 100%;
	text-align: center;
	
	height:380px;

    margin-top: 22px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 0px 2px 8px -2px #000000; /*横方向　下方向　ぼかし　広がり　色 */

}

.wideslider {
	height:380px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	height:380px;
	float: left;
	display: inline;
	overflow: hidden;
	list-style:none;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;	list-style:none;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}





/* =======================================
	画像■移動
======================================= */


.pagination {
	top: -9999px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}




.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;     margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 5px 5px 10px -3px #000000; /*横方向　下方向　ぼかし　広がり　色 */}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: -5px 5px 10px -3px #000000; /*横方向　下方向　ぼかし　広がり　色 */}


.shadow {
    margin-top: px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 5px 5px 10px -2px #000000; /*横方向　下方向　ぼかし　広がり　色 */
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	
	
	
	    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 5px 5px 10px -2px #000000; /*横方向　下方向　ぼかし　広がり　色 */
}





/* =======================================
スクロールＥＦ
======================================= */
.fade-up {
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
  
}

.fade-in {
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
}

/* =======================================
スクロール固定
======================================= */


#no1{width:380px; height:480px; overflow: hidden !important; position: absolute;  top: 45px; left: 8px;}

.ani_bk{
	float: left;
	width: 380px;
	height: 240px;
  position: relative;
  margin-top:17px;
 
}


.ani {
	width: 380px;
	height: 240px;
	overflow: hidden !important;
		 position: absolute;
 top: 0px;
 left: 0px;
}


.ani_bk p{
font-size:11px;
width:200px;
margin-left: 10px;
color: #777;
line-height:20px;
}


.ani_bk h3{
margin-top:10px;
width:200px;
font-size:13px;
margin-left: 10px;
color: #666;
line-height:20px;
}