@charset "utf-8";
/* CSS Document */

.pospack{
	overflow:hidden;
}

#main #top .contents{
	background:url(../images/common/contents_bg.gif) repeat-y;
}

#main #top .contents .contentsend{
	background:url(../images/common/contents_bottom.gif) no-repeat bottom left;
	width:625px;
	height:10px;
	line-height:0;
	font-size:0;
}

.mt20{
	margin-top:20px;
}

.mb20{
	margin-bottom:20px;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}


/* **************************
 *
 * キービジュアル
 *
 * ************************* */

#keyvisual .bnrArea .toCampaign{
	width:803px;
	text-align:right;
}

#keyvisual .cdbnr{
	font-size:12px;
	line-height:1.6;
	position:relative;
	top:0;
	left:0;
	width:803px;
}

#keyvisual .cdbnr #cdbnrtit{
	position:absolute;
	top:20px;
	left:611px;
}

#keyvisual .cdbnr #forend{
	position:absolute;
	top:37px;
	left:611px;
}

#keyvisual .cdbnr .message{
	position:absolute;
	top: 33px;
	right: 42px;
	text-align:right;
}

#keyvisual .cdbnr .message img{
	margin-left: 3px;
}

#keyvisual .bnr803{
	width:803px;
	margin-top:10px;
}

#keyvisual #new_order01{
	margin-top:10px;
}

/* **************************
 *
 * 14/06/03
 *
 * ************************* */
#leftside{
	clear:left;
}



/* **************************
 *
 * News&Topics
 *
 * ************************* */

#main #top #newsTopics{
	margin-bottom:20px;
}

#main #top #newsTopics h2 .pos1{
	position:absolute;
	left:135px;
	top:13px;
	color:#333;
	font-size:1.2em;
	line-height:1.1em;
}

#main #top #newsTopics h2 .pos2{
	position:absolute;
	left:508px;
	top:7px;
}

#main #top #newsTopics .newsList{
	padding:10px 15px 0;
}

#main #top #newsTopics .newsList dt{
	float:left;
	background:url(../images/top/dotline_46380B_y.jpg) right top repeat-y;
	padding-right:9px;
	margin-right:8px;
	margin-bottom:10px;
	color:#46380B;
	font-weight:bold;
}

#main #top #newsTopics .newsList dt.line3{
	margin-bottom:35px;
}

#main #top #newsTopics .newsList dd{
	margin-bottom:10px;
	color:#393939;
	font-size:1.2em;
}

#main #top #newsTopics .newsList dd a{
	color:#46380B;
}

#main #top #newsTopics .newsList dd a:hover{
	color:#a29b85;
}

#main #top #newsTopics .newsList dd.rednews a{
	color:#F00;
}

#main #top #newsTopics .newsList dd.rednews a:hover{
	color: #FF7156;
}


#main #top #newsTopics .newsList .icon{
	margin-right:0.5em;
}


/* **************************
 *
 * 商品ranking
 *
 * ************************* */

#main #top #ranking{
	color:#46380B;
	margin-bottom:20px;
}

#main #top #ranking h2 .pos1{
	position:absolute;
	left:145px;
	top:13px;
	color:#333;
	font-size:1.2em;
	line-height:1.1em;
}

#main #top #ranking .ranklist{
	background:url(../images/top/ranking_line.jpg) right top repeat-y;
	margin-top:12px;
	margin-bottom:17px;
	overflow:hidden;
	width:624px;
}

#main #top #ranking .ranklist .rankicon{
	margin-left:10px;
	margin-top:14px;
	margin-bottom:10px;
}

#main #top #ranking .ranklist .n1,
#main #top #ranking .ranklist .n2,
#main #top #ranking .ranklist .n3,
#main #top #ranking .ranklist .n4{
	float:left;
	width:125px;
	padding-top:10px;
}

#main #top #ranking .ranklist .n5{
	float:left;
	width:123px;
	padding-top:10px;
}

#main #top #ranking .ranklist .pict{
	width:119px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}

#main #top #ranking .ranklist .pict img{
	width:110px;
	height:110px;
}

#main #top #ranking .ranklist .item{
	padding-left:10px;
	padding-right:10px;
}

