@charset "UTF-8";


/* ==========================================================

	トップページ

========================================================== */


/* メインビジュアル
========================================================== */
#mainvisual {
	/*width: 100%;*/
	background: url(../../img/top_mainvisual_bg01.jpg) repeat-x;
}

#mainvisual_inner {
	width:890px;
	height: 420px;
	margin:0 auto;
	position: relative;
}

#mainvisual .button {
	position: absolute;
	top: 308px;
	left: 4px;
}

#mainvisual .link_banner {
	position: absolute;
	/* top: 170px; */
	top: 20px;
	right: 0;
	/*z-index: 2;*/
}

#mainvisual .link_banner li {
	margin-bottom: 10px;
}


/* トップページお知らせ
========================================================== */
#info {
	width:890px;
	position:relative;
}

#info_inner {
	width: 890px;
	margin: 0 auto 20px;
	padding: 1px 0px;
	border-top: #AACAEC solid 1px;
	border-bottom: #AACAEC solid 1px;
}

#info .info_area{
	background: #BEDEF7;
	vertical-align:middle;
	padding: 8px 12px;
	overflow: hidden;
}

#info .info_txt {
	overflow: hidden;
	font-size: 12px;
}

#info .info_txt dt {
	float:left;
	height: 20px;
	line-height: 20px;
	color:#001F72;
	border-right: 1px solid #001F72;
	padding-right: 10px;
	margin-right: 10px;
}

#info .info_txt dd {
	float: left;
	color:#001F72;
}

#info .list_btn{
	position:absolute;
	top: 13px;
	left: 555px;
}

#info .info_txt a,
#info .list_btn a {
	color:#001F72;
}

/* SNS button */
#info .sns_area{
	position: absolute;
	left: 625px;
	top: 12px;
	/*overflow: hidden;*/

	height:20px;
	text-align:right;
	/*padding:15px 0;*/
}

#info .sns_btn_new{
	position:absolute;
	top:10px;
	right:-20px;
}

#info .sns_area .sns_btn{
	float:right;
	padding-left:10px;
}


/* section common
========================================================== */
#leftNavi .section {
	background: url(../../img/top_section_bg01.png) center bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#leftNavi .section_inner {
	background: #FFF;
	padding: 8px;
}

#rightMain .section {
	background: url(../../img/top_section_bg02.png) center bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#rightMain .section_inner {
	background: #FFF;
	padding: 12px 9px 10px;
	overflow: hidden;
}


/* エファージュの約束 インタビュー
========================================================== */
#leftNavi .interview_link {
	margin-top: 8px;
	overflow: hidden;
}

#leftNavi .interview_link li {
	float: left;
}

#leftNavi .interview_link li a {
	color: #FFF !important;
}

#leftNavi .interview_link li a:hover {
	text-decoration: underline;
}

#leftNavi .interview_link li a > span {
	display: block;
	background: #008AC8 url(../../img/arrow_interview_link.png) right center no-repeat;
	font-size: 10px;
	line-height: 1.3;
	padding: 5px 6px 4px;
}

#leftNavi .interview_link li .name {
	font-size: 13px;
}


/* サントリーの美容研究
========================================================== */
#leftNavi .beauty_link li {
	margin-top: 2px;
	color: #001F66;
}

#leftNavi .beauty_link li a {
	background: #DDF0FF url(../../img/link_beauty_arrow.png) right center no-repeat;
	display:block;
	font-size: 14px;
	line-height: 1.2;
	padding: 16px 10px;
}

#leftNavi .beauty_link li:first-child a {
	padding: 8px 10px;
}


/* 晴れやか美人
========================================================== */
#rightMain .hareyaka_link{
	overflow: hidden;
}

#rightMain .hareyaka_link li{
	float:left;
}

#rightMain .hareyaka_link li:first-child {
	margin-bottom: 8px;
}

#rightMain .hareyaka_link li.mr8 {
	margin-right: 8px;
}


/* 実感のお声
========================================================== */
#rightMain .jikkan_area{
	background: #FFF url(../../img/voice_bg.jpg) no-repeat right top;
}

#rightMain .jikkan_link {
	overflow: hidden;
	background: #DDF0FF;
	padding: 5px 18px 10px;
}

#rightMain .jikkan_link li {
	float:left;
	margin-top: 10px;
	margin-right: 20px;
}


/* ラインアップ
========================================================== */
#rightMain .lineup_link {
	overflow: hidden;
	/* background: #DCF0FF; */
	/* padding-left: 10px; */
}

#rightMain .lineup_link li{
	float:left;
	position:relative;
	text-align:center;
}

#rightMain .lineup_link li:not(:first-child) {
	margin-left: 6px;
}

#rightMain .lineup_link li a {
	font-size:10px!important;
	color: #00499A;
}

#rightMain .lineup_link li a span {
	position:absolute;
	top:200px;
	left: 0;
	width: 100%;
	line-height: 1.2;
}

#rightMain .lineup_link li a span:not(.top_lineup_07) {
	padding-top: 0.5em;
}

#rightMain .lineup_link li a:hover span {
	text-decoration: underline;
}

/* #rightMain .lineup_link li .top_lineup_01{
	left:12px;
}

#rightMain .lineup_link li .top_lineup_02{
	left:16px;
}

#rightMain .lineup_link li .top_lineup_03{
	left:12px;
}

#rightMain .lineup_link li .top_lineup_04{
	left:10px;
}

#rightMain .lineup_link li .top_lineup_05{
	left:7px;
}

#rightMain .lineup_link li .top_lineup_06{
	left:17px;
}

#rightMain .lineup_link li .top_lineup_07{
	left:2px;
} */


/* ページトップ下部
========================================================== */
.pagetop {
	background: url(../img/top_pagetop_bg.jpg) center bottom no-repeat;
	padding-bottom: 34px;
	margin-bottom: 20px;
}



/* Print
========================================================== */

@media print {
	#slider { display: none; }
  }

/* Clearfix
========================================================== */
#contentmenu,
#related {
	zoom: 1;
	}

#contentmenu:after,
#related:after {
    content: "";
    display: block;
    clear: both;
	}
.commentArea{margin-bottom:20px;}

#main a:hover img{
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
	}

#side a:hover img{
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
	}

#main-inner-wrapper a:hover img{
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
	}

#slide-banner-wrapper div{
	background: #FFF;
	}

#slide-banner-wrapper a:hover img{
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
	}