body { background-color:#fff;
 	   font-size:90%;
	   color:#000;
	   padding:0px;
	   margin:10px 0px 0px 0px;
	   line-height:140%;
	   text-align:center;
	  }

span { color:red;
	   font-size:120%;
	   }

a:hover { color:red;
		  text-decoration:none;
		}

img { border:0px;
	}

hr { clear:both;
	 height:1px;
	 color:#ccc;
	}

h1 { margin:0px; 
     border:0px;
	 font-size:150%;
	}

h2 { margin:0px; 
     border:0px;
	 font-size:140%;
	}

h3 { margin:0px;
	 padding:0px;
	 font-size:105%;
   }

h4 { margin:0px;
	 padding:0px;
	 font-size:105%;
   }

p { margin:0px;
	padding:0px;
   }

form { margin:0px;
	   padding:0px;
	 }

/* ------------------------------
 main
------------------------------ */


#layout { width:90%;
		  background-color:#fff;
		  text-align:left;
		  margin:auto;
		  margin-top:83px;
		  padding-top:30px;
		}

#main_content { width:73%;
				float:left;
				padding:0px 1% 5px 0px;
				overflow:hidden;
			   }

#main_content p { margin:0px 0px 5px 10px;
				}


#main_mid { float:right;
			width:74%;
		    overflow:hidden;
			padding-left:1%;
		  }

#main_side { floar:left;
			 width:23%;
		     overflow:hidden;
			 border:1px solid #ccc;
			}

#main_side h2 { background-color:#ccc;
			    color:#fff;
				margin:0px;
			    padding:3px 0px 3px 14px;
				font-size:90%;
			    background-image:url(../../img/common/icon_ya_white.gif);
	 	        background-repeat:no-repeat;
	 	        background-position:left;
			  }

#main_side ul { margin:0px;
			    padding:0px;
				list-style:none;
			  }

#main_side li { padding:5px 0px 5px 8px;
			    border-bottom:dotted 1px #ccc;
				}


/* ------------------------------
 foot & bottom
------------------------------ */


#foot { clear:both;
		text-align:left;
		width:99%;
		border-top:1px solid #ccc;
		padding:10px 0px 10px 1%;
		background-color:#fff;
	    }

#foot p { margin-top:10px
		}

#bottom  { background-color:#eee;
		   border-top:12px solid #b8e1e1;
		  }

#bottom p { margin:5px 0px 0px 2%;
			font-size:95%;
		   }



.left50 { width:49%;
		  float:left;
		  text-align:left;
		 }

.right50 { width:49%;
		   float:right;
		   text-align:left;
	     }

#pain { width:70%;
		position:absolute;
		top:95px;
		left:5%;
		text-align:left;
		font-size:90%;
		background-image:url(../../img/img_logo/pain_tri.gif);
	 	background-repeat:no-repeat;
	 	background-position:left;
		padding-left:15px;
	   }


/* ------------------------------
 side
------------------------------ */

#side_menu { width:22%;
			 margin-right:1%;
			 float:right;
			 line-height:100%;
			 overflow:hidden;
		   }

#side_menu ul { margin:0px 0px 5px 10px;
				padding:0px;
			    list-style:none;
				line-height:140%;
			  }

#side_menu .news h3 { margin:10px 0px 10px 10px;
					  border-left:5px solid #333;
					  padding-left:10px;
					}

#side_menu .news { border-top:3px solid #333;
				   background-color:#eee;
				   padding:1%;
				   margin-bottom:10px;
				   }

#side_menu .news li { border-bottom:1px dotted #339999;
					  width:95%;
					  padding:5px 0px 5px 13px;
		              background-image:url(../../img/common/icon_ya.gif);
	 	              background-repeat:no-repeat;
	 	              background-position:left;
					}

.book p img { float:left;
              margin-right:5px;
			}



/* ------------------------------
 head
------------------------------ */

#category_bar { width:87%;
		 	    position:absolute;
		 	    top:56px;
		 		left:5%;
				padding:0px 1% 0px 2%;
		 		background-color:#eee;
		 		padding-top:3px;
		 		height:32px;
				border-bottom:5px solid #b8e1e1;
				text-align:left;
	   			}

#category_bar  ul { margin:0px;
		  	        padding:0px;
		           }

#category_bar li { float:left;
				   width:15%;
				  }

#head_function { position:absolute;
				 right:5%;
				 top:10px;
				 padding:10px 11px 0px 0px;
				}

#head_function ul { margin:0px;
					padding:0px;
					list-style:none;
				   }

#head_function ul li { float:left;
						margin-left:35px;
				 		font-weight:bold;
					   }

#head { width:94%;
		position:absolute;
		top:5px;
		left:4%;
		height:50px;
		padding-left:1%;
		text-align:left;
	   }




/* ------------------------------
bar 33
------------------------------ */


.bar33 { width:32%;
		 margin-right:1%;
		 float:left;
		 text-align:left;
	    }

.bar33 h3 { font-size:110%;
 			background-image:url(../img_icon/tr-two.gif);
	 		background-repeat:no-repeat;
	 		background-position:left;
			padding-left:13px !important;
			margin:0px !important;
		   }

.bar33 p { margin:10px 0px 2% 4% !important;
		   line-height:110%;
		   padding:0px !important;
			font-size:92% !important;
		 }




/* ------------------------------
  shop ad 
------------------------------ */

#shop-ad { border-top:2px solid #333;
		  }

#shop-ad a:hover { color:red;
		           text-decoration:underline;
		          }

#shop-ad h3 { margin:15px 0px 10px 0px !important;
	          padding:0px !important;
              font-size:105%;
              color:#333;
              background-color:#fff !important;
			  background-image:url(none) !important;
	         }

#shop-ad ul { margin:0px;
	          padding:0px;
              list-style:none;
	         } 

#shop-ad li { margin-top:5px;
              font-size:80%;
             }

#shop-ad li span { display:block;
                   font-weight:bold;
                   font-size:120%;
                   color:#336699;
	              }

#shop-ad li span a { color:#336699;
                     text-decoration:none;
		            }

#shop-ad p { clear:both;
             margin:0px;
           }