/* CSS Document

LastUpDate
	
2006.03.16

---------------------------------------- */

/* 記述形式


１．プロパティは、同系統の場合1行で記述可能とする。

２．プロパティが2つ以内の場合は、1行で記述可能とする。

３．子要素は、右にTabして記述可能とする。

４．id要素名は、基本的に半角小文字のみの記述とする。

５．class要素名は、基本的に半角小文字の記述とするが、単語の頭部分においてのみは半角大文字の記述可能とする。

６．id要素名とclass要素名に同じ要素名をつけることは禁止とする。

７．子id要素名は、可能な限り親id要素名に近しい名前をつけることを推奨する。

８．記述の優先順位
	(1)display, float, position
	(2)margin, padding
	(3)width, height
	(4)text-●●●●系
	(5)background系
	(6)font系
	(7)その他


-------------------------------------------------------------------------------------- */

/* サブナビゲーション */
ul#circleNavi{
	position: relative;
	top: -16px; left: 290px;
	list-style: none;
	height: 18px;
	}
	ul#circleNavi li{
		float: left;
	}


/* サブナビゲーション2 */
ul#circleNavi2{
	list-style: none;
	margin: 0 0 0 169px; padding: 10px 0 50px 0;
	width: 606px; height: 18px;
	}
	ul#circleNavi2 li{
		float: left;
	}


ul#circleLink{
	list-style: none; clear: left;
	margin: 20px 0 0 154px; padding: 10px 0 0 62px;
	width: 544px; height: 120px;
	border-top: 1px solid #d4d4d4;
	}
	ul#circleLink li{
		float: left;
		padding: 0 10px 0 0;
	}
	ul#circleLink li a, ul#circleLink li span{
		display: block;
		width: 144px; height: 96px;
		text-indent: -9999px;
		text-decoration: none;
	}
	ul#circleLink li a:hover{ background-position: left bottom; text-decoration: none; }

	li#circleLinkGreeting a{ background: url(../img/BtnGreeting.jpg) left top no-repeat; }
	li#circleLinkTrpg a{ background: url(../img/BtnTrpg.jpg) left top no-repeat; }
	li#circleLinkMember a{ background: url(../img/BtnMember.jpg) left top no-repeat; }

	span#circleLinkGreetingOver{ background: url(../img/BtnGreeting.jpg) left bottom no-repeat; }
	span#circleLinkTrpgOver{ background: url(../img/BtnTrpg.jpg) left bottom no-repeat; }
	span#circleLinkMemberOver{ background: url(../img/BtnMember.jpg) left bottom no-repeat; }




h2#circleIndexTitle{
	margin-top: 0;
	background: url(../img/circleIndexTitle.gif) left top no-repeat;
}


#circleGreeting{
	padding: 20px 0 50px 169px;
	width: 577px;
	font: 12px/20px "ＭＳ ゴシック", "Osaka−等幅";
	color: #333;
	}
	#circleGreeting p{
		padding: 15px 10px;
	}
	
	p#written{
		text-align: right;
	}


h2#circleTrpgTitle{
	margin-top: 0;
	background: url(../img/circleTrpgTitle.gif) left top no-repeat;
}


#circleTrpg{
	padding: 20px 0 50px 169px;
	width: 577px;
	font: 12px/20px "ＭＳ ゴシック", "Osaka−等幅";
	color: #333;
	}
	
	#circleTrpg p{
	padding: 15px 10px;
	}
	
h2#circleMemberTitle{
	margin-top: 0;
	background: url(../img/circleMemberTitle.gif) left top no-repeat;
}


#circleMember{
	padding: 20px 0 50px 159px;
	width: 577px; min-height: 600px;
	font: 12px/20px "ＭＳ ゴシック", "Osaka−等幅";
	color: #333;
	}* html #circleMember{
		height: 600px;
	}
	
	dl#circleMemberList{
		position: absolute;
		margin: 0;
		width: 137px;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		}
		dl#circleMemberList dt{
			padding: 0 10px 0 0;
			text-align: right;
			background-color: #eef1f8;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}
		dl#circleMemberList dd{
			padding: 5px 0 20px 10px;
			}
			dl#circleMemberList dd ul li{
				list-style: none;
				padding: 2px 0 0 0;
				width: 117px;
				border-bottom: 1px solid #ddd;
			}
			

img#dammyImg{
	margin: 0 0 0 150px;
}


dl#circleMemberIntroduction{
	margin: 0 0 0 150px;
	width: 400px;
	}* html dl#circleMemberIntroduction{
		margin: 0; padding: 0 0 50px 150px;
	}
	dl#circleMemberIntroduction dt{
		padding: 3px 10px;
		background-color: #eef1f8;
		border-left: 7px double #7884ae;
		color: #7884ae;
	}
	dl#circleMemberIntroduction dd{
		position: relative;
		padding: 5px 0 10px 50px;
		width: 350px;
		border-top: 1px solid #7884ae;
		color: #666;
	}