@charset "utf-8";

@import "common_ruby.css";

/* global setting */
* {
	margin:			0px;
	padding:		0px;
}
.hide {
	display:		none;
}
.hidden, .hidden * {
	color:			white;
}

/* global navbar */
#ts3skip {
	display:		none;
}
#ts3bar {
	margin:			0px;
	padding:		5px;
	background-color:	#225414;
	color:			white;
	font:			8pt "Tahoma", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
}
#ts3bar a {
	color:			white;
	text-decoration:	none;
	font-weight:		normal;
}
#ts3bar a:hover, #ts3bar a:focus {
	text-decoration:	underline;
}

/* header */
#title {
	height:			60px;
	background:		#4F823F url('../img/logo_title.png') right bottom no-repeat;
	margin:			0px;
	font-size:		0pt;
	text-indent:		-1000em;
}
#menu {
	position:		relative;
	top:			0px;
	margin:			-26px 0px 0px 0px;
	padding:		0px;
	height:			26px;
	font-size:		0pt;
}
#menu li {
	display:		block;
	float:			left;
	margin:			0px 4px 0px 0px;
	padding:		0px;
	height:			26px;
}
#menu li a {
	display:		block;
	height:			26px;
	font-size:		0px;
	text-indent:		-1000em;
}
#menu li a span {
	display:		block;
	height:			26px;
	background-position:	left top;
	background-repeat:	no-repeat;
	cursor:			pointer ! important;
}
#menu li.main span { background-image: url('../img/menu_main.png'); }
#menu li.who span { background-image: url('../img/menu_who.png'); }
#menu li.blog span { background-image: url('../img/menu_blog.png'); }
#menu li.wiki span { background-image: url('../img/menu_wiki.png'); }
#menu li.studio span { background-image: url('../img/menu_studio.png'); }
#menu li.bbs span { background-image: url('../img/menu_bbs.png'); }
#menu li.link span { background-image: url('../img/menu_link.png'); }
#menu li.main, #menu li.main * { width: 61px; }
#menu li.who, #menu li.who * { width: 58px; }
#menu li.blog, #menu li.blog * { width: 56px; }
#menu li.wiki, #menu li.wiki * { width: 52px; }
#menu li.studio, #menu li.studio * { width: 75px; }
#menu li.bbs, #menu li.bbs * { width: 47px; }
#menu li.link, #menu li.link * { width: 46px; }
#info {
	margin:			0px;
	background:		white url('../img/logo_subtitle.png') right top no-repeat;
	font:			10pt "Century Gothic", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			#4F823F;
	padding:		2px 5px;
}

/* sidebar */
#sidebar {
	width:			200px;
	float:			right;
	background-color:	white;
	margin:			10px 0px 50px 0px;
}
#sidebar h2 {
	font:			bold 12pt "Lucida Sans", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;;
	background:		#A0CE94 url('../img/sidebar_rounded7.png') top left no-repeat;
	color:			white;
	margin:			0px 0px 5px 0px;
	padding:		0px;
	border:			0px;
}
#sidebar h2 span, #sidebar h2 a {
	display:		block;
	background:		url('../img/sidebar_rounded1.png') bottom left no-repeat;
	margin:			0px;
	padding:		3px 5px;
}
#sidebar h2 a {
	color:			white;
	text-decoration:	none;
}
#sidebar p {
	margin:			5px;
}
#sidebar ul {
	margin:			0px;
	padding:		0px;
}
#sidebar li {
	list-style:		none;
	background:		url('../img/sidebar_bullet.png') 0px 3px no-repeat;
	margin:			3px 5px;
	padding:		0px 0px 0px 10px;
}
#sidebar li a {
	font-weight:		normal;
}

