@charset "utf-8";


#maincont {
	margin: 0;
}

h1 {
	color: #777;
	font-size: 125%;
}

p {
	line-height: 1.4;
}

/*****  Navi *****/
	#navi {
		display: block;
		float: left;
		margin: 0;
		width: 130px;
		border-right: 1px dashed #bbb;
		border-bottom: 1px dashed #ddd;
		background-color: #FAFCFE;
	}
	
	#navi iframe {
		display: block;
		margin: 10px 5px;
	}

	/*****  T-Navi *****/
	#navi dl, #navi dt, #navi dd {
		padding: 0;
		margin: 0;
	}
	#navi a {
		display: block;
		font-weight: bold;
		text-decoration: none;
	}
	#navi a:hover {
		background-color: #fea;
	}
	#navi dt a {
		padding: 3px 3px 3px 18px;
		color: #13c;
		font-size: 0.9em;
		border-bottom: 1px dashed #ddd;
		background: transparent url(../images/arrow.gif) no-repeat 10px 0.3em;
	}
	#navi dd a {
		padding: 3px 3px 3px 23px;
		color: #479;
		font-size: 0.85em;
		border-bottom: 1px dashed #eee;
		background: transparent url(../images/arrow_read3.gif) no-repeat 14px 0.3em;
	}
		
		
/***** Sub body *****/
	#subbody {
		display: block;
		float: left;
		margin: 15px 0 15px 15px;
		width: 580px;
	}

	#subbody p {
		margin: 5px 10px;
		font-size: 90%;
	}

	#maincontlist {
		margin: 20px 10px 10px 20px;
	}

	#maincontlist dt {
		margin: 15px 0 0 0;
		padding-left: 14px;
		font-size: 125%;
		background: transparent url(../images/point_tr.gif) no-repeat 0 5px;
	}

	#maincontlist dd {
		margin: 0 0 0 15px;
		font-size: 90%;
	}
	#maincontlist dt a, #normallist dt a, #joinlink a {
		color: #13c;
		font-weight: bold;
		text-decoration: none;
	}
	#maincontlist dt a:hover, #normallist dt a:hover, #joinlink a:hover {
	color: #f80;
	text-decoration: underline;
	}
	
	#joinlink {
		text-align: center;
		padding: 10px;
		font-size: 1.1em;
	}

	#normallist dl {
		margin: 0 10px 10px 20px;
	}
	#normallist dt {
		margin: 8px 0 0 15px;
		padding-left: 10px;
		background: transparent url(../images/arrow_read2.gif) no-repeat 0 2px;
		color: #668;
		font-size: 100%;
	}
	#normallist dd {
		margin: 0 10px 12px 30px;
		color: #333;
		font-size: 90%;
	}
	
	#subbody h2 {
		margin: 25px 0 0 5px;
		padding-left: 10px;
		color: #336;
		font-size: 1.2em;
		background: transparent url(../images/arrow_read2.gif) no-repeat 0 4px;
	}
		
	#subbody p.sub {
		margin: 5px 25px;
		color: #333;
		font-size: 90%;
		line-height: 1.5;
	}
	
	.samplecode {
		margin: 20px 45px;
		padding: 8px;
		border: 1px dashed #666;
		background-color: #FFFFE0;
		word-spacing: 2em;
	}
	#subbody table.normaltable {
		margin: 5px 30px;
		font-size: 90%;
		border: 1px solid #008;
		border-collapse: collapse;
	}
	#subbody table.normaltable td {
		padding: 5px 15px 5px 8px;
		border: 1px dashed #008;
	}
	#subbody table.normaltable th {
		padding: 5px 15px 5px 8px;
		border: 1px solid #008;
		text-align: center;
		background-color: #E9E9F6;
	}
	#subbody table.normaltable caption {
		margin-top: 30px;
		padding: 5px 5px 5px 10px;
		color: #666;
		font-size: 1.1em;
		text-align: left;
		font-weight: bold;
		
	}
	
	.subexp {
		font-size: 0.8em;
	}
	.msubp {
		font-size: 90%;
		line-height: 1.6;
	}


/***** Registration Form *****/
	#registform dl, #registform dt, #registform dd {
		padding: 0;
		color: #666;
	}
	
	#registform dl {
		display: block;
		width: 510px;
		margin: 15px 0 15px 25px;
		padding: 8px;
		background-color: #F9F9F9;
		border-left: 2px solid #BAC4E9;
	}
	
	#registform dt {
		clear: both;
		margin-top: 15px;
		color: #55c;
		font-weight: bold;
		font-size: 80%;
	}
	
	#registform dd {
		margin-left: 8px;
		margin-bottom: 10px;
		font-size: 90%;
	}

	#registform label {
		display: block;
		float: left;
		padding: 5px 3px;
	}
	

/***** pub *****/
	#charlist, #npclist {
		clear: both;
		font-size: 80%;
	}
	#cgiadm {
		clear: both;
		font-size: 100%;
		text-align: center;
	}
	#charlist ul, #npclist ul {
		display: block;
		float: left;
		line-height: 1.3;
	}
	#charlist li a, #npclist li a, #cgiadm a {
		display: block;
		color: #13c;
		font-weight: bold;
		text-decoration: none;
	}
	#charlist li a:hover, #npclist li a:hover, #cgiadm a:hover {
		background-color: #fa8;
	}
	
	#cgiadm a {
		margin: 4px 20px;
	}
	#shirosubmenu dl{
		display: block;
		font-size: 12px;
	}
	#shirosubmenu dt, #shirosubmenu dd{
		margin: 0;
	}
	#shirosubmenu dt a {
		padding: 3px 3px 3px 18px;
		color: #13c;
		text-decoration: none;
		font-weight: bold;
		font-size: 100%;
		background: transparent url(../images/arrow.gif) no-repeat 10px 0.3em;
	}
	#shirosubmenu dt a:hover {
		color: #f80;
		text-decoration: underline;
	}
	#shirosubmenu dd{
		margin-left: 1.5em;
		font-size: 90%;
	}