@charset	"UTF-8";

/* ---------------------------------------------------------------------------------------------- */
/* サイト全体設定                                                                                 */
/* ---------------------------------------------------------------------------------------------- */

/* -------- */
/* 拡張設定 */
/* -------- */

.top
	{
	background-color:	#6699cc;
	}

.about
	{
	background-color:	#cc9966;
	}

.work
	{
	background-color:	#ff0066;
	}

.music
	{
	background-color:	#0099cc;
	}

.link
	{
	background-color:	#00cc99;
	}

.mail
	{
	background-color:	#9966ff;
	}

.general
	{
	background-color:	#666666;
	}

.aa
	{
	font-size:	16px;
	line-height:	18px;
	}

/* ---------------------------------------------------------------------------------------------- */
/* タグごとの基本設定                                                                             */
/* ---------------------------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
pre,
li,
dt,
dd,
th,
td
	{
	font:	normal normal 80%/1.5 "MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",sans-serif;
	color:	#000000;
	}

q,
em,
input,
textarea,
object
	{
	font-style:	normal;
	font-weight:	normal;
	font-size:	100%;
	color:		#000000;
	}

blockquote,
pre
	{
	padding:	5px;
	border:		solid 1px #999999;
	}

address,
pre
	{
	overflow:	auto;
	}

ul,
ol
	{
	list-style:	none;
	}

a
	{
	text-decoration:	none;
	color:			#3333ff;
	}

	a:hover
		{
		color:	#9999ff;
		}

em
	{
	color:	#ff3333;
	}

img
	{
	border:	none;
	}

/* ---------------------------------------------------------------------------------------------- */
/* 詳細設定                                                                                       */
/* ---------------------------------------------------------------------------------------------- */

