@charset "UTF-8";

/*==================================================================
	ranking setting
===================================================================*/
h1{
	background:url(/img/common/h1_large.gif) no-repeat 0 0;
	height:45px;
	padding:8px 0 0 10px;
	font-size:120%;
	color:#FFF;
}
#main{
	width:750px;
	float:left;
	padding-top:17px;
}
#main h2{
	font-weight:bold;
	color:#FFF;
	background:url(/img/ranking/bg_h2.gif) no-repeat 0 0;
	height:33px;
	font-size:128%;
	padding:6px 0 0 10px;
	margin-bottom:8px;
}
#main h3{
	background-color:#FFF7BB;
	color:#FF812D;
	font-weight:bold;
	padding:5px;
	border-top:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
	margin-bottom:10px;
}
#main h3 span{
	font-size:140%;
}


/*	serviceList
-------------------------------------------------------------------*/
.serviceList{
	margin-bottom:15px;
}
.serviceList .leftBox{
	width:130px;
}
.serviceList .rightBox{
	width:605px;
}
.serviceList h4{
	font-weight:bold;
	font-size:115%;
	margin-bottom:15px;
}
.serviceList h5{
	font-weight:bold;
	margin-bottom:10px;
}
.serviceList p{
	margin-bottom:10px;
}
.btnCart{
	margin-bottom:3px;
}

/*	productMenu
-------------------------------------------------------------------*/
#productMenu{
	margin-bottom:20px;
	background:url(/img/products/menu_products.gif) no-repeat 0 0;
}
#productMenu li{
	float:left;
	width:375px;
	height:44px;
	text-indent:-5000px;
}
#productMenu li a{
	display:block;
	background:url(/img/products/menu_products.gif) no-repeat 0 -44px;
	width:375px;
	height:44px;
}
#productMenu li#menuProduct a{
	background-position:0 -44px;
}
#p-products #productMenu li#menuProduct a{
	background-position:0 0;
}
#productMenu li#menuService a{
	background-position:-375px -44px;
}
#p-service #productMenu li#menuService a{
	background-position:-375px 0;
}

/*==================================================================
	clearfix
===================================================================*/
.serviceList:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.serviceList{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .serviceList{
	height: 1%;
	}
.serviceList{
	display: block;
	}


#productMenu:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#productMenu{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #productMenuo{
	height: 1%;
	}
#productMenu{
	display: block;
	}