@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:	#4885ae;
	}

 枠色　ここまで*/

.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;
	}

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


		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:		950px;	/* タブ下の大きさ */
				height:		0px;			/* 全体の高さ */
				margin:		auto;
				padding:	10px 0px 10px 0px;
				text-align:	left;
			/*	clear:		left;	*/
				}

				html body div#wrapper div
					{
					}

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

					html body div#wrapper div#header
						{
						width:	100%;						/* タブの下の項目 */
						}

						html body div#wrapper div#header h1
							{
							margin:		0px 0px -2px 0px;		/*タイトルとタブの距離感 */
							overflow:	hidden;
							font:		0px/0px serif;
							text-indent:	-9999px;
							}

							html body div#wrapper div#header h1 a
								{
								width:			950px;		/* タイトルの横バー */
								height:			159px;		/* タイトルの高さ */
								display:		block;
								background-image:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_header-h1-a.gif);
								background-position:	center;
								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
								{
								width:			950px;    /* 1050 */								
								}

								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 0px 0px 0px;		/* タブと本サイトの高さ加減 */
									}

									html body div#wrapper div#header div#menu ul li
										{
										float:		left;
										font-family:	Arial,sans-serif;
										font-size:	100%;		/* タブのフォント設定 */
										font-weight:	bold;
										text-align:	center;
										}

										html body div#wrapper div#header div#menu ul li a		/* タブの設定 */
											{
											margin:			7px 0px 20px 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
												{
												border-style:	double none double none;
												border-width:	3px;
												margin:		0px 0px 10px 0px;
										/*		padding:	10px 0px 0px 0px;	*/
												}

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

							html body div#wrapper div#header div#topic_path
								{
								clear:		both;
								width:		950px;
								padding:	0px 0px 0px 0px;
								height:		2px;
								text-align:	center;
								}

								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:		0px;
									margin:		0px 0px 0px 10px;
									overflow:	hidden;
									font:		0px/0px serif;
									text-indent:	-9999px;
									}

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

					html body div#wrapper div#body		/* フレーム下の設定 */		/* 本文！！ */
						{
						width:		900px;
						padding:	0px 0px 0px 50px;
						}			

						html body div#wrapper div#body div
							{
							margin: 	30px 0px 0px -50px;
							padding:	0px 0px 0px 180px;			/*　宣伝枠の左右の位置を変更するときはここ */
							height:				100%;
							text-align:			center;
							background:			#e2eccf;
							}

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

							html body div#wrapper div#body div#advertising		/* 宣伝枠の後ろ側スペース */
								{
								height:		100px;				/*　宣伝枠の高さの位置を変更するときはここ */
								margin:	0px 0px 0px 0px;							
								text-align:			center;
								background:			none; 		 /*宣伝枠周りの色*/
								}


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

								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
									{
									width:		500px;
									height:		100px;			/* 左宣伝枠の表示領域の高さ */
									margin:		0px 3px 20px 0px;	/* 左宣伝枠の表示領域の左右のマージン */
									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 #888888;

									border-color:	#FFFFFF;
									border-style:	solid;
									border-width:	2px 2px 2px 2px;
									}

									html body div#wrapper div#body div#advertising dl dt
										{
										width:			500px;				/* 宣伝枠の画像サイズ！ 500×80 */
										height:			80px;
										position:		absolute;
										top:			20px;
										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:		500px;
											height:		80px;
											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
								{
								border-color:	#000000;
								border-style:	solid;
								border-width:	2px 1px 2px 50px;

								width:		800px;
				/*	いんふぉめの位置が変わる			height:		700px;		*/
													/* コンテンツ表示の高さ設定 */
								margin:		25px -50px 0px 0px;
								padding:	0px 0px 0px 0px;
								float:		left;
								overflow:	auto;
								outline:	none;
								text-align:	left;
								}
													/* コンテンツ文章の配置位置 */

							html > body div#wrapper div#body div#contents
								{
								margin:	50px 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 -50px;
									text-align:		left;
									}

									/* ----------------------------------- */
									/* 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
								{
								}

								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:		1050px;
						height:		100px;
						text-align:	center;
						background:	url(../../binary/css/screen/global/html-body-div-div_wrapper-div-div_footer.png) 0px 0px no-repeat transparent;
						background-position:	-14px 0px;
						}					/* 端をきりとった画像を表示している */

						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;
									}

					/* ---------------- */
					/*  body | toolbar  */
					/* ---------------- */

						html body div#toolbar
							{
							width:			100%;
							height:			31px;
							background-color:	#333333;

							position:		fixed;
							bottom:			0px; 
							margin:			0em; 
							padding:		0em; 
							z-index:		100; 
							text-align:		center;
							overflow-x:		hidden;
							border-top:		solid 1px #EEEEEE;
							border-left: 		solid 1px #CCCCCC;
							border-right: 		solid 1px #AAAAAA;
							filter: 		alpha(opacity=90);
							-moz-opacity: 		0.90;
							-khtml-opacity:		 0.90;
							opacity:		 0.90;	
							}


							html body div#toolbar:hover 
								{
								}

							html body div#toolbar p#image a:hover
								{
								filter: alpha(opacity=100);
								-moz-opacity: 	0.65;
								-khtml-opacity: 0.65;
								opacity: 	0.65;
								}