@charset "UTF-8";

/*
======== CONTENTS =========

last-updated:2008/04/04

===========================
*/



/*
===== header layout ======
*/


#header:after {
	content: url(/cz/static/common/images/spacer.gif);
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Holly Hack Targets IE Win only \*/
 * html #header {height: 1%;}
#header {display: block;}
/* End Holly Hack */


#header #logo{
	width: 196px;
	float:left;
	padding: 44px 0 10px 10px;
}

#header #topbanner{
	width: 728px;
	float:left;
	min-height:102px;
	height: auto !important;
	height: 102px;
}

#header #topbanner div.banner{
	margin:7px;
}

#header_in {
	width: 960px;
}

#headmenu{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
}


/*
===== NaviMenu ======
*/

.NaviMenu{
	height:24px;
	margin:0;
	padding:0;
	background-image: url(/cz/static/common/images/headmenu_bg.png);
	background-repeat: repeat-x;
	border-top:1px solid #FFFFFF;
}


#menu{
	height:24px;
	margin:0;
	padding:0 0 0 10px;
	background-image: url(/cz/static/common/images/navi.png);
	background-repeat: no-repeat;
}


#menu span {
display: none;
}

#menu li, #menu a {
	height:24px;
	display:block;
}

#menu li {float:left;list-style:none;display:inline;}

#menu-01 {width: 55px;}
#menu-02 {width: 59px;}
#menu-03 {width: 54px;}
#menu-04 {width: 111px;}
#menu-05 {width: 89px;}
#menu-06 {width: 54px;}
#menu-07 {width: 87px;}
#menu-08 {width: 142px;}
#menu-09 {width: 142px;}
#menu-10 {width: 96px;}


#menu-01.active{width: 55px;background:url(/cz/static/common/images/navi.png) -10px -29px no-repeat;}
#menu-02.active{width: 59px;background:url(/cz/static/common/images/navi.png) -65px -29px no-repeat; }
#menu-03.active{width: 54px;background:url(/cz/static/common/images/navi.png) -124px -29px no-repeat; }
#menu-04.active{width: 111px;background:url(/cz/static/common/images/navi.png) -178px -29px no-repeat;}
#menu-05.active{width: 89px;background:url(/cz/static/common/images/navi.png) -289px -29px no-repeat;}
#menu-06.active{width: 54px;background:url(/cz/static/common/images/navi.png) -378px -29px no-repeat;}
#menu-07.active{width: 87px;background:url(/cz/static/common/images/navi.png) -380px -29px no-repeat;}
#menu-08.active{width: 142px;background:url(/cz/static/common/images/navi.png) -519px -29px no-repeat;}
#menu-09.active{width: 142px;background:url(/cz/static/common/images/navi.png) -661px -29px no-repeat;}
#menu-10.active{width: 96px;background:url(/cz/static/common/images/navi.png) -467px -29px no-repeat;}



#menu-01 a:hover {background:url(/cz/static/common/images/navi.png) -10px -29px no-repeat; }
#menu-02 a:hover {background:url(/cz/static/common/images/navi.png) -65px -29px no-repeat; }
#menu-03 a:hover {background:url(/cz/static/common/images/navi.png) -124px -29px no-repeat; }
#menu-04 a:hover {background:url(/cz/static/common/images/navi.png) -178px -29px no-repeat; }
#menu-05 a:hover {background:url(/cz/static/common/images/navi.png) -289px -29px no-repeat; }
#menu-06 a:hover {background:url(/cz/static/common/images/navi.png) -378px -29px no-repeat; }
#menu-07 a:hover {background:url(/cz/static/common/images/navi.png) -380px -29px no-repeat; }
#menu-08 a:hover {background:url(/cz/static/common/images/navi.png) -519px -29px no-repeat; }
#menu-09 a:hover {background:url(/cz/static/common/images/navi.png) -661px -29px no-repeat; }
#menu-10 a:hover {background:url(/cz/static/common/images/navi.png) -467px -29px no-repeat; }



/*
===== SecondMenu ======
*/

.SecondMenu{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	padding:0 10px;
	background: #FAFBFC url(/cz/static/common/images/secondmenu_bg.png) repeat-x left bottom;
	text-align:left;

}

.SecondMenu:after {
	content: url(/cz/static/common/images/spacer.gif);
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
.SecondMenu {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
 * html .SecondMenu {height: 1%;}
.SecondMenu {display: block;}
/* End Holly Hack */
    

.SecondMenu ul{
	list-style: none;
	padding:1px 4px 0 4px;
}

.SecondMenu ul li {
	font-size: 80%;
	line-height: 1.0;
	list-style: none;
	display: inline;
	float:left;
	padding:2px 8px 2px 8px;
	margin: 0 2px 0 0;
	vertical-align: middle;
	background: url(/cz/static/common/images/secondmenu_bar.gif) no-repeat right center;

}

/*
===== header logo_cate ======
*/

#header #logo_cate{
	width: 196px;
	float:left;
	padding: 12px 0 10px 10px;
	
}

#header #logo_cate .cate_name{
	color:#039;
	padding:5px 4px;
	font-weight:bold;
	margin-top:5px;
	font-size:14px;
	background: url(/cz/static/common/images/cate_bg.png) repeat-x;
}