@charset "Shift-JIS";
/* CSS Document */


/*=============== common ===============*/

#BRAND_title
{
	width             : 748px;
	height            : 58px;
	margin-bottom     : 10px;
	background-image  : url(../brand/img/ttl_brandName.gif);
}


.BRAND_mainVisual
{
	width             : 726px;
	height            : 262px;
	margin            : 2px auto 10px auto;
	clear             : both;
}


/*----- Brand Navi -----*/
#BRAND_brandNavi
{
	width             : 130px;
	height            : 39px;
	position          : relative;
	top               : 13px;
	right             : 15px;
	float             : right;
	z-index           : 2;
}


#BRAND_brandNavi li
{
	float             : left;
	margin-right      : 9px;
}


#BRAND_brandNavi A
{
	display           : block;
	width             : 56px;
	height            : 39px;
	text-decoration   : none;
}


A:link#brandNavi_vison, A:visited#brandNavi_vison     { background: url(../brand/img/btn_vision_off.gif) no-repeat; }
A:hover#brandNavi_vison                               { background: url(../brand/img/btn_vision_on.gif) no-repeat; }

A:link#brandNavi_rebecca, A:visited#brandNavi_rebecca { background: url(../brand/img/btn_rebecca_off.gif) no-repeat; }
A:hover#brandNavi_rebecca                             { background: url(../brand/img/btn_rebecca_on.gif) no-repeat; }

A:link#brandNavi_gorilla, A:visited#brandNavi_gorilla { background: url(../brand/img/btn_gorilla_off.gif) no-repeat; }
A:hover#brandNavi_gorilla                             { background: url(../brand/img/btn_gorilla_on.gif) no-repeat; }

A:link#brandNavi_runtech, A:visited#brandNavi_runtech { background: url(../brand/img/btn_runtech_off.gif) no-repeat; }
A:hover#brandNavi_runtech                             { background: url(../brand/img/btn_runtech_on.gif) no-repeat; }


.BRAND_brandNaviDummy
{
	width             : 56px;
	height            : 39px;
}


#brandNavi_visionOn   { background: url(../brand/img/btn_vision_on.gif) no-repeat; }
#brandNavi_rebeccaOn   { background: url(../brand/img/btn_rebecca_on.gif) no-repeat; }
#brandNavi_gorillaOn  { background: url(../brand/img/btn_gorilla_on.gif) no-repeat; }
#brandNavi_runtechOn  { background: url(../brand/img/btn_runtech_on.gif) no-repeat; }




/*----- Contents Navi -----*/

#BRAND_contNavi
{
	width             : 500px;
	height            : 30px;
	position          : relative;
	top               : 19px;
	left              : 150px;
	z-index           : 2;
}

#runtech_or_contNavi,#rebecca_contNavi
{
	width             : 400px;
	height            : 30px;
	position          : relative;
	top               : 19px;
	left              : 250px;
	z-index           : 2;
}

#BRAND_contNavi li
{
	float             : left;
	margin-right      : 2px;
}


#BRAND_contNavi A
{
	display           : block;
	width             : 97px;
	height            : 30px;
	text-decoration   : none;
}

#runtech_or_contNavi li,#rebecca_contNavi li
{
	float             : left;
	margin-right      : 2px;
}


#runtech_or_contNavi A,#rebecca_contNavi A
{
	display           : block;
	width             : 97px;
	height            : 30px;
	text-decoration   : none;
}

A:link#contNavi_brand, A:visited#contNavi_brand    		 { background: url(../brand/img/btn_brand_off.gif) no-repeat; }
A:hover#contNavi_brand                             		 { background: url(../brand/img/btn_brand_on.gif) no-repeat; }

A:link#contNavi_product, A:visited#contNavi_product 	 { background: url(../brand/img/btn_product_off.gif) no-repeat; }
A:hover#contNavi_product                           		 { background: url(../brand/img/btn_product_on.gif) no-repeat; }

A:link#contNavi_pv, A:visited#contNavi_pv          		 { background: url(../brand/img/btn_pv_off.gif) no-repeat; }
A:hover#contNavi_pv                                		 { background: url(../brand/img/btn_pv_on.gif) no-repeat; }

A:link#contNavi_download, A:visited#contNavi_download    { background: url(../brand/img/btn_download_off.gif) no-repeat; }
A:hover#contNavi_download                             	 { background: url(../brand/img/btn_download_on.gif) no-repeat; }

A:link#contNavi_shop, A:visited#contNavi_shop      		 { background: url(../brand/img/btn_shop_off.gif) no-repeat; }
A:hover#contNavi_shop                              		 { background: url(../brand/img/btn_shop_on.gif) no-repeat; }


.BRAND_contNaviDummy
{
	width             : 97px;
	height            : 30px;
}


#contNavi_brandOn   	{ background: url(../brand/img/btn_brand_on.gif) no-repeat; }
#contNavi_productOn 	{ background: url(../brand/img/btn_product_on.gif) no-repeat; }
#contNavi_pvOn      	{ background: url(../brand/img/btn_pv_on.gif) no-repeat; }
#contNavi_downloadOn    { background: url(../brand/img/btn_download_on.gif) no-repeat; }
#contNavi_shopOn    	{ background: url(../brand/img/btn_shop_on.gif) no-repeat; }