#main #top #ranking .ranklist .item p{
	background:url(../images/top/icon_allow01.jpg) left top no-repeat;
	padding-left:9px;
	font-weight:bold;
	font-size:1.2em;
}

#main #top #ranking .ranklist a{
	color:#46380B;
}

#main #top #ranking .ranklist a:hover{
	color:#a29b85;
}

#main #top #ranking .ranklist .item p span{
	display:block;
	padding-top:7px;
	font-weight:normal;
	font-size:1em;
}


/* **************************
 *
 * みんなのクチコミ
 *
 * ************************* */

#main #top #kutikomi{
	margin-bottom:30px;
}

#main #top #kutikomi .picup{
	width:623px;
	margin:0 auto;
	overflow:hidden;
}

#main #top #kutikomi .comment{
	text-align:right;
	padding-top:5px;
	padding-right:5px;
	position:relative;
	z-index:1;
}

#main #top #kutikomi .opt{
	position:relative;
	margin-top:-7px;
}

#main #top #kutikomi .detail{
	position:absolute;
	left:438px;
	top:35px;
	width:168px;
	z-index:0;
}

#main #top #kutikomi .detail p{
	font-size:1.1em;
	color:#393939;
	margin-bottom:5px;
}


/* **************************
 *
 * 震災支援プロジェクト
 *
 * ************************* */

#main #top #sinsai{
	margin-bottom:30px;
}

#main #top #sinsai .titlebox{
	width:625px;
	margin-bottom:7px;
}

#main #top #sinsai .titlebox .pos2{
	position:absolute;
	right:0px;
	bottom:3px;
}

#main #top #sinsai dl#shienreport{
	font-size:1.2em;
	padding:1em;
	background-color:#fdfdf3;
	border:3px solid #e8c430;
	margin-bottom:10px;
}

#main #top #sinsai dl#shienreport dt{
	background-color:#d4ad22;
	color:#fff;
	font-weight:bold;
	padding:3px 5px;
	float:left;
	border-radius: 5px;
	
}

#main #top #sinsai dl#shienreport dd{
	margin-left: 60px;
}

#main #top #sinsai .detailbox{
	background:url(../images/top/sinsai_box_bg.jpg) left top repeat-y;
}

#main #top #sinsai .detailbox .head{
	background:url(../images/top/sinsai_box_head.jpg) left top no-repeat;
	height:3px;
	font-size:0;
	line-height:0;
	padding-bottom:13px;
}

#main #top #sinsai .detailbox .foot{
	background:url(../images/top/sinsai_box_foot.jpg) left bottom no-repeat;
	height:3px;
	font-size:0;
	line-height:0;
	padding-top:13px;
}

#main #top #sinsai .detailbox .inner{
	width:590px;
	margin-left:20px;
}

#main #top #sinsai .detailbox .inner .onicon{
	background:url(../images/top/icon_sinsai.jpg) left 3px no-repeat;
	padding-left:13px;
}

#main #top #sinsai .detailbox .inner .lbox{
	width:373px;
	float:left;
}

#main #top #sinsai .detailbox .inner .lbox .mainImg{
	float:left;
}

#main #top #sinsai .detailbox .inner .lbox .spec1{
	padding-left:10px;
	padding-right:7px;
	overflow:hidden;
	zoom:1;
	margin-bottom:20px;
}

#main #top #sinsai .detailbox .inner .lbox .spec1 .ttl{
	margin-bottom:10px;
}

#main #top #sinsai .detailbox .inner .lbox .spec1 .name{
	font-size:1.4em;
	color:#333;
}

#main #top #sinsai .detailbox .inner .lbox .spec1 a{
	color:#333;
	font-weight:bold;
}

#main #top #sinsai .detailbox .inner .lbox .spec2{
	background:url(../images/top/sinsai_tohoku01.jpg) 10px top no-repeat;
	padding-left:72px;
	padding-right:7px;
	overflow:hidden;
	zoom:1;
}

#main #top #sinsai .detailbox .inner .lbox .spec2 .ttl{
	margin-bottom:8px;
}

#main #top #sinsai .detailbox .inner .lbox .spec2 p{
	font-size:1.2em;
	color:#333;
}

