@charset "UTF-8";

div#headerContainer {
	/*height: 103px;*/
	/*background-image: none;*/
}

#categoryMenuContainer {
	position: relative;
	z-index: 2;
	width: 930px;
	/*height: 51px;*/
	height: 37px;
	/*background: url(../images_common/header_shadow.gif) repeat-x 0 33px;*/
}
#categoryMenuContainer ul.categoryMenu {
	width: 930px;
	height: 32px;
}
#categoryMenuContainer ul.categoryMenu li {
	float: left;
	height: 32px;
}
#categoryMenuContainer ul.categoryMenu li a {
	display: block;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
#categoryMenuContainer ul.categoryMenu li.gift {
	width: 106px;
}
#categoryMenuContainer ul.categoryMenu li.gift a {
	width: 106px;
	background: url(../images/category_gift.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li.food {
	width: 116px;
}
#categoryMenuContainer ul.categoryMenu li.food a {
	width: 116px;
	background: url(../images/category_food.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li.cosme {
	width: 136px;
}
#categoryMenuContainer ul.categoryMenu li.cosme a {
	width: 136px;
	background: url(../images/category_cosme.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li.ladys {
	width: 106px;
}
#categoryMenuContainer ul.categoryMenu li.ladys a {
	width: 106px;
	background: url(../images/category_ladys.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li.mens {
	width: 106px;
}
#categoryMenuContainer ul.categoryMenu li.mens a {
	width: 106px;
	background: url(../images/category_mens.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li.baby {
	width: 116px;
}
#categoryMenuContainer ul.categoryMenu li.baby a {
	width: 116px;
	background: url(../images/category_baby.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li.living {
	width: 116px;
}
#categoryMenuContainer ul.categoryMenu li.living a {
	width: 116px;
	background: url(../images/category_living.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li.hobby {
	width: 128px;
}
#categoryMenuContainer ul.categoryMenu li.hobby a {
	width: 128px;
	background: url(../images/category_hobby.gif) no-repeat;
}
#categoryMenuContainer ul.categoryMenu li a.current {
	background-position: 0 -32px;
}

#categoryMenuContainer .categoryMenuBg {
	visibility: hidden;
	position: absolute;
	left: 2px;
	top: 32px;
	width: 926px;
	background-color: #ffffff;
}
#categoryMenuContainer .categoryMenuFrame {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 32px;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #666666;
}
#categoryMenuContainer .categoryMenuFrame img.shadow {
	position: absolute;
	left: -2px;
	bottom: -9px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg {
	position: absolute;
	z-index: 2;
	top: 0;
	background-color: #000000;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.gift {
	left: 0px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.food {
	left: 104px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.cosme {
	left: 220px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.ladys {
	left: 356px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.mens {
	left: 462px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.baby {
	left: 568px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.living {
	left: 684px;
}
#categoryMenuContainer .categoryMenuFrame .categoryBg.hobby {
	left: 800px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu {
	position: relative;
	z-index: 3;
	width: 926px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li {
	float: left;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.gift,
#categoryMenuContainer .categoryMenuFrame .categoryBg.gift {
	width: 104px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.food,
#categoryMenuContainer .categoryMenuFrame .categoryBg.food {
	width: 116px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.cosme,
#categoryMenuContainer .categoryMenuFrame .categoryBg.cosme {
	width: 136px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.ladys,
#categoryMenuContainer .categoryMenuFrame .categoryBg.ladys {
	width: 106px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.mens,
#categoryMenuContainer .categoryMenuFrame .categoryBg.mens {
	width: 106px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.baby,
#categoryMenuContainer .categoryMenuFrame .categoryBg.baby {
	width: 116px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.living,
#categoryMenuContainer .categoryMenuFrame .categoryBg.living {
	width: 116px;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li.hobby,
#categoryMenuContainer .categoryMenuFrame .categoryBg.hobby {
	width: 126px;
}

#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li ul {
	padding: 15px 4px 12px 13px;
}

#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li li {
	float: none;
	padding: 4px 0;
	font-size: 120%;
	line-height: 125%;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li li a:link {
	color: #555555;
	text-decoration: none;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li li a:visited {
	color: #555555;
	text-decoration: none;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li li a:hover {
	color: #990000 !important;
	text-decoration: underline;
}
#categoryMenuContainer .categoryMenuFrame ul.categorySubMenu li li a:active {
	color: #990000;
	text-decoration: underline;
}


div#contentsContainer div.contents {
	position: relative;
	z-index: 1;
}
div#contentsContainer div.mainContents {
	float: left;
	width: 665px;
	margin-top: 0;
}
#topCampaign .mainVisual {
	position: relative;
	width: 665px;
	height: 284px;
}
#topCampaign .mainVisual a {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
#topCampaign .mainVisual .noscript {
	position: absolute;
	left: 0;
	top: 0;
	width: 663px !important;
	height: 282px !important;
	width: 665px;
	height: 284px;
	border: 1px solid #cccccc;
}
#topCampaign .mainVisual .noscript img.msg {
	position: absolute;
	left: 17px;
	top: 50px;
}
#topCampaign .mainVisual .noscript a {
	display: inline;
	position: static;
}
#topCampaign .mainVisual .noscript a.faq {
	position: absolute;
	left: 384px;
	top: 192px;
}
#topCampaign .mainVisual .noscript p {
	position: absolute;
	left: 0;
	top: 246px;
	width: 665px;
	font-size: 120%;
	text-align: center;
}
#topCampaign .naviContainer {
	position: relative;
	height: 107px;
	padding-right: 11px;
	background: url(../images/main_image_navi_bg.gif) no-repeat;
}
#topCampaign .naviContainer .text {
	display: none;
	position: absolute;
	left: 17px;
	top: 16px;
	width: 337px;
}
#topCampaign .naviContainer .text h2 {
	font-size: 140%;
	line-height: 135%;
}
#topCampaign .naviContainer .text p {
	font-size: 140%;
	line-height: 135%;
}
#topCampaign .naviContainer ul {
	margin-top: 16px;
	float: right;
}
#topCampaign .naviContainer li {
	float: left;
	width: 70px;
	margin-right: 4px;
	text-align: center;
}
#topCampaign .naviContainer li a {
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
	margin-bottom: 4px;
}
#topCampaign .naviContainer li a .naviFrame {
	position: absolute;
	left: 0;
	top: 0;
	width: 68px !important;
	height: 68px !important;
	width: 70px;
	height: 70px;
	border: 1px solid #000000;
}
#topCampaign .naviContainer li a .notCurrent {
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 70px;
	background-color: #ffffff;
}
.topBannerContainer {
	width: 665px;
	margin-top: 10px;
}
.topBannerContainer ul {
	width: 670px;
	margin-right: -5px;
}
.topBannerContainer li {
	float: left;
	margin-right: 5px;
}
.topBannerContainer li.short {
	width: 330px;
	margin-bottom:10px;
}
.topBannerContainer li a {
	font-size: 120%;
	line-height: 135%;
}
.topBannerContainer li a img {
	display: block;
}
.topBannerContainer li a span {
	display: block;
	margin-top: 8px;
}
.topBannerContainer li a span strong {
	font-weight: normal;
}

