@charset "utf-8";

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

	
	page 
	
	-/index.html

--------------------------------------------------- */
/* --------- /index.html */
/* ====================
		keyvisual
======================= */
#topKeyvisual{
margin-top:7px;
}
div#topFlash p{
padding:0;/* reset */
}

/* --- position */
#topFlash{
position:relative;
}

#topKeyvisual{
position:relative;
width:100%;
height:280px;
overflow:hidden;
}

/* visual */
#topKeyvisual #visual{
position:absolute;
left:50%;
top:0;
overflow:hidden;
}
#topKeyvisual #visual ul a:hover img{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.70;
cursor:pointer;
}

/* #next,#back */
#topKeyvisual #next,
#topKeyvisual #back{
position:absolute;
top:1px;
}
#topKeyvisual #back{
left:0;
}
#topKeyvisual #next{
right:0;
}


/* underNav */
#underNav{
position:absolute;
top:255px;
left:50%;
}


/* --- width , default position */
#underNav{
width:800px;/* icon width */
}
#noFlash,
#topKeyvisual #visual{
width:1210px;/* view area */
}
#topKeyvisual #visual ul{
width:5838px;/* scrolled visual */
}
#underNav{
margin-left:-400px;
}
#noFlash,
#topKeyvisual #visual{
margin-left:-605px;
}
#topKeyvisual #visual ul{
margin-left:-646px;
}


/* --- z-index */
#topKeyvisual{
z-index:1;
}
#topKeyvisual #visual{
z-index:2;
}
#topKeyvisual #next,
#topKeyvisual #back{
z-index:3;
}
#underNav{
z-index:4;
}


/* visual
----------------------*/
#topKeyvisual #visual ul li{
float:left;
width:834px;
}
#topKeyvisual #visual ul li a{
margin-left:2px;
margin-right:2px;
}
*html #topKeyvisual #visual ul li a{
margin-left:0;
margin-right:0;

}

/* btn / next - back
----------------------*/
#topKeyvisual #next,
#topKeyvisual #back,
#topKeyvisual #next a,
#topKeyvisual #back a{
display:block;
width:188px;
height:280px;
}
#topKeyvisual #back{
text-align:right;
z-index:1000;
}
#topKeyvisual #next{
text-align:left;
z-index:1100;
}
#topKeyvisual #next img,
#topKeyvisual #back img{
margin-top:97px;
z-index: 100;
}

#topKeyvisual #next img{
margin-left:-35px;
}
#topKeyvisual #back img{
margin-right:-35px;
}
#topKeyvisual #next a.noOver,
#topKeyvisual #back a.noOver,
#topKeyvisual #next a,
#topKeyvisual #back a{
/*background-image:url(../../../images/next_bk_bg.gif);*/
background-repeat:no-repeat;
background-position:0 0;
}
#topKeyvisual #next a.noOver,
#topKeyvisual #back a.noOver{
cursor:default;
}

/* for IE6 \*/
*html #topKeyvisual #next img,
*html #topKeyvisual #back img{
position:relative;
z-index:99;
}
/* end */

/* navigation
----------------------*/
#navigation{
	height:20px;
}
#navigation a{
	display:block;
	float:left;
	background: url(../../../images/navigation.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	width: 34px;
	height: 4px;
	margin-right:3px;
}
#navigation a.selected{
	background-image:url(../../../images/navigation_on.gif);
}
#navigation a span{
	display: none;
}

/* no flash
----------------------*/
#noFlash{
position:absolute;
top:0;
left:50%;
z-index:9999;
text-align:center;
background-image:url(../../images/bg.gif);
background-repeat:repeat;
background-position:0 0;
}

#jsTopFlash #noFlash{
display:none;
}

/* IE \*/
*html #jsTopFlash #noFlash{
display:block;
left:0;
}
/* end */


/* ====================
		center side
======================= */
/* margin,common - over write */
.topIndex .rConWrap04 .rConWrapBtm{
padding:0;
}
.topIndex .rConWrap04 dl{
margin-top:-1px;
}

/* .ttl */
.topIndex .rConWrap04 .ttl h2{
width:111px;
}

/* macIE \*//*/
.topIndex .rConWrap04 .ttl ul li{
width:115px;
}
/* end */



/* ==== common style atuo scroll */
/* NextBack */
#topBrandSite .rConWrapBtm,
#topNew .rConWrapBtm{
position:relative;
}
#topBrandSite .SNext,
#topBrandSite .Sprev{
position:absolute;
margin-top:15px;
}
#topNew .SNext,
#topNew .Sprev{
position:absolute;
margin-top:40px;
}
.SNext img,
.Sprev img{
cursor:pointer;
}
.off img,
.off img{
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity:  0.4;
cursor:default;
}
.Sprev{
left:1px;
}
.SNext{
right:1px;
}

