@charset "utf-8";

#hard_Body p,#hard_Body td,#hard_Body li{ line-height:1.25em;}
/* layout */

#hard_Body{width:920px; background-color:#fff; overflow:hidden;}
#main{width:920px; background-color:#fff; min-height:550px; overflow:hidden;}

#main_ITEM{width:700px; float:right; background-color:#fff; min-height:550px; overflow:hidden;}
#side{width:192px; float:left; background-color:#fff; min-height:550px;
}


#hard_Head{ margin-bottom:30px;}
#hard_Head div.title{ width:900px; height:22px; background-image: url(../../../common/img/layout/bg_soft.png); background-repeat:no-repeat; font-weight: normal; font-size:1.0em; padding:8px 0 0 20px; margin-bottom:27px;}



/*s menu*/
.cat-link{ text-align:right; font-size:0.8em; margin-bottom:6px;}
#ctg_title span,#hard_Body #side h1#ctg_title span{ display:block; height:40px; padding:10px 0 0 24px; margin-bottom:8px; color:#fff; font-weight:bold; background-image:url(../../../common/img/layout/bg_ctitle.png); background-repeat:no-repeat; font-size:13px;}

#ctg_title a{ text-decoration:none;}

#hard_Body #side h1#ctg_title{ background-image:none; border:none; margin:0;}


.side_menu{width:184px; padding:3px 3px 3px 3px; border:#ccc solid 1px; background-color:#fff; overflow:hidden; margin-bottom:32px; background-image:url(../../h/common/img/bg_s_menu.gif); background-repeat: repeat-x;}

#hard_Body .side_menu p.title{ margin:1em 0 0 0; padding:0 0 0 10px; color:#c30217; font-size:0.9em; font-weight:bold;} 



.ctgMenu{width:166px; padding:12px 8px; margin:0 0 3em 0; border:#ccc solid 1px; background-color:#fff; overflow:hidden;}
 
.ctgMenuEnd{ margin-bottom:3px}

.ctgMenu li{border-bottom:#ffd4dc solid 1px; list-style-image:url(../../../common/img/layout/burette.png); width:145px; margin-left:20px;}

.ctgMenu li a{padding:3px 0px 3px 0px; text-decoration:none; display:block; color:#333;}
.ctgMenu li a:hover{ background-color:#ffeeee; color:#6e0a68;}

.#ctgMenu li a.def{ background-color:#ffd4dc; color:#333;}


.tx_banner{
/*	box-sizing:border-box;*/
	}
.tx_banner li{
	display: block;
	margin:1em 0;
	text-align:center;
	}
.tx_banner li a{
	display: block;
	width:184px;
	padding:1em 4px;
	margin:1em 0;
	vertical-align:middle;
	text-align:center;
	background-color:#F63;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
	border-radius:0.5em;
	text-decoration:none;
	box-shadow: 2px 2px 4px gray; 
	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc0003+0,d32875+27,bc0003+29,d32875+100 */
background: rgb(188,0,3); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(188,0,3,1) 0%, rgba(211,40,117,1) 27%, rgba(188,0,3,1) 29%, rgba(211,40,117,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(188,0,3,1) 0%,rgba(211,40,117,1) 27%,rgba(188,0,3,1) 29%,rgba(211,40,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(188,0,3,1) 0%,rgba(211,40,117,1) 27%,rgba(188,0,3,1) 29%,rgba(211,40,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0003', endColorstr='#d32875',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	   
	}

.tx_banner li a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11d6e+0,d1538c+27,d12371+29,d13a7e+100 */
background: rgb(209,29,110); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(209,29,110,1) 0%, rgba(209,83,140,1) 27%, rgba(209,35,113,1) 29%, rgba(209,58,126,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(209,29,110,1) 0%,rgba(209,83,140,1) 27%,rgba(209,35,113,1) 29%,rgba(209,58,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(209,29,110,1) 0%,rgba(209,83,140,1) 27%,rgba(209,35,113,1) 29%,rgba(209,58,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11d6e', endColorstr='#d13a7e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
	
	}




#side .banner{  text-align:center; margin-bottom:15px}
#side .banner a{ }
#side .banner a:hover{  }


#hard_Body .side_menu .c_box{ margin:0 0 1.5em 0; padding:0;border:#ccc solid 1px;}

#hard_Body .side_menu .c_box .ctgMenu{ border:none; margin-bottom:3px;}

.subCtgMenu p.title{ margin-bottom:0em;}
.subCtgMenu{ margin-top:0em;}
.subCtgMenu .ctgMenu{ padding-top:0;}
.subCtgMenu li{ list-style-image:none; list-style-type:circle;font-size:0.85em;}



/*products ad*/
.pad_info{ text-align:center; margin-bottom:3em;}
.pad_info img{ border:#999 solid 1px;}


.center{ text-align:center;}