@charset "utf-8";

/* ---------------------------------------------------------------- */

/* 追加CSS制御 */
/* ---------------------------------------------------------------- */

/* ホーム ニュース用 */

#news {
	
}

#news ul.tabNav {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

#news ul.tabNav li {
	display: inline;
}

#news ul.tabNav li a {
	width: 64px;
	height: 21px;
	margin: 0 auto;
	padding: 0;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}

#news ul.tabNav li a img {
	display: none;
}

#news ul.tabNav li#tab1box a {
	background-image: url(../images/tab01.gif);
}

#news ul.tabNav li#tab1box a.active {
	background-image: url(../images/tab01_on.gif);
}

#news ul.tabNav li#tab2box a {
	background-image: url(../images/tab02.gif);
}

#news ul.tabNav li#tab2box a.active {
	background-image: url(../images/tab02_on.gif);
}

#news ul.tabNav li#tab3box a {
	background-image: url(../images/tab03.gif);
}

#news ul.tabNav li#tab3box a.active {
	background-image: url(../images/tab03_on.gif);
}

#news ul.tabNav li#tab4box a {
	background-image: url(../images/tab04.gif);
}

#news ul.tabNav li#tab4box a.active {
	background-image: url(../images/tab03_on.gif);
}


/* 商品情報 - トップFLASHメニュー用【新】 */
#flashContent{
	 width:910px;
	 height:352px;
	 margin:5px 0 5px;
}

/* 商品情報 - トップFLASHメニュー用 */

#productsFlashArea {
}

#productsFlashArea ul.tabNav {
	width: 885px;
	border-bottom: 3px solid #F16E02;
	margin: 0 auto;
	padding: 0;
	display: block;
}

#productsFlashArea ul.tabNav li {
	display: block;
	float: left;
	width: 442px;
	margin: 0 auto;
	padding: 0;
}

#productsFlashArea ul.tabNav li a {
	width: 402px;
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align: center;
	height: 47px;
}

#productsFlashArea ul.tabNav li a img {
	display: none;
}

#productsFlashArea ul.tabNav li#tabHealth {
	text-align: center;
}

#productsFlashArea ul.tabNav li#tabHealth a {
	background: url(../products/images/tabNavi01.gif) no-repeat left top;
}

#productsFlashArea ul.tabNav li#tabHealth a.active {
	background: url(../products/images/tabNavi01_on.gif) no-repeat left top;
}

#productsFlashArea ul.tabNav li#tabBeauty {
	text-align: center;
}

#productsFlashArea ul.tabNav li#tabBeauty a {
	background: url(../products/images/tabNavi02.gif) no-repeat left top;
}

#productsFlashArea ul.tabNav li#tabBeauty a.active {
	background: url(../products/images/tabNavi02_on.gif) no-repeat left top;
}

#productsFlashArea #tabStage {
	display: block;
	position: relative;
	width: 909px;
	height: 530px;
	margin: 0;
	padding: 0;
	background: url(../products/images/flash_stage_bg.gif) no-repeat center top;
	clear: both;
}

#productsFlashArea #tabStage #flaHealth {
	display: block;
	position: absolute;
	width: 860px;
	height: 504px;
	margin: 0;
	padding: 0;
	top: 12px;
	left: 25px;
}

#productsFlashArea #tabStage #flaBeauty {
	display: block;
	position: absolute;
	width: 860px;
	height: 530px;
	margin: 0;
	padding: 0;
	top: 12px;
	left: 25px;
}


/* 商品情報 - トップ一覧用2011/04/27 */
#productsLineup{
	border-top:solid 1px #CCCCCC;
	margin-top:60px;
}

#productsLineup th{
	width:175px;
	text-align:center;
	vertical-align:middle;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:solid 1px #CCCCCC;
}
#productsLineup td{
	padding-top:15px;
	padding-bottom:11px;
	border-bottom:solid 1px #CCCCCC;
	vertical-align:middle;
}
#productsLineup td img{
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

.sub_brand{
	padding:0 7px 0 10px;
	border-left:dotted 1px #CCCCCC;
	margin-left:15px;
}

.icon_new{
	position:absolute;
	top:49px;
}

/* 企業情報用 */

#aboutFlashStage {
	width: 910px;
	height: 498px;
	margin: 0 auto 20px;
	padding: 0;
	background: url(../aboutus/images/fla_stage_bg.gif) no-repeat center top;
}

#aboutFlashStage p {
	text-align: center;
	width: 868px;
	margin: 0 auto 5px;
	padding: 18px 0 0;
}

#aboutFlashStage ul {
	width: 868px;
	margin: 0 auto;
	padding: 0;
}

#aboutFlashStage li {
	display: inline;
}

#aboutFlashStage li a {
	display: block;
	width: 432px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
}

/* メールフォーム汎用 */

#mailFormArea {
	
}

#mailFormArea .widthS {
	width: 718px;
	margin: 0 auto;
	padding: 0;
}

#mailFormArea .widthW {
	width: 695px;
	margin: 0 auto;
	padding: 0;
}

#mailFormArea table {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border: 1px solid #CCCCCC;
}

#mailFormArea th {
	width: 25%;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	text-align: left;
}

#mailFormArea td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}

#mailFormArea td label {
	white-space: nowrap;
	margin-right: 1em;
	
	/*display: block;
	float: left;*/
}

#mailFormArea td label input {
	margin-right: 3px;
	margin-left: 3px;
}

#mailFormArea td span.example {
	font-size: 87.5%;
	color: gray;
}

#mailFormArea td textarea.widthFull {
	width: 98%;
}

#mailFormArea .btnBox {
	text-align: center;
	margin-top: 5px;
	border: 1px solid #c0c0c0;
	padding: 5px;
}

#mailFormArea li {
	margin-left: 2em;
}