@charset "utf-8";
@import "../common/css/0-import.css";
#header {
	height: 92px;
}

#banner {
	margin-bottom: 19px;
	background-color: #e5dfd1;
	overflow: hidden;
	position:relative;
	height:416px;
}

#banner img {
	float: left;
}

#banner .categoryLink,
#banner h2,
#banner p {
	margin:20px 0 0 565px;
	width:320px;
}

#banner h2 {
	font-size:260%;
	color:#009E41;
	line-height:1.5;
}

#banner p {
	color: #595757;
	font-size: 130%;
	line-height: 1.7;
}

#banner p.btwhats,
#banner p.foodApproach,
#banner p.consumerGoods,
#banner p.typeConsumerGoods {
	position:absolute;
	bottom: 20px;
	width:320px;
	height:48px;
}

#banner p.consumerGoods {
	bottom: 70px;
}

#banner p.typeConsumerGoods {
	bottom: 10px;
}

#banner p.btwhats a {
	display: block;
	height:47px;
	background:transparent url(../images/index/bt_seikatsuClub.gif) no-repeat left top;
	text-indent: -999em;
}

#banner p.foodApproach a {
	display: block;
	height:47px;
	background:transparent url(../images/index/bt_foodApproach.gif) no-repeat left top;
	text-indent: -999em;
}

#banner p.consumerGoods a {
	display: block;
	height:47px;
	background:transparent url(../images/index/bt_consumerGoods.gif) no-repeat left top;
	text-indent: -999em;
}

#banner p.typeConsumerGoods a {
	display: block;
	height:47px;
	background:transparent url(../images/index/bt_typeConsumerGoods.gif) no-repeat left top;
	text-indent: -999em;
}

#banner p.btwhats a:hover,
#banner p.btwhats a:active,
#banner p.btwhats a:focus {
	background-position: 0 -47px;
}

#banner p.foodApproach a:hover,
#banner p.foodApproach a:active,
#banner p.foodApproach a:focus {
	background-position: 0 -47px;
}

#banner p.consumerGoods a:hover,
#banner p.consumerGoods a:active,
#banner p.consumerGoods a:focus {
	background-position: 0 -47px;
}

#banner p.typeConsumerGoods a:hover,
#banner p.typeConsumerGoods a:active,
#banner p.typeConsumerGoods a:focus {
	background-position: 0 -48px;
}

#banner .categoryLink li {
	font-size: 120%;
	line-height:1em;
	float: left;
	margin-bottom:10px;
}

#banner .categoryLink li.rf {
	float: none;
	margin-left:12em;
}

#banner .categoryLink li a {
	padding-left:10px;
	background:transparent url(../images/index/ic_triangle.gif) no-repeat left 0.2em;
}

#banner .categoryLink li a:hover,
#banner .categoryLink li a:active,
#banner .categoryLink li a:focus,
#banner .categoryLink li a.current {
	background-position: 0 -11px;
	color: #E83677;
}

#banner .navigation {
	margin:33px 0 0 565px;
	width:320px;
}

#banner .navigation li {
	height:73px;
	margin-bottom: 20px;
	text-indent: -9999em;
}

#banner .navigation li a {
	display: block;
	height:73px;
}
#banner .navigation li#idx01 a {
	background: transparent url(../images/index/bt_main01.gif) no-repeat top left;
}

#banner .navigation li#idx02 a {
	background: transparent url(../images/index/bt_main02.gif) no-repeat top left;
}

#banner .navigation li#idx03 a {
	background: transparent url(../images/index/bt_main03.gif) no-repeat top left;
}

#banner .navigation li#idx04 a {
	background: transparent url(../images/index/bt_main04.gif) no-repeat top left;
}

#banner .navigation li#idx01 a:hover,
#banner .navigation li#idx01 a:active,
#banner .navigation li#idx01 a:focus {
	background-position: 0 -73px;
}
#banner .navigation li#idx02 a:hover,
#banner .navigation li#idx02 a:active,
#banner .navigation li#idx02 a:focus {
	background-position: 0 -73px;
}
#banner .navigation li#idx03 a:hover,
#banner .navigation li#idx03 a:active,
#banner .navigation li#idx03 a:focus {
	background-position: 0 -73px;
}
#banner .navigation li#idx04 a:hover,
#banner .navigation li#idx04 a:active,
#banner .navigation li#idx04 a:focus {
	background-position: 0 -73px;
}

#main {
	padding-top: 36px;
	width: 915px;
	margin: 0 auto;
	text-align: left;
}

#main .boxA {
	padding-bottom: 7px;
	margin-bottom: 11px;
	width: 455px;
	background: url(../images/index/box_back.jpg) no-repeat right bottom;
	float: left;
}

#main .ml5 {
	margin-right: 5px;
}


#main .boxA h2 {
	padding: 16px 0 0 22px;
	margin-bottom: 9px;
	background: url(../images/index/h2_back.jpg) no-repeat right top;
}


#main .boxA .floatL img {
	margin: 0 0 13px 22px;
}

#main .boxA h4 {
	padding: 0px 0 5px 0;
	margin: 0 21px 2px 207px;
	font-size: 1.8em;
	color: #1E8A3B;
	line-height: 21px;
	font-weight: normal;
	border-bottom: 1px solid #1E8A3B;
}

#main .boxA h4 span {
	font-size: 0.8em;
}

#main .boxA h5 {
	margin: 0 21px 4px 207px;
	padding: 8px 0 0 0;
	font-size: 1.2em;
	line-height: 1.2;
	color: #1E8A3B;
	font-weight: normal;
	position: relative;
}

#main .boxA h5 a {
	position: absolute;
	top: 5px;
	left: 167px;
}

	*html #main .boxA h5 a {
		top: 4px;
	}
	
	*+html #main .boxA h5 a {
		top: 4px;
	}
	

#main .boxA p {
	margin: 0 21px 0 207px;
	line-height: 15px;
	font-size: 1.1em;
}

	*html #main .boxA h4,
	*html #main .boxA h5,
	*html #main .boxA p{
		margin-left: 204px;
	}

#main .boxA p.p1 {
	padding: 1px 0 1px 1px;
	border-bottom: 1px solid #1E8A3B;
}

#main .boxBot {
	padding-bottom: 11px;
	margin-bottom: 32px;
	background: url(../images/index/box_back02.jpg) no-repeat -3px bottom;
	zoom: 1;
}

	*html #main .boxBot {
		padding-bottom: 13px;
	}
	
	*+html #main .boxBot {
		padding-bottom: 13px;
	}

#main .boxBot h3 {
	padding: 15px 0 0 22px;
	background: url(../images/index/h3_back.jpg) no-repeat -3px top;
}

#main .boxBot dl {
	line-height: 1.2;
	padding: 14px 0 0 27px;
	font-size: 1.2em;
}

#main .boxBot dt {
	float: left;
	clear: left;
	padding-bottom: 8px;
}

#main .boxBot dd {
	margin-left: 115px;
	padding-bottom: 8px;
}

	*html #main .boxBot dd {
		margin-left: 112px;
	}


#main .boxBot dd img {
	margin: -2px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}