@import url(style.css);  /* content pages css */

/*=================== products header ===================*/
#head_p { background: url(images/ptop01.jpg) no-repeat top right; height: 165px; width: 740px;}
#head_p img{ margin: 20 0px; padding; 0px;}

/*=================== recommend header ===================*/
#head_r { background: url(images/osusume01.jpg) no-repeat top right; height: 165px; width: 740px;}
#head_r img{ margin: 20 0px; padding; 0px;}

/*=================== set header ===================*/
#head_s { background: url(images/stop01.jpg) no-repeat top right; height: 165px; width: 740px;}
#head_s img{ margin: 20 0px; padding; 0px;}

/*=================== shop header ===================*/
#head_sh { background: url(images/shopboard.gif) no-repeat top right; height: 165px; width: 740px;}
#head_sh img{ margin: 20 0px; padding; 0px;}

/*=================== knowledge header ===================*/
#head_k { background: url(images/draw.gif) no-repeat top right; height: 165px; width: 740px;}
#head_k img{ margin: 20 0px; padding; 0px;}

/*=================== order header ===================*/
#head_o { background: url(images/order01.gif) no-repeat top right; height: 165px; width: 740px;}
#head_o img{ margin: 20 0px; padding; 0px;}

/*=================== contact header ===================*/
#head_c { background: url(images/contact01.gif) no-repeat top right; height: 165px; width: 740px;}
#head_c img{ margin: 20 0px; padding; 0px;}

/*=================== tuhanhou header  / link header ===================*/
#head_t { background: url() no-repeat top right; height: 165px; width: 740px;}
#head_t img{ margin: 20 0px; padding; 0px;}

/*:::::::::::::::::::: navigation ::::::::::::::::::::*/
#navip { width: 187px; text-align: left; margin: 0px; }

#navip .nest {margin: 0px; padding: 8 0 8 20px;}
#navip .nest a { margin: 0px; padding: 0px; }		 

#navip ul { margin: 0px; padding: 15px; list-style: none inside; }
#navip li { margin: 0px; padding: 5px;  }
#navip ul a { margin: 0px; padding: 15 5 10 55px;
             color: #333; text-align: left; font-size: 12px; font-weight: bold; line-height: 22px;
             text-decoration: none; background: url(images/steak.gif) no-repeat center left; }	
#navip a:hover { color: #f33; }

/*!!!!!!!!!!!!!!!!!!! products content !!!!!!!!!!!!!!!!!!!*/		
#content01p { background: url(images/ptop02.jpg) no-repeat top right; 
             height: 150px; width: 553px; margin: 0px; padding: 0px; } /* for index */
#content01p img { position: relative; top: 55px; left: 0; margin: 0px; padding: 0px; } 
#content01p p { position: relative; top: 55px; left: 4px; margin: 15 45 10 5px; line-height: 18px; } 

div#beef h2 { background: url(images/beef.gif) no-repeat top left; } /* for index-beef head */
div#pork h2 { background: url(images/pork.gif) no-repeat top left; margin: 50 0 0 0px; } /* for index-pork page head */
div#chicken h2 { background: url(images/chicken.gif) no-repeat top left; margin: 50 0 0 0px; } /* for index-chicken page head */
div#etc h2 { background: url(images/etc.gif) no-repeat top left; padding-left: 115px; margin: 50 0 0 0px; }/* for index-etc page head */

#content01p2 { background: url(images/ptop02.jpg) no-repeat top right; 
             height: 150px; width: 553px; margin: 0px; padding: 0px; } /* for contents */
#content01p2 img { position: relative; top: 45px; left: 0; margin: 0px; padding: 0px; } 
#content01p2 h2 {  position: relative; top: 50px; left: 0;
                   font-size: 16px; border-bottom: 2px solid #999; margin: 0px; padding: 5 0 5 7px;} /* for contents h2 */

#content02p { margin: 0px; padding: 0px; width: 553px;}
#content02p img{ margin: 5px; }

#content02p .box { border: 1px solid #ccc; width:520px; height: 240px; margin: 10px; padding: 7px; }
#content02p h2 { font-size: 16px; border-bottom: 2px solid #999; width:px; 
                 margin: 20 0 10 0px; padding: 30 0 15 100px;} /* for index h2 */
				 