#main #top #sinsai .detailbox .inner .rbox{
	padding:0 10px;
	overflow:hidden;
	zoom:1;
}

#main #top #sinsai .detailbox .inner .rbox .ttl{
	margin-bottom:8px;
}

#main #top #sinsai .detailbox .inner .rbox p{
	font-size:1.2em;
}

#main #top #sinsai .detailbox .inner .rbox a{
	color:#333;
	font-weight:bold;
}

#main #top #sinsai .detailbox .inner .rbox a:hover{
	color:#999;
}

#main #top #sinsai .detailbox .inner .rbox .txt{
	margin-bottom:10px;
}


/* **************************
 *
 * 商品ラインナップ
 *
 * ************************* */

#main #top #lineup{
	margin-bottom:30px;
}

#main #top #lineup h2{
	margin-bottom:15px;
}

#main #top #lineup .inner{
	width:585px;
	margin:0 auto;
	overflow:hidden;
	font-size:1.2em;
	color:#2c2c2c;
}

#main #top #lineup .splitbar{
	background:url(../images/top/lineup_line_x.jpg) left center no-repeat;
	margin:15px 0;
	clear:both;
}

#main #top #lineup .setbox{
	background:url(../images/top/lineup_line_y.jpg) center top repeat-y;
}

#main #top #lineup #skincare h3{
	width:585px;
	margin-bottom:10px;
}

#main #top #lineup #skincare h3 .pos1{
	position:absolute;
	left:188px;
}

#main #top #lineup #skincare .spbtn{
	margin-top:10px;
}

#main #top #lineup #skincare .lbox{
	float:left;
	width:292px;
}

#main #top #lineup #skincare .lbox  a{
	color:#2c2c2c;
}

#main #top #lineup #skincare .lbox  a:hover{
	color:#959595;
}

#main #top #lineup #skincare .lbox .skinbox{
	width:275px;
	background-color:#EAF1F9;
}

#main #top #lineup #skincare .lbox .skinbox .head{
	background:url(../images/top/skincare_listbox_head.jpg) left top no-repeat;
	height:13px;
}

#main #top #lineup #skincare .lbox .skinbox .foot{
	background:url(../images/top/skincare_listbox_foot.jpg) left bottom no-repeat;
	height:8px;
	clear:both;
}

#main #top #lineup #skincare .skinbox .ttl{
	margin-left:10px;
	margin-bottom:10px;
}

#main #top #lineup #skincare .skinbox ul{
	margin-left:10px;
	overflow:hidden;
}

#main #top #lineup #skincare .skinbox li{
	float:left;
	background:url(../images/top/skincare_icon_arrow.jpg) left 3px no-repeat;
	padding-left:8px;
	padding-right:10px;
	margin-bottom:5px;
	white-space:nowrap;
}

#main #top #lineup #skincare .skinbox .line{
	background:url(../images/top/skincarebox_line.jpg) left center repeat-x;
	margin:10px;
	height:1px;
	line-height:0;
	font-size:0;
}

#main #top #lineup #skincare .lbox .spItem1,
#main #top #lineup #skincare .lbox .spItem2,
#main #top #lineup #skincare .lbox .spItem3{
	width:91px;
	margin-top:10px;
	margin-right:2px;
	float:left;
}

#main #top #lineup #skincare .lbox .spItem1 img,
#main #top #lineup #skincare .lbox .spItem2 img,
#main #top #lineup #skincare .lbox .spItem3 img{
	width:91px;
	height:91px;
}

#main #top #lineup #skincare .lbox .spItem1 .spec,
#main #top #lineup #skincare .lbox .spItem2 .spec,
#main #top #lineup #skincare .lbox .spItem3 .spec{
	background:url(../images/top/skincare_icon.jpg) left 4px no-repeat;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#main #top #lineup #skincare .rbox{
	float:left;
}

#main #top #lineup #skincare .rbox .sp1,
#main #top #lineup #skincare .rbox .sp2{
	margin-bottom:15px;
}

#main #top #lineup #skincare .rbox .sp1 .mainImg,
#main #top #lineup #skincare .rbox .sp2 .mainImg,
#main #top #lineup #skincare .rbox .sp3 .mainImg{
	float:left;
}