/* ==== #topIminfo */
#topIminfo .rConWrapBtm dl{
padding:10px 15px;
}
#topIminfo .rConWrapBtm dt{
float:left;
width:90px;
}
#topIminfo .rConWrapBtm dd{
float:right;
width:605px;
}

/* ==== #topNew */
/* reset */
#topNew .rConWrapBtm .setL dl{
padding:0;
border:none;
}
#topNew .rConWrapBtm ul,
#topNew .rConWrapBtm .setL p{
margin:0;
}

/* setstyle */
#topNew .rConWrapBtm{
padding-top:5px;
padding-bottom:2px;
height: 134px;
}
#topNew .rConWrapBtm .setL{
float:left;
width:210px;
}
#topNew .rConWrapBtm .setL p{
width:120px;
}
#topNew .rConWrapBtm .setL dl{
margin-top:10px;
width:88px;
}
#topNew .caroufredsel_wrapper{
    width:630px;
    height:110px;
    margin-left:45px;
    margin-top: 15px;
}
#topNew .setL a{
	line-height:1.3em;
}
#topNew .setL dd{
	line-height:1.3em;
}

/* ==== #topBrandSite */
#indexCateSerch .rConWrapBtm{
padding:6px 0 10px 12px;
}
#indexCateSerch .brandList{
margin-top:0;
}
#indexCateSerch .brandList li{
width:142px;
margin-top:2px;
}
#indexCateSerch .brandList li a{
margin-right:2px;
}


/* ==== #topBrandSite */
#topBrandSite .rConWrapBtm{
padding-top:10px;
padding-bottom:10px;
padding-left: 34px;
}
#topBrandSite ul{
margin-top:0;
}
#topBrandSite ul.brandSite li{
float:left;
width:165px;
}


/* ==== #topCampaign */
/* reset */
/*#topCampaign .rConWrapBtm .setL dl{
padding:0;
border:none;
}
*/#topCampaign .rConWrapBtm .setL p{
margin:0;
}

/* setstyle */
#topCampaign .rConWrapBtm{
padding-top:9px;
padding-bottom:9px;
padding-left:11px;
}
#topCampaign .rConWrapBtm .setL{
float:left;
width:358px;margin-bottom:10px;
height:112px;
}
#topCampaign .rConWrapBtm .setL p{
width:165px;
}
#topCampaign .rConWrapBtm .setL dl{
width:188px;
}
#topCampaign .rConWrapBtm .setL dl dt,
#topCampaign .rConWrapBtm .setL dl dd{
margin-right:10px;
}



/* ==== #topNewsWrap */
#topNewsWrap #topReleases{
float:left;
}
#topNewsWrap #topNews{
float:right;
}
#topNewsWrap #topNews,
#topNewsWrap #topReleases{
width:360px;
}

#topNewsWrap .ttl{
background-image:url(../../images/rconwrap04min_bg_top.gif);
}
#topNews,
#topReleases{
background-image:url(../../images/rconwrap04min_bg_c.gif);
}
#topNewsWrap .rConWrapBtm{
background-image:url(../../images/rconwrap04min_bg_btm.gif);
}

/* border,posi */
#topNewsWrap .rConWrap04 dl{
padding:8px 10px;
border-top:solid 1px #ecedec;
}


/* .ttl icon / ul li */
#topNews .rssIcon,
#topReleases .rssIcon{
margin-top:2px;
}

/* ==== #topReleases */
/* set float */
#topReleases .rConWrapBtm .newsIcon,
#topReleases .rConWrapBtm dt{
display:inline;
}
.topIndex #topReleases .rConWrapBtm dl .newsIcon img{
	*margin-top:-4px;
}
/*#topReleases .rConWrapBtm .newsIcon{
float:right;
width:230px;
}
#topReleases .rConWrapBtm dd{
clear:both;
}
#topReleases .rConWrapBtm .newsIcon{
clear:none;
}
*/
/* ==== #topNews */
/* set float
#topReleases dd.newsIcon{
width:60px;
float:left;
}
#topReleases dd{
width:315px;
} */


/* ==== #topRecomend */
/* reset */
#topRecomend .rConWrapBtm .setL p{
margin:0;
}

/* setstyle */
#topRecomend .rConWrapBtm{
padding-top:9px;
/* padding-bottom:10px; */
padding-left:10px;
}
#topRecomend .rConWrapBtm .setL{
float:left;
width:239px;
padding-bottom:10px;
}
#topRecomend .rConWrapBtm .setL p{
width:80px;
}
#topRecomend .rConWrapBtm .setL dl{
width:148px;
}
#topRecomend .rConWrapBtm .setL dl dt,
#topRecomend .rConWrapBtm .setL dl dd{
margin-right:10px;
}


