@charset "utf-8";

/****************************************************************
CSS for "Essential", Author: Wataru Taguchi
ver.Sep09
****************************************************************/

/* Defult Set =================================*/
#ESS_Wrap {
	margin:0 auto;
	text-align:left;
}

#ESS_Wrap .txtCol_Blk {
	color:#000000;
}

#ESS_Wrap .txtCol_Red {
	color:#ED0000;
}

#ESS_Wrap .txtCol_Blu {
	color:#194689;
}

/* Set Anchor =================================*/
#APAC_Wrap a:hover{
	color:#ED0000;
}

#ESS_Wrap #body p.viewFulLst{
	margin-top:5px;
	text-align:right;
}

#ESS_Wrap #body p.viewFulLst a{
	padding-left:9px;
	padding-right:3px;
	font-size:10px;
	color:#194689;
	background:url(arrow_square.gif) no-repeat 0 center;}

#ESS_Wrap #body p.viewFulLst a:hover{
	color:#ED0000;
}

/* Header =================================*/
#ESS_Wrap #head {
	width:100%;
	border-bottom:#ED0000 solid 5px;
}

#ESS_Wrap #head .headInner {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:30px 0px;
}

#ESS_Wrap #head div.headLine{
	margin-left:10px;
	float:left;
	/* for IE6*/
	display:inline;
}

#ESS_Wrap #head p.headPeriod{
	position:absolute;
	right:10px;
	bottom:20px;
	font-weight:bold;
	float:right;
}


/* Header =================================*/
#ESS_Wrap #breadLine {
	width:960px;
	margin:10px auto 0;
	padding-left:10px;
}

#ESS_Wrap #breadLine a{
	color:#194689;
}

#ESS_Wrap #breadLine a:hover{
	color:#ED0000;
}


/* GlobalNavi =================================*/
#ESS_Wrap #head #gloNavi{
	height:40px;
	background:url(glonavi_bg_main.gif) repeat-x;
}

#ESS_Wrap #head #gloNavi ul{
	width:960px;
	margin:0 auto;
}

#ESS_Wrap #head #gloNavi li{
	float:left;
	text-align:center;
	background:url(glonavi_bg_lst.gif) no-repeat;
}

#ESS_Wrap #head #gloNavi li.gloNaviFirst{
	background:url(glonavi_bg_lst_first.gif) no-repeat;
}

#ESS_Wrap #head #gloNavi li a{
	display:block;
	width:240px;
	font-size:18px;
	padding:12px 0 13px;
}

#ESS_Wrap #head #gloNavi li a:hover{
	color:#FFFFFF;
	background:url(glonavi_bg_arrow_white.gif) no-repeat center 31px;
	background-color:#ED0000;
}

#ESS_Wrap #head #gloNavi li a.activePage{
	color:#FFFFFF;
	background:url(glonavi_bg_arrow_white.gif) no-repeat center 31px;
	background-color:#ED0000;
}


/* BodyWrap =================================*/
#ESS_Wrap #bodyWrap{
	width:960px;
	margin:10px auto 40px;
	background:url(body_wrap_bg_main.gif) repeat-y;
}


/* LocalNavi =================================*/
#ESS_Wrap #localNavi{
	width:230px;
	float:left;
}

#ESS_Wrap #localNavi div.localNaviHead{
	margin-top:20px;
	margin-left:10px;
}

#ESS_Wrap #localNavi div.shadowTop{
	height:5px;
	background:url(localnavi_shadow_top.gif) repeat-x;
	/* for IE6*/
	font-size:0;
}

#ESS_Wrap #localNavi div.shadowBtm{
	height:5px;
	background:url(localnavi_shadow_btm.gif) repeat-x;
	/* for IE6*/
	font-size:0;
}

#ESS_Wrap #localNavi div.localNaviInner{
	padding:10px 5px;
}

#ESS_Wrap #localNavi h3{
	font-size:14px;
	font-weight:bold;
	background:url(bg_grad_gray.gif) repeat-x;
	background-color:#FFFFFF;
	border-top:#cccccc solid 1px;
}

#ESS_Wrap #localNavi h3 a{
	display:block;
	padding:12px 5px;
	padding-left:21px;
	background:url(bullet_circle.gif) no-repeat 10px 19px;
}

#ESS_Wrap #localNavi h3 a:hover{
	color:#FFFFFF;
	background-color:#ED0000;
}

#ESS_Wrap #localNavi h3 a.activePage{
	color:#FFFFFF;
	background:none;
	background-color:#ED0000;
}