#main #top #lineup #skincare .rbox .sp1 .spec,
#main #top #lineup #skincare .rbox .sp2 .spec,
#main #top #lineup #skincare .rbox .sp3 .spec{
	float:left;
	width:140px;
	margin-left:10px;
	font-weight:bold;
}

#main #top #lineup #skincare .rbox .sp1 .spec a,
#main #top #lineup #skincare .rbox .sp2 .spec a,
#main #top #lineup #skincare .rbox .sp3 .spec a{
	color:#2c2c2c;
}

#main #top #lineup #skincare .rbox .sp1 .spec a:hover,
#main #top #lineup #skincare .rbox .sp2 .spec a:hover,
#main #top #lineup #skincare .rbox .sp3 .spec a:hover{
	color:#959595;
}

#main #top #lineup #makeup{
	width:280px;
	float:left;
}

#main #top #lineup #makeup h3{
	margin-bottom:10px;
}

#main #top #lineup #makeup h3 .pos1{
	position:absolute;
	left:180px;
	top:0;
}

#main #top #lineup #makeup .makebox{
	width:275px;
	background-color:#F7E7E7;
	margin-bottom:10px;
}

#main #top #lineup #makeup .makebox .head{
	background:url(../images/top/makeup_listbox_head.jpg) left top no-repeat;
	height:13px;
}

#main #top #lineup #makeup .makebox .foot{
	background:url(../images/top/makeup_listbox_foot.jpg) left bottom no-repeat;
	height:8px;
	clear:both;
}

#main #top #lineup #makeup .makebox ul{
	margin-left:10px;
	overflow:hidden;
}

#main #top #lineup #makeup .makebox li{
	float:left;
	background:url(../images/top/makeup_icon_arrow.jpg) left 3px no-repeat;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
	white-space:nowrap;
}

#main #top #lineup #makeup .makebox a{
	color:#2C2C2C;
}

#main #top #lineup #makeup .makebox a:hover{
	color:#959595;
}

#main #top #lineup #makeup .item1,
#main #top #lineup #makeup .item2,
#main #top #lineup #makeup .item3{
	width:91px;
	margin-right:2px;
	float:left;
}

#main #top #lineup #makeup .item1 img,
#main #top #lineup #makeup .item2 img,
#main #top #lineup #makeup .item3 img{
	width:91px;
	height:91px;
}

#main #top #lineup #makeup .item1 .spec,
#main #top #lineup #makeup .item2 .spec,
#main #top #lineup #makeup .item3 .spec{
	background:url(../images/top/makeup_icon.jpg) left 3px no-repeat;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#main #top #lineup #makeup .item1 .spec a,
#main #top #lineup #makeup .item2 .spec a,
#main #top #lineup #makeup .item3 .spec a{
	color:#2C2C2C;
}

#main #top #lineup #makeup .item1 .spec a:hover,
#main #top #lineup #makeup .item2 .spec a:hover,
#main #top #lineup #makeup .item3 .spec a:hover{
	color:#959595;
}

#main #top #lineup #health{
	width:280px;
	float:right;
}

#main #top #lineup #health h3{
	margin-bottom:10px;
}

#main #top #lineup #health h3 .pos1{
	position:absolute;
	left:194px;
	top:0;
}


#main #top #lineup #health .healthbox{
	width:275px;
	background-color:#EEF3E6;
	margin-bottom:10px;
}

#main #top #lineup #health .healthbox .head{
	background:url(../images/top/health_listbox_head.jpg) left top no-repeat;
	height:13px;
}

#main #top #lineup #health .healthbox .foot{
	background:url(../images/top/health_listbox_foot.jpg) left bottom no-repeat;
	height:8px;
	clear:both;
}

#main #top #lineup #health .healthbox ul{
	margin-left:10px;
	overflow:hidden;
}

#main #top #lineup #health .healthbox li{
	float:left;
	background:url(../images/top/health_icon_arrow.jpg) left 3px no-repeat;
	padding-left:8px;
	padding-right:10px;
	margin-bottom:5px;
	white-space:nowrap;
}

#main #top #lineup #health .healthbox a{
	color:#2C2C2C;
}

#main #top #lineup #health .healthbox a:hover{
	color:#959595;
}

