/* html */
html {margin: 0px; padding: 0px;}
body {font: 9pt µ¸À½;  color: #878787; margin: 0px; padding: 0px; min-height: 100%; text-align:justify;}
a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:hover, a:active {text-decoration: none; color: #333333;}
br {line-height: 0.5em;}
img {border: 0px;}

/*top*/

#top {padding: 10px 0 0 0; margin: 0px 0px 0px 0px; width: 825px;}
	#quick_right {padding: 0px; margin: 5px 0px 0px 565px; width: 240px;}
			#menu01 {padding: 0px; margin: 0px; width: 23px;  float:left; display: inline;}
			#menu02 {padding: 0px 0px 0px 25px; margin: 0px; width: 22px;  float:left; display: inline;}
			#menu03 {padding: 0px 0px 0px 25px; margin: 0px; width: 15px;  float:left; display: inline;}
			#menu04 {padding: 0px 0px 0px 25px; margin: 0px; width: 32px;  float:left; display: inline;}
			#menu05 {padding: 00px 0px 0px 25px; margin: 0px; width: 41px;  float:left; display: inline;}
	#topflash {position:absolute; left:230px; top:30px; width: 595px;}
	#logo {position:absolute; left:30px; top:15px; width: 140px;}
/*layer*/
#serve_layer1 {position:absolute; left:0px; top:83px; width:825px; height:500px; z-index:1;	visibility: visible;}
#serve_layer2 {position:absolute; left:120px; top:298px; width:110px; height:250px;	z-index:2;	visibility: visible;}
#serve_layer3 {position:absolute; left:260px; top:360px; width:560px; height:100px;	z-index:105; visibility: visible;}

/*layout*/
#title01 {position:absolute; left:260px; top:340px; width: 540px;}
#serve {position:absolute; left:280px; top:355px; width:560px;  height:520px; z-index:100; visibility: visible;}
#serve01 {position:absolute; left:250px; top:355px; width:560px;  height:520px; z-index:100; visibility: visible;}
	#serve_html {padding: 0px 30px 0px 0x; margin:0px;  width: 540px;}
		#title {padding: 20px 0px 10px 10px; margin:0px;  width: 540px;}
		#box {padding: 20px 0px 10px 10px; margin:0px;  width: 540px;}
		#box01 {padding: 20px 0px 0px 10px; margin:0px;  width: 540px;}
		#box_sitemap {padding: 20px 0px 10px 10px; margin:0px ; width: 540px; }
		#table {padding:10px 0px 30px 10px; width: 540px; z-index:100;}
		#reserve_bar {padding:10px 0px 10px 10px; width: 540px; }
		#login {padding:0px 0px 100px 20px; margin:20px 0px 0px 40px; background:url(/img/login_box.gif) no-repeat; width:400;height:155;}
		/*¸¶ÁøÀִ°Å*/
		#text01 {padding: 0px 0px 30px 15px; margin:0px;  width: 520px;}
		#text11 {padding: 0px 0px 30px 0px; margin:0px;  width: 520px;}
		#text04 {padding: 0px 0px 30px 25px; margin:0px;  width: 520px;}
		#text06 {padding: 0px 0px 30px 30px; margin:0px;  width: 520px;}
		/*¾Æ·¡ ¸¶Áø »«°Å*/
		#text02 {padding: 0px 0px 10px 15px; margin:0px;  width: 510px; }
		#text30 {padding: 0px 0px 10px 10px; margin:0px;  width: 520px; }
		#text03 {padding: 0px 0px 10px 20px; margin:0px;  width: 520px; }
		#text04_1 {padding: 0px 0px 10px 25px; margin:0px;  width: 520px; }
		#text06_1 {padding: 0px 0px 10px 30px; margin:0px;  width: 520px;}
		#text05 {padding: 0px 0px 0px 20px; margin:0px;  width: 520px; }
		/*»ó´Ü ¸¶Áø*/
		#text10 {padding: 20px 0px 10px 15px; margin:0px;  width: 520px; }

		

/* ¹Ú½º */		
#field {padding: 0px 0px 10px 4px; margin:0px;  width: 515px;}
#field01 {padding: 0px 0px 30px 4px; margin:0px;  width: 515px;}
#field02 {padding: 30px 0px 10px 4px; margin:0px;  width: 515px;}
	#field_top {padding: 0px; margin: 0px; width: 515px;}
	#field_middle {background: url(/img/box_miline.gif) repeat-y; padding: 0px 0px 0px 10px; margin: 0px; width: 515px;}
	#field_txt {padding: 0px 10px 0px 10px ; margin: 0px;  width: 500px; color: #000;}
	#field_bottom {padding: 0px; margin: 0px; width: 515px;}


#footer {padding: 0px 0px 50px 0px ; margin: 0px 0px 0px 0px; width: 555px;}
	#footer_button01 {padding: 0px; margin: 000px 0px 0px 0px; width: 287px; float:left}
	#footer_button02 {padding: 0px; margin: 000px 0px 0px 0px; width: 51px; float:left}
	#footer_button03 {padding: 0px; margin: 000px 0px 0px 0px; width: 15px; float:left}
	#footer_button04 {padding: 0px; margin: 000px 0px 0px 0px; width: 45px; float:left}
	#footer_button05 {padding: 0px; margin: 000px 0px 0px 0px; width: 16px; float:left}
	#footer_button06 {padding: 0px; margin: 000px 0px 0px 0px; width: 43px; float:left}
	#footer_button07 {padding: 0px; margin: 000px 0px 0px 0px; width: 18px; float:left}
	#footer_button08 {padding: 0px; margin: 000px 0px 0px 0px; width: 80px; float:left}
	#footer_bottom {padding: 0px; margin:0px; width: 555px;}
	#footer_bottom00 {padding: 0px; margin:0px; width: 555px;}
	#footer_bottom01 {padding: 0px; margin: 0px; width: 555px; }
	#footer_bottom02 {padding: 0px; margin: 0px; width: 300px; float:left }
	#footer_bottom03 {padding: 0px; margin: 0px; width: 84px; float:left }
	#footer_bottom04 {padding: 0px; margin: 0px; width: 171px; float:left }
	#footer_bottom05 {padding: 0px; margin: 0px; width: 555px;}
	
#sitemap {padding: 0px; margin: 0px 0px 0px 20px; width: 485px;}
#sitemap01 {padding: 0px; margin: 0px 0px 70px 20px; width: 485px;}

/*±Û¾¾ ½ºÅ¸ÀÏ*/
.bold { font: 9pt µ¸À½; color:#666666; font-weight:bold;}
.colbold { font: 9pt µ¸À½; color:#FF6600; font-weight:bold; line-height:30px;}
.black { font: 9pt µ¸À½; color:#000000; line-height:23px;}
.col01 { font: 9pt µ¸À½; color:#FF3300; line-height:23px;}
.col02 { font: 9pt µ¸À½; color:#FD9A8F; line-height:23px;}
.col03 { font: 9pt µ¸À½; color:#666; line-height:20px;}
#image	{padding:5px;border:#F3C1B8 solid 1px;}

/*ÁÖ¼®*/
#recipe {list-style: none; padding-left:0px; margin: 0px;}
#dot01 {background: url(/img/dot.gif) no-repeat 0px 2px; padding-left:15px;}
#dot01_0 {background: url(/img/dot.gif) no-repeat 0px 5px; padding-left:15px;}
#dot02 {background: url(/img/dot01.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_1 {background: url(/img/dot03.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_2 {background: url(/img/dot03_2.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_3 {background: url(/img/dot03_3.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_4 {background: url(/img/dot03_4.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_5 {background: url(/img/dot03_5.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_6 {background: url(/img/dot03_6.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_7 {background: url(/img/dot03_7.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_8 {background: url(/img/dot03_8.gif) no-repeat 0px 3px; padding-left:20px;}
#dot03_9 {background: url(/img/dot03_9.gif) no-repeat 0px 3px; padding-left:20px;}
#dot04 {background: url(/img/dot04.gif) no-repeat 0px 2px; padding-left:15px;}
#dot05 {background: url(/img/dot05.gif) no-repeat 0px 2px; padding-left:15px;}

/*ÅÇ*/
#tab {padding: 0px 0px 10px 10px; margin:0px width: 540px; height:50}

TEXTAREA{
	font-size:12px;
	font-family:"±¼¸²";
	color: #666666;
	line-height: 19px;
}