/* -----------------------------------------
	for all children html
	- element
	- basic layout
	- ornaments
-------------------------------------------- */

/* =========================================
	element
============================================ */

.pages{
	padding: 0 20px;
}
.pages h2{
	font-size: 100%;
	border-bottom: dotted 1px #aaa;
}
.pages h3{
	font-size: 90%;
	color: #630;
}
.pages h4{
	font-size: 90%;
}
.pages p{
	font-size: 80%;
	line-height: 1.5;
	text-align: left;
}
.pages ul{
	list-style-type: none;
	padding: 0 0 0 10px;
}
.pages ul li{
	font-size: 80%;
	text-align: left;
	background-image: url(../images/li_bg_blue.png);
	line-height: 1.3;
	margin: 0.3em 0;
}
.pages ol{
	padding: 0 0 0 23px;
}
.pages ol li{
	font-size: 80%;
	line-height: 1.3;
	text-align: left;
	margin: 0.5em 0;
}
.pages li li{
	font-size: 100%;
}
.pages caption{
	font-size: 80%;
	line-height: 1.3;
	width: 100%;
	padding-bottom: 3px;
}
.pages th{
	font-size: 80%;
	white-space: nowrap;
	padding: 3px;
}
.pages td{
	font-size: 80%;
	padding: 3px;
	line-height: 1.3;
}
.pages .nowrap{
	white-space: nowrap;
}

/* =========================================
	basic layout
============================================ */

.ib{
	display: inline-block;
	vertical-align: top;
}
	/* ie67 ----------- */
	* html .ib{ display: inline;}
	*:first-child+html .ib{ display: inline;}
	/* ie67 end ------- */
	
.l60{
	width: 58%;
	padding: 0 0.5% 10px;
}
.l50{
	width: 48%;
	padding: 0 0.5% 10px;
}
	/* ie6 ----------- */
	* html .l50{ width: 48.5%; margin: 0 1% 10px; padding: 0;}
	/* ie6 end ------- */
.l40{
	width: 38%;
	padding: 0 0.5% 10px;	
}
.l33{
	width: 31%;
	padding: 0 0.98% 10px;
}
	/* ie6 ----------- */
	* html .l33{ width: 32%; margin: 0 1% 10px; padding: 0;}
	/* ie6 end ------- */
.l25{
	width: 23%;
	padding: 0 0.5% 10px;
}
	/* ie6 ----------- */
	* html .l25{ width: 23%; margin: 0 1% 10px; padding: 0;}
	/* ie6 end ------- */

.note{
	border: solid 1px #aaa;
	background-color: #eef;
	padding: 0 0.5em;
}
.note p{
	margin: 0.5em 0;
}
.note li{
	margin: 0.2em 0;
}

/* =========================================
	ornaments
	- text
	- table border
	- image
	- width
	- float
============================================ */

/* text */
.middle{ vertical-align: middle;}

.left{ text-align: left !important;}
.center{ text-align: center !important;}
.right{ text-align: right !important;}

table.left td,
table.left th{ text-align: left;}
table.right td,
table.right th{ text-align: right;}
table.dleft td{ text-align: left;}
table.dright td{ text-align: right;}
table.hleft th{ text-align: left;}
table.hright th{ text-align: right;}

.red{ color: red !important}

/* table border */
table.bd{
	border-width: 1px 1px 0 0;
	border-color: #aaa;
	border-style: solid;
	border-collapse: collapse;
}
table.bd th,
table.bd td{
	border-width: 0 0 1px 1px;
	border-color: #aaa;
	border-style: solid;
}

/* image */
p.title,
div.title{
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	margin: 0.7em 0 0;
	padding-bottom: 3px;
}

/* width */
.w99{
	width: 99%;
	margin: 0.7em auto;
}
.w90{
	width: 90%;
	margin: 0.7em auto;
}
.w80{
	width: 80%;
	margin: 0.7em auto;
}
.w70{
	width: 70%;
	margin: 0.7em auto;
}

/* separator */
.separator{
	padding-bottom: 20px;
}

/* float */
.floatRight{
	float: right;
	padding-left: 5px;
}
.floatLeft{
	float: left;
	padding-right: 5px;
}
.clear{
	clear: both;
}