/* header */
div#header {
	border-bottom: none;
}
div#header ul#globalNav {
	padding-bottom: 0;
}
p.companyInformation {
	position: absolute;
	right: 239px;
	top: -99px;
	z-index:100;
}

/* structure */

/* a */
a:hover {
	color: #bcb3b1;
}
a.rollover img {
	border: 1px solid #ccc;
}
a.rollover:hover img {
	border: 1px solid #dd889e;
}
a.rollover.topBanners:hover img {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
	border: 1px solid #ccc;
}
div.topKeyVisual ul.menu li.item4 a.block.rollover span img,
div.topKeyVisual ul.menu li.item4 dl.item dd.data p.itemDataImage a.rollover img {
	border: none;
}
div.topKeyVisual ul.menu li.item4 a.block.rollover:hover img,
div.topKeyVisual ul.menu li.item4 dl.item dd.data p.itemDataImage a.rollover:hover img {
	border: none;
}
div.topKeyVisual ul.menu li.item4 a.block.rollover:hover img,
div.topKeyVisual ul.menu li.item4 dl.item dd.data p.itemDataImage a.rollover:hover img {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}

/* color */
.pointColorGray {
	color: #999;
}

/* columns */
.columns {
	_height: 1%;
	*zoom: 1;
}
.columns:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.columns .column {
	float: left;
}

/* slide */
div#slideShow ul.main li img {
	border-radius: 0 !important;
}

div.topKeyVisual div#slideShow {
	width: 715px;
	height: 420px;
}

div.topKeyVisual div#slideShow div.home {
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #dc8099;
}

div.topKeyVisual div#slideShow div.home.hasLink {
	cursor: pointer;
}

div.topKeyVisual div#slideShow span.slideTL,
div.topKeyVisual div#slideShow span.slideBL {
	width: 15px;
	height: 15px;
}

div.topKeyVisual div#slideShow span.slideTL {
	top: -2px;
	left: -2px;
	background: url(/shared/img/bg_slide_pink_02_tl.png) no-repeat 0 0;
}

div.topKeyVisual div#slideShow span.slideBL {
	bottom: -2px;
	left: -2px;
	background: url(/shared/img/bg_slide_pink_02_bl.png) no-repeat 0 0;
}

div.topKeyVisual ul.menu {
}
div.topKeyVisual ul.menu li {
}
div.topKeyVisual ul.menu li dl {
}
div.topKeyVisual ul.menu li dl.item {
	padding-top: 12px;
}
div.topKeyVisual ul.menu li dl.item dt.title {
	margin-bottom: 3px;
	margin-left: 11px;
	line-height: 0;
}
div.topKeyVisual ul.menu li dl.item dd.data {
	margin-left: 18px;
}
div.topKeyVisual ul.menu li dl.item dd.data dl {
	margin-top: 5px;
}
div.topKeyVisual ul.menu li.item1 {
	height: 106px;
	width: 225px;
}
div.topKeyVisual ul.menu li.item1 dl.item dd dl dd {
	margin-top: 5px;
}
div.topKeyVisual ul.menu li.item2 {
	height: 105px;
	width: 225px;
}
div.topKeyVisual ul.menu li.item2 p.logo a {
	overflow: hidden;
	display: block;
	width: 190px;
	border: 1px solid #ccc;
	text-align: center;
}

div.topKeyVisual ul.menu li.item2 p.logo a:hover {
	border: 1px solid #DD889E;
}

div.topKeyVisual ul.menu li.item2 p.logo a img {
	border: none;
}

div.topKeyVisual ul.menu li.item3 {
	height: 105px;
	width: 225px;
	overflow: hidden;
}
div.topKeyVisual ul.menu li.item3 dl.item dd dl {
	_height: 1%;
	*zoom: 1;
}
div.topKeyVisual ul.menu li.item3 dl.item dd dl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div.topKeyVisual ul.menu li.item3 dl.item dd dl dt {
	float: left;
	width: 51px;
}
div.topKeyVisual ul.menu li.item3 dl.item dd dl dd {
	float: left;
	width: 138px;
	margin: -2px 0 0 0;
}
div.topKeyVisual ul.menu li.item3 {
	height: 105px;
	width: 225px;
}
div.topKeyVisual ul.menu li.item4 dl.item dd dl {
	_height: 1%;
	*zoom: 1;
}
div.topKeyVisual ul.menu li.item4 dl.item dd dl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div.topKeyVisual ul.menu li.item4 dl.item dd.data dl {
	margin-top: 0px;
}
div.topKeyVisual ul.menu li.item4 {
	height: 104px;
	width: 225px;
}
div.topKeyVisual ul.menu li.item4 dl.item dd dl dt {
	float: left;
	width: 82px;
}
div.topKeyVisual ul.menu li.item4 dl.item dd dl dd {
	float: left;
	width: 106px;
}
div.topKeyVisual ul.menu li.item4 dl.item dd.data p.itemDataText {
	float: left;
	width: 142px;
	margin: 10px 6px 0 0;
}
div.topKeyVisual ul.menu li.item4 dl.item dd.data p.itemDataImage {
	float: left;
	width: 40px;
	margin: 20px 0 0 0;
}
div.topKeyVisual ul.menu li.item4 a.block {
	display: block;
	padding: 12px 19px 12px 11px;
	cursor: pointer;
}