#content02p h3 { font-size: 14px; color: maroon; margin: 8px; }
#content02p h4 { font-size: 12px; color: #333; margin: 10px; }
#content02p h5 { font-size: 12px; color: maroon; margin: 15px; }
#content02p h6 { font-size: 10px; color: #444; margin: 5 15px; }
#content02p h4.price { font-size: 14px; color: red; margin: 30 0 0 0px; }
.gram { font-weight: bold; font-size: 12px; color: #444; }
#content02p p { margin: 10px; line-height: 18px;}

#content02p p.ex { font-weight: bold; margin: 0 100 20 15px; line-height: 18px;}
#content02p .g { margin: 10px; background-color: #ffffdd; width: 200px; padding:10px; }

#content03p { margin: 10px; text-align: right; }
#content03p a{ font-size: 11px; color: maroon; }	
	
/*!!!!!!!!!!!!!!!!!!! recommend content !!!!!!!!!!!!!!!!!!!*/		
#content01r { background: url(images/osusume02.jpg) no-repeat top right; 
             height: 130px; width: 553px; margin: 0px; padding: 0px; }
#content01r img { margin: 5px;}
#content01r p { font-size: 12px; margin: 10px; padding: 0px; line-height: 18px;}

#content02r { height: 300px; width: 553px; margin: 0px; padding: 0px; }
#content02r .box { border: 1px solid #ccc; width: 520px; margin: 5px; padding: 10px; }
#content02r h2 { font-size: 16px; color: #cc0000; border-bottom: 2px solid #999; width: 350px; padding: 3px; }
#content02r h3 { font-size: 14px; color: maroon; margin: 20 100 10 10px; }
#content02r h4 { font-size: 12px; color: #333; margin: 10px; }
#content02r h5 { font-size: 12px; color: maroon; margin: 15px; }
#content02r h6 { font-size: 10px; color: #444; margin: 5 15px; }
#content02r h4.price { font-size: 14px; color: red; margin: 40 0 0 0px; }	
			 
/*!!!!!!!!!!!!!!!!!!! set content !!!!!!!!!!!!!!!!!!!*/		
#content01s { background: url(images/stop02.jpg) no-repeat top right; 
             height: 180px; width: 553px; margin: 0px; padding: 0px; }
#content01s p { font-size: 12px; margin: 10px; padding: 0px; line-height: 18px;}
			 
/*!!!!!!!!!!!!!!!!!!! shop content !!!!!!!!!!!!!!!!!!!*/		
#content01sh { width: 553px; margin: 0px; padding: 0px; }
#content01sh p { font-size: 12px; margin: 10 15px; padding: 0px; line-height: 18px; border-bottom: 1px #ccc dotted; }
#content01sh .box { border: 1px solid #ccc; width: 520px; margin: 10px; padding: 7px; }
#content01sh .box2 { background-color: #ffffe0; width: 520px; margin: 10px; padding: 7px; }
#content01sh h2 { font-size: 16px; color: #cc0000; border-bottom: 2px solid #999; 
　　　　　　　　 padding: 3px; margin: 8 0 20 0px; }
#content01sh h3 { font-size: 14px; color: maroon; padding: 3px; margin: 5 0 20 5px; border-bottom: 1px maroon solid; }
#content01sh h4 { font-size: 12px; color: #333; padding: 3px; margin: 20 0 5 5px; border-bottom: 1px #ccc solid; }
#content01sh h5 { font-size: 12px; color: #333; padding: 3px; margin: 20 10px; border-bottom: 1px #887755 dotted; }
#content01sh h6 { font-size: 12px; color: #333; padding: 0px; margin: 3px; display: inline; width: 110px; text-align: center; }
#content01sh h6 a { font-size: 12px; color: #333; padding: 0px; margin: 0px; display: inline; width: 110px; text-align: center; background: #ccc; text-decoration: none;  }
#content01sh h6 a:hover{ font-size: 12px; color: #333; padding: 0px; margin: 0px; display: inline; width: 110px; text-align: center; background: #fff; text-decoration: none;  }
.map { width: 350px; margin: 0px; padding: 10px; text-align: center; } /* map (pop-up page) */
.map h1 { width: 350px; margin: 0px; padding: 5px; text-align: left; font-size: 12px; }
.map p { width: 350px; margin: 0px; padding: 5 10px; text-align: left; }
.space { margin: 10 5 10 15px; } 
.normal { font-weight: normal; line-height: 18px; }
a.link_p { font-size: 12px; color: #555; line-height: 18px; margin: 10px; text-decoration: none; }

/*!!!!!!!!!!!!!!!!!!! knowledge content !!!!!!!!!!!!!!!!!!!*/		
#content01k { width: 553px; margin: 0px; padding: 0px; }
#content01k img { margin: 10px;}
#content01k h2 { font-size: 16px; color: #cc0000; border-bottom: 2px solid #999; 
　　　　　　　　 padding: 3px; margin: 8 0 20 0px; }
#content01k h3 { font-size: 14px; color: maroon; padding: 3px; margin: 10 0 10 10px; }
#content01k p { font-size: 12px; color: #333333; padding: 3px; margin: 0 0 10 10px; }
#content01k .box { border: 1px solid #ccc; width: 520px; margin: 5 10 50 13px; padding: 5px; }