#ESS_Wrap #localNavi ul{
	background-color:#FFFFFF;
	border-top:#cccccc solid 1px;
}

#ESS_Wrap #localNavi ul li{
	margin-left:10px;
	padding:3px 5px;
	font-size:11px;
	background-color:#FFFFFF;
	border-top:#cccccc solid 1px;
}

#ESS_Wrap #localNavi ul li a{
	padding-left:12px;
	color:#194689;
	display:block;
	background:url(bullet_circle.gif) no-repeat 0px 6px;
}

#ESS_Wrap #localNavi ul li a:hover{
	color:#ED0000;
}

#ESS_Wrap #localNavi ul li.localNavi1st{
	border-top:none;
}


/* Body =================================*/
#ESS_Wrap #body{
	width:730px;
	float:left;
}

#ESS_Wrap #bodyInner{
	margin-left:20px;
}

#ESS_Wrap #bodyInner h1{
	padding:35px 10px 20px;
	border-top:#CCCCCC solid 3px;
}

#ESS_Wrap #bodyInner h2.bodyHeadline{
	margin-bottom:20px;
	padding:10px 10px;
	font-size:16px;
	background:url(bg_grad_gray.gif) repeat-x;
	border-top:#CCCCCC solid 3px;
	border-bottom:#CCCCCC solid 1px;
}


/* Box boxHero =================================*/
#ESS_Wrap #body div.boxHero{
	position:relative;
	background:url(bg_boxhero.gif);
	background-repeat:repeat-x;
}

#ESS_Wrap #body div.boxHeroBody{
	width:230px;
	margin-right:10px;
	float:left;
}

#ESS_Wrap #body div.boxHeroInner{
	width:190px;
	margin:20px auto;
	padding:10px 10px 65px;
	background-color:#FFFFFF;
	border-top:#ED0000 solid 5px;
}

#ESS_Wrap #body div.boxHeroImg{
	height:65px;
	margin:5px auto;
	border:1px solid #CCCCCC;
	position:relative;
}

#ESS_Wrap #body div.boxHeroImg .imgLeft{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#ESS_Wrap #body div.boxHeroImg .imgRight{
	position:absolute;
	right:0;
	top:7px;
	z-index:1;
}

#ESS_Wrap #body div.boxHeroFooter{
	position:absolute;
	bottom:0px;
	width:190px;
	margin-bottom:8px;
	text-align:right;
	background-color:#FFFFFF;
}

#ESS_Wrap #body div.boxHeroBtm{
	height:10px;
	margin-bottom:30px;
	background:url(bg_boxhero_btm.gif) repeat-x;
	/* for IE6*/
	font-size:0;
}


/* Box Featured =================================*/
#ESS_Wrap #body div.boxFeatTop{
	height:10px;
	background:url(bg_bodyborder_red_top.gif) no-repeat;
	/* for IE6*/
	font-size:0;
}

#ESS_Wrap #body div.boxFeatMid{
	position:relative;
	background:url(bg_bodyborder_red_mid.gif);
}

#ESS_Wrap #body div.boxFeatBtm{
	margin-bottom:10px;
	height:10px;
	background:url(bg_bodyborder_red_btm.gif) no-repeat;
	/* for IE6*/
	font-size:0;
}

#ESS_Wrap #body div.col3{
	background-position:-180px 0px;
}

#ESS_Wrap #body div.col2{
	background-position:-360px 0px;
}

#ESS_Wrap #body div.col1{
	background-position:-540px 0px;
}

#ESS_Wrap #body div.boxFeat{
	width:170px;
	margin-right:10px;
	float:left;
}

#ESS_Wrap #body div.boxFeatInner{
	padding:0 8px 210px;
/*	background:url(bg_grad_gray_large.gif) no-repeat;
	background-position:1px 0;*/
}

#ESS_Wrap #body div.boxFeatInnerLocal{
	padding:0 8px 75px;
/*	background:url(bg_grad_gray_large.gif) no-repeat;
	background-position:1px 0;*/
}

#ESS_Wrap #body div.bgNone{
	background:none;
	background-color:#FFFFFF;
}

#ESS_Wrap #body div.boxFeatInner img{
	margin:5px auto;
	border:1px solid #CCCCCC;
}

#ESS_Wrap #body div.boxFeatInnerLocal img{
	margin:5px auto;
	border:1px solid #CCCCCC;
}

 /*for mainPage featuredPrd*/
