/* body */
body {
	font-size: x-small;
	text-align: center;
	background: #111111;
	color: #ffffff;
	line-height: 1.2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	/* IE only */
	/*scrollbar-base-color: #999999;*/       /* ベースカラー */
	/*scrollbar-face-color: #333333;*/       /* 表面の色 */
	/*scrollbar-3dlight-color: #333333;*/    /* 左端と上端の色 */
	/*scrollbar-darkshadow-color: #333333;*/ /* 右端と下端 */
	/*scrollbar-highlight-color: #999999;*/  /* ハイライトの色 */
	/*scrollbar-shadow-color: #999999;*/     /* 影の色 */
	/*scrollbar-arrow-color: #ffffff;*/      /* 矢印の色 */
	/*scrollbar-track-color: #333333;*/      /* バーの背景の色 */
}

/* a */
a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited, a:hover, a:active {
	color: #999999;
	text-decoration: none;
}

/* img */
img {
	border: 0px;
}

/* main contents settings */
#base {
	position: relative;
	margin: 10px auto 0px;
	width: 1000px;
	background: url(../images/bg_forest.jpg);
	text-align: left;
}

h1#title {
	position: absolute;
	top: 520px;
	right: 10px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	color: #0c0c0c;
	width: 78px;
	height: 15px;
	background: url(../images/title.gif);
}

#contents {
	position: absolute;
	top: 50px;
	left: 50px;
	margin: 10px auto;
	padding: 10px 10px 0px;
	width: 700px;
}

a {
	text-decoration: none;
}

/* classes */
.red {
	color: #ff0000;
}

.xxsmall {
	font-size: xx-small;
}

/* select background image */
#selectBg {
	position: absolute;
	top: 10px;
	left: 10px;
}

#tooltipDisp {
	position: absolute;
	top: 7px;
	right: 10px;
}

.prototip .sacredtip { border: 2px double #999999; }
.prototip .sacredtip .toolbar { background: #ff1e53; color: #ffffff; font: italic 11px Georgia, serif; }
.prototip .sacredtip .title { padding: 1px; }
.prototip .sacredtip .content { background: #333333; color: #ffffff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

/* menu */
div.menu {
	position: absolute;
	font-weight: bold;
	color: #ffffff;
}

#menuAbout {
	top: 520px;
	right: 150px;
	/*width: 43px;
	height: 15px;
	background: url(../images/menu01.gif) no-repeat;*/
}

#menuProfile {
	top: 520px;
	right: 223px;
	/*width: 60px;
	height: 15px;
	background: url(../images/menu02.gif) no-repeat;*/
}

#menuMusic {
	top: 518px;
	right: 303px;
	/*width: 43px;
	height: 15px;
	background: url(../images/menu03.gif) no-repeat;*/
}

#menuLanguage {
	top: 518px;
	right: 393px;
	/*width: 43px;
	height: 15px;
	background: url(../images/menu03.gif) no-repeat;*/
}

#menuLanguage a:visited, #menuLanguage a:hover, #menuLanguage a:active {
	color: #ffffff;
	text-decoration: none;
}

/* about menu */
div.amenu {
	position: absolute;
	left: 760px;
	color: #333333;
	font-size: small;
	font-weight: bold;
}

#amenu00 {
	left: 760px;
	top: 300px;
}

#amenu01 {
	left: 770px;
	top: 330px;
}

#amenu02 {
	left: 780px;
	top: 360px;
}

/* profile menu */
div.pmenu {
	width: 400px;
	position: absolute;
	left: 640px;
	color: #333333;
	font-size: small;
	font-weight: bold;
}

#pmenu00 {
	left: 650px;
	top: 270px;
}

#pmenu01 {
	left: 660px;
	top: 300px;
}

#pmenu02 {
	left: 670px;
	top: 330px;
}

#pmenu03 {
	left: 680px;
	top: 360px;
}

/* music menu */
div.mmenu {
	position: absolute;
	left: 570px;
	color: #333333;
	width: 250px;
	line-height: 1.9;
}

#mmenu00 {
	left: 580px;
	top: 150px;
}

#mmenu01 {
	left: 590px;
	top: 180px;
}

#mmenu02 {
	left: 600px;
	top: 210px;
}

#mmenu03 {
	left: 610px;
	top: 240px;
}

#mmenu04 {
	left: 620px;
	top: 270px;
}

#mmenu05 {
	left: 630px;
	top: 300px;
}

#mmenu06 {
	left: 640px;
	top: 330px;
}

#mmenu07 {
	left: 650px;
	top: 360px;
}

#mmenu08 {
	left: 660px;
	top: 390px;
}

#mmenu09 {
	left: 730px;
	top: 150px;
}

#mmenu10 {
	left: 740px;
	top: 180px;
}

#mmenu11 {
	left: 750px;
	top: 210px;
}

#mmenu12 {
	left: 760px;
	top: 240px;
}

/* brocks */
div.blocks {
	position: absolute;
	background: #333333;
	color: #ffffff;
	width: 450px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px;
}

#attention {
	/*color: #990000;*/
}

#copyright {
	/*color: #999999;*/
}

#about {
}

#profile,
#bookmark,
#contact,
#poem,
#about,
#copyright,
#attention,
#music00,
#music01,
#music02,
#music03,
#music04,
#music05,
#music06,
#music07,
#music08,
#music09,
#music10,
#music11,
#music12,
#music13,
#music14 {
	height: 400px;
}

.boxTitle {
	font-weight: bold;
	padding: 2px 2px 3px;
	text-decoration: none;
	font-size: small;
}

.boxContent {
	clear: both;
	padding: 2px 2px 3px;
}

span.playmp3 {
	width: 15px;
	position: absolute;
	top: 15px;
	right: 35px;
}

span.stopmp3 {
	width: 15px;
	position: absolute;
	top: 15px;
	right: 15px;
}