@charset "utf-8";

/* clearfix------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* �V�����v�f���� */
  display: block;  /* �u���b�N���x���v�f�� */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
  width:100%;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*=============================================================================

	�R���e���c

==============================================================================*/
#wrapper #container{
width:900px;
}

#wrapper #container #mainArea{
margin:0 20px;
padding:0;
width:900px;
}

#wrapper #container #mainArea h2{
margin:0 0 10px 0;
padding:0;
}


.mt-1{
	margin-top:-1px;
}
.mt-2{
	margin-top:-2px;
}
.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mt19{
	margin-top:19px;
}
.mt18{
	margin-top:18px;
}

.mb30{
	margin-bottom:30px;
}

.pb1{
	padding-bottom:1px;
}
.pb2{
	padding-bottom:2px;
}
.pb3{
	padding-bottom:3px;
}

h2{
	margin:0;
	padding:0;
}

#h2Box{
	position:relative;
	z-index: 1;
	zoom: 1;
}

#h2Box a{
	position:absolute;
	right: 45px;
	bottom: 35px;
}
html*#h2Box a{
	position:absolute;
	right: 35px;
	bottom: 63px;
}

.Box_slim {
	width: 900px;
	margin: 10px 0 0 0;
	_padding:0;
	background-image:url(../slim/images/Box_body.gif);
	background-position: left top;
	background-repeat: repeat-y;
	zoom: 1
}

.Box_slim #Box_top {
	padding:15px 0 0 0;
	background-image: url(../slim/images/Box_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	zoom: 1

}

.Box_slim .Box_bottom {
	padding:0 0 30px 0;
	_padding:0 0 30px 0;
	background-image: url(../slim/images/Box_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear:both;
	margin:0;
	_margin:0;
	zoom: 1
}

.Box_slim .Box_bottom h3 img{
	margin:0 0 15px 30px;
}

.Box_slim .more_box1{
    width:125px;
	float:left;
	padding:0 20px 0 29px;
	_padding:0 20px 0 30px;
	margin-left:1px
}

.Box_slim .more_box2{
    width:125px;
	float:left;
	padding:0 21px 0 20px;
	_padding:0 21px 0 20px;
}

.Box_slim .more_box3{
    width:125px;
	float:left;
	padding:0 21px 0 20px;
	_padding:0 21px 0 20px;
}

.Box_slim .more_box4{
    width:125px;
	float:left;
	padding:0 21px 0 21px;
	_padding:0 21px 0 20px;
}
.Box_slim .more_box5{
    width:125px;
	float:left;
	padding:0 30px 0 21px;
	_padding:0 30px 0 20px;
}

.Box_slim .more_box1,
.Box_slim .more_box2,
.Box_slim .more_box3,
.Box_slim .more_box4,
.Box_slim .more_box5{
	padding:0 20px;
}

.Box_slim p{
    color:#FFF;
	font-size:80%;
	margin:0 0 -5px 0;
	padding-top:16px;
	padding-bottom:15px;
	text-align:center;
	background-image:url(../slim/images/bg_sugar.gif);
	background-repeat:no-repeat;
	background-position:center top;
	font-weight:bold;
}

/* IE7?p*/
*:first-child+html .Box2_fruits p{
    font-size:100%;
}

/* IE4?-6?p*/
* html #low-calorie .Box2_fruits p {
    font-size:100%;
}


.Box_slim p.slimup_link{
background-image:url(../slim/images/slim_link.gif);
background-position:left top;
background-repeat:no-repeat;
font-size:100%;
font-weight:normal;
margin:5px 0 0 0;
padding:0 0 5px 16px;
text-align:left;
}


.Box_slim  p.cal{
    color:#ED522E;
	font-size:130%;
	margin:0;
	padding:0 0 0 0;
	background-image:none;
}

/* IE7?p*/
*:first-child+html .Box2_fruits p.cal{
	font-size:160%;
}

/* IE4?-6?p*/
* html .Box2_fruits p.cal {
	font-size:160%;
}


.Box_slim  p.cal span {
	font-size: 60%;
}

p.cal_s{
	_font-size:0.93em;
}



.Box_slim .category-5{
	padding: 0 36px;
	background-image:url(../slim/images/bg_line-4.gif);
	background-repeat:repeat-y;
	background-position:center;
}

.Box_slim .category-4{
	padding:0;
	background-image:url(../slim/images/bg_line-4.gif); 
	background-repeat:repeat-y;
	background-position:center;
}

.Box_slim .category-3{
	padding:0;
	background-image:url(../slim/images/bg_line-3.gif);  
	background-repeat:repeat-y;
	background-position:center;
}

.Box_slim .category-2{
	padding:0;
	background-image:url(../slim/images/bg_line-2.gif);  
	background-repeat:repeat-y;
	background-position:center;
	padding-top:20px;
}

.Box_slim .category-1{
	padding:0;
	background-image:url(images/bg_line-1.gif); 
	background-repeat:repeat-y;
	background-position:center;
}