@charset "UTF-8";

#contentsMainInner {
	margin-right: 0;
}

#newlife {
	width: 1200px;
	margin-bottom: 40px;
	color: #000000;
}

#newlife a {
	color: #777777;
}

#newlife .main_tit {
	margin-bottom: 4px;
}

#newlife .anchor {
	margin-bottom: 40px;
}

#newlife .anchor li {
	margin-right: 4px;
	width: 237px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

#newlife .anchor li a {
	display: block;
	padding: 15px 5px;
	text-align: center;
	background-color: #9fd279;
	color: #fff;
	text-decoration: none;
}

#newlife .anchor li a:hover {
	background-color: #bdea9c;
}

#newlife .anchor li span {
	display: inline-block;
	padding: 0 0 0 40px;
	background-image: url(../../images/special/newlife2015/navi_icon01.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	text-align: left;
}

#newlife .anchor li.vol01 span { background-image: url(../../images/special/newlife2015/navi_icon01.png); }
#newlife .anchor li.vol02 span { background-image: url(../../images/special/newlife2015/navi_icon02.png); }
#newlife .anchor li.vol03 span { background-image: url(../../images/special/newlife2015/navi_icon03.png); }
#newlife .anchor li.vol04 span { background-image: url(../../images/special/newlife2015/navi_icon04.png); }
#newlife .anchor li.vol05 span { background-image: url(../../images/special/newlife2015/navi_icon05.png); }

#newlife .anchor li.vol05 {
	margin-right: 0;
	width: 236px;
}

#newlife .lead {
	padding: 0 20px;
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
}

#newlife .column {
	  margin-top: 7px;
    font-size: 12px;
    line-height: 1.5;
}

#newlife .campaign {
	  margin-bottom: 50px;
}


/* ---------------------------------------------------------
■ランキング
--------------------------------------------------------- */

#newlife .ranking {
	padding: 36px 0 30px 30px;
	margin-bottom: 95px;
	background-image: url(../../images/special/newlife2015/ranking_bg.png);
	background-position: 0 0;
	background-repeat: repeat;
}

#newlife .ranking h3 {
	padding-right: 2px;
	margin-bottom: 40px;
	text-align: center;
}

#newlife .ranking .cateBox {
	margin-bottom: 70px;
}

#newlife .ranking .cate05 {
	margin-bottom: 0;
}

#newlife .ranking h4 {
	padding: 4px 0 4px 40px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	background-image: url(../../images/special/newlife2015/ranking_cate_icon01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#newlife .ranking .cate01 h4 { background-image: url(../../images/special/newlife2015/ranking_cate_icon01.png); }
#newlife .ranking .cate02 h4 { background-image: url(../../images/special/newlife2015/ranking_cate_icon02.png); }
#newlife .ranking .cate03 h4 { background-image: url(../../images/special/newlife2015/ranking_cate_icon03.png); }
#newlife .ranking .cate04 h4 { background-image: url(../../images/special/newlife2015/ranking_cate_icon04.png); }
#newlife .ranking .cate05 h4 { background-image: url(../../images/special/newlife2015/ranking_cate_icon05.png); }

#newlife .ranking a img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom: 1;
}

#newlife .ranking .cateBox li {
	margin-right: 20px;
	width: 212px;
	height: 212px;
	float: left;
	position: relative;
	font-size: 12px;
	background-color: #fff;
}

#newlife .ranking .cateBox li a {
	display: block;
	color: #000;
	text-decoration: none;
}

#newlife .ranking .cateBox li .img img {
	width: 212px;
	height: 212px;
}

#newlife .ranking .cateBox li a:hover .img img {
	opacity: 0.4!important;
	filter: alpha(opacity=40)!important;
	-ms-filter: "alpha(opacity=40)"!important;
	zoom: 1;
}

#newlife .ranking .cateBox li .icon {
	position: absolute;
	top: 10px;
	left: 10px;
}

