/* CSS Document */
body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

a {
	outline: none;
}

input {
	font-family: verdana;
	font-size: 11px;
}

textarea {
	overflow: auto;
	font-family: verdana;
	font-size: 11px;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: verdana;
	text-align: center;
	background: #F3F2E7 url(../images/body-bg.gif) repeat-x;
}

	#container {
		width: 992px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		background: url(../images/container-bg.gif) repeat-y;
	}
	
		#main-wrapper {
			width: 992px;
			height: auto;
			background: url(../images/header.gif) no-repeat center top;
		}
			
			h1.logo {
                padding: 105px 0px 0px 65px;
                width: 142px;
    			height: 91px;  			
    		}


    					h1.logo a,
    					h1.logo b {
    						display: block;
    						background: url(../images/logo.gif) no-repeat;
    						width: 142px;
    					    height: 91px;
    					}

    						h1.logo a span,
    						h1.logo b span {
    							display: none;
    						}
			
			#center-wrapper {
				float: left;
				width: 548px;
				margin-left: 50px;
			}
			
			#icon-wrapper {
				float: right;
				margin-top: 87px;
				padding-right: 6px;
			}
				ul.icons {
			    	list-style: none;
			    	
			    	margin: 0px;
			    }
			
				.icons li {
					float: left;
					background: transparent url(../images/icon-bullet.gif) no-repeat 0px 3px;
					padding: 0px 0px 0px 2px;
				}
				
					.icons li.first {
						background: none;
					}
				
					.icons li a {
						display: block;
						width: 20px;
						height: 19px;
						padding: 0px 0px 0px 0px;
					}
					
						.icons a span {
							display: none;
						}
				
				
			#nav-wrapper {
				margin: 112px 0px 0px 0px;
				font-size: 0px;				
			}
				ul.nav {
					padding: 3px 0px 0px 0px;
	            	list-style: none;
	            	margin: 0px;
	            }

	            	.nav li {	            	    
	            	    background: url(../images/a-bg.gif) repeat-x;
	            	    float: left;
	            	    height: 27px;
	            	    white-space:nowrap
	            	}
					
					.nav li.selected {
	            	    height: 27px;
	            	    background: url(../images/sli-bg.gif) repeat-x;
	            	    float: left;
	            	    white-space:nowrap
	            	}
					
					.nav li.first {
						/*--*/
					}
					
					.nav li.selected span {
						display: block;
						background: url(../images/selected-li.gif) no-repeat;
						padding-bottom: 11px;
					} 
					
					.nav li span {						
						display: block;
						background: url(../images/nav-bullet.gif) no-repeat;
						padding-bottom: 11px;
					} 

	            	.nav div {
	            		/*+*/
	            	}

	            		.nav li span a {
	            			display: block;
	            			font-family: verdana;
	            			font-size: 11px;
	            			font-weight: bold;
	            			color: #656565;
							padding: 2px 20px 6px 22px;
	            			text-align: left;
	            			text-decoration: none;
	            			
	            			background: url(../images/span-bg.gif) no-repeat right 0px;
	            		}

	            		.nav a:hover {
	            			text-decoration: underline;
	            		}

	            		.nav a.selected {
	            			display: block;
	            			color: #ffffff;
	            			text-decoration: none;
	            			padding: 2px 20px 6px 22px;	            			
	            			background: url(../images/selected-a.gif) no-repeat right top;
	            		}

	            		.nav a.selected:hover {
	            			color: #ffffff;
	            			text-decoration: none;
	            		}

						.nav a.last {
							background: #F3F2E9;
							padding-right: 13px;
						}

					#lang-wrapper {
						width: 56px;
		                margin: 111px 0px 0px 0px;
		                text-align: center;
		                float: right;
		                font-size: 0px;
		            }
		
		                ul.lang {
		                	list-style: none;
		                	padding: 0px;
		                	margin: 0px;
		                	font-size: 0px;
		                }
		
		                	.lang li {
		                		width: 56px;
		                		height: 22px;
		                		font-size: 0px;
		                		background: url(../images/lang.gif) no-repeat;
		                	}
		
		                	.lang div {
		
		                	}
		
		                		.lang li a {
		                			display: block;
		                			font-size: 11px;
		                			color: #000000;
		                			text-align: center;
		                			text-decoration: none;
		                			padding: 3px 0px 0px 11px;
		                		}
								
								.lang a.first {
									background: none;
								}
								
		                		.lang a:hover {
		                			text-decoration: underline;
		                		}
		
		                		.lang li a.selected {
		                			color: #F2F1E7;
		                			padding: 3px 0px 4px 9px;
		                			background: url(../images/lang-selected.gif) no-repeat;
		                		}
		
		                		.lang a.selected:hover {
		                			text-decoration: none;
		                		}
		
		                			.lang a.first {
		                				background: none;
		                			}
		
		#content-box {
			width: 992px;
			height: auto;
			background: url(../images/content-box.gif) no-repeat center bottom;
		}
			#left-wrapper {
				width: 261px;
				float: left;
			}
			
				#title-wrapper {
					margin: 52px 0px 0px 55px;
					width: 160px;
					height: 25px;
					background: url(../images/title-wrapper.gif) no-repeat;
					text-align: center;
				}
				
					h2.title {
						text-decoration: none;
						padding-top: 3px;
						font-size: 14px;
						font-weight: bold;
						color: #F3F2E9;
					}
						h2.title a {
							text-decoration: none;
							font-weight: bold;
							color: #F3F2E9;
						}
				#left-nav-wrapper {
					padding-top: 12px;
				}
					
					ul.nav-left {
						padding: 0px;
		            	list-style: none;
		            	margin: 0px;
		            }
	
		            	.nav-left li {
		            	    padding: 7px 0px 9px 0px;
		            	    width: 150px;
							margin-left: 58px;
		            	    background: url(../images/left-li.gif) no-repeat 15px bottom;
		            	}
						
						.nav-left li.last {
							background: none;
						}
						
	
		            		.nav-left a {
		            			display: block;
		            			font-family: verdana;
		            			font-weight: bold;
		            			font-size: 11px;
		            			color: #656565;
								padding: 0px 0px 0px 15px;
		            			text-align: left;
		            			text-decoration: none;
		            			background: #F3F2E9 url(../images/left-bullet.gif) no-repeat 0px 7px;
		            		}
	
		            		.nav-left a:hover {
		            			text-decoration: underline;
		            		}
	
		            		.nav-left a.selected {
		            			color: #8C171A;
		            			text-decoration: none;	            			
		            			background: url(../images/left-selected.gif) no-repeat 0px 7px;
		            		}
	
		            		.nav-left a.selected:hover {
		            			color: #8C171A;
		            			text-decoration: none;
		            		}
	
							.nav-left a.last {
								background: #F3F2E9;
								padding-right: 13px;
							}
				#tfriend {
					width: 147px;
					border-top: 1px #DFDDD6 solid;
					margin: 44px 0px 0px 72px;
				}
					form.tfriend {
						padding:0px 0px 70px 11px;
					}
					
					#tfriend .submit-button {
						width: 71px;
						height: 20px;
						background: url(../images/submit.gif) no-repeat;
						border: none;
						font-size: 11px;
						color: #FFFFFF;
						
					}
				
					#tfriend .text-input {
						width: 133px;
						height: 15px;
						border: 1px solid #D6D6D4;
						margin-bottom: 7px;
						background: #F3F2E7;
					}
					
					#tfriend .title {
						font-size: 11px;
						font-weight: bold;
						color: #700C0F;
						padding: 18px 0px 10px 0px;
					}
			#content-wrapper {
				float: left;
				
			}
				
				#sub-box {
					position: relative;
					width: 548px;
					height: 121px;
					margin: 0px 0px 0px 0px;
					background: url(../images/sub-nav-wrapper.gif) no-repeat center top;
				}
					*> #sub-box {
							min-height: 121px;
							height: auto;
						}
						
				#sub-nav-wrapper {
						width: 548px;						
						margin: 0px 0px 20px 0px;
						padding-bottom: 20px;
					}
						*> #sub-nav-wrapper {
							min-height: 94px;
							height: auto;
						}
					
						
						ul.sub-nav {
							list-style: none;
							margin: 0px;
							padding: 10px 0px 0px 0px;
						}
	
							.sub-nav li {
								float: left;
								width: 33%;								
								padding: 0px;
							}
	
								.sub-nav a {
									display: block;
									font-weight: bold;
									background: url(../images/sub-bullet.gif) no-repeat 0px 12px;
									font-size: 11px;
									color: #060606;
									font-family: verdana;
									text-decoration: none;
									padding: 7px 0px 4px 10px;
								}
	
								.sub-nav a:hover {
									color: #7D1315;
								}
	
								.sub-nav a.selected {
									color: #7D1315;
									font-weight: bold;
								}
	
								.sub-nav a.selected:hover {
									color: #7D1315;
									font-weight: bold;
								}
	
						h3.sub-title {
						    color: #787878;
						    font-size: 18px;
						    font-family: verdana;
						    font-weight: normal;
						    line-height: 24px;
						    width: 350px;
						    float: left;
						    position: absolute;
						    bottom: 0px;
						    padding: 0px 0px 10px 0px;
						}
						
						#print {
							float: right;
							width: 20px;
							height: 19px;
							margin-top: 8px;
							position: absolute;
						    bottom: 0px;
						    right: 0px;
						}
						
						h4.sub-title {
							color: #787878;
							font-size: 16px;
							padding-bottom: 15px;
						}
						
				#content {
					width: 548px;
					height: 250px;
					font-family: verdana;
					font-size: 11px;
					color: #3e3e3c;
				    line-height: 18px;
					background: url(../images/dots.gif) no-repeat center top;
					padding: 29px 0px 200px 0px;
				}
				
					*> #content {
							min-height: 250px;
							height: auto;
						}
						
						#content a {
							color: #7D1315;
						}
						
				#right-wrapper {
					float: left;
					width: 80px;
				}
						
				#created {
					padding: 9px 20px 5px 0px;
					font-size: 10px;
					color: #A6A7A3;
					font-family: verdana;
					margin: 0px 0px 84px 1px;
				}
				
					#created p {
						text-align: left;
						padding-top: 1px;
						padding-bottom: 4px;
					}
					
						#created a.created-by {
							background: transparent url(../images/sys/artogama.gif) no-repeat right top;
							text-decoration: none;
							color: #A6A7A3;
							font-family: verdana;
							height: 21px;
							padding: 4px 70px 5px 0px;
						}
						
							#created a.created-by span.hide {
								display: none;
							}

