#navigation,#content{
			/*border:0px solid black;*/
			margin:0;
			font-size:90%;
			padding:0;
		}
		#content{
			overflow:hidden;
			overflow-x:hidden;
			width:930px;
			padding:0;
			height:390px;

			/*background-color:#EFEFEF;*/
			position:relative;
		}
		#navigation{
			border-right:0px !important;
			border-right:1px;
			float:left;
			width:62px;
			padding:30px;
			height:340px;
			/*background-color:#CACF9B;*/
		}
			#navigation ul{
				list-style:none;
				width:100%;
				padding:0;
				margin:0;
			}
				#navigation ul li{
					margin:30px 0 30px 0;
				}
					#navigation ul li a{
						color:#000000;
						font-weight:bolder;
						text-decoration:none;
					}
					#navigation ul li a.scrolling{
						color:#FF0000;
					}
		.section{
			height:408px;
			width:1954px;
			border-bottom:0px solid black;
			position:relative;
		}
			.section ul{
				padding:0;
				margin:0;
				list-style:none;
			}
				.section li{
					float:left;
					width:905px;
					height:390px;
					padding:10px 35px 20px 15px !important;
					padding:30px 35px 40px 15px;
					background: url(http://www.barabeja.com/img/main-a.png) 0px 0px no-repeat;

					
				}
				
								.section  .rtrt{
					float:left;
					width:850px;
					height:390px;
					padding:10px 35px 20px 35px !important;
					padding:30px 35px 40px 35px;
					color:#FFF;
					/*background-color:#FFFFFF;*/
					background: url(http://www.barabeja.com/img/main-b.png) 0px 0px no-repeat;
				}
					.section h2{
						padding-top:0;
						padding-bottom:10px;
					}
					.section li p{
						width:550px;
					}
					.section a{
						text-decoration:none;
						color:red;
						font-weight:900;
						font-size:18px;
					}
					.section .next{
						float:left;
						padding: 20px 0px 20px 40px;
						z-index:4;

					}
					.section .prev{
						float:right;
						
						padding: 20px 0px 5px 0px;
						clear: both;
					}



.bgo{
   position: absolute;
   padding: 0px 0px 0px 5px;
   top:140px;
  z-index:1;
margin: 0; 

   	}

.vtop{
font-size: 14px;
line-height: 21px;
padding: 30px 0px 10px 20px;
line-height:1.8em;
font-weight: normal;
}
.vtop1{
font-size: 14px;
padding: 0px 20px 0px 20px;
line-height:1.8em;
text-align:justify;
width: 830px;
}


.vtop1a{
font-size: 12px;
padding: 0px 30px 0px 0px;
line-height:1.4em;
width: 253px;
float:left;
}
.vtop1b{
font-size: 12px;
padding: 0px 30px 0px 0px;
line-height:1.4em;
width: 253px;
float:left;
}
.vtop1c{
font-size: 12px;
padding: 0px 0px 0px 0px;
line-height:1.4em;
width: 253px;
float:left;
}


.vtop2{
width: 253px;
float:left;
font-size: 14px;
font-weight: bold;
line-height: 21px;
padding: 230px 0px 0px 60px;
line-height:1.8em;
height: 250px;
}


.vtopvino{
width: 253px;
float:left;
font-size: 14px;
font-weight: bold;
line-height: 21px;
padding: 230px 0px 0px 0px;
line-height:1.8em;
height: 250px;
}


.vtop5{
width: 253px;
float:left;
font-size: 14px;
font-weight: bold;
line-height: 21px;
padding: 230px 0px 0px 0px;
line-height:1.8em;
height: 250px;
}

.vtop10{
    position: absolute;
	width: 350px;
   left: 413px;
   top:155px;
   z-index:1;
font-size: 14px;
font-weight: bold;
line-height: 21px;
line-height:1.8em;

}

.vtop1a-ti{
color: #FF3366;
font-size: 14px;
font-weight: bold;
line-height: 21px;
padding: 5px 0px 5px 0px;
line-height:1.1em;

}



.vtop1a-na{
color: #FFF;
font-size: 12px;
font-weight: bold;
line-height: 21px;
padding: 5px 0px 5px 0px;
line-height:1.1em;

}

.vtop1a-na1{
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height: 21px;
padding: 0px 0px 5px 0px;
line-height:1.1em;

}

.vtop1a-ka{
color: #FFF;
font-size: 14px;
line-height: 21px;
padding: 5px 0px 15px 0px;
line-height:1.1em;

}

.vtop1a img{
float:right;
}
.vtop1b img{
float:right;
}
.vtop1c img{
float:right;
}

#wrapper123 {
background: url(../img/p_back.jpg) repeat;
width: 100%;
height: 100%;
background-color: #FFF;
margin: 0px 0px 0px 0px;

}

#contentsArea{
width: 500px;
line-height:1.6em;
color: #FFF;
font-size: 13px;
font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N", osaka, sans-serif;
overflow: hidden;
}


