@charset "Shift-JIS";



/* module

--------------------------------------------------------------*/

#breadcrumbNav{

	margin-left:10px;

}

#breadcrumbNav li{

	float:left;

	padding-right:5px;

}

#breadcrumbNav li a{

	text-decoration:underline;

	color:#f62837;

	padding-right:5px;

}

.pageTop{

	position: fixed;

	left: 50%;

	margin-left: 410px;

	bottom: 0;

	cursor: pointer;

	z-index: 999;

}

.icnArrow{

	background:url(/resources/images/icn/arrow_right.png) left center no-repeat;

	padding-left:10px;

}

.label{

	font-size: 12px;

	/*color: #807359;*/

	text-align: center;

}

.label img{

	display: inline !important;

}

.alphaImg a:hover img{

	filter: alpha(opacity=70);

	-moz-opacity:0.70;

	opacity:0.70;

}

/* rightContent

--------------------------------------------------------------*/

.rightContent{

	width: 780px;

	padding-top: 20px;

	float: right;

	clear: both;

}

/* leftNav

--------------------------------------------------------------*/

.leftNav{

	width: 140px;

	padding:20px 0 0 10px;

	float: left;

}

.leftNav p{

	padding: 22px 0 9px;

}

.leftNav p.baner img{

	margin-bottom: 10px;

}

.leftNav li{

	border-top: #9b9b9b dotted 1px;

}

.leftNav li.active{

	background:url(/resources/images/subnav_active.gif) right center no-repeat;

}

.leftNav li.active a{

	color: #778b26;

}

.leftNav li a{

	display:table-cell;

	vertical-align: middle;

	padding: 0 0 0 35px;

	width: 140px;

	height: 50px;

}

.leftNav .products .link01 a{background:url(/resources/images/leftnavi/products/img_01.jpg) left center no-repeat;}

.leftNav .products .link02 a{background:url(/resources/images/leftnavi/products/img_02.jpg) left center no-repeat;}

.leftNav .products .link03 a{background:url(/resources/images/leftnavi/products/img_03.jpg) left center no-repeat;}

.leftNav .products .link04 a{background:url(/resources/images/leftnavi/products/img_04.jpg) left center no-repeat;}

.leftNav .products .link05 a{background:url(/resources/images/leftnavi/products/img_05.jpg) left center no-repeat;}

.leftNav .products .link06 a{background:url(/resources/images/leftnavi/products/img_06.jpg) left center no-repeat;}

.leftNav .products .link07 a{background:url(/resources/images/leftnavi/products/img_07.jpg) left center no-repeat;}

.leftNav .products .link08 a{background:url(/resources/images/leftnavi/products/img_08.jpg) left center no-repeat;}

.leftNav .products .link09 a{background:url(/resources/images/leftnavi/products/img_09.jpg) left center no-repeat;}

.leftNav .products .link10 a{background:url(/resources/images/leftnavi/products/img_10.jpg) left center no-repeat;}

.leftNav .products .link11 a{background:url(/resources/images/leftnavi/products/img_11.jpg) left center no-repeat;}

.leftNav .products .link12 a{background:url(/resources/images/leftnavi/products/img_12.jpg) left center no-repeat;}

.leftNav .products .link13 a{background:url(/resources/images/leftnavi/products/img_13.jpg) left center no-repeat;}

.leftNav .products .link14 a{background:url(/resources/images/leftnavi/products/img_14.jpg) left center no-repeat;}

.leftNav .products .link15 a{background:url(/resources/images/balloon/new_s.png) left center no-repeat;}



/* frame img

--------------------------------------------------------------*/

.panelW188 .frame img{

	width: 188px;

}

.panelW152 .frame img{

	width: 152px;
	left: 19px;
	top: 12px;

}

.panelW112 .frame img{

	width: 112px;

}

.panelW140 .frame img{

	width: 140px;

}


.panelW145 .frame img{

	width: 145px;

	left: 23px;

	top: 26px;

}

/* balloon

--------------------------------------------------------------*/

.balloonTxt{

	display: none;

	width: 219px;

	height: 167px;

	background: url(/resources/images/balloon/brown.png) left center no-repeat;

	position: absolute;

	z-index: 200;

	top: -137px;

	right: -30px;

	color: #fff;

	font-size: 11px;

}

.balloonTxt .txt{
	display: table-cell;
	padding: 0 27px;
	vertical-align: middle;
	height: 140px;
	width: 219px;
}

.balloonSIcn{

}

.balloonSIcn img{

	height: 100%;

}

.balloonSIcn .balloonNew,

.balloonSIcn .balloonRenewal,

.balloonSIcn .balloonCm,

.balloonSIcn .balloonRecipe,

.balloonSIcn .balloonAttention,

.balloonSIcn .balloonGreen,

.balloonSIcn .balloonOrange,

.balloonSIcn .balloonPink,

.balloonSIcn .balloonBlue{

	position: absolute;

	width: 53px;

	/*height: 57px;*/

	height: 0;

	top: 37px;

	left: 0;

	z-index: 99;

	text-align: center;

	color: #fff;

	overflow: visible !important;

}

.balloonGreen .txt02,

.balloonOrange .txt02,

.balloonPink .txt02,

.balloonBlue .txt02{

	display: block;

	padding:15px 5px;

}

.balloonGreen .balloonBg,

.balloonOrange .balloonBg,

.balloonPink .balloonBg,

.balloonBlue .balloonBg{

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: -1;

}



.frame img{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

}



/* recommend

--------------------------------------------------------------*/

#container .recommend{

	clear:both;

	background:url(/resources/images/boder.gif) left top repeat-x;

	padding-top:47px;

	margin-bottom: 90px;

}

#container .recommend h3{

	margin:0 0 20px 10px;

}

#container .recommend dl{

	width:470px;

	float:left;

	margin-right:20px;

	padding-bottom:20px;

}

#container .recommend dl.last{

	margin-right:0;

}

#container .recommend dl dt{

	float:left;

	width:111px;

	padding-right:20px;

}

#container .recommend dl dd.title{

	margin-bottom:10px;

	color:#9ab03d;

	font-size:125%;

	font-weight:bold;

}

#container .recommend dl dd.title a{

	color:#2088d1;

}



/* slideRightBtn

--------------------------------------------------------------*/

.slideRightBtn{

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -35px;

	z-index:110;

	cursor: pointer;

}