html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin:0px;padding:0px;}
ul,ol{list-style:none;}
html{overflow-y:hidden;
    height:100%; }
select{font-size:11px;}
body{font-family:Verdana,"メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3",sans-serif;font-size:12px;}
img{border:none;}
a{color:#D6C507;text-decoration:none;}
a:hover{background:#333;color:#D6C507;}
body{
background:#0D0D0D;
color:#737660;
}
/*--------------------------------------------------------------*/
#container{
	clip: rect(auto 100% 100%  auto);
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
}
/*--------------------------------------------------------------*/
#thumbnail{
	z-index:0;
	position:absolute;
	overflow:hidden;
	margin:0px auto;
	width:100%;
	height:100%;
}
	#thumb_list{
	}
	#thumbnail ul{
		margin:0px;
		width:950px;
		margin:10px auto;
	}

		#thumbnail ul li{
			padding:5px 10px 8px 10px;
		}




#control{
	clip: rect(auto 100% 100%  auto);
	display:block;
	z-index:15;
	width:100%;
	overflow:hidden;
	min-width:950px;
	height:100%;
	position:absolute;
	color:white;
	opacity:0.9;
	-moz-opacity:0.9;
	filter:Alpha(Opacity=90);
	background:url(images/bg_grad.gif) repeat-x top left #070707;
	padding:0px auto;
}

   #controlGroup{
   		margin:0px auto;
   		overflow:auto;
   		width:950px;
   }

		#control #header{
			padding:10px 0px 0px auto;
			float:left;
			width:475px;
		}
		#control #header h1{
			padding:15px 20px 0px;
		}
		#control #header h1 a:hover{
			background:none;
		}
		#control #header dl{
			margin:10px 10px 10px 15px;
		}
			#control #header dl dt{
				font-size:11px;
				color:#4B4B49;
				position:absolute;
				text-align:right;
				width:7em;
				z-index:20;
								line-height:18px;
			}
					#control #header dl dd{
						font-size:11px;
						padding-left:7em;
					}
							#control #header dl dd ul li{
								font-size:14px;
								line-height:18px;
							}
							#control #header dl dd ul li a{
								color:white;
								outline:0;
							}
							#control #header dl dd ul li a:hover{
								color:#D6C507;
								text-decoration:none;
							}
						
				#control #header dl.othermenu dd{
					display:block;
				}
				#control #header dl.othermenu dd ul{
					padding:3px 4px;
				}
								#control #header dl.othermenu dd ul li{
									font-size:10px;
									line-height:16px;
									color:#eee;
								}


								#control #header dl.othermenu dd.profile a{
									font-style:normal;
									font-size:12px;
									color:#fff;
									line-height:1.4em;
								}
								#control #header dl.othermenu dd.profile a:hover{color:#D6C507;}


								#control #header dl.othermenu dd address a{
									font-style:normal;
									font-size:14px;
									color:#fff;
									line-height:1.2em;
								}
			#othermenu {
				font-size:12px;
				color:#333;
			}

		
		
	#control #contents{
		float:right;
		width:445px;
	}
	#control #contents ul li{
		font-size:0px;
	}
		#control #contents dl{
			margin:15px 0px 50px;
		}
			#control #contents dl dt{
				margin:2px 40px 0px 0px;
				padding:6px 0px 5px 5px;
				border-left:2px solid #fff;
				font-size:10px;
				line-height:0.7em;
								color:#4B4B49;
				cursor:pointer;
			}
							#control #contents dl dt a{
								outline:0;
								font-size:13px;
								color:#fff;
								margin-bottom:6px;
								
								font-style:normal;
								display:block;
							}
							#control #contents dl dt a:hover{
								background:none;
							}
				#control #contents dl dd{
					padding:10px 12px 10px;
					font-size:12px;
				}
					#control #contents dl dd ul li{
						font-size:11px;
					}

				#control #contents dl dd ul{
					font-size:11px;
					padding:5px 5px;
				}
	
	
	
	#navigation{
		text-align:center;
		float:right;
		width:30px;
		background:#020302;
		visibility:hidden;
	}
	
	#navigation a{
		background:transparent url(images/closebg.gif)  center 20px no-repeat;
		height:1000px;
		outline:0;
		display:block;
		color:white;
	}

#workshop{
	position:absolute;
	height:100%;
	min-width:950px;
	width:100%;
	padding-top:80px;
	z-index:1;
	background:#fff;
	text-align:center;
}
#workshop .canvas{
	
}



#exhibition{
	text-align:center;
	height:100%;
	min-width:950px;
	width:100%;
	z-index:5;
	overflow:hidden;
	margin:0px;
}

#dragArea{
	cursor:move;
	padding:0px;
	margin:0px auto;
	left:0px;
}

#currentImage{
	
}
#currentImage a{
}










/*
#exhibition ul{
	position:absolute;
	top:20px;
	width:100%;
	min-width:950px;
	
	}
#exhibition ul li.prev{
	float:left;
	margin-left:40px;
	}
		#exhibition ul li.prev a{
			padding-bottom:15px;
			background:url(images/prev.gif) bottom left no-repeat;
		}
#exhibition ul li.next{
	float:right;
	margin-right:40px;
	}
		#exhibition ul li.next a{
			padding-bottom:15px;
			background:url(images/next.gif) bottom right no-repeat;
		}
*/

#clouds{
		width:100%;
		position:absolute;
}
	#clouds dl{
		width:950px;
		margin:135px auto 0px;
		text-align:right;
	}
			#clouds dt{
				margin-left:475px;
				text-align:left;
				color:#4B4B49;
				margin-bottom:4px;
				font-size:11px;
			}
			#clouds dl dd{
				text-align:left;
				margin-left:475px;
			}
					#clouds ul{
						font-size:12px;
						line-height:15px;
						padding:0px 10px 10px 0px;
						}
					#clouds ul li{
						display:inline;
						color:#fff;
					}

	#clouds ul .rank-1  { font-size: 1.75em; }
	#clouds ul .rank-2  { font-size: 1.75em; }
	#clouds ul .rank-3  { font-size: 1.625em; }
	#clouds ul .rank-4  { font-size: 1.5em; }
	#clouds ul .rank-5  { font-size: 1.375em; }
	#clouds ul .rank-6  { font-size: 1.25em; }
	#clouds ul .rank-7  { font-size: 1.125em; }
	#clouds ul .rank-8  { font-size: 1em; }
	#clouds ul .rank-9  { font-size: 0.95em; }
	#clouds ul .rank-10 { font-size: 0.9em; }

#copyright{
	color:white;
	position:absolute;
	z-index:15;
	font-size:10px;
	padding:20px
}