dl { margin: 10 0px; }
dt { font-size: 12px; font-weight: bold; color: #333;}
dd { font-size: 10px; color: #666; line-height: 18px; margin: 0 0 10 15px;}

/*!!!!!!!!!!!!!!!!!!! order content !!!!!!!!!!!!!!!!!!!*/		
#content01o { background: url(images/order02.gif) no-repeat top right; 
              width: 553px; margin: 0px; padding: 0px; }
#content01o img { margin: 10px;}
#content01o .box { border: 1px solid #ccc; width: 520px; margin: 5px; padding: 10px; }

#content01o h2 { font-size: 16px; color: #cc0000; border-bottom: 2px solid #999; padding: 3px; }
#content01o h3 { font-size: 14px; color: maroon;  padding: 3px; margin: 10 0 10 10px;  }
#content01o h4 { font-size: 12px; color: #333; margin: 10px; }
#content01o p { font-size: 12px; margin: 0 0 10 10px; padding: 3px; line-height: 18px;}

/*!!!!!!!!!!!!!!!!!!! contact content !!!!!!!!!!!!!!!!!!!*/		
#content01c { background: url(images/contact02.gif) no-repeat top right; 
              width: 553px; margin: 0px; padding: 0px; }
#content01c h2 { font-size: 16px; color: #cc0000; border-bottom: 2px solid #999; padding: 3px; margin: 8 0 0 0px;}
#content01c p{ margin: 40 10 20 10px; padding: 0px; font-size: 12px; line-height: 18px;}
#content01c p.2{ margin: 20 10px; padding: 0px; }
#content01c h3 { font-size: 14px; margin: 5 15px; padding: 0px; }
#content01c h3.head { font-size: 14px; margin: 5 15px; padding: 0px; color: #fff; }
#content01c table { margin: 0px; padding: 2px; }
#content01c .order { border: 1px solid #ccc; margin: 10 0px; padding: 3px; }
#content01c .present { border: 1px solid #ccc; margin: 10 0px; padding: 5px; background: #f8f8ff; }
#content01c .contact { border: 1px dashed #ccc; margin: 10 0px; padding: 5px; }
.line { border-top: 1px solid #ccc; }
.dot { border-top: 1px dashed #ccc; }
ul { list-style: outside square; margin: 10px; }
li { font-size: 12px; line-height: 18px; margin: 10px;}
#content01c table.form { border: 1px solid #ccc; }
#content01c strong{ margin: 0px; padding: 0px; font-size: 12px; line-height: 18px;}
#content01c span.ss { margin: 0px; padding: 0px; font-size: 10px; color: #fff; }
#content01c span.es { margin: 0px; padding: 0px; font-size: 10px; color: #333; }
#content01c .sp { padding: 2px; }

/*!!!!!!!!!!!!!!!!!!! tuhanhou content / link content !!!!!!!!!!!!!!!!!!!*/		
#content01t { width: 553px; margin: 0px; padding: 0px; }
#content01t .box { border: 1px solid #ccc; width: 520px; margin: 10px; padding: 7px; }
#content01t p { font-size: 12px; color: #666; line-height: 18px; margin: 0 10px; }
#content01t h2 { font-size: 16px; color: #cc0000; border-bottom: 2px solid #999; 
　　　　　　　　 padding: 3px; margin: 8 0 20 0px; }
#content01t h3 { font-size: 12px; color: #333; padding: 3px; margin: 5 0 5 5px; 
                 border-bottom: 1px #ccc dotted; }
a.link_p { font-size: 12px; color: #555; line-height: 18px; margin: 10px; text-decoration: none; }