@charset "utf-8";
/* CSS Document */
/* INDEX  -------------------------------------------
recommendInfoBox
newsInfoBox
topicsArea
bannerBox
rightNavigationBox
adressInfoBox
-------------------------------------------------- */
#flash{
	margin:0;
	padding:0;

	width:900px;
	height:365px;
}
dl.recent{
 font-size:90%;
 margin:5px 0;
 }
dl.recent dt {
  clear: left;
  float: left;
  width: 10em;
  padding: 10px 0.5em;
 
}

dl.recent dd {
  margin-left: 0;
  padding: 10px 0.5em 10px 8em;
  border-bottom: dotted 1px #CCC;
}


dl.recent dd a {	
	padding: 0px 0px 0px 17px;
	margin: 5px 0px;
	text-decoration: none;
	/*font-weight:bold;*/
	background: url(../common/arrow_01.gif) 0px 2px no-repeat;	

}
dl.recent dd a:hover,dl.recent dd a:focus {
	background: url(../common/arrow_01o.gif) 0px 2px no-repeat;
		text-decoration:underline;
	

}

dl.recent dd span.kind{
	font-weight:bold; font-size:75%;



}
dl.recent dd span.kind img{
vertical-align:top;


}

/* newsInfoBox@ */
.InfoBox{
	margin: 0 0 15px 0;
	padding: 0px;
	font-size:110%;
	letter-spacing:0.1em;
	clear:both;
	

}
/* h3 */
.InfoBox h3{
	margin: 0px;
	padding: 0px;
	width: 645px;
	font-size: 1px;
	text-indent: -10000px;
	line-height: 1;
	text-align: center;
	color: #ffffff;height: 35px;
}


.InfoBox h3 {
	background: url(../top/whatsnew_t.gif) left top no-repeat;
}

/* information@ */

#bariAreaWrapper{margin:15px 0;
background:#dfedf7;
width: 645px;
text-align:center;
padding:0;border:1px solid #dfedf7;}
#bariAreaWrapper #bariArea{

margin:5px auto;
width:635px;
_width:633px;
text-align:left;
background:#FFFFFF;
}

#bariAreaWrapper #bariArea h2{
	margin: 0 0 10px 0;
	padding: 0px;
	font-size: 1px;
	text-indent: -10000px;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	height: 50px;
	background: url(../top/baribari_t.gif) 10px 10px no-repeat;
	border-bottom:1px solid #EEE;
}


#bariAreaWrapper #bariArea h3{margin: 0px 0 7px 0;
	padding: 0px;
	font-size: 1px;
	text-indent: -10000px;
	line-height: 1;
	text-align: center;
	color: #ffffff;	
	
}
	
#bariAreaWrapper #bariArea h3.cooking a {
	width:290px;
	height: 16px;
	display: block;
	text-decoration: none;
	background: url(../top/bari_cooking.gif) 0 0 no-repeat;

}
#bariAreaWrapper #bariArea h3.gurume a {
	width:290px;height: 16px;

	display: block;
	text-decoration: none;
	background: url(../top/bari_gurume.gif) 0 0 no-repeat;

}

#bariAreaWrapper #bariArea h3 a:hover {
	background-position: 0 -16px;

}	
	
	
#bariAreaWrapper #bariArea ul{margin:0; padding:0;
text-decoration:none;
list-style:none;

}

#bariAreaWrapper #bariArea li{float:left;
width:290px; margin:10px;_margin:8px;/*border:1px solid #CCC;*/}
#bariAreaWrapper #bariArea .border{background:url(../top/border_ten.gif) repeat-y;}
,
#bariAreaWrapper #bariArea dl,
#bariAreaWrapper #bariArea dt,
#bariAreaWrapper #bariArea dd{margin:0;padding:0;}

#bariAreaWrapper #bariArea dt{ 
  float: left;
  width: 135px;
 }
  
#bariAreaWrapper #bariArea dd{
 }
 
 #bariAreaWrapper #bariArea dd h4{font-size:110%;margin:0 0 7px 0;padding:0; color:#666666;}
/* top＆FullContens
-------------------------------------------------- */
#LeftArea {
	width: 645px;
	padding: 0px;
	margin: 10px 0;
	float: left;
	
}
/* RightArea
-------------------------------------------------- */
#RightArea {
	padding:0px;
	margin: 10px 0;
	float:right;
	width:225px;
}


#RightArea .bannerBox{
	padding:0;
	margin:0 0 10px 0;
}






/* gasseihinArea
-------------------------------------------------- */

#gasseihinArea {
padding: 0px;
margin: 0 0 15px 0;

}

#gasseihinArea h2{
	margin:0px;
	padding:0px;
	height:28px;
	display:block;
}

#gasseihinArea h2 a{
	display:block;
	height:28px;
	text-indent:-10000px;
	font-size:1px;margin:0px;
	padding:0px;
	background:url(../top/gasuseihin_b.gif) left top no-repeat;

}


#gasseihinArea h2 a:hover {
		background:url(../top/gasuseihin_b.gif) left -28px no-repeat;

}

#gasseihinArea h2 a:active {
		background:url(../top/gasuseihin_b.gif) left -28px no-repeat;

}


#gasseihinArea .body{
	padding: 0px;
	margin: 0px;
	

}

#gasseihinArea p{margin:0;padding:0;}
#gasseihinArea .box
{
	padding: 0px;
	margin: 0px;
	border-bottom:1px solid #ccc;
	clear:both;
	background:url(../top/gasuseihin_bg.gif) repeat-y;


	


	
	
}


#gasseihinArea .box .leftbox,
#gasseihinArea .box .rightbox{
	padding: 0px;
	display: block;margin:5px 0;
	font-weight: bold;
 	width:111px;
	text-align:center;
	font-size:90%;

}
#gasseihinArea .box .leftbox{
float:left;	}
#gasseihinArea .box .rightbox{
float:right;}


/*image_alpha*/
#RightArea a:hover img,
#RightArea a:hover{
    filter: Alpha(opacity=80); /*IE*/
    opacity:0.8; /* mozilla*/
    }