@charset "utf-8";

/* 基本スタイル
----------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	color: #777777;
	background: #a6ffa9;
}
p {
	/*\*/
	letter-spacing: 0.2em;
	/**/
}
#primary a {
	color: #063;
	text-decoration: none;
}
#primary a:link,#primary a:visited{
	padding-bottom: 1px;
	border-bottom: 1px dotted #369;
}
#primary a:hover, #primary a:active {
	color: #F63;
	padding-bottom: 1px;
	border-bottom: 1px solid #F63;
}
#right {
	border-bottom: 2px solid #BBBBBB;
	border-right: 2px solid #BBBBBB;
        float: right;
}
#left {
	border-bottom: 2px solid #BBBBBB;
	border-right: 2px solid #BBBBBB;
        float: left;
}
/* ヘッダー
----------------------------------------------*/
#header {
	position: relative;
	width: 100%; /* Windows Internet Explorer 6対策 */
	height: 101px;
	background: #a6ffa9;
}
#header a img {
	border-style: none;
}
#title {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 700px;
	}

	/* ナビゲーション
	---------------------------------------------*/
	#navigation {
		position: absolute;
		top: 90px;
		left: 200px;
		width: 700px;
	}
	#navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#navigation li {
		float: left;
		width: 100px;
		margin: 0;
	}
	#navigation li a {
		display: block;
		width: 100%;
		padding: 8px 0;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #CCCCCC;
		text-decoration: none;
		background: url(images/navigation_bg.gif) left top no-repeat;
	}
	#navigation li a:hover {
		color: #FF99CC;
		background: url(images/navigation_bg.gif) right top no-repeat;
	}
	

/* 2段組
----------------------------------------------*/
#content {
	position: relative;
	width: 761px;
	margin-top: 26px;
}
#primary {
	position: absolute;
	width: 700px;
	left: 200px;
	top: 0;
	background: #FFFFFF url(images/primary_bg.gif) left top repeat-y;
}
#secondary {
	position: absolute;
	width: 170px;
	left: 19px;
	top: 0;
	background: #FFFFFF;
}

/* 本文
----------------------------------------------*/
#primary .section {
	margin: 30px 20px 26px 30px;
}
#primary h2 {
	background: url(images/bar_green.gif) left top repeat-x;
	margin: 6px 6px;
	padding: 10px 0 8px 10px;
	font-size: 110%;
}
#primary h2 span {
	font-size: 80%;
}
#primary h3 {
	font-size: 100%;
	margin: 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCCCCC;
}
#primary p {
	margin: 10px 0;
}
#gotop, #goindex {
	font-size: 90%;
	text-align:center;
}
#footer {
	clear: both;
}
#copyright {
	font-size: 80%;
	color: #666;
	text-align: center;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
.section p {
	text-indent: 1em;
	font-size: 90%;
}
.section li {
	/*\*/
	letter-spacing: 0.2em;
	/**/
}
#credit {
	margin:1em 2em;
}
#credit dt {
	float:left;
	width: 7em;
	margin:0;
}
#credit dd {
	float: left;
	width:320px;
	margin:0;
}
.illust, .list, .reference {
	margin:0;
	padding: 0;
}
.illust dt {
	margin:0;
	float: left;
	width: 4em;
	line-height: 1.2;
	font-weight: 700;
}
.illust dd, .list dd, .reference dd {
	margin:0;
	margin-bottom: 2.5em;
	line-height: 1.4;
}
.list dt {
	font-weight: 700;
	/*\*/
	letter-spacing: 0.1em;
	/**/
	line-height: 1;
}
.illust dd p, .list dd p {
	text-indent:0;
}

.url dt {
	float: left;
	background:url(images/url.gif) no-repeat 0 4px;
	width: 35px;
	height: 17px;
	text-indent: -3000px;
	vertical-align: top;
}
.image dt {
	background:url(images/image.gif) no-repeat 0 4px;
	width: 43px;
	height: 17px;
	text-indent: -3000px;
	vertical-align: top;
}
.cd dt {
	background:url(images/cd.gif) no-repeat 0 3px;
	float: left;
	width: 18px;
	height: 17px;
	text-indent: -3000px;
	vertical-align: top;
}
.cd2 {
	margin-left:18px;
}
.url dd, .cd dd {
	/*\*/
	letter-spacing: 0.1em;
	/**/
	font-size: 90%;
}
.image dd {
	margin-bottom:0.3em;
}

.quote dt {
	background:url(images/quote.gif) no-repeat 0 4px;
	width: 43px;
	height: 17px;
	text-indent: -3000px;
	vertical-align: top;
}
.quote dd {
	margin-bottom:0.2em;
}
.reference dt {
	/*font-weight: 700;*/
}
.reference dd {
	margin:0;
	margin-bottom: 2em;
	line-height: 1.4;
}

/* 脇リンク
----------------------------------------------*/
#secondary {
	font-size: 90%;
}
#secondary h3 {
	margin: 0;
	padding: 7px 10px;
	font-size: 100%;
	color: #777777;
	background: #a6ffa9;
}
#secondary p {
	margin: 0px;
}

	/* リンク
	---------------------------------------------*/
	#secondary ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#secondary li {
		margin: 0;
		border-bottom: 1px solid #CCCCCC;
		background: #FFFFFF;
	}
	#secondary li a {
		display: block;
		width: 170px !important;
		width /**/: 170px; /* Windows Internet Explorer 5用の値 */
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		background: #FFFFFF;
	}
	#secondary li a:hover {
		color: #F63;
		background: none;
	}