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

	@ Style Name    : /css/top/style.css

---------------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------------
 *	Layout
---------------------------------------------------------------------------- **/
#wrapper {
	padding:0;
	background:url(/images/top/bg_wrapper.gif) 0 0 repeat-y;
}

.reds{ color:#FF0004;}
/**
 *	Gallery Carousel
---------------------------------------------------------------------------- **/
.gallery {position:relative;}
.gallery .display {
	overflow:hidden;
	position:absolute;
}
.gallery .data {position:relative;}
.gallery .data img {position:absolute;}
.gallery .nav {position:relative;}
.gallery .nav .prev {
	position:absolute;
	top:0;
	left:0;
}
.gallery .nav .next {
	position:absolute;
	top:0;
	right:0;
}
.gallery .nav a {
	display:block;
	text-align:center;
	background:url(/images/common/arrow_bg.gif) 0 0 repeat;
}
.gallery .nav a:hover {background:url(/images/common/arrow_bg_on.gif) 0 0 repeat;}

/**
 *	Left Columns
---------------------------------------------------------------------------- **/
#leftColumns .logoJa {
	margin:45px 10px 0 8px;
	padding:0 25px 45px 26px;
	width:90px;
	height:209px;
	border-bottom:3px solid #000;
}
#leftColumns .logoJa a {
	width:90px;
	height:209px;
	background:url(/images/top/logo_ja.gif) 0 0 no-repeat;
}
#leftColumns .navGlobal .each ul {margin:0 0 0 20px;}
#leftColumns .navGlobal .each li {
	list-style-type:disc;
	list-style-position:outside;
}
#leftColumns .company h5 {
	margin:0 0 5px 0;
	font-weight:bold;
}

/**
 *	Center Columns
---------------------------------------------------------------------------- **/
#centerColumns {
	float:left;
	width:680px;
	margin: 0 auto;
	/*font-size:85%;*/
}

/*#centerColumns h2 {
	margin:0 0 20px 0;
	padding:9px 0 0 0;
	border-top:3px solid #000;
}*/

/* Main Gallery */
#centerColumns .maingallery {
	position:relative;
	margin:9px auto 10px auto;
	width:500px;
	height:180px;
}
#centerColumns .maingallery img {position:absolute;}

/* Press Release */
#centerColumns .pressrelease {
	margin:0 auto 25px auto;
	width:500px;
	height:100px;
}
#centerColumns .pressrelease .gallery {height:100px;}
#centerColumns .pressrelease .gallery .display {
	left:20px;
	width:460px;
	height:100px;
}
#centerColumns .pressrelease .gallery .nav a {
	padding:44px 0 43px 0;
	width:15px;
}

/* Daily Cosmetics News */
#centerColumns .dailyCosmeticsNews {
	margin:0 auto 40px auto;
	width:500px;
}
#centerColumns .dailyCosmeticsNews h2 {
	margin:0 auto 20px auto;
	width:480px;
}
#centerColumns .dailyCosmeticsNews .btnRss {
	margin:-57px 10px 35px 0;
	text-align:right;
}
#centerColumns .dailyCosmeticsNews .btnNewsList {margin:0 0 0 10px;}
#centerColumns .dailyCosmeticsNews .articleSearch {
	margin:-23px 10px 20px 0;
	*margin:-25px 10px 20px 0;
}
#centerColumns .dailyCosmeticsNews .freeContents {color:#de0303;}
#centerColumns .dailyCosmeticsNews .desc {
	margin:0 auto 20px auto;
	width:480px;
	color:#000;
	font-weight:bold;
}
#centerColumns .dailyCosmeticsNews .contents {
	margin:0 0 25px -10px;
	_margin:0 0 25px -20px;
	padding:0 0 0 10px;
	zoom:1;
}
#centerColumns .dailyCosmeticsNews .each {
	float:left;
	margin:0 0 20px 10px;
	width:150px;
}
#centerColumns .dailyCosmeticsNews .each .ttlCosme {
	line-height:1;
	text-align:center;
}
#centerColumns .dailyCosmeticsNews .each .photo {text-align:center;}
#centerColumns .dailyCosmeticsNews .each .date {
	margin:10px 0 0 0;
	color:#000;
	font-weight:bold;
}
#centerColumns .dailyCosmeticsNews .each .ttl {
	margin:0 0 15px 0;
	font-size:116%;
	font-weight:bold;
}
#centerColumns .dailyCosmeticsNews .each .excerpt {margin:0 0 10px 0;}
#centerColumns .dailyCosmeticsNews .thirdEach {
	clear:both;
	padding:38px 0 0 0;
}
#centerColumns .dailyCosmeticsNews .csr {
	float:left;
	margin:0 0 0 10px;
	width:150px;
	padding:10px 5px 5px 5px;
	background:#ebfaff;
}
#centerColumns .dailyCosmeticsNews .csr .ttlCsr {
	height:21px;
	text-align:center;
}
#centerColumns .dailyCosmeticsNews .category {
	clear:both;
	margin:0 auto;
	width:480px;
}
#centerColumns .dailyCosmeticsNews .category ul {
	margin:20px 0 0 -15px;
	_margin:20px 0 0 -30px;
	zoom:1;
	font-size:116%;
}
#centerColumns .dailyCosmeticsNews .category li {
	float:left;
	margin:0 0 5px 15px;
}
#centerColumns .dailyCosmeticsNews .category li a {
	display:block;
	padding:5px 10px;
	width:130px;
	background:#ebfaff;
	border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	color:#000;
	text-decoration:none;
}
#centerColumns .dailyCosmeticsNews .category li a .gt {color:#009fcd;}
#centerColumns .dailyCosmeticsNews .category li a:hover {
	color:#fff;
	background:#009fcd;
}
#centerColumns .dailyCosmeticsNews .category li a:hover .gt {color:#fff;}

