body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,p{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;zoom:1;}
body {
	margin: 0 auto;
	background-color: #efe3de;
	text-align: center;
	behavior:url("../src/csshover.htc");
	overflow-y:scroll;
}
*html body { overflow-y:auto;}
*+html body { overflow-y:auto;}
body { overflow-x: hidden;}

/* ------ clear fix ------ */

div:after {  
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;  
}
div { zoom: 100%;}

/* ================================================================================ */
/*      BASIS STRUCTURE                                                             */  
/* ================================================================================ */

a {
	color: #1c89ce;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	color: #ffcf00;
	text-decoration: underline;
}

a#link,a#link:hover {
	color: #666666;
	cursor: text;
	text-decoration: none;
}

h4,h5,p,ul,li,dl,dd,dt,input,textarea,pre {
	font-family: Verdana,sans-serif;
	text-align: left;
}

p,li,dd,dt { color: #444444;}

ul,dl { list-style: none;}

ul img {vertical-align: -7px;}

strong {
	font-weight: bold;
	color: #0276cf;
}
strong.important {
	color: #1c89ce;
	background-color: #ffcc00;
}
strong.important:hover {
	background-color: #ffffff;
}

s {
	text-decoration: line-through;
	color: #999999;
}


/* ------ LAYOUT ------ */   


#container {
	width: 768px;
	margin: 0 auto;
}

#content {
	position: relative;
	padding: 0 25px 150px 25px;
	background: #ffffff url(bg_content_bottom.gif) no-repeat bottom;
}

/* ================================================================================ */
/*      INDEX                                                                       */  
/* ================================================================================ */


#container.index {
	margin:-260px 0 0 -384px;
	padding: 0 0 20px 0;
	position:absolute;
	height: auto;
	top:50%;
	left:50%;
	width:768px;
	background: #ffcc00 url(bg_index.gif) no-repeat left bottom;
}
body > #contents.index {
	height:auto;
	min-height: 530px;
}
#container.index #content {
	background: url(bg_index.gif) no-repeat top;
	background-position: -768px 0;
	padding: 20px 0 0 0;
}
#container.index div#header {
	float: left;
	width: 100%;
}
#container.index h1 {
	margin: 0 0 0 20px;
	width: 80px;
	height: 227px;
	text-indent: -9999em;
/*\*/
	overflow: hidden;
/**/
	background: url(logo.gif) no-repeat;
	position:absolute;	
}

div#scribble {
	padding: 0 0 45px 0;
	position: relative;
}

div#scribble p.hitokoto {
	top: 220px;
	left: 100px;
	display: block;
	position:absolute;
	background: url(hitokoto.gif) no-repeat;
	width: 32px;
	height: 32px;
	text-indent: -9999em;
/*\*/
	overflow: hidden;
/**/
	z-index: 10;
	font-size: 80%;
}
div#scribble p.hitokoto:hover {
	top: 216px;
	left: 100px;
	display: block;
	position:absolute;
	padding: 10px;
	background: #ffffff;
	width: 20em;
	height: auto;
	text-indent: 0;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	cursor: help;
}

div#scribble p.about {
	bottom: 0px;
	left: 32px;
	width: 165px;
	height: 32px;
	position:absolute;
}
div#scribble p.about a {
	width: 165px;
	height: 32px;
	text-indent: -9999em;
/*\*/
	overflow: hidden;
/**/
	position:absolute;
	background: url(about.gif) no-repeat;
}
div#scribble p.about a:hover { background-position: 0 -32px;}

div#scribble p.log {
	top: 412px;
	left: 538px;
	width: 204px;
	height: 43px;
	position:absolute;
}
div#scribble p.log a {
	width: 204px;
	height: 48px;
	text-indent: -9999em;
/*\*/
	overflow: hidden;
/**/
	position:absolute;
	background: url(kakolog.gif) no-repeat;
}
div#scribble p.log a:hover { background-position: 0 -48px;}

div#scribble dl {
	margin: 0 0 0 250px;
	width: 492px;
	height: 408px;
	border: 2px solid #ffcc00;
}
div#scribble dl dt {
	font-size: 80px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffcc00;
	position: absolute;
	z-index: 1;
}

div#scribble dl dt.a {
	top: 20px;
	left: 260px;
}
div#scribble dl dt.b {
	top: 152px;
	left: 260px;
}
div#scribble dl dt.c {
	top: 284px;
	left: 260px;
}

div#scribble dl dd {
	float: left;
	width: 490px;
	height: 130px;
	border-bottom: 4px solid #ffcc00;
}
div#scribble dl dd a {
	width: 490px;
	height: 130px;
	text-indent: -9999em;
/*\*/
	overflow: hidden;
/**/
	position:absolute;
}
div#scribble dl dd.a { background: url(../img/log/2010/100812_1.jpg) 50% 50%;}
div#scribble dl dd.b { background: url(../img/log/2010/100809_1.jpg) 50% 20%;}
div#scribble dl dd.c { background: url(../img/log/2010/100724_1.jpg) 50% 5%;}

div#scribble dl dd a:hover {
	background: #000000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

p.update {
	position: absolute;
	top: 424px;
	left: 315px;
	width: 200px;
	padding: 4px 10px 4px 6px;
	background: #ffffff url(bg_update.gif) no-repeat 100% 0;
	font-size: 80%;
	color: #666666;
}



/* ================================================================================ */
/*      :-)                                                                         */  
/* ================================================================================ */

.clear { clear: both;}
.hidden { display: none;}


.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: url(tt_middle.gif) no-repeat 95% 50% #666666;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0 28px 0 15px;
}

.glt-elm img{
	display: block;
}