/* tagged (+ alternately classified) elements */

body	{ margin: 0; padding: 0; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif; font-size: 96%; }
img		{ vertical-align: -20%; }
a		{ color: #D50; }
a:hover	{ background-color: #FEC; text-decoration: none; }
a img	{ border: 0; vertical-align: bottom; }
.sml	{ font-size: smaller; }
.lrg	{ font-size: larger; }
form	{ margin: 0; padding: 0; }
.p, p, pre, blockquote, ul
		{ margin: 10px 5px; padding: 5px; }
table	{ margin: 10px 5px; }
th		{ padding: 0 2px; text-align: left; }
blockquote
		{ padding: 5px 20px; border: solid #DDB; border-width: 1px 5px; }
li		{ margin: 0 0 0 30px; padding: 0; }
dl		{ margin: 10px 5px; padding: 0 5px; }
td ul,
ul ul,
dl dd	{ margin: 2px 0; padding: 5px 3px 5px 17px; }
dl dd	{ margin: 0; }
h1		{ margin: 5px 0; padding: 5px; border: solid #CCC; border-width: 1px 0; letter-spacing: 4px; }
h2		{ margin: 10px 0 0 0; padding: 10px 10px 0 10px; border: solid #060; border-width: 3px 0 0 0; font-size: 126%; letter-spacing: 3px; }
h3		{ margin: 5px 0 0 0; padding: 3px 10px 5px 10px; border: double #093; border-width: 0 0 3px 0; font-size: 116%; letter-spacing: 2px; }
h4		{ margin: 7px 5px 0 5px; padding: 5px 4px; border: dashed #093; border-width: 0 0 1px 0; font-size: 106%; letter-spacing: 1px; }
h5		{ margin: 12px 5px 5px 5px; padding: 0 8px; border: solid #093; border-width: 0 0 0 10px; font-size: 100%; }
textarea
		{ width: 100%; }
td		{ padding: 2px; }
td.top	{ vertical-align: top; }
table thead td, tr.bg td, td.bg, th
		{ background: #F7F7E8; border: solid #DDB; border-width: 0 0 1px 0; }
hr		{ margin: 2px 2px 4px 2px; padding: 0; height: 1px; border: dotted #CCC; border-width: 1px 0 0 0; }
pre		{ background: #F7F7E8; font-size: small; }

input	{ vertical-align: middle; }

/* classified elements */

h2.admin { border-color: #C00; color: #900; }
h2 img.fl { margin: 0 5px 10px 0; }

pre.code { border: 1px solid #DDB; }

dl.navi { padding: 2px; background: #F7F7E8; border: 1px solid #DDB; }
dl.navi dt { float: left; margin: 0 10px 0 0; padding: 5px; border: solid #DDB; border-width: 0 1px 0 0; }
dl.navi dd { padding: 5px; }

table.fullwdt { width: 100%; margin: 5px 0; padding: 0 5px; }
table.frame { border-collapse: collapse; }
table.frame td { border: 1px solid #DDB; }
td.w80 { width: 80px; }
td.w120 { width: 120px; }
td.w150 { width: 150px; }
td.w50p { width: 50%; }

a.back, a.next, a.external, a.admin
		{ background-repeat: no-repeat; background-position: center; }
a.next, a.external, a.admin
		{ padding-right: 15px; background-position: right; }
a.back	{ padding-left: 15px; background-image: url("link_back.png"); background-position: left; }
a.next	{ background-image: url("link_next.png"); }
a.external
		{ background-image: url("link_external.png"); }
a.admin	{ padding-right: 18px; color: #05D; background-image: url("link_admin.png"); }
a.admin:hover
		{ background-color: #CEF; }

img.fl	{ margin: 0 5px 5px 0; }
img.fr	{ margin: 0 0 5px 5px; }

.gray	{ color: #999; }
.red	{ color: #D00; }
.green	{ color: #0A0; }

.bg		{ background: #F7F7E8; }
.bg_red { background: #FFF6F0; }
.bg_green { background: #F0F6FF; }

.b		{ font-weight: bold; }

.r		{ text-align: right; }
.c		{ text-align: center; }
.l		{ text-align: left; }

.bc		{ margin-right: auto; margin-left: auto; }

.fr		{ float: right; }
.fl		{ float: left; }
.clr	{ clear: both; }

.by		{ margin: -10px 0 10px 0; text-align: right; font-size: 96%; }

.bdr	{ border: 1px solid #DDB; }

.nowrap	{ white-space: nowrap; }

.nolist { list-style-type: none; }

.alphameric { font-family: Arial; }

.new	{ margin: 0 4px; padding: 0 4px; background: #060; color: #FFF; font-size: x-small; font-weight: bold; letter-spacing: 1px; }

/* pieces related elements */

/* meta_info.php */
#meta_info {}
	#meta_info_menu { margin: 5px 5px 0 5px; padding: 0;list-style: none; }
		#meta_info_menu li { float: left; margin: 0 2px -1px 3px; padding: 0; }
		#meta_info_menu li a { display: block; padding: 2px 9px; }
		#meta_info_menu li.active { padding: 4px 9px 3px 9px; background: url("gradation.png") repeat-x #F7F7E8; border: 1px solid; border-color: #DDB #DDB #F7F7E8 #DDB; z-index: 2; }
	#meta_info_field { clear: left; margin: -1px 5px 5px 5px; background: #F7F7E8; border: 1px solid #DDB; z-index: 1; font-size: 84%; }
		#meta_info_field th { width: 20%; }
		#history table, #article table { width: 100%; margin: 5px 0; padding: 0 5px 0 0; }
		#history caption, #article caption { padding: 2px; background: #433; color: #FFF; }
		
/* article.php */
#form_article {}
	#article_contents { width: 20%; }
	#article_projects { width: 40%; }
	#article_articles { width: 40%; }
	#form_article select { width: 100%; }
	#form_article select.large { height: 100%; }

/* movie.php */
.movie_base { z-index: 1; position: relative; }
.movie_base .flvplayer { padding-top: 5px; }
.movie_base .flvplayer embed { margin-bottom: 5px; }
.movie_basic { z-index: 2; position: absolute; top: -188px; width: 425px; height: 375px; padding: 0 5px; background: #FFF; border: 1px solid #000; text-align: right; font-size: 12px; }
.movie_right { right: 0; }
.movie_left { left: 0; }