/****************************************************/

/* 共通部分 */

/****************************************************/

.path

{

	list-style-type: none;

	position: absolute; top: 0px; left: 5px;

	z-index: 100;

}



/* ヘッダー・フッター・サイトナビへの一括指定 */

.layout1

{

	/* 特になし */

}



/* 各ページ項目への一括指定 */

.layout2

{

	margin-left: 100px;

	margin-right: 0.5em;

}



/* 行を右側に揃える */

.right

{

	text-align: right;

}



/*全体枠*/

.lbor{

	width: 400px;

	border-left: solid 4px #D94545;

	border-bottom: solid 1px #D94545;

  }



/*タイトル部分*/

.title{

	font-size: 10pt;

	font-family: Impact,Arial,Verdana,sans-serif;

	letter-spacing: 0.4em;

	color: #FFFFFF;

	background-color: #D94545;

	padding: 1px 1em 1px 0.7em;

	border-left: solid 3px #FFD9EE;

	-moz-opacity:0.80;

	background-image: url(sozai/grad_white.png);

	background-repeat: repeat-y;

	width: 96%;

  }



/*内容部分*/

.text{

	font-size: 12pt;

	color: #151515;

	padding: 0.7em;

	border-top: solid 1px #D94545;

	border-right: solid 1px #FFF5F5;

	border-left: solid 3px #FFD9EE;

  }





/*実線レアウト１*/

.dashed{

	color: #D94545;

	border-style:dashed;

	-moz-opacity:0.80;

	background-image: url(sozai/grad_white.png);

	background-repeat: repeat-y;

}



/*実線レアウト２*/

.solid{

	background-color: #D94545;

	color:transparent;

	padding: 1px 1em 1px 0.7em;

	-moz-opacity:0.80;

	background-image: url(sozai/grad_white.png);

	background-repeat: repeat-y;

}



.nobdr{border-width:0px;}



.button{

	border-left:0px;

	border-right:1px solid #D94545;

	border-top:0px;

	border-bottom:1px solid #D94545; 

	color : #303030; background-color:#FFFFFF; }



textarea,.button,select {

	border-left:1px solid #cccccc;

	border-right:1px solid #cccccc;

	border-top:1px solid #cccccc;

	border-bottom:1px solid #cccccc; 

	background-color: #ffffff;

	font-size:9pt;

	color:#505050;

}



/****************************************************/

/* メイン */

/****************************************************/

#MAIN

{

	position: absolute; top: 0px; left: 100px;

	BORDER-RIGHT: #666666 1px dashed;

	width: 650px;

	height: 100%;

}



/****************************************************/

/* サイトナビ */

/****************************************************/

#menu

{

	height: 100%;

	position: absolute; top: 0px; left: 0px;

	width: 100px;

	z-index: 99;

}



	*>#menu {

		position: fixed; top:50px; left: 0px;

	}



	/* サイトナビの見出し部分 */

	#menu h2

	{

		display: none;

	}



	/* 未訪問のアンカー */

	#menu a:link{

		color:#555555;		/* 文字の色 */

		text-decoration: none;	/* 文字に線をつけない */

	}



	/* 訪問済のアンカー */

	#menu a:visited{

		color:#555555;		/* 文字の色 */ 

		text-decoration: none;	/* 文字に線をつけない */

	}



	/* マウスが上に乗っている時のアンカー */

	#menu a:hover{

		color:#FF6600;		/* 文字の色 */

		background-color:transparent;

		text-decoration: none;	/* 文字に線をつけない */

	}



	/* 作動中のアンカー */

	#menu a:active

	{

		color:#555555;		/* 文字の色 */

		text-decoration: none;	/* 文字に線をつけない */

	}



	/* メニューリンク位置 */

	#menu .index

	{

		position: absolute; top: 30px; left: 0px;

		z-index: 100;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	#menu .top

	{

		position: absolute; top:65px; left: 10px;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	#menu .music

	{

		position: absolute; top:100px; left: 10px;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	#menu .bbs

	{

		position: absolute; top:135px; left: 10px;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	#menu .link

	{

		position: absolute; top:170px; left: 0px;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	#menu .text_music

	{

		position: absolute; top:205px; left: 0px;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	#menu .php

	{

		position: absolute; top:240px; left: 0px;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	#menu .count

	{

		position:absolute; top:250px; left:0px;

		font-weight: normal;

		text-decoration: none;

	}



	*>#menu	/* winIEには読み込めない記述 */

	{

		position: fixed; top: 0px; left: 0px;

			/* 要素を固定位置で配置（上・左） */

	}





/****************************************************/

/* ヘッダー */

/****************************************************/

#HEADER	

{

	background: url('title.gif') no-repeat 115% 11%;

	height: 100%;

	position: absolute; top:0px; left: 0px;

	width: 300px; 

}



	*>#HEADER {

		position: fixed; top:0px; left: 0px;

	}



	/* ヘッダーのページ見出し部分 */

	#HEADER h1

	{

		height: 0px;

		margin: 0px;

		overflow: hidden;

		padding: 0px;

	}



	/* ヘッダーのページ見出し部分 */

	#HEADER h1

	{

		height: 0px;

		margin: 0px;

		overflow: hidden;

		padding: 0px;

		display: none;

	}



/****************************************************/

/* index.htmlのヘッダー */

/****************************************************/

#INDEXPAGE #HEADER

{

	height: 200px;

	margin: 100px 0px 0px 0px;

	padding: 0em;

	position: absolute; top: 50%;

}





/****************************************************/

/* サイト内容の説明 */

/****************************************************/

#INTRO

{

	background: none;

	height: 50px;

	margin: 200px 0px 0px 200px;

	padding: 0em;

	position: absolute; top: 50%;

	position: absolute; top:0px; left: 100px;

	width: 50%;

}



	/* サイト内容の説明の見出し */

	#INTRO h2

	{

		display: none;

	}



	/* 入り口（エンター） */

	#INTRO .en

	{

		text-align: right;

	}



	/* 入り口（エンター）のアンカー */

	#INTRO .en a

	{

		font-family: "Century Gothic",Verdana,osaka,"ＭＳ ゴシック",sans-serif;

		font-size: 200%;

		font-weight: normal;

		text-decoration: none;

	}



	/* 未訪問のアンカー */

	#INTRO .en a:link{

		color:#555555;		/* 文字の色 */

		text-decoration: none;	/* 文字に線をつけない */

	}



	/* 訪問済のアンカー */

	#INTRO .en a:visited{

		color:#555555;		/* 文字の色 */ 

		text-decoration: none;	/* 文字に線をつけない */

	}



	/* マウスが上に乗っている時のアンカー */

	#INTRO .en a:hover{

		color:#FF6600;		/* 文字の色 */

		background-color:transparent;

		text-decoration: none;	/* 文字に線をつけない */

	}



	/* 作動中のアンカー */

	#INTRO .en a:active

	{

		color:#555555;		/* 文字の色 */

		text-decoration: none;	/* 文字に線をつけない */

	}



/****************************************************/

/* フッター */

/****************************************************/

#FOOTER

{

	background: url('../4.gif') 0% 0%;

	margin: 0.5em 0.5em 0.5em 300px;

	padding: 1em;

}



	/* フッターのアンカー */

	#FOOTER a

	{

		color: #FFFFFF;

	}