html
	{
	width:				100%;
	height:				100%;
	text-align:			center;
	scrollbar-face-color:		#ffffff;
	scrollbar-highlight-color:	#ffffff;
	scrollbar-shadow-color:		#ffffff;
	background:			#99cccc;
	}

	html body
		{
		width:				100%;
		height:				100%;
		text-align:			center;
		scrollbar-face-color:		#ffffff;
		scrollbar-highlight-color:	#ffffff;
		scrollbar-shadow-color:		#ffffff;
		background:			#99cccc;
		}

		html body div
			{
			}

			/* ---- */
			/* meta */
			/* ---- */

			html body div#meta
				{
				width:	1px;
				height:	50%;
				margin:	auto auto -16.75em auto;
				float:	left;
				}

				html body div#meta *
					{
					display:	none;
					}

			/* ------- */
			/* wrapper */
			/* ------- */

			html body div#wrapper
				{
				width:		750px;
				height:		33.5em;
				margin:		auto;
				padding:	10px 0px 10px 0px;
				clear:		left;
				text-align:	left;
				}

				html body div#wrapper div
					{
					}

					/* ---------------- */
					/* wrapper | header */
					/* ---------------- */

					html body div#wrapper div#header
						{
						width:	750px;
						}

						html body div#wrapper div#header h1
							{
							margin:		0px 10px 5px 10px;
							overflow:	hidden;
							font:		0px/0px serif;
							text-indent:	-9999px;
							}

							html body div#wrapper div#header h1 a
								{
								width:			200px;
								height:			29px;
								display:		block;
								background-image:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_header-h1-a.gif);
								background-position:	0px 0px;
								background-repeat:	no-repeat;
								}

								html body div#wrapper div#header h1 a:hover
									{
									background-position:	0px -29px;
									}

						html body div#wrapper div#header div
							{
							}

							/* ----------------------- */
							/* wrapper | header | menu */
							/* ----------------------- */

							html body div#wrapper div#header div#menu
								{
								}

								html body div#wrapper div#header div#menu h2
									{
									height:		0px;
									overflow:	hidden;
									font:		0px/0px serif;
									text-indent:	-9999px;
									}

								html body div#wrapper div#header div#menu ul
									{
									margin:	0px 10px 0px 10px;
									}

									html body div#wrapper div#header div#menu ul li
										{
										float:		left;
										font-family:	Arial,sans-serif;
										font-size:	70%;
										font-weight:	bold;
										text-align:	center;
										}

										html body div#wrapper div#header div#menu ul li a
											{
											margin:			5px 0px 0px 0px;
											display:		block;
											color:			#ffffff;
											background-image:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_header-div-div_menu-ul-li-a.gif);
											background-position:	0px 0px;
											background-repeat:	no-repeat;
											}

											html body div#wrapper div#header div#menu ul li a:hover
												{
												margin:		0px;
												padding:	0px 0px 5px 0px;
												}

							/* ----------------------------- */
							/* wrapper | header | topic path */
							/* ----------------------------- */

							html body div#wrapper div#header div#topic_path
								{
								clear:		both;
								background:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_header-div-div_topic_path.jpg) 0px 0px no-repeat transparent;
								}

								html body div#wrapper div#header div#topic_path:after
									{
									height:		0px;
									visibility:	hidden;
									display:	block;
									clear:		both;
									content:	".";
									}

								html body div#wrapper div#header div#topic_path h2
									{
									height:		0px;
									overflow:	hidden;
									font:		0px/0px serif;
									text-indent:	-9999px;
									}

								html body div#wrapper div#header div#topic_path p
									{
									height:		20px;
									margin:		0px 10px 0px 10px;
									overflow:	hidden;
									font:		0px/0px serif;
									text-indent:	-9999px;
									}

					/* -------------- */
					/* wrapper | body */
					/* -------------- */

					html body div#wrapper div#body
						{
						width:		750px;
						background:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_body.jpg) 0px 0px repeat-y transparent;
						}

						html body div#wrapper div#body div
							{
							}

							/* ---------------------------- */
							/* wrapper | body | advertising */
							/* ---------------------------- */

							html body div#wrapper div#body div#advertising
								{
								width:	130px;
								margin:	0px 0px 0px 5px;
								float:	left;
								}

							html > body div#wrapper div#body div#advertising
								{
								margin:	0px 0px 0px 10px;
								}

								html body div#wrapper div#body div#advertising h2
									{
									height:		0px;
									overflow:	hidden;
									font:		0px/0px serif;
									text-indent:	-9999px;
									}

								html body div#wrapper div#body div#advertising dl
									{
									height:		400px;
									margin:		0px 5px 0px 5px;
									position:	relative;
									overflow:	hidden;
									background:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_body-div-div_advertising-dl.gif) 0px 0px repeat #ffffff;
									}

									html body div#wrapper div#body div#advertising dl dt
										{
										width:			120px;
										height:			400px;
										position:		absolute;
										top:			0px;
										left:			0px;
										z-index:		1;
										overflow:		hidden;
										font:			0px/0px serif;
										text-indent:		-9999px;
										background-position:	50% 50%;
										background-repeat:	no-repeat;
										background-color:	transparent;
										}

										html body div#wrapper div#body div#advertising dl dt a
											{
											width:		120px;
											height:		400px;
											display:	block;
											}

									html body div#wrapper div#body div#advertising dl dd
										{
										width:		100%;
										position:	absolute;
										top:		0px;
										left:		0px;
										z-index:	2;
										text-align:	center;
										}

							/* ------------------------- */
							/* wrapper | body | contents */
							/* ------------------------- */

							html body div#wrapper div#body div#contents
								{
								width:		600px;
								height:		400px;
								margin:		0px 5px 0px 0px;
								float:		left;
								overflow:	auto;
								outline:	none;
								text-align:	left;
								}

							html > body div#wrapper div#body div#contents
								{
								margin:	0px 10px 0px 0px;
								}

								html body div#wrapper div#body div#contents h2
									{
									height:		0px;
									overflow:	hidden;
									font:		0px/0px serif;
									text-indent:	-9999px;
									}

								html body div#wrapper div#body div#contents h3
									{
									margin:			0px 0px 50px 0px;
									background-position:	0px 0px;
									background-repeat:	no-repeat;
									background-color:	transparent;
									}

								html body div#wrapper div#body div#contents div
									{
									margin:	0px 50px 50px 25px;
									}

									/* ----------------------------------- */
									/* wrapper | body | contents | section */
									/* ----------------------------------- */

									html body div#wrapper div#body div#contents div.section
										{
										}

										html body div#wrapper div#body div#contents div.section h4
											{
											margin:		0px 0px 5px 0px;
											font-family:	Arial,"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",sans-serif;
											font-size:	100%;
											font-weight:	bold;
											border-style:	none none dashed none;
											border-width:	1px;
											border-color:	#999999;
											}

										html body div#wrapper div#body div#contents div.section a
											{
											}

											html body div#wrapper div#body div#contents div.section a:hover
												{
												text-decoration:	underline;
												}

									/* ------------------------------------ */
									/* wrapper | body | contents | modified */
									/* ------------------------------------ */

									html body div#wrapper div#body div#contents div#modified
										{
										margin:		0px 50px 0px 50px;
										padding:	0px 0px 50px 0px;
										clear:		both;
										text-align:	right;
										}

										html body div#wrapper div#body div#contents div#modified:after
											{
											height:		0px;
											visibility:	hidden;
											display:	block;
											clear:		both;
											content:	".";
											}

										html body div#wrapper div#body div#contents div#modified dl
											{
											}

											html body div#wrapper div#body div#contents div#modified dl dt
												{
												height:		0px;
												overflow:	hidden;
												font:		0px/0px serif;
												text-indent:	-9999px;
												}

											html body div#wrapper div#body div#contents div#modified dl dd
												{
												font-family:	Arial,sans-serif;
												font-size:	60%;
												color:		#999999;
												}

							/* --------------------- */
							/* wrapper | body | data */
							/* --------------------- */

							html body div#wrapper div#body div#data
								{
								margin:		0px 10px 0px 10px;
								clear:		both;
								border-style:	solid none none none;
								border-width:	1px;
								border-color:	#666666;
								background:	#ffffff;
								}

								html body div#wrapper div#body div#data:after
									{
									height:		0px;
									visibility:	hidden;
									display:	block;
									clear:		both;
									content:	".";
									}

								html body div#wrapper div#body div#data h2
									{
									height:		0px;
									overflow:	hidden;
									font:		0px/0px serif;
									text-indent:	-9999px;
									}

								html body div#wrapper div#body div#data dl
									{
									margin:		0px 5px 0px 5px;
									text-align:	right;
									}

									html body div#wrapper div#body div#data dl dt
										{
										height:		0px;
										overflow:	hidden;
										font:		0px/0px serif;
										text-indent:	-9999px;
										}

									html body div#wrapper div#body div#data dl dd
										{
										display:	inline;
										font-family:	Verdana,sans-serif;
										font-size:	60%;
										font-weight:	bold;
										}

					/* ---------------- */
					/* wrapper | footer */
					/* ---------------- */

					html body div#wrapper div#footer
						{
						width:		750px;
						height:		50px;
						text-align:	center;
						background:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_footer.jpg) 0px 0px no-repeat transparent;
						}

						html body div#wrapper div#footer p
							{
							overflow:	hidden;
							text-indent:	-9999px;
							font:		0px/0px serif;
							}

							html body div#wrapper div#footer p#copyright
								{
								height:		20px;
								background:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_footer-p-p_copyright.gif) 50% 50% no-repeat transparent;
								}

							html body div#wrapper div#footer p#powered
								{
								background:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_footer-p-p_powered.gif) 50% 50% no-repeat transparent;
								}

								html body div#wrapper div#footer p#powered a
									{
									width:		194px;
									height:		20px;
									margin:		auto;
									display:	block;
									}