#main #top #lineup #health .item1,
#main #top #lineup #health .item2,
#main #top #lineup #health .item3{
	width:91px;
	margin-right:2px;
	float:left;
}

#main #top #lineup #health .item1 img,
#main #top #lineup #health .item2 img,
#main #top #lineup #health .item3 img{
	width:91px;
	height:91px;
}

#main #top #lineup #health .item1 .spec,
#main #top #lineup #health .item2 .spec,
#main #top #lineup #health .item3 .spec{
	background:url(../images/top/health_icon.jpg) left 4px no-repeat;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#main #top #lineup #health .item1 .spec a,
#main #top #lineup #health .item2 .spec a,
#main #top #lineup #health .item3 .spec a{
	color:#2C2C2C;
}

#main #top #lineup #health .item1 .spec a:hover,
#main #top #lineup #health .item2 .spec a:hover,
#main #top #lineup #health .item3 .spec a:hover{
	color:#959595;
}

#main #top #lineup #goods{
	width:280px;
	float:left;
}

#main #top #lineup #goods h3{
	margin-bottom:10px;
}

#main #top #lineup #goods h3 .pos1{
	position:absolute;
	left:207px;
	top:0;
}

#main #top #lineup #goods .item1,
#main #top #lineup #goods .item2,
#main #top #lineup #goods .item3{
	width:91px;
	margin-right:2px;
	float:left;
}

#main #top #lineup #goods .item1 img,
#main #top #lineup #goods .item2 img,
#main #top #lineup #goods .item3 img{
	width:91px;
	height:91px;
}

#main #top #lineup #goods .item1 .spec,
#main #top #lineup #goods .item2 .spec,
#main #top #lineup #goods .item3 .spec{
	background:url(../images/top/goods_icon.jpg) left 4px no-repeat;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#main #top #lineup #goods .item1 .spec a,
#main #top #lineup #goods .item2 .spec a,
#main #top #lineup #goods .item3 .spec a{
	color:#2C2C2C;
}

#main #top #lineup #goods .item1 .spec a:hover,
#main #top #lineup #goods .item2 .spec a:hover,
#main #top #lineup #goods .item3 .spec a:hover{
	color:#959595;
}

#main #top #lineup #goods .item1 .soldout,
#main #top #lineup #goods .item2 .soldout,
#main #top #lineup #goods .item3 .soldout{
	color:#FF0000;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#main #top #lineup #innerwear{
	width:280px;
	float:right;
}

#main #top #lineup #innerwear h3{
	margin-bottom:10px;
}

#main #top #lineup #innerwear h3 .pos1{
	position:absolute;
	left:168px;
	top:0;
}

#main #top #lineup #innerwear .item1,
#main #top #lineup #innerwear .item2,
#main #top #lineup #innerwear .item3{
	width:91px;
	margin-right:2px;
	float:left;
}

#main #top #lineup #innerwear .item1 img,
#main #top #lineup #innerwear .item2 img,
#main #top #lineup #innerwear .item3 img{
	width:91px;
	height:91px;
}

#main #top #lineup #innerwear .item1 .spec,
#main #top #lineup #innerwear .item2 .spec,
#main #top #lineup #innerwear .item3 .spec{
	background:url(../images/top/innerwear_icon.jpg) left 4px no-repeat;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#main #top #lineup #innerwear .item1 .spec a,
#main #top #lineup #innerwear .item2 .spec a,
#main #top #lineup #innerwear .item3 .spec a{
	color:#2C2C2C;
}

#main #top #lineup #innerwear .item1 .spec a:hover,
#main #top #lineup #innerwear .item2 .spec a:hover,
#main #top #lineup #innerwear .item3 .spec a:hover{
	color:#959595;
}

#main #top #lineup #point{
}

#main #top #lineup #point .pointInfo{
	width:176px;
	margin-left:409px;
	margin-bottom:20px;
}

#main #top #lineup #point .pointInfo .hukidasi{
	background:url(../images/top/point_tumitate_bg.jpg) left bottom no-repeat;
	margin-bottom:12px;
}

#main #top #lineup #point .pointInfo .hukidasi .txt{
	font-size:0.85em;
	color:333;
	padding:0 10px 10px 25px;
}