#newlife .ranking .cateBox li .txtArea {
	width: 212px;
	height: 212px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../../images/special/newlife2015/goods_txt_bg.png);
	background-position: 0 0;
	background-repeat: repeat;
	overflow: hidden;
	display: none;
}

#newlife .ranking .cateBox li .txtArea .txt {
	position: absolute;
	top: 10px;
	left: 0;
	width: 212px;
	height: 212px;
}

#newlife .ranking .cateBox li .txtArea table {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
}

#newlife .ranking .cateBox li .txtArea table td {
	padding: 0 10px;
	height: 212px;
	text-align: center;
	vertical-align: middle;
}

#newlife .ranking .cateBox li .txtArea table td .name {
	margin-bottom: 10px;
	font-size: 11px;
}

#newlife .ranking .cateBox li .txtArea table td .fee {
	font-size: 13px;
	font-weight: bold;
}





/* ---------------------------------------------------------
■一覧
--------------------------------------------------------- */

#newlife .section {
	margin-bottom: 80px;
	overflow: hidden;
}

#newlife .section h3 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
}

#newlife .section h3 strong {
	color: #9fd279;
}

#newlife .section h3 .bgLeft {
	display: inline-block;
	padding-left: 145px;
	background-image: url(../../images/special/newlife2015/sec_tit_bg01.gif);
	background-position: left 13px;
	background-repeat: no-repeat;
}

#newlife .section h3 .bgRight {
	display: inline-block;
	padding-right: 145px;
	background-image: url(../../images/special/newlife2015/sec_tit_bg02.gif);
	background-position: right 13px;
	background-repeat: no-repeat;
}

#newlife .section .copy {
	margin-bottom: 40px;
	text-align: center;
	font-size: 16px;
}

#newlife .section .goods {
	width: 1232px;
}

#newlife .section .goods li {
	margin: 0 32px 32px 0;
	float: left;
	width: 276px;
	height: 276px;
	position: relative;
}

#newlife .section .goods li a img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom: 1;
}

#newlife .section .goods li a {
	display: block;
	border: 1px solid #eeeeee;
	color: #000;
}

#newlife .section .goods li a:hover img {
	opacity: 0.4!important;
	filter: alpha(opacity=40)!important;
	-ms-filter: "alpha(opacity=40)"!important;
	zoom: 1;
}

#newlife .section .goods li .txtArea {
	width: 274px;
	height: 274px;
	position: absolute;
	top: 1px;
	left: 1px;
	background-image: url(../../images/special/newlife2015/goods_txt_bg.png);
	background-position: 0 0;
	background-repeat: repeat;
	display: none;
}

#newlife .section .goods li .txtArea .txt {
	width: 254px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 14px;
}

#newlife .section .goods li .txtArea .name {
	margin-bottom: 10px;
}

#newlife .section .goods li .txtArea .fee {
	font-weight: bold;
}

/* ---------------------------------------------------------
■アクセサリー
--------------------------------------------------------- */

#jewelry {
	overflow: hidden;
}

#jewelry .titArea {
	margin-bottom: 40px;
	height: 787px;
	background-image: url(../../images/special/whiteday2015/jewelry_bg.jpg);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	text-align: center;
	color: #222;
}

#jewelry .titArea .copy {
	padding-top: 55px;
	margin-bottom: 25px;
	font-size: 26px;
	font-weight: bold;
}

#jewelry .titArea .txt {
	font-size: 14px;
	line-height: 1.9;
}

#jewelry .goods {
	width: 1232px;
}



/* ---------------------------------------------------------
■商品履歴
--------------------------------------------------------- */
#historyWrapper {
	padding: 0 0 55px; }

#history .gridInner {
	overflow: hidden;
	height: 111px;
	margin-right: -10px;
	zoom: 1; }
#historyfellowPrev,
#historyfellowNext {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -99999px; }

#historyfellowPrev {
    background: url(/images/common/btn_slide_prev.jpg) no-repeat; }

#historyfellowNext {
    background: url(/images/common/btn_slide_next.jpg) no-repeat; }

#historyfellowPrev:hover,
#historyfellowNext:hover {
    background-position: 0-60px; }
