﻿@charset "utf-8";

/* [catalog]================================================*/
/* common
------------------------------------------------------------*/
/* ----- title sub decoration ----- */
.catalog .underline { background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left bottom; }
.catalog .bar { padding: 6px 6px 3px 6px; background-color:#7A8692; color:#FFFFFF; line-height:1em; }
.catalog .square { padding-left:1em; background:url(/cmn/img/icon_square01.gif) no-repeat left center; }
/* ----- title base ----- */
.catalog .main-title { font-size:138.5%; font-weight:bold; margin-top:28px; }
.catalog .section-title { margin-bottom:1em; font-weight:bold; }
.catalog .group-title { margin-bottom:1.2em; font-weight:bold; }
/* ----- block base ----- */
.catalog .section { margin: 28px 0; }
.catalog .section-exc { margin: 40px 0 0 0; }
.catalog .text { float:left; width:505px; margin-bottom:10px; }
.catalog .image { float:right; margin:0 10px 20px 0; }

.catalog a:hover { color:#D0576A; }

.catalog .arrow-list { clear:both; margin-top:10px; font-size:93%; }
.catalog .arrow-list li { margin-bottom:2px; }
.catalog .arrow-list li a { padding-left:8px; background:url(/cmn/img/icon_arrow01.gif) no-repeat left center; }
.catalog .arrow-list li a span { margin-left:3px; }
.catalog .arrow-list li a span img { display:inline; vertical-align:-0.13em; padding:0; border:0; margin:0; }

/* ----- aside banner ----- */
.catalog #aside ul.banner li { margin-bottom:6px;}
.catalog #aside ul.banner li img { vertical-align:bottom; }

/* PA-4
------------------------------------------------------------*/
/* ----- sub ----- */
.catalog #sub p.notice{ margin-top:5px; font-size:77%; }
/* ----- main ----- */
.catalog .item-profile { margin-bottom:1em; padding-bottom:1em; background:url(/cmn/img/bg_dotted_l.gif) repeat-x left bottom; }
.catalog .item-name { font-size:108%; }
.catalog .item-type { font-size:77%; }
.catalog .item-division { margin-bottom:1em; font-size:77%; }
.catalog .item-info { line-height:2em; font-size:93%; }
.catalog .item-info dt { clear:both; float:left; width:5.5em; margin-right:0.7em; background:url(/cmn/img/bg_colon.gif) no-repeat right center; }
.catalog .supplement { margin:2em 0; }
.catalog .notice-list { margin:0.5em 0; }
.catalog .notice-list li { font-size:93%; }
.catalog .info-list { margin:0.5em 0; }
.catalog .info-list li { text-indent:-1em; padding-left:1em; font-size:93%; }
.catalog .link-list { margin:28px 0; }
.catalog .link-list li { float:left; width:125px; }
.catalog .pageback { margin:30px 0 17px 0; text-align:right; }
.catalog .colors { margin:39px 0 0 0; }
.catalog .color-list { margin:0 0 25px 0; }
.catalog .color-list li { float:left; margin:0 0 0 22px;}
.catalog .color-list li.circle { clear:both; margin-left:0; }

/* ----- flash area ----- */
.catalog #ingredients { height:100px; width:350px; }


/* PA-3-1
   PA-3-3
   PA-3-6
------------------------------------------------------------*/
.catalog p.category-image { margin-bottom:14px; padding-bottom:5px; background:url(/products/img/bg_categoryImage.gif) repeat-x center bottom; }
.catalog #mainswf { margin-bottom:14px; padding-bottom:5px; background:url(/products/img/bg_categoryImage.gif) repeat-x center bottom; }
.catalog #mainswf p.category-image { margin-bottom:0; padding-bottom:0; background:none; }


.catalog #mainswf p.category-image{ 
	width:940px;
	height:250px;
	position:relative;
	margin-bottom:0; padding-bottom:0; background:none;
}


.catalog #mainswf p.category-image a{
	display:block;
	width:940px;
	height:250px;

	margin:0;
	padding:0;
}

.catalog #mainswf p.category-image .category-imgeMain{
	display:block;
	width:940px;
	height:250px;
}

.catalog #mainswf p.category-image img.bandLinkBtn{
	display:block;
	width:150px;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;
}



.catalog h1.article-title { margin:15px 0 9px 0; font-size:138.5%; font-weight:bold; }
.catalog .frame { margin:37px 0 40px 0; }
.catalog .frame p.frame-title { position:relative; display:block; padding: 2px 0 1px 5px; background-color:#7A8692; color:#FFFFFF; font-weight:bold; line-height:1.5em; vertical-align:middle; }
.catalog .frame p.frame-title span { position:absolute; top:4px; right:5px; }
.catalog .frame p.frame-title span img { vertical-align:middle; line-height:0; font-size:0; }
.catalog .item { float:left; width:160px; margin-left:10px; }
.catalog .item.pattern { margin-left:0; }
.catalog .item p.exc { margin:0; padding-top:18px; }
.catalog .item p.exc.new { margin:0; padding-top:0; }
.catalog .item p.exc.new span { display:block; height:13px; margin-bottom: 5px; }
.catalog .item p.exc span { display:block; height:13px; margin-bottom: 5px; }
.catalog .item p.exc a { padding:0; background: none; }
.catalog .item p { margin-top:0.5em; }
.catalog .item p a { display: block; padding-left:12px; background:url(/cmn/img/icon_arrow01.gif) no-repeat 0 0.55em; }
.catalog .section .image { float: right; }
.catalog .section .text h3.group-title { margin:0; line-height:1.2em; }
.catalog .btncenter { width:630px; text-align:center; }

/* PA-3-1
   PA-3-3
------------------------------------------------------------*/
.catalog .items-headline { margin:0 0 2em 0; padding:15px 54px 15px 54px; border-width: 0 1px 1px 1px; border-style:solid; border-color:#C0C5C8; }
.catalog .items-headline .item { margin:0 0 0 50px; }
.catalog .items-headline .firstChild { margin-left:0; }

/* PA-3-2
   PA-3-4
------------------------------------------------------------*/
.catalog h1.article-title.line-title { margin:0 0 10px 0; line-height:1.2em; }
.catalog h1.article-title.category ,
.catalog h2.article-title.category { margin:0; font-size:138.5%; font-weight:normal; line-height:1.2em; }
.catalog .itemsM { margin-bottom:60px; }


/* PA-3-6
------------------------------------------------------------*/
.catalog .itemsS { margin-bottom:30px; }
.catalog .appeal { margin-bottom: 70px; }

/* [common]================================================*/
#article .pagetop { padding:10px 0 22px 0; background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left top; font-weight:bold; }
.pane3-L #article .pagetop { width:670px; }
.pane2-L #article .pagetop { width:690px; }


/* 2010-03-02 */
.itemC { padding:0 0 0 10px; color:#D67B8A; font-size:85%; }


/* EOF*/
