@charset "euc-jp";


/* -------------------------------------------- */
/* Layout (base.css) */
/* -------------------------------------------- */

#main {
	margin: 20px auto 0 auto !important;
}




/*--------------------------------------
flow clear 
--------------------------------------*/
.banner:after,
.Tsl:after,
.TslColL:after,
.TslColR:after{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.Tbanner,
.Tsl,
.TslColL,
.TslColR{
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .Tbanner,
* html .Tsl,
* html .TslColL,
* html .TslColR{height: 1%;}
.Tbanner,
.Tsl,
.TslColL,
.TslColR{
	display: block;
}
/* End hide from IE-mac */
/*--------------------------------------
flow clear End
--------------------------------------*/

#ecTop #header .head1 {
	width: 890px;
	height: auto;
	margin: 0 auto;
}

/* -------------------------------------------- */
/* content */
/* -------------------------------------------- */
#ecTop #content h2{
	margin-top: 20px;
}
/*  */
/* -------------------------------------------- */
#ecTop #content h2.normal {
	width: 640px;
	height: 32px;
	margin: 20px 0 10px 0 !important;
	background: #BFABAA url(/ec/image/ec_top/h2.jpg) no-repeat;
}
#ecTop #content h2#hRanking {
	margin: 20px 0 0 0 !important;
}
#ecTop #content h2 span {
	padding: 5px 0 0 8px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
}
#ecTop #content h2 a {
	display: block;
	width: 470px;
	padding: 8px 157px 6px 13px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

#ecTop #content .h2Block{
	padding: 0px;
	width: auto;
	background-image: url(/ec/image/ec_top/h2.jpg);
}
#ecTop #content .h2Clear,
#ecTop #content .h2Clear a{
	padding: 0px;
	width: auto;
	background-image: none;
	background-color: transparent;
	margin: 0px;
}
#ecTop #content #campaignArea2 h2{
	margin-top:15px;
}
/*  */
/* -------------------------------------------- */
#graphicMain img {
	display: block;
}
/*  */
/* -------------------------------------------- */
.tcolBannerL{
	float: left;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.tcolBannerR{
	float: right;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}

#Tbanner li img{
	vertical-align: bottom;
}
/*  */
/* -------------------------------------------- */
#ecTop #content #campaignArea2 .h2Block{
	background-image: url(/ec/image/ec_top/h2_campaign.jpg);
}
/*  */
/* -------------------------------------------- */
#Tranking{
	clear: both;
}
.recommend {
	border-top: 1px solid #fff;
}
#ecTop #content #Tranking .h2Block{
	background-image: url(/ec/image/ec_top/h2_ranking.jpg);
}

/*  */
/* -------------------------------------------- */
#TlongSelling .Tsl{
	background-image: url(/ec/image/ec_top/ls_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 640px;
	clear: both;
}
.TslColL{
	float: left;
	width: 298px;
	padding-right: 9px;
	padding-left: 10px;
}
.TslColR{
	float: right;
	width: 298px;
	padding-right: 10px;
	padding-left: 9px;
}
#TlongSelling .Tsl .txt{
	float: left;
	width: 190px;
}
#TlongSelling .Tsl .photo{
	float: right;
	width: 100px;
}
.TlongSellingTop,
.TlongSellingBottom{
	clear: both;
}
.TlongSellingBottom{
	margin-bottom: 5px;
}
#TlongSelling .Tsl .txt dt{
	padding-bottom: 10px;
	padding-top: 5px;
}
#TlongSelling .Tsl .txt dt a {
	display: block;
	padding: 0 0 0 10px;
	background: url("/ec/image/ec_top/ls_arrow.gif") no-repeat scroll 0 3px transparent;
	font-size: 80%;
	line-height: 1.2;
}
#TlongSelling .Tsl .txt dt a:hover {
	color: #907082;
}
#TlongSelling .Tsl .txt dt a {
	background:
}
#TlongSelling .Tsl .txt dd{
	font-size: 75%;
	line-height: 1.3;
	padding-bottom: 5px;
}
#TlongSelling .Tsl .txt dd.price {
	line-height: 1.5;
}
.Tlead{
	color: #AD184F;
}
#content .Tlead,
#content .Tnumber{
	font-size: 75%;
	line-height: 120%;
}


#TlongSelling .Tsl .txt dt a{
	color: #AD184F;
}
/*  */
/* -------------------------------------------- */
#Tquality .clearfix{
	width: 640px;
	background-image: url(/ec/image/ec_top/quality_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#TqualityTop,
#TqualityBottom{
	clear: both;
}
.TqualityColL{
	float: left;
	width: 200px;
	padding-right: 5px;
	padding-left: 5px;
}
.TqualityColR{
	float: right;
	width: 200px;
	padding-right: 5px;
}