.mimainxtextworks{
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
.mimainxtextworks a { color:#FF0000; text-shadow:none; text-decoration: none;}
.mimainxtextworks a:hover,  a.active{ color:#FF0000; text-decoration: underline;}	

.selecttop{
width: 900px;
text-align: right;
margin: 0px 0px 30px 0px;
}

.datatopleft{
width: 520px;
float:left;
font-size: 13px;
overflow: hidden;
line-height:1.6em;
padding: 20px 0px 20px 0px;
color: #FFF;
/*background-color: #FFF;*/
}

.datatopleftin{
float:left;
font-size: 13px;
/*background-color: #FFF;*/
line-height:1.6em;
padding: 10px 15px 0px 0px;
font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N", osaka, sans-serif;

}


.datatopright{
width: 400px;
float:left;
font-size: 13px;
padding: 30px 0px 10px 0px;
font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N", osaka, sans-serif;
}
.data8{
width: 130px;
float:left;
padding: 0px;
margin:0px;
}
.datav8{
width: 360px;
float:right;
padding: 0px;
margin:0px;
line-height: 21px;
}

.datav8  a { color:#FFF; text-decoration: underline;�@
}
.datav8 a:hover { color:#FFF; text-decoration: none;                                     
}


.database{
clear: both;
padding: 0px 0px 3px 0px;
margin:0px 0px 3px 0px;
overflow:hidden;
}


.database2{
clear: both;
padding: 0px 0px 6px 0px;
margin:0px 0px 6px 0px;
overflow:hidden;
}

.database00{
clear: both;
padding: 0px 0px 6px 0px;
margin:0px 0px 6px 0px;
overflow:hidden;
}
.datav00{
width: 400px;
float:right;
padding: 0px;
margin:0px;
color:#FFF;
height: 80px;
/*background: url(http://www.barabeja.com/img/abejaparty.jpg) center center no-repeat;*/
}

	.datav00 a{
width: 400px;
height: 80px;
line-height: 55px;
background-image: url(http://www.barabeja.com/img/abejaparty.png);
background-repeat: no-repeat;
background-position:0 0;
text-indent: 0em;
display: block;
float: left;
padding-bottom: 0px;
overflow: hidden;
line-height: 18px;
}

.datav00 a:hover {
width: 400px;
height: 80px;
line-height: 55px;
background-image: url(http://www.barabeja.com/img/abejaparty.png);
background-repeat: no-repeat;
background-position:0 0px;
text-indent: 0em;
display: block;
float: left;
padding-bottom: 0px;
overflow: hidden;
line-height: 18px;
}

.style01{
padding: 0px 8px 6px 0px;
margin:0px 0px 0px 0px;
}
.style00{
width: 380px;
/*position: relative;*/
left: 0px;
top:0px;
/*background: url(http://www.yell.jp/bookpeople/img/top.png) 0px 0px no-repeat;*/
z-index:3;
display: block;
line-height: 18px;
text-align:right;
}
.style00  a {  color:#FFF; text-decoration: underline;�@
}
.style00 a:hover {  color:#FFF; text-decoration: none;                                     
}
.database5{
width: 200px;
float:left;
padding: 0px 0px 6px 0px;
margin:0px 0px 6px 0px;
overflow:hidden;
}

.database6{
width: 200px;
float:right;
padding: 0px 0px 6px 0px;
margin:0px 0px 6px 0px;
overflow:hidden;
}

.datav55{

width: 120px;
float:right;
padding: 0px;
margin:0px;
color:#FFF;

}
.data55{
width: 80px;
float:left;
padding: 0px;
margin:0px;
}

.datav55  a { color:#FFF; text-decoration: underline;
}
.datav55 a:hover { color:#FFF; text-decoration: none;                                     
}


.data88{
width: 80px;
float:left;
padding: 0px;
margin:0px;
}
.datav88{
width: 320px;
float:right;
padding: 0px;
margin:0px;
color:#FFF;
line-height: 18px;

}

.datav88  a { color:#FFF; text-decoration: underline;
}
.datav88 a:hover { color:#FFF; text-decoration: none;                                     
}

/*
.datav88  a { color:#0066CC; text-decoration: underline;
}
.datav88 a:hover { color:#0066CC; text-decoration: none;                                     
}
*/

.newstitle{ clear: both;
width: 480px; 
height: 20px;
position: relative;
padding: 0px 0 20px 0;
}

.newstitle h4{
	font-weight: bold;
	font-size: 14px;
	border-bottom: 0px solid #dedede;
	padding-bottom: 0px;
	color: #FFF;
	margin-bottom: 0px;
}

.newstitle .newstitleleft{
	float: left;
	border-bottom: 0px solid #dedede;
	padding-bottom: 4px;
	color: #FFF;
	margin-bottom: 6px;
	

}
.newstitle .newstitleright{
float: right;
text-align:right;
	font-size: 10px;
	border-bottom: 0px solid #dedede;
	padding-bottom: 4px;
	color: #FFF;
	margin-bottom: 6px;
}

.newstitle .newstitleright a { color: #FFF; text-decoration: none; }

.newstitle .newstitleright a:hover { color: #FFF; text-decoration: underline; }



.newstitle2{ clear: both;
width: 480px; 
height: 20px;
position: relative;
padding: 20px 0 0px 0;
}

.newstitle2 h4{
	font-weight: bold;
	font-size: 14px;
	border-bottom: 0px solid #dedede;
	padding-bottom: 0px;
	color: #FFF;
	margin-bottom: 0px;
}

.newstitle2 .newstitleleft{
	float: left;
	border-bottom: 0px solid #dedede;
	padding-bottom: 4px;
	color: #FFF;
	margin-bottom: 6px;
	

}
.newstitle2 .newstitleright{
float: right;
text-align:right;
	font-size: 10px;
	border-bottom: 0px solid #dedede;
	padding-bottom: 4px;
	color: #FFF;
	margin-bottom: 6px;
}

.newstitle2 .newstitleright a { color: #FFF; text-decoration: none; }

.newstitle2 .newstitleright a:hover { color: #FFF; text-decoration: underline; }