#main #top #lineup #point .pointInfo .btn{
	margin-left:15px;
}

#main #top #lineup #point .itemArea{
	position:absolute;
	left:0;
	top:20px;
	width:420px;
}

#main #top #lineup #point h3{
	margin-bottom:10px;
}

#main #top #lineup #point h3 .pos1{
	position:absolute;
	left:152px;
	top:0;
}

#main #top #lineup #point .itemArea .item1,
#main #top #lineup #point .itemArea .item2,
#main #top #lineup #point .itemArea .item3,
#main #top #lineup #point .itemArea .item5{
	width:80px;
	float:left;
	padding-right:6px;
}

#main #top #lineup #point .itemArea .item4{
	width:68px;
	float:left;
	padding-right:6px;
}

#main #top #lineup #point .itemArea .item1 .spec,
#main #top #lineup #point .itemArea .item2 .spec,
#main #top #lineup #point .itemArea .item3 .spec,
#main #top #lineup #point .itemArea .item4 .spec,
#main #top #lineup #point .itemArea .item5 .spec{
	background:url(../images/top/point_icon.jpg) left 4px no-repeat;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#main #top #lineup #point .itemArea .item1 .spec a,
#main #top #lineup #point .itemArea .item2 .spec a,
#main #top #lineup #point .itemArea .item3 .spec a,
#main #top #lineup #point .itemArea .item4 .spec a,
#main #top #lineup #point .itemArea .item5 .spec a{
	color:#2C2C2C;
}

#main #top #lineup #point .itemArea .item1 .spec a:hover,
#main #top #lineup #point .itemArea .item2 .spec a:hover,
#main #top #lineup #point .itemArea .item3 .spec a:hover,
#main #top #lineup #point .itemArea .item4 .spec a:hover,
#main #top #lineup #point .itemArea .item5 .spec a:hover{
	color:#959595;
}

/* **************************
 *
 * おすすめコンテンツ
 *
 * ************************* */

#main #top #recommend h2 .pos1{
	position:absolute;
	left:180px;
	top:12px;
}

#main #top #recommend .inner{
	width:598px;
	margin:20px auto 0;
}

#main #top #recommend .inner li{
	float:left;
	margin-left:4px;
	margin-right:4px;
	padding-bottom:21px;
	width:190px;
}

#main #top #recommend .inner li.line{
	background:url(../images/top/recommend_line_x.jpg) left bottom repeat-x;
	margin-bottom:20px;
}

#main #top #recommend .inner .ttl{
	margin-bottom:10px;
	display:block;
}

/* **************************
 *
 * floating banner
 *
 * ************************* */

#floating{
	position:fixed;
	top:56px;
	right:20px;
	width:260px;
	display:none;
	background-color: #FFF;
	z-index:100;
}

#floating .closebtn{
	width:20px;
	height:20px;
	background-color: #FFF;
	position:absolute;
	top:3px;
	right:3px;
	cursor:pointer;
}

#floating.forIE6{
	position: absolute !important;
}

.forGetPosAtIE6{
	position:absolute !important;
	left:-1000px !important;
	display:block !important;
	
}











/* **************************
 *
 * 2014年4月1日リニューアルによる追記
 *
 * ************************* */

#top{
	color: #333333;
}

#top h2{
	margin: 35px 0 15px 0;
}

#newsTopics h2{
	margin: 0;
}

.bnrArea img{
	margin-top: 10px;
}

.bnrArea .toCampaign img{
	margin-top: 5px;
}


/* **************************
 *
 * みんなのクチコミ公開中
 *
 * ************************* */


#viral{
	margin-bottom: 5px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#viral h2{
	position: relative;
}

#viral .update{
	position: absolute;
	top: 10px;
	left: 192px;
}

#viral .pos2{
	position: absolute;
	top: 3px;
	left: 335px;
}

#viral ul li{
	float: left;
	width: 185px;
	height: 179px;
	padding: 10px;
	margin-right: 5px;
	background: url("../images/top/viral_bg.jpg") no-repeat;
	position: relative;
}

#viral ul li.lastChild{
	margin: 0;
}

#viral h3{
	font-weight: bold;
	margin-bottom: 7px;
}

