*{
	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;
	background-attachment: fixed;
	background-position:top center;

}

#container{
width:1000px;
position: relative;
	margin:0 auto;
line-height:0px;
}



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

text-indent:-9999em;
display: block;

}


h2{
width:750px;
height:75px;

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

h3{
width:750px;
height:130px;
clear:both;
text-indent:-9999em;
display: block;
	background: #fff url(images/main/l/top2.jpg) no-repeat;
}

h4{
width:750px;
height:130px;
clear:both;
text-indent:-9999em;
display: block;
	background: #fff url(images/main/l/top3.jpg) no-repeat;
}


h5{
width:750px;
height:90px;
clear:both;
text-indent:-9999em;
display: block;
	background: #fff url(images/main/l/top4.jpg) no-repeat;
}



#fla2{

width:1000px;
height:160px;
line-height:0px;
display: block;
}


#fla2 li{
float:left;
list-style:none;
line-height:0px;
display: block;
}




#fla2 li a{
	display: block;

height:160px;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}


#info1{background:url(images/bana_center/1.png) no-repeat; width:200px;}
#info2{background:url(images/bana_center/2.png) no-repeat; width:200px;}
#info3{background:url(images/bana_center/3.png) no-repeat; width:200px;}
#info4{background:url(images/bana_center/4.png) no-repeat; width:200px;}
#info5{background:url(images/bana_center/5.png) no-repeat; width:200px;}


.cl{
	clear: both;
}



#main{
	background:  #F6882B url(images/main/bk.jpg) repeat-x;
line-height:0px;
display: block;
	background-repeat: repeat;


}


#main_in{
width:1000px;
	background: #F6882B url(images/main/main_bk.jpg) repeat-y;
	margin:0 auto;   
}



#manwoman{
width:1000px;
height:40px;
}

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




#main_l{
float:left;
width:750px;
line-height:0px;
display: block;
}


#main_r{
float:left;
width:250px;
line-height:0px;
display: block;
}





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


#main_l p{

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

}

#main_r p{

	margin-left:20px;
width:220px;
font-size: 13px;
line-height:20px;
color:#666;

}





























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

  	z-index: 300;

}

#topmenu_in{

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


#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:70px;
	margin:0px;
	padding:0px;
}


#topmenu li a{
	display: block;
height:70px;


}


#topmenu a:hover img {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
}













#topmenu2{

		background: url(ber_img/top2.png) repeat-x;
    width: 100%;   
    height: 50px;   



}

#topmenu2_in{

	width:1000px;
		margin:0 auto;
	height:50px;
	   position:relative;   
}




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

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


#topmenu2 li a{
	display: block;
height:70px;
	text-indent:-9999px;

}


#b1{background:url(ber_img/tb.png) no-repeat; width:260px;}



#topmenu2 li a:link,
#topmenu2 li a:visited{
background-position:0 0;

}

#topmenu2 li a:hover,
#topmenu2 li a:active{
background-position:0 -70px;
}




































#pickup_js_bk{
  position: relative;
	width:250px;
	height:190px;
	background: url(images/main/r/js_bk.jpg) no-repeat;
}



#jphoto{
width:200px;
	height:120px;
	text-align: left;
	padding-left:22px;
	margin-top:px;
	display: block;
}





























#js_container {
  	z-index: 200;
	width: 100%;
	text-align: center;
	
	

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

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

.wideslider ul,
.wideslider ul li {
	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: -px 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: px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 5px 5px 10px -2px #000000; /*横方向　下方向　ぼかし　広がり　色 */
}
