@charset "shift_jis";

#footerBanner ul:after,
#footer:after,
#mainContents div.info dl:after,
#mainContents div.anxiety ul:after,
#special div.row:after,
#promotion:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footerBanner ul,
#footer,
#mainContents div.info dl,
#mainContents div.anxiety ul,
#special div.row,
#promotion {
	display: inline-table;
	/*＼*/
	display: block;
	*height: 1%;
	/**/
}

/* tl_top */
#header {
	position: relative;
	width: 961px;
	height: 102px;
}
#swfObj {
	margin: 10px 5px 12px 5px;
	width: 951px;
}
#promotion {
	width: 951px;
}
/*
#promotion img {
	display: block;
}*/
	#promotion div.div1 {
		float: left;
	}
	#promotion div.div2 {
		float: right;
	}
	/*
	#promotion div.div2 a,
	#promotion div.div2 img {
		float: left;
		width: auto;
		display: block;
	}*/
#special {
	background: url(../images/bg_special.gif) no-repeat left bottom;
	margin: 0 16px 15px 16px;
	padding: 0 0 17px 0;
	width: 919px;
	_overflow: hidden;
}
	#special div.row {
		background: url(../images/lin_special.gif) repeat-y left top;
		margin-left: 29px;
	}
	#special div.block {
		margin-right: 27px;
		width: 195px;
		float: left;
	}
	#special div.block div {
		margin-bottom: 9px;
		line-height: 0;
		font-size: 0;
	}
	#special div.block div img {
		border: solid 1px #ddd8d6;
	}
	#special div.block div a:hover img {
		border: solid 1px #fd697c;
	}

#contents {
	background: url(../images/bg_contents.gif) no-repeat left bottom;
}

#mainContents {
	width: 702px;
	float: left;
}
	#mainContents p.toptext {
		margin-bottom: 8px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
		color: #666;
	}
	#mainContents div.lineup {
		width: 702px;
		margin-bottom: 19px;
		overflow: hidden;
	}
		#mainContents div.lineup div {
			width: 718px;
		}
		#mainContents div.lineup h2 {
			margin-bottom: 12px;
			line-height: 0;
			font-size: 0;
		}
		#mainContents div.lineup h3 {
			margin-bottom: 7px;
			line-height: 0;
			font-size: 0;
		}
		#mainContents div.lineup p.link {
			margin-bottom: 10px;
		}
		#mainContents div.lineup td {
			vertical-align: top;
		}
		#mainContents div.lineup div.col2 td.base {
			background: url(../images/bg_lineup2.gif) no-repeat left bottom;
			width: 359px;
		}
		#mainContents div.lineup div.col3 td.base {
			background: url(../images/bg_lineup.gif) no-repeat left bottom;
			width: 239px;
		}
		#mainContents div.lineup div.col2 td.base table {
			width: 344px;
		}
		#mainContents div.lineup div.col3 td.base table {
			width: 224px;
		}
		#mainContents div.lineup div.col2 td.base td.photo {
			padding: 8px 12px 23px 8px;
			width: 158px;
		}
		#mainContents div.lineup div.col3 td.base td.photo {
			padding: 8px 12px 23px 8px;
			width: 97px;
		}
			#mainContents div.lineup td.base td.photo a img {
				border: solid 1px #fff;
			}
			#mainContents div.lineup td.base td.photo a:hover img {
				border: solid 1px #fd697c;
			}
		#mainContents div.lineup div.col2 td.base td.object {
			padding-top: 12px;
			padding-right: 8px;
			width: 158px;
		}
		#mainContents div.lineup div.col3 td.base td.object {
			padding-top: 12px;
			padding-right: 5px;
			width: 102px;
		}

	#mainContents div.anxiety {
		margin-bottom: 38px;
	}
		#mainContents div.anxiety h2 {
			margin-bottom: 11px;
		}
		#mainContents div.anxiety ul {
			margin: 0 -4px 0 -2px;
			width: 708px;
		}
		#mainContents div.anxiety li {
			margin: 0 2px 2px 0;
			font-size: 0;
			line-height: 0;
			float: left;
		}
	#mainContents div.info {
		margin-bottom: 18px;
	}
		#mainContents div.info h3 {
			margin-bottom: -1px;
			position: relative;
			z-index: 10;
			line-height: 0;
			font-size: 0;
		}
		#mainContents div.info dl {
			background: url(../images/lin_info.gif) no-repeat left top;
			padding: 11px 0 7px 0;
		}
		#mainContents div.info dt {
			width: 88px;
			float: left;
		}
		#mainContents div.info dd {
			padding-top: 1px;
		}
		#mainContents div.info dd.data {
			float: left;
		}
		#mainContents div.info dd.cont {
			width: 539px;
			float: right;
		}
	#mainContents p.bottomtext {
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
		color: #666;
	}