.BRAND_ttlBase
{
	width             : 726px;
	height            : 39px;
	margin            : 0 auto 7px auto;
}




/*=============== Brand Info ===============*/
#BRAND_ttlBrandInfo
{
	background-image  : url(../brand/img/ttl_brandInfo.gif);
}





/*=============== Products ===============*/
#BRAND_ttlProducts
{
	background-image  : url(../brand/img/ttl_products.gif);
}


#BRAND_pdctList
{
	display:block;
	margin-bottom:30px;
	overflow:hidden;
}

.BRAND_pdctImage
{
	width             : 237px;
	height            : 270px;
	margin-right      : 6px;
	margin-bottom     : 6px;
	background        : url(../brand/img/product_bg.jpg) no-repeat;
	float             : left;
}

.BRAND_pdctImage h4
{
	font-size:13px;
	color:#555555;
	font-weight:bold;
	margin:16px 0px 18px 20px;
}

html*.BRAND_pdctImage h4
{
	font-size:12px;
	color:#555555;
	font-weight:bold;
	margin:18px 0px 18px 20px;
}

.BRAND_pdctImage img
{
	display:block;
	margin:0px auto 8px auto;
}

.BRAND_pdctImage span
{
	color:#666666;
	display:block;
	width:138px;
	padding-left:57px;
	margin:0px auto 0px auto;
}

.size
{
	background:url(../brand/img/size.gif) no-repeat 0px 3px;
}

.price
{
	margin-top:3px;
	background:url(../brand/img/price.gif) no-repeat 0px 3px;
}

#BRAND_pdctList
{
	margin-left       : 12px ;
}




/*=============== PV ===============*/

#BRAND_ttlPV
{
	background-image  : url(../brand/img/ttl_pv.gif);
}


/*=============== Down Load ===============*/

#BRAND_ttlDownload
{
	background-image  : url(../brand/img/ttl_download.gif);
	margin:0px auto 60px auto;
}


/*=============== Brand Introduction ===============*/
#BRAND_visionVisual
{
	width             : 726px;
	height            : 229px;
	margin            : 22px auto 12px auto;
	background        : url(../brand/img/brand_visionVisual.jpg) no-repeat;
}

#BRAND_bottomVisualArea
{
	width             : 725px;
	height            : 155px;
	margin	          : 0px auto 12px auto;
	background        : url(../brand/img/runtechLogo.gif) no-repeat 435px center;
}


#BRAND_rebeccaVisual
{
	width             : 356px;
	height            : 155px;
	background-image  : url(../brand/img/brand_rebeccaVisual.jpg);
	float             : left;
}

#BRAND_gorillaVisual
{
	width             : 356px;
	height            : 155px;
	background-image  : url(../brand/img/brand_gorillaVisual.jpg);
	float             : right;
}


#BRAND_runtechVisual
{
	width             : 356px;
	height            : 155px;
	background-image  : url(../brand/img/brand_runtechVisual.jpg);
	float             : left;
}


#BRAND_visionNavi
{
	position          : relative;
	top               : 194px;
	left              : 10px;
	width             : 500px;
	float             : left;
}


#BRAND_gorillaNavi, #BRAND_runtechNavi
{
	position          : relative;
	top               : 120px;
	left              : 10px;
	width             : 210px;
	float             : left;
}


* html #BRAND_gorillaNavi, * html #BRAND_runtechNavi
{
	top               : 122px;				/* IE Hack�ifor DOCTYPE�gTransitional�h�j */
}



.BRAND_Navi li
{
	float             : left;
}


.BRAND_Navi A
{
	display           : block;
	width             : 97px;
	height            : 32px;
	margin-right      : 3px;
}


A:link.BRAND_top_brandNavi, A:visited.BRAND_top_brandNavi  { background: url(../brand/img/btn_top_brand_off.gif) no-repeat; }
A:hover.BRAND_top_brandNavi                                { background: url(../brand/img/btn_top_brand_on.gif) no-repeat; }

A:link.BRAND_top_pdctNavi, A:visited.BRAND_top_pdctNavi    { background: url(../brand/img/btn_top_pdct_off.gif) no-repeat; }
A:hover.BRAND_top_pdctNavi                           	   { background: url(../brand/img/btn_top_pdct_on.gif) no-repeat; }

A:link.BRAND_top_pvNavi, A:visited.BRAND_top_pvNavi        { background: url(../brand/img/btn_top_pv_off.gif) no-repeat; }
A:hover.BRAND_top_pvNavi                                   { background: url(../brand/img/btn_top_pv_on.gif) no-repeat; }

A:link.BRAND_top_dwldNavi, A:visited.BRAND_top_dwldNavi    { background: url(../brand/img/btn_top_dwld_off.gif) no-repeat; }
A:hover.BRAND_top_dwldNavi                             	   { background: url(../brand/img/btn_top_dwld_on.gif) no-repeat; }

A:link.BRAND_top_shopNavi, A:visited.BRAND_top_shopNavi    { background: url(../brand/img/btn_top_shop_off.gif) no-repeat; }
A:hover.BRAND_top_shopNavi                                 { background: url(../brand/img/btn_top_shop_on.gif) no-repeat; }