.categoryWrapper {
	margin-top: 10px;
}
.categoryWrapper .title {
	position: relative;
	margin-bottom: 15px;
}
.categoryWrapper .title a {
	position: absolute;
	top: 8px;
	right: 17px;
	padding-left: 14px;
	background: url(../images/category_title_link_bullet.gif) no-repeat left center;
	font-size: 120%;
	line-height: 110%;
}
.categoryWrapper .categoryContainer {
	width: 680px;
	margin: 0 -15px 12px 0;
	padding-bottom: 13px;
	background: url(../images/category_separate.gif) no-repeat left bottom;
}
.categoryWrapper .categoryContainer.last {
	margin-bottom: 5px;/*bottom　50から5に変更*/
	padding-bottom: 0;
	background-image: none;
}
.categoryWrapper .categoryContainer .category {
	float: left;
	width: 325px;
	margin-right: 15px;
}
.categoryWrapper .categoryContainer .category .thumb {
	float: left;
	width: 86px !important;
	width: 94px;
	padding: 1px;
	border: 3px solid #e2e2e2;
}
.categoryWrapper .categoryContainer .category .text {
	float: right;
	width: 221px;
	overflow: hidden;
	margin-top: 4px;
}
.categoryWrapper .categoryContainer .category .text h2 {
	padding-bottom: 5px;
	font-size: 140%;
	line-height: 110%;
}
.categoryWrapper .categoryContainer .category .text h2 a {
	display: block;
	padding-left: 12px;
	background: url(../images/category_link_bullet.gif) no-repeat 0 4px;
}
.categoryWrapper .categoryContainer .category .text h2 a:link {
	color: #333333;
}
.categoryWrapper .categoryContainer .category .text h2 a:visited {
	color: #333333;
}
.categoryWrapper .categoryContainer .category .text h2 a:hover {
	color: #0033ff;
}
.categoryWrapper .categoryContainer .category .text h2 a:active {
	color: #0033ff;
}
.categoryWrapper .categoryContainer .category .text p {
	padding-left: 12px;
	font-size: 120%;
	line-height: 135%;
}