/* Serial Publication */
#centerColumns .serialPublication {margin:0 0 30px 0;}
#centerColumns .serialPublication h2 {
	margin:0 auto 20px auto;
	width:480px;
}
#centerColumns .serialPublication .articleSearch {margin:0 20px 20px 0;}
#centerColumns .serialPublication .btnSeriallist {
	margin:0 auto 10px auto;
	width:480px;
}
#centerColumns .serialPublication .contents {
	margin:0 auto;
	width:480px;
}
#centerColumns .serialPublication .contents .each {
	clear:both;
	margin:0 0 5px 0;
}
#centerColumns .serialPublication .contents .each dl {
	float:right;
	width:390px;
}
#centerColumns .serialPublication .contents .each dt {font-weight:bold;}
#centerColumns .serialPublication .contents .each dt img {
	margin:0 5px 0 0;
	vertical-align:middle;
}
#centerColumns .serialPublication .contents .each .photo {
	float:left;
	width:90px;
}
#centerColumns .serialPublication .contents .each .photo img {border:1px solid #e5e5e5;}


/* Pdf Catalog Library */
#centerColumns .pdfCatalogLibrary {margin:0 0 30px 0;}
#centerColumns .pdfCatalogLibrary h2 {
	margin:0 auto 20px auto;
	width:480px;
}
#centerColumns .pdfCatalogLibrary .desc {
	margin:0 auto 15px auto;
	width:480px;
	color:#000;
	font-weight:bold;
}
#centerColumns .pdfeCatalogLibrary .desc a {color:#de0303;}
#centerColumns .pdfCatalogLibrary .btnCataloglist {
	margin:0 auto;
	width:480px;
}

/* Package Catalog Library */
#centerColumns .packageCatalogLibrary {margin:0 0 30px 0;}
#centerColumns .packageCatalogLibrary h2 {
	margin:0 auto 20px auto;
	width:480px;
}
#centerColumns .packageCatalogLibrary .desc {
	margin:0 auto 15px auto;
	width:480px;
	color:#000;
	font-weight:bold;
}
#centerColumns .packageCatalogLibrary .desc a {color:#de0303;}
#centerColumns .packageCatalogLibrary .btnCataloglist {
	margin:0 auto;
	width:480px;
}
/* Topics */
#centerColumns .topics {
	margin:0 auto;
	width:480px;
}
#centerColumns .topics .tabMenu {height:26px;}
#centerColumns .topics .tabMenu li {float:left;}
#centerColumns .topics .tabMenu a {
	display:block;
	height:26px;
	text-indent:-5000px;
}
#tBacknumber a {
	width:161px;
	background:url(/images/top/tabmenu_topics.gif) 0 0 no-repeat;
}
#tSchedule a {
	width:155px;
	background:url(/images/top/tabmenu_topics.gif) -161px 0 no-repeat;
}
#tNews a {
	width:164px;
	background:url(/images/top/tabmenu_topics.gif) -316px 0 no-repeat;
}
#tBacknumber .current,
#tBacknumber a:hover {background-position:0 -26px;}
#tSchedule .current,
#tSchedule a:hover {
	margin:0 0 0 -1px;
	width:156px;
	background-position:-160px -26px;
}
#tNews .current,
#tNews a:hover {
	margin:0 0 0 -1px;
	width:165px;
	background-position:-315px -26px;
}
#centerColumns .topics dl {margin:10px 0 30px 0;}
#centerColumns .topics dt {
	clear:left;
	float:left;
	margin:0 0 6px 0;
	width:6em;
	color:#000;
	font-weight:bold;
}
#centerColumns .topics dd {
	margin:0 0 6px 0;
	padding:0 0 0 7em;
}

/* Index */
#centerColumns .index {
	margin:0 auto;
	width:480px;
}
*:first-child+html #centerColumns .index { /* IE7 */
	margin:0 auto 30px auto;
	width:480px;
}
#centerColumns .index .articleSearch {margin:0 0 20px 0;}
#centerColumns .index .contents {
	margin:0 0 0 -40px;
	_margin:0 0 0 -80px;
	zoom:1;
}
#centerColumns .index .each {
	float:left;
	margin:0 0 30px 40px;
	width:220px;
}
#centerColumns .index .each h3 {margin:0 0 10px 0;}
#centerColumns .index .each h4 {margin:0 0 5px 0;font-weight:bold;}
#centerColumns .index .each h4 img {
	margin:0 5px 0 0;
	vertical-align:middle;
}
#centerColumns .index .each p {margin:0 0 15px 0;}
#centerColumns .index .each .btnReadmore {margin:0;}

