@charset "utf-8";

body{
	margin: 0.5em;
	padding: 0.5em;
	font-size: 14px;
	line-height: 1;
	color: #000;
	background: #fff;
}

.page_break_after{
	page-break-after: always;
}

/*------------------------------
    h1,h2,h3,h4
------------------------------*/

h1,h2,h3,h4,h5{
  padding-top: 0.4em; 
}

#title{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 28px;
}

#pagetitle{
	margin: 0;
	padding: 0;
	font-size: 18px;
}
.question{
	margin: 0 0 20px 0;
	padding: 6px 0;
	border-bottom: #000a 2px solid;
	font-size: 15px;
	text-align: left;
}
.category{
	margin: 0 0 20px 0;
	padding: 18px 6px 6px 6px;
	border-bottom: #00a 2px solid;
	font-size: 15px;
	text-align: left;
}

.s_question{
	margin: 0 0 20px 0;
	padding: 6px 10px;
	background: #0000af;
	font-size: 15px;
	color: #fff;
	text-align: left;
}



/*------------------------------
    table.chart
------------------------------*/

.chart{
	//margin: 0 auto 20px auto;
	padding: 0;
	border-left: #000 1px solid;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
}

img.chart{
	//margin: 0 auto 20px auto;
	border: none;
}

.chart th{
	text-align: center;
	margin: 0;
	padding: 4px;
	border-right: #000 1px solid;
	background: #33a;
	color: #fff;
}

.chart td{
	text-align: center;
	margin: 0;
	padding: 4px;
	border-right: #000 1px solid;
}

.chart .total,
.chart .noAnswerError{
	border-right: #000 1px solid;
}

.chart .itemLabel,
.chart .percent{
	font-size: 13px;
}

.chart .value{
	padding: 8px 4px;
	border-top: #000 1px solid;
	border-bottom: #ccc 1px solid;
}

.chart th.noAnswerError{
	background: #ccc;
	color: #000;
}

.chart th.total{
	background: #eee;
	color: #000;
}


/*------------------------------
    div.textarea
------------------------------*/

ul.textarea{
    list-style-type: none;
	margin: 0 0 0 60px;
	padding: 0;
}

.textarea .rowIndex{
	clear: both;
	width: 40px;
	margin: 0 15px 0 0;
	padding: 4px 0;
	background: #33a;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	float: left;
}

.textarea .text{
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}



/*------------------------------
    ul,li
------------------------------*/

.block{
	//width: 200px;
	//margin: 0 auto;
	//padding: 20px 0 0 0;
	//text-align: left;
}

ul.link{
	list-style: none;
	margin: 1px;
//	padding: 0;
}
.link li{
    list-style-type: square;
	margin: 1px;
//	padding: 0 0 10px 18px;
}


/*------------------------------
 anchor
------------------------------*/

a:link   { color:#3399cc; text-decoration:underline; }
a:visited{ color:#3399cc; text-decoration:underline; }
a:active { color:#ff9933; text-decoration:none; }
a:hover  { color:#ff9933; text-decoration:none; }

a.aposted:link   { color:#666; text-decoration:underline; }
a.aposted:visited{ color:#666; text-decoration:underline; }
a.aposted:active { color:#999; text-decoration:none; }
a.aposted:hover  { color:#999; text-decoration:none; }