.pickupWrapper {
	padding-top: 5px;
}
.pickupWrapper .pickupContainer {
	position: relative;
	margin-top: 15px;
	padding: 16px 16px 16px 16px;
	border: 3px solid #dddddd;
}
.pickupWrapper .pickupContainer img.pickupFlg {
	position: absolute;
	left: 1px !important;
	top: 1px !important;
	left: -15px;
	top: 4px;
}
.pickupWrapper .pickupContainer .pickup {
	width: 627px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(../images/h_dotline.gif) repeat-x left bottom;
}
.pickupWrapper .pickupContainer .pickup.last {
	padding-bottom: 0;
	margin-bottom: 0;
	background-image: none;
}
.pickupWrapper .pickupContainer .pickup .image {
	float: left;
	width: 190px;
}
.pickupWrapper .pickupContainer .pickup .text {
	float: right;
	width: 416px;
}
.pickupWrapper .pickupContainer .pickup .text h2 {
	padding-top: 12px;
	font-size: 140%;
	line-height: 135%;
}
.pickupWrapper .pickupContainer .pickup .text p {
	padding-top: 5px;
	font-size: 120%;
	line-height: 135%;
}

.infoContainer {
	/*margin-top: 10px;*/
	padding: 10px 10px 5px 10px;
	border: 1px solid #e8e8e8;
}
.infoContainer h2 {
	padding-bottom: 8px;
}
.infoContainer p {
	font-size: 120%;
	line-height: 135%;
	margin-bottom:5px;
	padding-left:12px;
	background:url(/ec/images/toppage/info_circle.gif) no-repeat left 2px;
	
}

.topicsContainer {
	margin-top: 20px;
}
.topicsContainer h2 {
	padding-bottom: 8px;
}
/*.topicsContainer dl {
	font-size: 120%;
}
.topicsContainer dt {
	padding: 7px 19px 0 0;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
.topicsContainer dd {
	padding-top: 7px;
	overflow: hidden;
	float: left;
}*/
.topicsContainer dl {
	font-size: 120%;
}
.topicsContainer dt {
	width:100px;
	padding: 10px 0 0;
	text-indent:15px;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}

.topicsContainer dd {
	float:left;
	overflow: hidden;
	padding: 10px 0 0;
	width:560px;
}


div#contentsContainer .subContentsWrapper {
	float: right;
	width: 246px;

}
.subContentsWrapper ul.banner {
	padding: 6px 6px 4px;
	background: #ebebeb;
}
.subContentsWrapper ul.banner li {
	display: inline;
}
.subContentsWrapper ul.banner li a {
	display: block;
	margin-bottom: 4px;
}
.subContentsWrapper ul.banner li.sp a {
	padding-top: 6px;
	margin-bottom: 0;
}
.subContentsWrapper ul.banner li a:link {
	color: #666666;
}
.subContentsWrapper ul.banner li a:visited {
	color: #666666;
}
.subContentsWrapper ul.banner li a:hover {
	color: #333333;
}
.subContentsWrapper ul.banner li a:active {
	color: #333333;
}
.subContentsWrapper ul.banner li a img {
	display: block;
}
.subContentsWrapper ul.banner li a span {
	display: block;
	padding: 4px 5px;
}
.subContentsWrapper .subContentsFrame {
	padding: 6px;
	background: #ebebeb;
}
.subContentsWrapper .subContentsContainer {
	padding: 1px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
.subContentsWrapper .subContents {
	padding: 9px;
}
.subContentsWrapper .subContents.clubq p {
	float: left;
	width: 130px;
	margin-right: 10px;
	font-size: 120%;
	line-height: 135%;
}
.subContentsWrapper .subContents.clubq img {
	float: left;
}
.subContentsWrapper .subContents.member p {
	padding-bottom: 8px;
	font-size: 120%;
	line-height: 135%;
}
.subContentsWrapper .subContents.member p.memberLink {
	padding: 0 25px;
}
.subContentsWrapper .subContents.member p.memberLink a {
	display: block;
	width: 159px;
	height: 26px;
	background: url(../images_common/bt_top_member.gif) no-repeat left top;
}

.subContentsWrapper .subContents.member p.memberLink a:hover {
	background-position: -159px 0;
	background: url(../images_common/bt_top_memberon.gif) no-repeat;
}

.subContentsWrapper .subContents.magazine a.rightMmRequest {
	background:transparent url(../images_common/bt_mm_request_rightmenu.gif) no-repeat scroll left top;
	display:block;
	height:26px;
	margin-left:12px;
	width:187px;
}
.subContentsWrapper .subContents.magazine a.rightMmRequest:hover {
	background-position:-187px 0;
}
.subContentsWrapper .subContents.magazine div.rightMmContents {
	padding-top:12px;
}
.subContentsWrapper .subContents.magazine div.rightMmContents img {
	float:left;
}
.subContentsWrapper .subContents.magazine div.rightMmContents ul {
	border:medium none;
	float:right;
	width:133px;
}
.subContentsWrapper .subContents.magazine div.rightMmContents ul li {
	border:medium none;
	font-size:12px;
	line-height:110%;
	padding:0 0 6px;
}
.subContentsWrapper .subContents.magazine div.rightMmContents ul li a {
	background:transparent url(../images_common/shopmenu_bullet.gif) no-repeat scroll 0 4px;
	display:block;
	padding-left:11px;
}
.subContentsWrapper .subContents.mobile p {
	float: left;
	width: 137px;
	font-size: 120%;
	line-height: 135%;
}
.subContentsWrapper .subContents.mobile img {
	float: right;
}
.subContentsWrapper #sslLogo {
	margin-top: 12px;
	text-align: center;
}
.subContentsWrapper #sslLogo p {
	width: 192px;
	margin-left: 32px;
	font-size: 120%;
	line-height: 135%;
	text-align: left;
}

