/* for Navigation Styles */

div#navi .content,
div#related .content{
	padding:0 5px;
	background:url(/common/images/bg_sidecol.png) repeat-y;
	line-height:1.5em;
}

div#navi h2.title,
div#related h2.title{
	height:34px;
	font-size:10px;
	text-indent:-9999px;
	margin:7px 0 0;
}

div#navi .campaign h2.title a{background:url(/common/images/navtitle_campaign_off.png) top no-repeat;}
div#navi .campaign h2.title a:hover{background:url(/common/images/navtitle_campaign_on.png) top no-repeat;}


div#navi .product_nav h2.title{background:url(/common/images/navtitle_product.png) top no-repeat;}
div#navi .recommend h2.title{background:url(/common/images/navtitle_recommend.png) top no-repeat;}


div#navi .cm_gallery h2.title a,
div#related .cm_gallery h2.title a{background:url(/common/images/navtitle_cmgallery_off.png) top no-repeat;}

div#navi .cm_gallery h2.title a:hover,
div#related .cm_gallery h2.title a:hover{background:url(/common/images/navtitle_cmgallery_on.png) top no-repeat;}


div#navi .company h2.title,
div#related .company h2.title{background:url(/common/images/navtitle_company.png) top no-repeat;}
div#navi .effort h2.title,
div#related .effort h2.title{background:url(/common/images/navtitle_effort.png) top no-repeat;}


.campaign h2.title a,
.cm_gallery h2.title a{
	display:block !important;
	width:100%;
	height:100%;
}

/* ----- about campaign block ----- */

div#navi .campaign{
	background:url(/common/images/bgbtm_sidecol.png) bottom no-repeat;
	padding-bottom:12px;
}

div#navi .campaign p{
	width:125px;
	float:right;
}
div#navi .campaign p.tolist a{
	margin:-21px 0 9px 194px;
}
div#navi .campaign p.tolist{
	width:30px;
	float:none;
}
div#navi .campaign{
	font-size:83%;
}

div#navi .campaign .content div{
	padding:6px;
	border-top:1px solid #cfcdc5;
}

div#navi .campaign .content div.last{padding-bottom:1px;}
div#navi .campaign .content div img{
	float:left;
	margin-right:8px;
}


/* ----- about product navi block ----- */

div#navi .product_nav .content{
	padding:0 4px;
}
div#navi .product_nav .content li{
	border-top:1px solid #cfcdc5;
	position:relative;
	text-align:center;
}
div#navi .product_nav .content li ul{
	border:3px solid #847e72;
	border-top:none;
	margin:-1px 0;
}
div#navi .product_nav .content li ul li{
	border-top:none;
	border-bottom:1px solid #cfcdc5;
}

div#navi .product_nav p.brandsite{
	display:block;
	background:url(/common/images/nav_bg_brandsite.png) no-repeat;
	padding:6px 5px 10px;
	text-align:center;
}


/* ----- about recommend block ----- */

div#navi .recommend h2{height:35px;}

div#navi .recommend .content{
	background:none;
	padding:0;
}
div#navi .recommend .content li{
	background:url(/common/images/nav_bg_recommend.png) repeat-y;
	padding:0px 5px 1px;
}
div#navi .recommend .content li.last{
	background:url(/common/images/nav_bgbtm_recommend.png) bottom no-repeat;
	padding:0 5px 5px;
}


/* ----- about banner block ----- */

div#navi .banner,
div#related .banner{
	margin-top:7px;
}
div#navi .banner li{
	padding:0 4px 5px;
	background:url(/common/images/bg_bnshadow.png) repeat-y;
}
div#navi .banner li.first{
	padding-top:4px;
	background:url(/common/images/bgtop_bnshadow.png) top no-repeat;
}
div#navi .banner li.last{
	padding-bottom:4px;
	background:url(/common/images/bgbtm_bnshadow.png) bottom no-repeat;
}

div#navi .banner li.only,
div#related .banner li.only{
	background:url(/common/images/bg_banner.png) no-repeat;
	padding:4px;
	display:block;
}




/* for Related Block Styles */


/* ----- about CM gallery block ----- */

.cm_gallery p.tolist a{margin:-21px 0 9px 194px;}
.cm_gallery{
	background:url(/common/images/bgbtm_sidecol.png) bottom no-repeat;
	padding-bottom:12px;
}
div#navi .cm_gallery .content,
div#related .cm_gallery .content{
	text-align:center;
	padding:10px 0 6px;
}
.cm_gallery .content .cm_window{
	width:205px;
	height:auto;
	margin:0 auto;
}
.cm_gallery .content dl{
	line-height:1.2em;
	margin:6px auto;
}
.cm_gallery .content dt{
	font-weight:bold;
}

p.toensite a{
	width:62px;
	height:10px;
	display:block;
	font-size:10px;
	background:url(/common/images/toensite_off.gif) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	position:absolute;
	margin:-19px 0 9px 162px;
}
p.toensite a:hover{background:url(/common/images/toensite_on.gif) no-repeat;}


/* ----- about company block ----- */
div#navi .company .content,
div#related .company .content{
	padding:0 4px;
}
.company .content li{
	border-top:1px solid #cfcdc5;
	padding:0 1px;
}

.company h3.holdings{
	width:237px;
	height:25px;
	text-indent:-9999px;
	background:url(/common/images/navtitle_holdings.png) no-repeat;
}

.company ul.holdings{
	background:url(/common/images/bgbtm_bnshadow.png) bottom no-repeat;
	padding:0 4px 4px;
}
.company ul.holdings li{
	border-top:1px solid #847e72;
	background:#847e72;
	padding:0 3px;
}
.company ul.holdings li.last{
	background:url(/common/images/bgbtm_holdings.png) bottom no-repeat;
	padding-bottom:3px;
}


/* ----- about company block ----- */

div#navi .effort h2,
div#related .effort h2{height:35px;}

div#navi .effort .content,
div#related .effort .content{
	background:none;
	padding:0;
}
div#navi .effort .content li,
div#related .effort .content li{
	background:url(/common/images/nav_bg_recommend.png) repeat-y;
	padding:0px 5px 1px;
}
div#navi .effort .content li.last,
div#related .effort .content li.last{
	background:url(/common/images/nav_bgbtm_recommend.png) bottom no-repeat;
	padding:0 5px 5px;
}