@charset "utf-8";
body {
	color : #666666;
	font-family : "Hiragino Kaku Gothic Pro", "Osaka", "Meiryo", "MS P Gothic", Helvetica, Arial, sans-serif;
	font-size : 10pt;
	line-height : 1.1em;
	margin : 0px;
	padding : 0px;
	text-align : center;
	background-color:#996600;
}
body div {
	margin : 0px auto;
	padding : 7px;
	text-align : left;
}
h1 {
	font-size : 9pt;
	margin : 0px auto;
	float: left;
	font-weight: normal;
}
strong {
	color:#FF0066;
}
b {
	color: #FF0066;
}
img {
	margin : 0px;
	padding : 0px;
	border-style:none;
}
a {
	color : #333333;
	text-decoration : none;
}
	a:hover {
		color: #FF0099;
		text-decoration : underline;
	}
ul {
	margin : 0px;
	padding : 0px;
	vertical-align : middle;
}
li {
	list-style-type : none;	
	margin-left:10px;
}
table tr th
{
	text-align:		center;
	vertical-align:	middle;
	border-style:	solid;
	border-width:	0.5pt;
	border-color:	#DDDDDD;
	
	background-color:#CCCCCC;
}
table tr td
{
	text-align:		left;
	vertical-align:	middle;
	border-style:	solid;
	border-width:	0.5pt;
	border-color:	#DDDDDD;
}
	table.fee tr td
	{
		text-align:		center;
	}
div.center {
	text-align:center;
}
div.left {
	text-align:left;
}
div.right {
	text-align:right;
}
	

#container {
	margin : 0px auto;
	text-align : center;
}
#top {
	font-size : 9pt;
	text-align : left;
	width : 95%;
	color: #FFFFFF;
	padding: 7px 0px;
}
	#top .sitemap {
	float : right;
	font-size : 9pt;
	margin: 0px auto;
	width: 100px;
	text-align: right;
	padding: 0px;
	color: #FFFFFF;
	}
	#top a {
		color: #FFFFFF;
	}
		#top a:hover {
			color:#FF0099;
			text-decoration : underline;
		}

#header {
	font-size : 9pt;
	text-align : left;
	width : 95%;
	background: #FFFFFF url(images/back_image.gif) right no-repeat;
}
	#header img {
		float:left;
	}
	#header .comment {
		float:left;
		margin-left: 30px;
		color: #333333;
		font-weight: bolder;
		line-height: 1.5em;
		font-size: 10pt;
	}
	
#navi {
	height : 1em;
	text-align : right;
	width: 95%;
	margin: 0px auto;
	color: #FFFFFF;
}
	#navi a {
		color : #FFFFFF;
		display : block;
		overflow : hidden;
		text-decoration : none;
	}
		#navi a:hover {
			color:#FF0099;
			text-decoration : underline;
		}
	#navi ul {
		float: right;
	}
	#navi li {
		color : #FFFFFF;
		float : left;
		font-size : 9pt;
		padding-left : 10px;
		text-align : left;
	}

#content {
	width : 95%;
	background-color: #FFFFFF;
}
#sidebar {
	float : left;
	width : 23%;
}
	#sidebar h2 {
		font-size: 11pt;
		color: #333333;
		margin: 0px;
		padding: 0px;
	}
	#sidebar .menu {
	}
	#sidebar .menu .h2 {
		text-align: center;
		border-style: solid none;
		border-width: 2px;
		border-color: #336666;
	}
	#sidebar .menu li{
		color:#333333;
		margin-top:15px;
		font-size: 11pt;
		background: url(images/navi_icon.gif) no-repeat left;
		padding-left: 11px;
	}
	#sidebar .regist{
		margin-bottom: 10px;
	}
	#sidebar .regist .h2{
		text-align: center;
		border: solid 2px #FF0066;
	}
	#sidebar .regist li{
		
	}
	#sidebar .login{
		margin-top:30px;
		margin-bottom: 10px;
		text-align: center;
	}
	#sidebar .login .h2{
		text-align: center;
		border: solid 2px #FF9900;
	}
	#sidebar .login .button {
		margin: 7px;
		border: 4px outset #999999;
		text-align: center;
		color: #000000;
		background-color: #CCCCCC;
	}
	#sidebar .update{
		margin-top:30px;
		margin-bottom: 10px;
	}
	#sidebar .update .h2{	
		margin-top:5px;
		text-align: center;
		border: solid 2px #666666;
	}
	#sidebar .update li{	
		margin-top:5px;
	}
	#sidebar .update .subcategory {
		border-style: none none solid solid;
		border-width: 0px 0px 1px 5px;	
		margin-top:15px;
		padding:2px;
	}
	#sidebar .update .date {
		color:#333333;
		margin-top:2px;
		padding: 2px;
	}
	#sidebar .update .title {
		color:#333333;
		margin-top:2px;
		padding: 2px;
	}
	#sidebar .update .body {
		margin-top:2px;
		padding-top: 2px;
	}
	#sidebar .update .trackback {
		margin-top:0px;
		padding-top:0px;
		color:#336666;
		text-align:left;
	}
		#sidebar .update .trackback a {
			color:#336666;
		}
	#sidebar .advertiser {
		text-align:center;
		martin-top:60px;
		padding:5px;
		border-style:solid none;
		border-width:1px;
		border-color:#666666;
	}