.TqualityColCenter{
	float: left;
	width: 200px;
	padding-left: 10px;
}
#Tquality dl{
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
#Tquality dd{
	font-size: 75%;
	line-height:1.3;
	padding-top: 7px;
}
/*  */
/* -------------------------------------------- */
.Tother{
	background-image: url(/ec/image/ec_top/other_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 620px;
	padding-right: 5px;
	padding-left: 15px;
}
.TotherTop{
	margin-top: 20px;
}
/*  */
/* -------------------------------------------- */
#newsIndex {
	margin: 6px 0 6px 0;
}
#newsIndex dt {
	clear: left;
	float: left;
	width: 82px;
	margin: 6px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
	background: url(/ec/image/bl_04.gif) 0 2px no-repeat;
	padding:1px 4px 1px 14px;
}
#newsIndex dd {
	float: left;
	width:500px;
	margin: 6px 0 0 0;
	padding:1px 0 1px 0;
	font-size: 75%;
	line-height: 1.3;
}
/*  */
/* -------------------------------------------- */
#guideTxt{
	width: 175px;
	padding-right: 25px;
	float: left;
}
#guideTel{
	width: 245px;
	padding-right: 20px;
	float: left;
}
#guideLink{
	width: 150px;
	float: left;
}
#guideLink li {
	margin-bottom: 7px;
	padding:1px 4px 1px 14px;
	background: url(/ec/image/ec_top/guide_arrow_blank2.gif) 0 2px no-repeat;
}
#guideTxt dl{
	margin-bottom: 18px;
}
.TotherTop,
.TotherBottom{
	clear: both;
}
#ecTop #content #Tguide .h2Clear{
	padding-bottom: 20px;
}
#Tguide dt {
	font-size: 80%;
}
#Tguide dd {
	margin: 4px 0 0 0;
	font-size: 75%;
	line-height:1.4;
}
#Tguide li{
	font-size: 75%;
}
#mailLink {
	font-size: 80%;
}
#guideTxt dt a{
	font-weight: bold;
	color: #AD184F;
	text-decoration: none;
}
#guideTel dt{
	color: #745364;
	font-weight: bold;
}
#Tguide #guideTel dd{
	font-size: 75%;
}
#guideTel dl{
	margin-bottom: 17px;
}
#Tfaq{
	margin-bottom: 30px;
}
#Tfaq li {
	padding:1px 4px 1px 14px;
	background: url(/ec/image/bl_04.gif) 0 2px no-repeat;
}
#Tguide .clearfix{
	width: 615px;
	background-image: url(/ec/image/ec_top/guide_dot.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/*  */
/* -------------------------------------------- */

.Tsidenav{
	width: 208px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	background-color: #FFF;
	margin: 0px auto;
}
/*
.Tsidenav h2{
	background-color: #BFADAB;
	background-image: url(/ec/image/ec_top/sb_goods_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	width: 190px;
	padding-right: 9px;
	padding-left: 9px;
	font-size: 85%;
}
*/
.Tsidenav h2.non{
	background-image: url(/ec/image/new_ec_top/sb_h2_bk.jpg);
	width: auto;
	padding-right: 0;
	padding-left: 0px;
	padding-top: 0px;
	color: #FFF;
	font-size: 75%;
	font-weight: bold;
	height: 22px;		
}

.Tsidenav ul {
	margin: 4px 0 0 0;
}
.Tsidenav li{
	font-size: 85%;
	vertical-align: bottom;
}
.Tsidenav ul ul {
	margin: 0 0 0 0;
}
.Tsidenav li li{
	font-size: 90%;
	padding: 4px 0 0 14px;
	background: url(/ec/image/ec_top/sb_arrow02.gif) 0 6px no-repeat;
}
.Tsidenav ul ul ul {
	margin: 5px 0 5px 0;
}
.Tsidenav li li li{
	font-size: 90%;
	margin-top: 3px;
	padding-left: 12px;
	background: none;
}
.Tsidenav p.line{
	margin: 0 auto 8px auto;
}
.Ttopcat{
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px !important;
	margin-bottom: 8px !important;
}
.catM{
	display: block;
	padding-bottom: 5px;
}
.catM a{
	font-weight: bold;
	color: #745364;
}

/*  */
/* -------------------------------------------- */
.Tsidenav .clearfix{
	width: 208px;
	padding-top: 5px;
}
.Tsidenav .clearfix .photo{
	float: left;
	width: 56px;
}
.Tsidenav .clearfix .txt{
	float: right;
	width: 142px;
	padding-right: 4px;
	padding-top: 8px;
}
.Tsidenav .clearfix .txt dt{
	padding-bottom: 5px;
	padding:1px 0 5px 8px;
	background: url(/ec/image/ec_top/ls_arrow.gif) 0 3px no-repeat;
	font-size: 75%;
	line-height: 1.2;
}
.Tsidenav .clearfix .txt dd{
	font-size: 75%;
	line-height: 1.2;
}
#sbBan{
	margin-top: 5px;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}
#sbBan li{
	margin-bottom: 5px;
}
#sbBan li img{
	vertical-align: bottom;
}