#ESS_Wrap #body div.boxFeatInner .mainHeroImg{
	margin-top:0px;
	margin-bottom:5px;
	position:relative;
	width:150px;
	height:65px;
	border:1px solid #CCCCCC;
	overflow:hidden;
}

#ESS_Wrap #body div.boxFeatInner .mainHeroPrd{
	margin:0;
	position:absolute;
	top:0;
	left:-22px;
	border:none;
}

#ESS_Wrap #body div.boxFeatInner .mainHeroIcatch{
	margin:0;
	position:absolute;
	top:0;
	left:0;
	border:none;
}

#ESS_Wrap #body h3{
	font-size:16px;
}

#ESS_Wrap #body h3 a{
	color:#ED0000;
}

#ESS_Wrap #body h4{
	padding:3px 0;
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	color:#ED0000;
}

#ESS_Wrap #body h4 a{
	color:#ED0000;
}

#ESS_Wrap #body .boxCtgBodyInner h4 a{
	color:#FFFFFF;
	display:block;
}

#ESS_Wrap #body ul.lstBullet li{
	padding-left:10px;
	background:url(bullet_circle_blk.gif) no-repeat 1px 6px;
}

#ESS_Wrap #body p.lstRSNum{
	font-size:11px;
}

#ESS_Wrap #body p.copyTxt{
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

#ESS_Wrap #body p.wasPrice{
	font-size:10px;
	padding-right:3px;
}

#ESS_Wrap #body p.nowPrice{
	width:150px;
	margin-bottom:8px;
	padding-right:3px;
	padding-bottom:3px;
	font-size:14px;
	font-weight:bold;
	color:#ED0000;
	border-bottom:#FF0000 solid 1px;
}

#ESS_Wrap #body .now{
	color:#ED0000;
	font-size:11px;
	font-weight:normal;
	padding-right:3px;
}

#ESS_Wrap #body dl{
	margin-bottom:8px;
	padding-right:3px;
	padding-bottom:3px;
	border-bottom:#FF0000 solid 1px;
}

#ESS_Wrap #body .boxFeatFooterLocal dl{
	width:150px;
}

#ESS_Wrap #body dt{
	font-size:10px;
	color:#ED0000;
	display:inline;
}

#ESS_Wrap #body dd{
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
	color:#ED0000;
	display:inline;
}

#ESS_Wrap #body div.boxFeatInner p.reed{
	padding-top:3px;
	padding-bottom:2px;
	padding-left:1px;
	font-weight:bold;
}

#ESS_Wrap #body div.boxFeatInner img{
	margin:5px auto;
}

#ESS_Wrap #body div.boxFeatFooter{
	position:absolute;
	bottom:0px;
	width:150px;
	padding:0 10px;
	text-align:right;
	background:url(bg_boxfeatfooter.gif) no-repeat;
	background-position:0 60px;
}

#ESS_Wrap #body div.boxFeatFooterLocal{
	position:absolute;
	bottom:0px;
	width:150px;
	padding:0 10px;
	text-align:right;
	background:url(bg_boxfeatfooter.gif) no-repeat;
	background-position:0 80px;/*div.boxFeatInner_localのpd_btmと連動する*/

}

/* Local Freegift add:Sep09, will delete ESS31 =================================*/
#ESS_Wrap #body div.boxFeatInnerLocal img.freegift{
	float:left;
	margin:0 5px 0 0;
	border:none;
}

/* Main Page BoxCategory =================================*/
#ESS_Wrap #body div.boxCtgBody{
	margin-top:29px;
	padding-bottom:5px;

}

#ESS_Wrap #body div.boxCtgBodyInner{
	padding-top:3px;
	text-align:center;
}

#ESS_Wrap #body div.boxCtgBodyInner h4{
	margin-top:3px;
	padding:2px 0;
	color:#FFFFFF;
	background-color:#ED0000;
}

/* Bna Area =================================*/
#ESS_Wrap #body div.bnaArea{
	margin:20px 0;
}


/* T&C Area =================================*/
#ESS_Wrap #body div.tcArea{
	margin:20px 0;
	border:#CEC9C2 solid 3px;
}

#ESS_Wrap #body div.tcArea h2{
	padding:5px 24px;
	font-size:11px;
	border:#CEC9C2 solid 1px;
	background:url(ico_attention.gif) no-repeat 9px 9px;
}

#ESS_Wrap #body div.tcArea p{
	margin:15px 10px;
}


/* Reset Margin Float Right =================================*/
#ESS_Wrap #body div.lstLast {
	margin-right:0;
}