#main {
	float : right;
	width : 73%;
}

	#main .pagetitle {
		font-size:12pt;
		color: #333333;
		border: solid 2px #663333;
		margin-top: 14px;
		font-weight: bolder;
	}
	#main .pagetitle p {
		font-size: 10pt;
		line-height: 1.3em;
		margin: 7px 3px 0px 15px;
		font-weight: normal;
	}
	#main h2 {
		font-size: 11pt;
		color:#996600;
		padding: 5px;
		border-top: solid 1px #FF6600;
		margin: 0px auto;
		margin-top: 20px;
	}
	#main h3 {
		padding:10px;
		border-color:#99999;
		border-width:1px;
		font-size: 10pt;
	}
	#main p {
		font-size: 9pt;
		color: #333333;
		margin: 5px 10px 0px 15px;
	}
		#main p a {
			color:#0000FF;
			text-decoration:underline;
		}
	#main .subcategory {
		font-size: 11pt;
		color:#333333;
		font-weight: bolder;
		margin-top:30px;
		padding: 3px 3px 3px 6px;
		border-width: 0px 0px 0px 15px;
		border-style: solid;
		border-color: #993300;
		background-color:#FFFFCC;
	}
	#main .pagetitle ul {
		margin:5px 0px;
	}
	#main .pagetitle li {
		font-size:10pt;
		font-weight:normal;
		margin-bottom:0.5em;
	}
	#main .pagebody li {
		list-style:decimal;
		margin-left: 0px;
	}
	#main .pagebody ol {
		margin-left: 30px;
	}
	#main .pagebody dd {
		margin-left: 30px;
	}
	#main .pagebody img {
		border:solid 2px #0099CC;
		margin:2px;
	}
	#main .title {
		color:#333333;
	}
	#main .body {
		margin-left:15px;
	}
		#main .body a {
			color:#336666;
		}
	#main .catetree li {
		margin-top:3px;
		padding:2px
	}
	#main .catetree li.parent {
		margin-top:5px;
		padding:2px;
		width:50%;
		border-top:solid 1px #006699;
	}
	#main iframe{
		border-style:solid;
		border-width:0.5mm;
		border-color:#339900;
	}
	
	#main table.archive tr th {
		font-size:10pt;
		font-weight:normal;
		background-color:#FFFFFF;
		padding:3px;
	}
	#main table.archive tr td {
		font-weight:normal;
		text-align:center;
		vertical-align:middle;
		padding:3px;
	}
	#main table.archive tr td div.link {
		font-size:12pt;
		color:#333333;
	}
	#main table.archive tr td div.none {
		font-size:10pt;
		color:#CCCCCC;
	}
	#main .essay {
		margin-top:20px;
		padding:3px;
		border-style:solid none none solid;
		border-width:1px 0px 0px 5px;
		border-color:#333333;
	}
		#main .essay .title {
			font-weight:bolder;
		}
	#main .commentattr {
		text-align:right;
	}
	#main .commentbody {
		margin-top:15px;
		border-style:none none none solid;
		border-width:5px;
		border-color:#CCCCCC;
	}
	#main .trackbackurl {
		text-align:right;
	}
	#main .trackbackbody {
		margin-top:15px;
		border-style:none none none solid;
		border-width:5px;
		border-color:#CCCCCC;
	}
	#main .advertiser{
		margin-right:0px;
		padding-right:0px;
		float:right;
	}
		#main .advertiser iframe{
			border-style:none;
		}
	
#comment {
	margin-top:25px;
}
	#comment table {
		width:90%;
	}
	#comment table tr td {
		border-style:none none solid none;
	}
	#comment table tr td textarea {
		width:90%;
	}

#footer {
	margin-top : 10px;
	width : 95%;
	background-color: #FFFFFF;
}
	#footer a {
		color : #666666;
		text-decoration : none;
	}
		#footer a:hover {
		 color:#FF0099;
		 text-decoration : underline;
		}
	#footer li {
		display : inline;
		margin : 0px 15px 0px 0px;
		padding : 0px;
	}
	#footer ul {
		margin : 0px;
		padding : 0px;
	}
	#footer .navi {
		padding: 0px;
		text-align: center;
	}
#copyright {
	color : #666666;
	font-family : font-family: Tahoma, Verdana, Arial;
	margin : 0px auto;
	padding : 0px;
	text-align : center;
	margin-top: 20px;
	font-size: 9pt;
}

* html .clearfix {
	height : 1%;
}
.clear {
	clear:both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border-style:none;
}
.clearfix {
	display : block;
	display : inline-block;
}
.clearfix:after {
	clear : both;
	content : ".";
	display : block;
	height : 0px;
	visibility : hidden;
}