#viral .itemImage{
	float: left;
	margin: 0 7px 7px 0;
}

#viral .itemName{
	clear: both;
	padding-top: 7px;
	zoom: 1;
	border-top: 1px dotted #d7d7d7;
	font-size: 0.8em;
}

#viral .more{
	position: absolute;
	bottom: 10px;
	right: 10px;
}


/* **************************
 *
 * アテニアおすすめランキング
 *
 * ************************* */

#ranking{
	font-size: 1.2em;	
}

#ranking a{
	color: #333333;
}

#ranking a:hover{
	color: #999999;
}



#ranking h2{
	position: relative;
}

#ranking .update{
	position: absolute;
	top: 7px;
	left: 195px;
	color:#333333;
}

#ranking h4{
	font-weight: bold;
	margin: 5px 0 5px 0;
}

#ranking #rankingCosme li{
	background: url("../images/top/ranking_cosme_line.jpg") no-repeat bottom;
}

#ranking #rankingSupliment li{
	background: url("../images/top/ranking_supliment_line.jpg") no-repeat bottom;
}



#ranking .category{
	float: left;
	width: 264px;
	margin: 0 24px;
	_margin-left: 12px;
}

#ranking .category li.lastChild{
	background-image: none !important;
}


#ranking li{
	clear: both;
	padding: 10px 0;
	height: 115px;
}

#ranking .itemImage{
	border: 1px solid #d7d7d7;
	float: left;
	margin-right: 10px;
	width:112px;
}


/* **************************
 *
 * お悩み・お声を大募集
 *
 * ************************* */

#counseling{
	font-size: 1.2em;
	line-height: 1.3em;
}

#counseling a{
	color: #333333;
}

#counseling a:hover{
	color: #999999;
}

#counseling ul li{
	float: left;
	width: 303px;
}

#counseling ul li.left{
	margin-right: 10px;
}

#counseling ul li h3{
	float: left;
	margin-right: 9px;
}


/* **************************
 *
 * sns
 *
 * ************************* */

#sns #twitter-widget-0{
	float: left;
}

#sns #facebookWidget{
	float: right;
}

/* **************************
 *
 * キレイのヒントが満載！
 *
 * ************************* */

#magazine{
	font-size: 1.2em;
}

#magazine a{
	color: #333333;
}

#magazine a:hover{
	color: #999999;
}


#magazine .subCovers img{
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

#magazine .subCovers img.firstChild{
	border: 1px solid #d7d7d7;
}

#magazine .mainCover{
	border: 1px solid #d7d7d7;
}

#magazine .clickbtn{
	display:block;
	margin-top:5px;
}

#magazine .subCovers{
	margin-bottom: 16px;
}

#magazine .contents li{
	margin-bottom: 30px;
}

#magazine .contents li.lastRow{
	margin-bottom: 0;
}

#magazine .contents li h3{
	margin-bottom: 9px;
}

#magazine .contents li p{
	margin-left: 10px;
}

#magazine h2{
	position: relative;
}

#magazine .update{
	position: absolute;
	top: 7px;
	left: 426px;
}

#magazine .left{
	float: left;
}

#magazine .right{
	float: right;
	width: 421px;
}

#magazine .subCovers{

}

#magazine ul li{
	float: left;
	width: 210px;
}

#magazine .contents-right{
	padding-left:30px;	
}


/* **************************
 *
 * おすすめコンテンツ
 *
 * ************************* */


#recommendContents{
	margin-bottom: 15px;
}

#recommendContents ul li{
	float: left;
	margin-right: 2px;
}

#recommendContents ul li.paddingAjust{
	margin-right: 3px;
}

#recommendContents ul li.lastChild{
	margin: 0;
}



/* **************************
 *
 * アテニアについて
 *
 * ************************* */


#about{
	padding: 16px;
	background: #eeeeee ;
	font-size: 1.2em;
}

#about h2{
	margin: 0;
}

#about ul{
	margin-left: -15px;
}

#about ul li{
	float:left;
	white-space: nowrap;
}

#about li a{
	color: #333333;
	margin: 0 18px;
	line-height: 2em;
}

#about li a:hover{
	color: #999999;
}