/*---------------------------------pagemain-----------------------------------*/
#main-container {
	width: 850px;
	height: 469px;
	margin-top: 73px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#main-left {
	width: 229px;
	height: 469px;
	background: url(../images/left.gif) no-repeat;
	float: left;
}
						
	h1.logo-main {
		margin: 74px 0px 0px 63px;
		padding-bottom: 42px;
		width: 142px;
		height: 91px;  			
	}
				
				
			h1.logo-main a,
			h1.logo-main b {
					display: block;
				    background: transparent url(../images/logo.gif) no-repeat;
				    width: 142px;
				    height: 91px;
				}
				
					h1.logo-main a span,
				    h1.logo-main b span {
				    	display: none;
				    }
				    						
							#main-nav-wrapper {
								padding: 12px 0px 0px 65px;
								font-size: 0px;
							}
								
								ul.main-nav {
									padding-left: 5px;
									font-size: 0px;
					            	list-style: none;
					            	margin: 0px;
					            }
				
					            	.main-nav li {
					            		
					            	    padding: 0px;
					            	    margin: 0px;
					            	}
									
									.main-nav li.last {
										background: none;
									}
									
									.main-nav li.selected {
										background: url(../images/main-nav-sli.gif) repeat-y;
										margin-left: -5px;
										margin-bottom: 3px;
									}
									
									.nav-top {
										width: 163px;
										background: url(../images/main-sli-top.gif) no-repeat center top;
									}
									
									.nav-bottom {
										width: 163px;
										background: url(../images/main-sli-bottom.gif) no-repeat center bottom;
									}
									
					            		.main-nav a {
					            			display: block;
					            			font-family: verdana;
					            			font-size: 12px;
					            			color: #540B0D;
											padding: 4px 0px 4px 22px;
					            			text-align: left;
					            			text-decoration: none;
					            			background: url(../images/main-li-button.gif) no-repeat 6px 11px;
					            		}
				
					            		.main-nav a:hover {
					            			text-decoration: underline;
					            		}
				
					            		.main-nav a.selected {
					            			color: #FFFFFF;
					            			font-weight: bold;
					            			text-decoration: none;
					            			padding: 3px 0px 3px 28px;	            			
					            			background: url(../images/main-nav-sbullet.gif) no-repeat 8px 5px;
					            		}
				
					            		.main-nav a.selected:hover {
					            			text-decoration: none;
					            		}
				
										.main-nav a.last {
											background: #F3F2E9;
											padding-right: 13px;
										}
							
					#main-center {
						width: 394px;
						height: 469px;
						background: url(../images/center.gif) no-repeat;
						float: left;
						text-align: center;
					}
						h2.slogan {
							padding-top: 81px;
							font-size: 22px;
							color: #620B0C;
							font-weight: normal;
						}
						
					#main-right {
						width: 227px;
						height: 469px;
						background: url(../images/right.gif) no-repeat;
						float: left;
					}
						#main-lang-wrapper {
							width: 56px;
							height: 200px;
			                padding: 86px 0px 0px 107px;
			                text-align: center;
			                font-size: 0px;
						}

								#main-friend {
									width: 147px;
									border-top: 1px #DFDDD6 solid;
									margin: 3px 0px 0px 9px;
								}
									form.main-friend {
										padding: 0px 0px 0px 9px;
									}
									
									#main-friend .submit-button {
										width: 71px;
										height: 20px;
										background: url(../images/submit.gif) no-repeat;
										border: none;
										font-size: 11px;
										color: #FFFFFF;
										
									}
								
									#main-friend .text-input {
										width: 133px;
										height: 15px;
										border: 1px solid #D6D6D4;
										margin-bottom: 7px;
										background: #F3F2E7;
									}
									
									#main-friend .title {
										font-size: 11px;
										font-weight: bold;
										color: #700C0F;
										padding: 15px 0px 10px 0px;
									}
/* Clear Fix */

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}