#subContents {
	width: 201px;
	float: right;
}
/*
	#subContents div.shop {
		background: url(../images/bg_shop_b.gif) no-repeat left bottom;
	}
		#subContents div.shop div.box {
			background: url(../images/bg_shop_t.gif) no-repeat left top;
			padding: 19px 18px 17px 18px;
		}
			#subContents div.shop div.box h3 {
				margin-bottom: 7px;
			}
			#subContents div.shop div.box p {
				margin-bottom: 5px;
			}
			#subContents div.shop div.box div {
				text-align: center;
			}
*/
/*	#subContents div.link {
		margin-bottom: -1px;
	}
		#subContents div.link ul {
			padding: 0 9px 0 6px;
		}
		#subContents div.link li {
			background: url(../images/lin_link.gif) no-repeat left bottom;
			padding: 18px 0 16px 0;
			font-size: 0;
			line-height: 0;
		}
*/
	#subContents div.campaign {
		padding: 0 7px;
	}
	#subContents div.campaign_spe {
		padding:  10px 7px 7px 7px;
		border-bottom: solid 1px #FFFFFF;
	}
	#subContents div.campaign_oyako {
		padding: 7px 9px 0 9px;
	}
		#subContents div.campaign_oyako p {
			padding: 7px 0 0 0;
		}
/*	#subContents div.banner {
		padding: 10px 9px 10px 9px;
		font-size: 0;
		line-height: 0;
	}
*/	
/* 2008年10月6日追加と変更 */	
	#subContents div.banner {
	background: url(../images/bg_banner_b.gif) no-repeat left bottom;
	padding-top: 10px;
	padding-right: 9px;
	padding-left: 9px;
	}
	#subContents div.banner div.side183  {
	padding-top: 0;
	padding-bottom: 10px;
	}		
	#subContents div.banner div.otameshi  {
	padding-top: 0;
	padding-bottom: 10px;
	}	
	#subContents div.link {
		margin-bottom: -1px;
	}
		#subContents div.link ul {
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10;
	padding-left: 9px;
		}

		#subContents div.link li.step {
	background: url(../images/lin_link_01.gif) no-repeat left bottom;
	font-size: 0;
	line-height: 0;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 5px;
		}
		#subContents div.link li.ingredient {
	background: url(../images/lin_link_02.gif) no-repeat left bottom;
	font-size: 0;
	line-height: 0;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 5px;
		}
		#subContents div.link li.media {
	background: url(../images/lin_link_03.gif) no-repeat left bottom;
	font-size: 0;
	line-height: 0;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 5px;
	margin-bottom: 10px;
		}
		
	#subContents div.mobile {
	background: url(../images/bg_mobile_b.gif) no-repeat left bottom;
	margin-top: 10px;
	margin-right: 9px;
	margin-bottom: 9px;
	margin-left: 9px;
	}
	#subContents div.mobile h3 {
				margin-bottom: 7px;
			}
		#subContents div.mobile div.box {
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
		}
			#subContents div.mobile div.box p {
				margin-bottom: 5px;
			}
			#subContents div.mobile div.box p.text_s {
	font-size: 10px;
	text-align: center;
			}
			#subContents div.mobile div.box div {
	text-align: center;
	margin-bottom: 5px;
			}

	#subContents div.shop {
		background: url(../images/bg_shop_b.gif) no-repeat left bottom;
	}
		#subContents div.shop div.box {
			background: url(../images/bg_shop_t.gif) no-repeat left top;
			padding: 19px 18px 17px 18px;
		}
			#subContents div.shop div.box h3 {
				margin-bottom: 7px;
			}
			#subContents div.shop div.box p {
				margin-bottom: 5px;
			}
			#subContents div.shop div.box div {
				text-align: center;
			}
		
/* PAGEBOTTOM */
#pageBottom {
	padding: 30px 21px 0 21px;
}
	#footer {
		margin-bottom: 10px;
	}
		#ci {
			padding-top: 1px;
			float: right;
		}
		#footerNavigation {
			margin-bottom: 9px;
			line-height: 1.7;
		}
/*
#footerBanner {
	margin: 0;
	padding:0;
}
	#footerBanner * {
		margin: 0;
		padding:0;
	}
	#footerBanner ul {
		width: 874px;
		margin: 0 auto;
		display: block;
	}
		#footerBanner ul li{
			float: left;
			margin-right: 34px;
		}
		#footerBanner ul li.r{
			margin-right: 0;
			}
*/