*{
	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-color: #ffffff;
background-image: url(images/body.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;

}

#container{

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

#kuhaku{
	background: #fff url(images/index/body.jpg) no-repeat;
	background-attachment: fixed;
	background-position:top center;
	height:50px;

}



#top_ber{
width:1000px;
height:65px;

text-indent:-9999em;
display: block;
	background: #fff url(images/top.jpg) no-repeat;
}

h1{
text-indent:-9999em;
}

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


.cl{
	clear: both;
}



#main{
margin-top:-50px;
		background: #fff;
line-height:0px;
display: block;
  	z-index: 200;	


}

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

#main2{

line-height:0px;
display: block;
  	z-index: 100;	


}

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

}


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


}

#main_in3{
width:1200px;
	margin:0 auto;   
height:280px;
}






#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:#fff;
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/bk.png) repeat-x;
	position: fixed !important;   
   position: absolute;   
    top: 0;   
   left: 0;   
    width: 100%;   
    height: 55px;   

  	z-index: 300;

}

#topmenu_in{

	width:1200px;
		margin:0 auto;
	height:55px;
	   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{
float:left;
list-style: none;
	height:55px;
	margin:0px;
	padding:0px;
}










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


.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: 5px; /* 画像の上の余白*/
    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;
}



/* =======================================
スクロールＥＦ 横
======================================= */









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



#main4{
	background:#331B1B url(images/page/main3bk.png) repeat;
line-height:0px;
display: block;
	
}

#main_in4{
	background:#331B1B url(images/page/underbk.png) no-repeat;
width:1200px;
height:200px;
	margin:0 auto;   

}


#main_in4 p{
 list-style: none;
	margin-left:10px;
width:1200px;
font-size: 13px;
line-height:20px;
color:#fff;

}








#bana{

line-height:0px;
display: block;
	
}

#bana_in{

width:1200px;
height:400px;
	margin:0 auto;   

}


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


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


#bana2{
		background: #fff;
line-height:0px;
display: block;
	
}

#bana2_in{

width:1200px;
height:300px;
	margin:0 auto;   

}


#bana2_in li{
 list-style: none;
float:left;
margin-right:10px;
}


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