/* ====================
		right side
======================= */
/* ==== common */
/* common - over write */
.topIndex #mainRight .rConWrapBtm,
.topIndex #topCm .rConWrapTop{
padding:0;
}

/* margin - over write */
.topIndex #mainRight dl,
.topIndex #mainRight ul{
margin-top:5px;
margin-right:5px;
}
.topIndex #mainRight p {
margin-top:5px;
}

/* .ttl reset */
.topIndex #mainRight .ttl p,
.topIndex #mainRight .ttl ul{
margin-top:0;
margin-right:0;
}
.topIndex #mainRight .ttl p,
.topIndex #mainRight .ttl ul li{
text-align:right;
}

/* common posi */
.topIndex #mainRight dd{
padding-top:5px;
}

/* inforSet - over write */
.topIndex #mainRight .inforSet02 dl{
margin-left:1px;
margin-right:1px;
margin-top:0;
}
.topIndex #mainRight .inforSet02 dl dd{
padding-top:0;
}


/* ==== #topComment */
#topComment .rConWrapTop{
padding:0;
}
#mainRight #topComment .rConWrapBtm{
padding:6px 10px 10px 10px;
}

#topComment ul.link01{
padding-top:2px;
}
#topComment ul li{
margin-top:3px;
}
#topComment .link01 li{
padding-left:18px;
background-image:url(../../../images/index_link_icon.gif);
}

/* ==== #topCm */
.topIndex #topCm dt,
.topIndex #topCm dd,
.topIndex #topCm dt,
.topIndex #topCm p.rConWrapBtm{
text-align:center;
}

/* posi */
.topIndex #topCm dt,
.topIndex #topCm dd{
padding:0 5px;
}
.topIndex #topCm p.rConWrapBtm{
margin-right:0;
padding-bottom:10px;
}
.topIndex #topCm dl.rConWrapBtm{
margin-right:0;
padding-bottom:5px;
}

/* ==== #topRecipe */
#todayRecipe dl{
padding:0 0 10px 0;
}
#todayRecipe dt{
padding:0 10px;
}
#todayRecipe dd{
text-align:center;
}
#topRecipe .inforSet02 p{
padding:3px 10px 0 10px;
}


/* ==== #topCsrReport */

.topIndex #topCsrReport dl{

padding:0 10px 10px;

text-align:center;

}

.topIndex #topCsrReport p{

padding:0px 0px 8px 5px;

}
.topIndex #topCsrReport dt {
	margin-top:5px;
}
.topIndex #topCsrReport dd{
	margin-top:-5px;
text-align:left;

}


/* reset */
.topIndex #topCsrReport dl.inforSet02{
border:none;
}


/* ==== #topMobile */

#topMobile .rConWrapBtm dl{
padding:10px;
margin-top:-1px;
border-top:solid 1px #e3e2e2;
}
#topMobile .rConWrapBtm dt{
float:left;
}
#topMobile .rConWrapBtm dd{
float:right;
padding-top:0;
}



/* =================================================================
												clear
================================================================= */
/* clear */
#topMobile dl:after,
#topNewsWrap:after,
#topBrandSite .rConWrapBtm ul:after,
#navigation ul:after,
#topKeyvisual #visual ul:after,
.topIndex .rConWrap04 dl:after,
.serchLinks:after{
content:".";
display:block;
height:0;
visibility:hidden;
clear:both;
font-size:0px;
line-height:0;
}

/* IE6,7 \*/
*html #topMobile dl,
*html #topNewsWrap,
*html #topBrandSite .rConWrapBtm ul,
*html #navigation ul,
*html #topKeyvisual #visual ul,
*html .topIndex .rConWrap04 dl,
*html .serchLinks{
height:1%;
}
*:first-child+html #topMobile dl,
*:first-child+html #topNewsWrap,
*:first-child+html #topBrandSite .rConWrapBtm ul,
*:first-child+html #topKeyvisual #visual ul,
*:first-child+html .topIndex .rConWrap04 dl,
*:first-child+html .serchLinks{
display:inline-block;
}
/* end */

/* macIE5 clear \*//*/
#topMobile dl,
#topNewsWrap,
#topBrandSite .rConWrapBtm ul,
#navigation ul,
#topKeyvisual #visual ul,
.topIndex .rConWrap04 dl,
.serchLinks{
display:inline-block;
}
/* end */

/* without mac IE5 for DW \*/
#topMobile dl,
#topNewsWrap,
#topBrandSite .rConWrapBtm ul,
#topRecomend,
.topIndex .inforSet02,
#topBrandSite,
#topFlash,
.introTxt,
#scrollWrap{
clear:both;
}
/* end */