div.topKeyVisual ul.menu li.item4 a.block span.title {
	display: block;
	margin-bottom: 3px;
	line-height: 0;
	cursor: pointer;
}

div.topKeyVisual ul.menu li.item4 a.block span.itemDataText {
	display: block;
	float: left;
	margin: 10px 0 0 8px;
	_margin: 10px 0 0 4px;
	width: 130px;
	text-decoration: underline;
	cursor: pointer;
}

div.topKeyVisual ul.menu li.item4 a.block span.itemDataImage {
	display: block;
	float: right;
	margin: 20px 0 0 0;
	cursor: pointer;
}

/* topWatashiPlusOsusumeContents */
div.watashiPlus {
	margin-left: 20px;
	width: 225px;
}

div.watashiPlus h2 {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

div.watashiPlus ul {
	padding-bottom: 3px;
	background: url(/shared/top/img/background_watashi_plus_contents_footer.gif) left bottom no-repeat;
}

div.watashiPlus li {
	width: 223px;
	height: 89px;
	border: 1px solid #e6006c;
	border-bottom: none;
}

div.watashiPlus li.last {
	height: 86px;
}

div.watashiPlus a:hover img {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}

div.watashiPlus li.textBox {
	padding: 11px 4px 10px 11px;
	width: 208px;
	height: 68px;
	border: 1px solid #e6006c;
	border-bottom: none;
	background: url(/shared/top/img/background_watashi_plus_contents.gif) left top no-repeat;
}

div.watashiPlus li.textBox.last {
	padding-bottom: 8px;
	height: 67px;
}

div.watashiPlus li.textBox div.image {
	float: right;
	width: 66px;
	text-align: center;
}

div.watashiPlus li.beautyCheck div.image {
	float: none;
	margin: 7px 0 0 -8px;
	width: 215px;
	border: 1px solid #ccc;
}

div.watashiPlus li.onlineshop div.image {
	border: 1px solid #ccc;
}

div.watashiPlus li.navi div.image {
	margin-right: 8px;
	width: 50px;
	border: 1px solid #ccc;
}

div.watashiPlus li.textBox ul.item {
	margin-top: 5px;
	padding: 0;
	background: none;
}

div.watashiPlus li.textBox ul.item li {
	padding: 0;
	width: 130px;
	height: auto;
	border: none;
	background: none;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
}

div.watashiPlus p.shop {
	margin-top: 5px;
	width: 130px;
	height: 48px;
	font-size: 10px;
	overflow: hidden;
}

div.watashiPlus img {
	vertical-align: top;
}

div.watashiPlusGuide {
	margin-top: 10px;
	text-align: right;
}

div.watashiPlusGuide a:hover img {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}

div.watashiPlus div.textBox {
	padding: 11px 4px 10px 11px;
	width: 208px;
	height: 68px;
	background: url(/shared/top/img/background_watashi_plus_contents.gif) left top no-repeat;
}

div.watashiPlus div.textBox div.image {
	float: right;
	width: 66px;
	text-align: center;
}

div.watashiPlus div.beautyCheck div.image {
	float: none;
	margin: 7px 0 0 -8px;
	width: 215px;
	border: 1px solid #ccc;
}

div.watashiPlus div.onlineshop div.image {
	border: 1px solid #ccc;
}

div.watashiPlus div.textBox ul.item {
	margin-top: 5px;
	padding: 0;
	background: none;
}

div.watashiPlus div.textBox ul.item li {
	padding: 0;
	width: 130px;
	height: auto;
	border: none;
	background: none;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
}

div.watashiPlus div.textBox ul.item li.product {
	height: 3em;
	white-space: normal;
}

/* topBrandSpecialSite */

div.topBrandSpecialSite {
	margin-top: 7px;
}

div.topBrandSpecialSite h2 a:hover img {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}

div.topBrandSpecialSite div.roundBeige ul.linkInline {
	margin-top: 2px !important;
}
div.topBrandSpecialSite div.carousel {
	_zoom: 1;
}
div.topBrandSpecialSite div.carousel ul {
}
div.topBrandSpecialSite div.carousel ul li {
	width: 162px;
}
div.topBrandSpecialSite div.carousel ul li.last {
	width: 152px;
}
div.topBrandSpecialSite div.carousel div.jcarousel-clip {
	width: 962px;
}

/* topRecommend */
div.topRecommend {
	margin-top: 40px;
	padding-top: 0 !important;
}
div.topRecommend div.recommendItem {
	float: left;
	margin-right: 20px;
}
div.topRecommend div.recommendItem.last {
	margin: 0 !important;
}
div.topRecommend div.recommendItem div.detail {
	padding: 12px 12px 6px;
	background: url(/shared/top/img/background_recommend_detail.gif) left top no-repeat;
	width: 200px;
}
div.topRecommend div.recommendItem div.recommendLink {
	margin-top: 1px;
	padding: 5px 12px;
	background: url(/shared/top/img/background_recommend_link.gif) left top no-repeat;
	width: 200px;
}
div.topRecommend div.recommendItem div.recommendLink p {
	padding-left: 1.5em;
	background: url(/shared/img/arrow_pink_v2.gif) left 0.2em no-repeat;
	font-weight: bold;
}
div.topRecommend div.recommendItem div.recommendLink p a {
	color: #e95079;
	text-decoration: none;
}
div.topRecommend div.recommendItem div.recommendLink p a:hover {
	color: #ef7c9b;
}

div.topRecommend ul.link li {
	background: url(/shared/img/arrow_brown_v2.gif) no-repeat 0 0.5em;
}

/* topInformation */
div.topInformation {
	position: relative;
	margin-top: 20px;
}

div.topInformation div.tabWrapper {
	position: relative;
}

div.topInformation div.tabWrapper div.utility {
	position: absolute;
	top: 7px;
	right: 0;
}

div.topInformation div.tabWrapper div.utility p.rss {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

div.topInformation div.tabWrapper div.utility ul {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}

div.topInformation div.tabWrapper div.utility ul li {
	padding: 0;
	background: none;
}

div.topInformation div.tabWrapper div.utility a:hover img {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
div.topInformation ul.tab {
	padding-bottom: 6px;
	padding-left: 11px;
}
div.topInformation ul.tabColumn4 {
	background: url(/shared/top/img/background_tab_top_01.gif) 0 0 no-repeat;
}
div.topInformation ul.tabColumn4 li {
	margin-right: 5px;
	width: 144px;
}
div.topInformation ul.tabColumn4 li a {
	line-height: 30px;
}
div.topInformation ul.tabColumn4 li.current a {
	background-position: 100% -40px;
}
div.topInformation div.tabContents div#news,
div.topInformation div.tabContents div#campaign,
div.topInformation div.tabContents div#biyo,
div.topInformation div.tabContents div#shiseido {
	background: url(/shared/top/img/background_tab_bottom_01.gif) 0 100% no-repeat;
	padding: 15px;
}
div.topInformation div.tabContents a {
	text-decoration: none;
}
div.topInformation ul.banner {
}
div.topInformation ul.banner li {
	margin-bottom: 10px;
}
div.topInformation ul.banner li.cmCafe {
	padding: 9px;
	border: 1px solid #ccc;
	background: url(/shared/top/img/background_cm_cafe.gif) left top no-repeat;
}
div.topInformation ul.banner li.cmCafe div.image {
	margin-top: 9px;
}
div.topInformation ul.banner li.cmCafe a:hover img {
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}

/* topBannerBottom */
div.topBannerBottom {
	margin-top: 40px;
}
div.topBannerBottom ul {
	_height: 1%;
	*zoom: 1;
}
div.topBannerBottom ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div.topBannerBottom ul li {
	float: left;
	margin-right: 14px;
}
div.topBannerBottom ul li.last-child {
	margin-right: 0;
}
div.topBannerBottom ul li a.rollover img,
div.topBannerBottom ul li a.rollover:hover img {
	border: none;
}
/* viewSP */
div#displaySp {
	display: none;
	margin-bottom: 40px;
	padding: 40px 0;
	background: #e6e6e6;
}

div#displaySp img {
	margin: -10px;
}

div#displaySp a:hover img {
	margin: -10px;
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}

/* width */
.width65 {
	width: 65px !important;
}
.width125 {
	width: 125px !important;
}
.width225 {
	width: 225px !important;
}
.width465 {
	width: 465px !important;
}
.width715 {
	width: 715px !important;
}
.width735 {
	width: 735px !important;
}

/* margin */
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}

/* hoge */
.textSmall {
	font-size: 83% !important;
}