/* contents */
#main {
	margin:			10px 210px 10px 0px;
}
h1 {
	font:			bold 16pt "Lucida Sans", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;;
	color:			#225414;
	border-bottom:		2px solid #4F823F;
	padding:		3px 5px;
	margin:			10px 5px;
}
h2 {
	font:			bold 12pt "Lucida Sans", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			#4F823F;
	border-bottom:		1px solid #74AA66;
	padding:		0px 5px;
	margin:			20px 5px 10px 5px;
}
h2 a {
	color:			#4F823F;
	text-decoration:	none !important;
}
h3 {
	font:			bold 10pt "Lucida Sans", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			#74AA66;
	margin:			15px 10px 10px 10px;
}
h3 a {
	color:			#74AA66;
	text-decoration:	none !important;
}
.sectlicense {
	float:			right;
	margin:			-8px 10px 10px 10px;
	background-color:	#A0CE94;
	border:			2px solid #A0CE94;
	color:			white;
	font-weight:		bold;
	padding:		0px 0px 0px 3px;
}
.sectlicense img {
	vertical-align:		middle;
}
.sectinfo {
	font:			8pt "Tahoma", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	margin-top:		-8px;
	margin-bottom:		10px;
	color:			#4F823F;
}
.sectinfo a {
	font-weight:		normal;
	color:			#4F823F;
}
p {
	font:			10pt "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			black;
	margin:			5px 5px 5px 10px;
	line-height:		130%;
	text-align:		justify;
}
a {
	color:			#225414;
	font-weight:		bold;
	text-decoration:	none;
}
a:hover, a:focus {
	text-decoration:	underline;
}
img {
	border:			0px;
}
img.border {
	border:			1px solid #225414;
}
ul, ol {
	margin:			5px 5px 5px 30px;
}
ul ul, ul ol, ol ul, ol ol {
	margin:			5px 5px 5px 20px;
}
dl {
	margin:			5px 5px 5px 10px;
}
li, dt, dd {
	font:			10pt "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			black;
	margin:			5px 0px;
	text-align:		justify;
	line-height:		130%;
}
dt {
	font-weight:		bold;
}
dd {
	margin:			5px 0px 5px 20px;
}
blockquote {
	margin:			10px 30px;
	padding:		5px 0px;
	background-color:	#CAE5C3;
	border-top:		3px solid #A0CE94;
	border-bottom:		3px solid #A0CE94;
	text-align:		justify;
}
q {
	quotes:			'"' '"' "'" "'";
	color:			#4F823F;
}
q q {
	quotes:			"'" "'";
}
q[cite]:after {
	content:		'"(' attr(cite) ')';
}
tt, code {
	font:			10pt "Lucida Console", "Luxi Mono", "굴림체", "GulimChe", "은 타자", monospace;
	color:			#225414;
}
abbr, acronym {
	background:		url('../img/common-acronym.png') bottom repeat-x;
	border:			0px;
	cursor:			help;
}
pre {
	font:			10pt "Lucida Console", "Luxi Mono", "굴림체", "GulimChe", "은 타자", monospace;
	margin:			10px 30px;
	padding:		5px;
	background-color:	white;
	color:			#225414;
	border:			1px solid #A0CE94;
	border-left:		5px solid #A0CE94;
	line-height:		120%;
	overflow:		hidden;
}
small {
	font:			9pt "Tahoma", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			#4F823F;
}
small.more {
	font-size:		8pt;
}
small.par:before {
	content:		"(";
}
small.par:after {
	content:		")";
}
hr {
	clear:			both;
	height:			1px;
	margin:			5px 10px;
	padding:		0px;
	color:			#225414;
	background-color:	#225414;
	border:			0px;
}
input, option {
	font:			10pt "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			black;
	line-height:		120%;
}
textarea {
	font:			10pt "굴림체", "GulimChe", "Lucida Console", "Luxi Mono", "은 타자", monospace;
	color:			black;
	line-height:		120%;
	padding:		2px;
}

/* footer */
address {
	clear:			both;
	margin:			20px 0px 0px 0px;
	padding:		3px 5px;
	border-bottom:		2px solid #225414;
	font:			8pt "Tahoma", "Verdana", "Luxi Sans", "Arial", "Helvetica", "굴림", "Gulim", "은 돋움", "Baekmuk Gulim", sans-serif;
	color:			#225414;
}
address a {
	font-weight:		normal;
}

/* additional */
div.ts3adsense {
	margin:			10px 10px 0px 10px;
}