.footSiteMapContainer {
	width: auto !important;
	width: 930px;
	overflow: hidden;
	margin-top: 35px;
	padding: 30px 0 0 30px;
	background-color: #f4f4f4;
}
.footSiteMapContainer .siteMap {
	float: left;
	width: 195px;
	margin-right: 30px;
}
.footSiteMapContainer .siteMap ul {
	padding-bottom: 30px;
}
.footSiteMapContainer .siteMap li {
	font-size: 120%;
	line-height: 175%;
}
.footSiteMapContainer .siteMap li h2 {
	font-size: 115%;
}
.footSiteMapContainer .siteMap li h2 a:link {
	color: #333333;
}
.footSiteMapContainer .siteMap li h2 a:visited {
	color: #333333;
}
.footSiteMapContainer .siteMap li h2 a:hover {
	color: #0033ff;
}
.footSiteMapContainer .siteMap li h2 a:active {
	color: #0033ff;
}

/*ギフトセレクション*/
.mamebg{
	width: 246px;
	background: #ebebeb;
}
.mame {
	width: 234px;
	margin-left: 6px;
}
.mame .inner {
	padding: 10px 12px;
	border: 1px solid #e5e5e5;
	border-top: none;
	background-color: #ffffff;
}
.mame .inner.noshi {
	padding: 10px 12px;
	margin-top: 14px;
	border-top: 1px solid #e5e5e5;
	background-color: #ffffff;
}
.mame .inner ul.mame {
	width: 210px !important;
	width: 212px;
	padding: 0 0 4px 2px;
	margin: 0 -4px 0 0;
	overflow: hidden;
	/zoom: 1;
}
.mame .inner ul.mame li {
	float: left;
	width: 100px;
	margin-right: 5px;
	padding-top: 4px;
}
.mame .inner a {
	padding-left: 12px;
	background:transparent url(../images_common/shopmenu_bullet.gif) no-repeat scroll 0 4px;
	font-size: 120%;
	line-height: 120%;
}

		.mame2 {
			width: 209px;
		}
		.mame2 img{
			border-top:1px solid #eeeeee;
			border-left:1px solid #eeeeee;
			border-right:1px solid #eeeeee;
		}
		.mame2 .inner {
			padding: 8px;
			border: 1px solid #eeeeee;
			border-top: none;
			background-color: #ffffff;
		}
		.mame2 .inner ul.mame {
			width: 194px !important;
			width: 196px;
			padding: 0 0 4px 2px;
			margin: 0 -4px 0 0;
			overflow: hidden;
			/zoom: 1;
		}
		.mame2 .inner ul.mame li {
			float: left;
			width: 90px;
			margin-right: 0px;
			padding-top: 4px;
		}
		.mame2 .inner a {
			padding-left: 10px;
			background:transparent url(../images_common/shopmenu_bullet.gif) no-repeat scroll 0 4px;
			font-size: 120%;
			line-height: 120%;
		}