@charset "UTF-8";
/* CSS Document */

.clearboth{
	clear:both;
}

.red{
	color:#CC0000;
}

.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	zoom:1;
}

.contentsBox{
	clear:both;
	width:655px !important;
	width:689px;
	padding:0 17px;
	zoom:1;
	margin-bottom:20px;
}

.contentsBox p{
	line-height:150%;
}

/*文字をとばす*/
#kaihatsuBox h2,
#sozai2 h2#head,
#sozai h2#head,
.vlist-head p,
.vlist-head ul.material-head li a,
p.btn_back a,
p.btn_next a
{
	text-indent:-9999px;
	overflow:hidden;
}



/**/

.contentsBox .left{
	float:left;
	width:290px;
	zoom:1;
}

.contentsBox .left h3{
	widows:265px;
}

.contentsBox .right{
	float:right;
	width:350px;
	zoom:1;
}

.vcolumn-tips2 h4{
	color:#FF9933;
	background:url(/images/border-gray.gif) repeat-x;
	background-position:bottom;
	line-height:180%;
	margin:0 17px 10px;
}

/*商品トップへ戻る*/
#seven-v-head a.btnToIndex,
#kodawari-head a.btnToIndex{
	display:block;
	background:url(/lineup/labre-tablet/images/btn_top.gif) no-repeat;
	background-position:0 0;
	width:260px;
	height:25px;
	top:12px;
}

#seven-v-head a.btnToIndex{
	right:0;
}

#seven-v-head a:hover.btnToIndex,
#kodawari-head a:hover.btnToIndex  {
	background-position:0 -25px;
}

/* カゴメのこだわり
------------------------------------------------*/

#kodawari-lead	{
	background:url(/lineup/labre-tablet/images/kodawari-title.gif) no-repeat;
}

dl.kodawari-v dt{
	float:none;
}

	
/*kaihatsu*/

#kaihatsuBox h2{
	clear:both;
	height:18px;
	margin:0 0 20px 0;
}

#kodawari #kaihatsuBox h2 {
	width:173px;
	background:url(/lineup/images/kodawari/vegi-k1.gif) no-repeat;
}

#sozai #kaihatsuBox h2 {
	width:388px;
	background:url(/lineup/labre-tablet/images/kaihatsu-syokubutsusei.gif) no-repeat;
}

#kaihatsuBox .kaihatsu {
	width:576px !important;
	width:462px;
	margin:0 27px 12px 27px;
	border:1px solid #CCCCCC;
	padding:30px;
	clear:both;
	zoom:1;
}


#kaihatsuBox dl.kaihatsutext{
	width:576px;
	margin:0;
	zoom:1;
	clear:both;
}

#kaihatsuBox dl.kaihatsutext dt{
	float:left;
	width:160px;
	margin:0 ;
	zoom:1;
	font-size:12px;
	text-indent:0;
	line-height:120%;
	border:0;
	font-weight:bold;
	color:#660000;
	position:relative;
}

#kaihatsuBox dl.kaihatsutext dd{
	margin:0 0 0 190px;
}

#kaihatsuBox dl.kaihatsutext dd strong{
	font-size:12px;
	line-height:120%;
}
	

/* ラブレ菌のお話　植物性乳酸菌
------------------------------------------------*/
#sozai #sozai-head,
#sozai2 #sozai-head	{
	background:url(/lineup/labre-tablet/images/h1-material.gif) no-repeat;
	width:171px;
	height:24px;
	left:2px;
}

#sozai2 h2#head,
#sozai h2#head{
	display:block;
	width:100%;
	height:30px;
	line-height:1;
	border-bottom:#cc0000 solid 1px;
	clear:both;
	margin:0 0 40px;
}

#sozai .vlist-head,
#sozai2 .vlist-head{
	height:auto;
}

#sozai .contentsBox .right{
	text-align:right;
}

#sozai2 h2#head{background:url(/lineup/labre-tablet/images/labrekin-title.gif) no-repeat;}
#sozai h2#head{	background:url(/lineup/labre-tablet/images/syokubutsu-title.gif) no-repeat;}

h3 {
	color:#660000;
	font-size:15px;
	margin:0pt 0pt 10px;
}

#seven-v-head{
	background:url(/images/border-gray.gif) repeat-x;
	background-position:bottom;
	width:655px;
	margin:0 0 20px 17px;
}

.vlist-head p{
	background:url(/lineup/labre-tablet/images/material-title.jpg) no-repeat;
	width:655px;
	height:200px;
}

.vlist-head ul.material-head{
	height:66px;
	clear:both;
	zoom:1;
}

.vlist-head ul.material-head li{
	display:block;
	float:left;
	width:325px;
	height:46px;
	padding-bottom:20px;
}

.vlist-head ul.material-head li a{
	display:block;
	width:325px;
	height:46px;
}

.vlist-head ul.material-head li.right{
	margin-left:6px;
}

.vlist-head ul.material-head li a#syokubutsusei{
	background:url(/lineup/labre-tablet/images/btn_syokubutsu.gif);
}

.vlist-head ul.material-head li a#labrekin{
	background:url(/lineup/labre-tablet/images/btn_labre.gif);
}

.vlist-head ul.material-head li.this a#syokubutsusei,
.vlist-head ul.material-head li.this a#labrekin{
	background-position:0 -92px;
}

.vlist-head ul.material-head li a:hover#syokubutsusei,
.vlist-head ul.material-head li a:hover#labrekin{
	background-position:0 -46px;
}

.vlist-head ul.material-head li.this a:hover#syokubutsusei,
.vlist-head ul.material-head li.this a:hover#labrekin{
	background-position:0 -92px;
}

/* ラブレ菌のお話　ラブレ菌
------------------------------------------------*/
#sozai2 .contentsBox .left{
	width:400px;
}

#sozai2 .contentsBox .right{
	width:230px;
	text-align:center;
}


#sozai2 .vcolumn-tips2{
	padding:0;
	zoom:1;
}

#sozai2 .vcolumn-tips2 .left{
	width:295px;
	float:left;
	zoom:1;
}

#sozai2 .vcolumn-tips2 .right{
	width:320px;
	text-align:left;
	float:right;
	zoom:1;
}

#sozai2 .vcolumn-tips2 h2{
	margin-bottom:10px;
}

#sozai2 .vcolumn-tips2 p {
	margin:0 0 20px 15px;
	line-height:170%;
}

p.btn_back,
p.btn_next{
	clear:both;
	padding-left:600px;
	height:25px;
	zoom:1;
}

p.btn_back a,
p.btn_next a{
	display:block;
	width:65px;
	height:25px;
}

p.btn_back a{ background:url(/lineup/labre-tablet/images/btn_back.gif) no-repeat;}
p.btn_next a{ background:url(/lineup/labre-tablet/images/btn_next.gif) no-repeat;}

p.btn_back a:hover,
p.btn_next a:hover{
	background-position:0 -25px;
}