/* Publications */
#centerColumns .publications {margin:0 0 40px 0;}
#centerColumns .publications h2 {
	margin:0 auto 20px auto;
	width:480px;
}
#centerColumns .publications .gallery {height:230px;}
#centerColumns .publications .gallery .display {
	left:20px;
	width:480px;
	height:230px;
}
#centerColumns .publications .gallery .nav a {
	padding:109px 0 108px 0;
	width:14px;
}

/* Exhibitions */
/*
#centerColumns .exhibitions {
	margin:0 auto;
	width:480px;
}
#centerColumns .exhibitions dt {
	clear:left;
	float:left;
	margin:0 0 6px 0;
	width:17em;
	color:#000;
	font-weight:bold;
}
#centerColumns .exhibitions dd {
	margin:0 0 6px 0;
	padding:0 0 0 17em;
}
#centerColumns .exhibitions .logoEight{
	text-align:right;
}
*/

/**
 *	Right Columns
---------------------------------------------------------------------------- **/
#rightColumns {
	float:right;
	width:318px;
	font-size:85%;
}

/* Mini Publications */
#rightColumns .miniPublications .gallery {height:74px;}
#rightColumns .miniPublications .display {
	left:15px;
	width:238px;
	height:74px;
}
#rightColumns .miniPublications .nav a {
	padding:31px 0 30px 0;
	width:14px;
}

/* Memebr */
#rightColumns .member {width:240px;}
#rightColumns .member .webIntro .img {width:55px;}
#rightColumns .member .webIntro .body {width:181px;}
#rightColumns .member .webIntro .body .txt {margin:0 0 10px 0;}

/* Special */
#rightColumns .loginArea .articleSearch .message {font-size:116%;}
#rightColumns .loginArea .articleSearch .searchBox {width:197px;}


/* Contents */
#rightColumns .contents {
	padding:19px 0 0 0;
	border-top:1px solid #e6e6e6;
}
#rightColumns .contents .each {
	margin:0 0 30px 0;
}
#rightColumns .contents .each .price {
	color:#de0303;
	font-weight:normal;
}
#rightColumns .contents .each .attention {
	color:#de0303;
}
#rightColumns .contents .each .logo {
	margin:20px 0 0 0;
	text-align:right;
}
#rightColumns .contents .each h4 {
	margin:0 0 20px 0;
	padding:9px 0 0 0;
	border-top:3px solid #000;
}
#rightColumns .contents .each .gallery {height:70px;}
#rightColumns .contents .each .gallery .display {
	left:15px;
	width:238px;
	height:70px;
}
#rightColumns .contents .each p {margin:0  0 10px 0;}
#rightColumns .contents .special,
#rightColumns .contents .info,
#rightColumns .contents .report,
#rightColumns .contents .cosme,
#rightColumns .contents .receipt,
#rightColumns .contents .pressrelease {
	margin:0 0 10px 0;
	padding:0 14px;
	width:240px;
	color:#000;
	font-weight:bold;
}

/* Info */
#rightColumns .contents .info ul {margin:0 0 10px 20px;}
#rightColumns .contents .info ul li {
	list-style-position:outside;
	list-style-type:disc;
}

/* Receipt*/
#rightColumns .contents .receipt .subttl {margin:10px 0 10px 0;}
#rightColumns .contents .receipt .rankingCategory {width:240px;}

/* Cosme */
#rightColumns .contents .cosme p {margin:0 0 5px 0;}
#rightColumns .contents .cosme .rankingCategory {width:240px;}

#rightColumns .contents .column h4,
#rightColumns .contents .movies h4 {
	margin:0 auto 10px auto;
	width:240px;
}
#rightColumns .contents .column .nav a,
#rightColumns .contents .movies .nav a {
	padding:29px 0 28px 0;
	width:14px;
}
#rightColumns .contents .pressrelease dd {margin:0 0 10px 0;}

#rightColumns .contents .facebook {
	margin:40px 0 10px 0;
	padding:0 14px;
	width:240px;
}


/** ----------------------------------------------------------------------------
 *	Module
---------------------------------------------------------------------------- **/

/** ----------------------------------------------------------------------------
 *	@@. Clearfix
---------------------------------------------------------------------------- **/
#centerColumns .contents:after,
#centerColumns .dailyCosmeticsNews .category:after,
#centerColumns .serialPublication .contents .each:after,
#centerColumns .topics:after,
#centerColumns .index .each:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}
* html #centerColumns .contents,
* html #centerColumns .dailyCosmeticsNews .category,
* html #centerColumns .serialPublication .contents .each,
* html #centerColumns .topics,
* html #centerColumns .index .each {zoom:1; /* IE6 */}
*:first-child+html #centerColumns .contents,
*:first-child+html #centerColumns .dailyCosmeticsNews .category,
*:first-child+html #centerColumns .serialPublication .contents .each,
*:first-child+html #centerColumns .topics,
*:first-child+html #centerColumns .index .each {zoom:1; /* IE7 */}