@charset "UTF-8";

/*==================================================================
	General
===================================================================*/
.contentWrap {
	width: 655px;
	margin: 0 auto;
	padding-top: 63px;
	background: url("/img/questionnaire/bg_binder_top.gif") no-repeat 0 0;
}
.content {
	padding-bottom: 53px;
	background: url("/img/questionnaire/bg_binder_bottom.gif") no-repeat 0 100%;
}
.contentInner {
	padding-right: 48px;
	padding-left: 47px;
	background: url("/img/questionnaire/bg_binder_middle.gif") repeat-y 0 0;
}
.contentInner .inner {
	width: 524px;
	padding: 0;
	margin: 0 auto;
}
#main .contentInner p {
	margin-bottom: 0;
}

.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt20 { margin-top: 20px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb20 { margin-bottom: 20px !important; }

.li2 {
	line-height: 160%;
	padding-left: 10px;
	background: url("/img/questionnaire/arrow_left.gif") no-repeat 0 50%;
}

/*==================================================================
	Headline
===================================================================*/
#p-questionnaire h1 {
	margin: 0 0 15px 0;
	height: 85px;
	background: url("/img/questionnaire/img_title.gif") no-repeat 0 0;
	text-indent: -9999px;
}
#p-questionnaire h2 { 
	height: 37px;
	margin: 0 0 15px 0;
	background-image: url("/img/questionnaire/h2_questionnaire.gif");
	text-indent: -9999px;
}
.p-search h2 { background-position: 0 -37px; }
.p-detail h2 { background-position: 0 -74px; }
.p-analysis h2 { background-position: 0 -111px; }

.headline1 {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url("/img/questionnaire/bg_headline2_s.png") no-repeat 0 0;
	line-height: 28px;
	font-weight: bold;
}
h4.replacement {
	overflow: hidden;
	width: 570px;
	margin: 0 0 10px -10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url("/img/questionnaire/h4.gif");
	text-indent: -9999px;
}
#h03, #h06, #h24 { height: 14px; }

#h01, #h02, #h04, #h05, #h07, #h08, #h09, #h10,
#h11, #h12, #h15, #h17, #h20, #h22, #h23 { height: 32px; }

#h14, #h16, #h18, #h19, #h21 { height: 51px; } 
#h13 { height: 69px; }

#h01 { background-position: 0 0; }
#h02 { background-position: 0 -32px; }
#h03 { background-position: 0 -64px; }
#h04 { background-position: 0 -78px; }
#h05 { background-position: 0 -110px; }
#h06 { background-position: 0 -142px; }
#h07 { background-position: 0 -156px; }
#h08 { background-position: 0 -188px; }
#h09 { background-position: 0 -220px; }
#h10 { background-position: 0 -252px; }
#h11 { background-position: 0 -284px; }
#h12 { background-position: 0 -316px; }
#h13 { background-position: 0 -348px; }
#h14 { background-position: 0 -417px; }
#h15 { background-position: 0 -468px; }
#h16 { background-position: 0 -500px; }
#h17 { background-position: 0 -551px; }
#h18 { background-position: 0 -583px; }
#h19 { background-position: 0 -634px; }
#h20 { background-position: 0 -685px; }
#h21 { background-position: 0 -717px; }
#h22 { background-position: 0 -768px; }
#h23 { background-position: 0 -800px; }
#h24 { background-position: 0 -832px; }

body.p-result h4 { margin-top: 20px; }
body.p-result h4#h01 { margin-top: 0; }

.large {
	font-size: 14px;
}
.large strong {
	padding: 0 0.25em;
	color: #C00;
	font-size: 18px;
}
.breakout {
	padding: 10px;
	background: #F5F5F5;
}	

/*==================================================================
	Detail
===================================================================*/
#headline { margin-left: -5px; }

div.profile {
	width: 524px;
	margin: 0 auto 20px;
	padding-bottom: 11px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
	text-align: right;
}
div.profile h4 {
	display: inline;
	font-size: 14px;
	font-weight: bold;
}
div.profile h4 span {
	margin-right: 0.5em;
	padding: 3px 5px 2px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}
div.profile h4 .shugiin { background: #DC6700; }
div.profile h4 .sangiin { background: #7DC218; }
div.profile h4 .new { background: #0C6CC3; }

div.profile p { display: inline; }
div.profile #electorate { padding-left: 0.25em; }
div.profile #url { padding-left: 0.8em; }
.space {
	width: 504px;
	min-height: 3em;
	height: auto !important;
	height: 3em;
	margin: 0 auto 12px;
	padding: 10px;
	border: 1px solid #333;
}
.checkBox,
.checkBox2 {
	overflow: hidden;
	width: 524px;
	margin: 0 auto 20px;
}

.checkBox li {
	display: inline;
	margin-right: 0.5em;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.checkBox2 li {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 0 0.3em;
}
.checkBox li, .checkBox2 li { background-image: url("/img/questionnaire/icon_check_off.gif"); }
.checkBox li.on, .checkBox2 li.on { background-image: url("/img/questionnaire/icon_check_on.gif"); }

.number {
	overflow: hidden;
	width: 524px;
	margin: 0 auto 10px !important;
}
.number li {
	list-style: decimal inside;
}




/*==================================================================
	search
===================================================================*/
.p-search div.searchRefinement {
	overflow: hidden;
	width: 655px;
}
.p-search p.searchRefinement {
	overflow: hidden;
	display: -moz-inline-block;
	display: inline-block;
	padding-left: 70px;
	background: url("/img/questionnaire/btn_refine.gif") no-repeat 0 50%;
	line-height: 20px;
	font-size: 85%;
	*display: inline;
	*zoom: 1;
}
.p-search .searchRefinement .sangiin {
	float: right;
	padding-top: 0.1em;
	line-height: 20px;
	font-size: 85%;
}

#searchResult {
	padding-top: 11px;
	background: url("/img/common/line_dot.gif") repeat-x 0 0;
}
.item {
	overflow: hidden;
	width: 655px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
}
.lastChild { background: none !important; }

.item .leftBox {
	width: 504px;
}
.item h4 {
	display: inline;
	font-size: 14px;
	font-weight: bold;
}
.item h4 span {
	display: -moz-inline-block;
	display: inline-block;
	width: 72px;
	margin-right: 0.75em;
	padding-top: 0.125em;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	*display: inline;
	*zoom: 1;
}
.item h4 .shugiin { background: #DC6700; }
.item h4 .sangiin { background: #7DC218; }
.item h4 .new { background: #0C6CC3; }

.item p {
	display: inline;
	padding-left: 0.25em;
}
.item a.hover:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.item .btn {
	float: right;
}

/*==================================================================
	graph
===================================================================*/
.graph {
	width: 524px;
	margin: 12px auto 0;
}
.graph table {
	table-layout: fixed;
	width: 524px;
	background: url("/img/common/line_dot.gif") repeat-x 0 0;
}
.graph table th {
	width: 143px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 4px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
	font-weight: bold;
	font-size: 85%;
}
.graph table td {
	width: 371px;
	padding-top: 3px;
	padding-bottom: 4px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
	font-size: 85%;
}
.graph table td img {
	padding-right: 5px;
	vertical-align: middle;
}

.graphPatch {
	position: relative;
	width: 560px;
}
.graphPatch .patchTop {
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 9999;
}
.graphPatch .patchBottom {
	position: absolute;
	bottom: 0;
	left: 27px;
	z-index: 9999;
}
.graphPatch .patchLeft {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}
.graphPatch .patchRightBottom {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9999;
}	

/*==================================================================
	freeArea
===================================================================*/
.btnView {
	display: block;
	width: 524px;
	margin: 0 auto;
}
#contentInner .searchRefinement {
	float: right;
	overflow: hidden;
	padding-left: 70px;
	background: url("/img/questionnaire/btn_refine.gif") no-repeat 0 50%;
	line-height: 20px;
	_zoom: 1;
}
.areaBox {
	margin-top: 12px;
}

.freeArea {
	width: 524px;
	margin: 0 auto;
}
.freeArea .searchRefinement {
	padding-left: 70px;
	background: url("/img/questionnaire/btn_refine.gif") no-repeat 0 50%;
	line-height: 20px;
	font-size: 85%;
}
.freeArea .comment {
	overflow: hidden;
	margin-bottom: 10px !important;
	padding: 10px 10px 10px 9.7em;
	background: #F5F5F5;
	_zoom: 1;
}
.freeArea .comment .name {
	float: left;
	width: 8.2em;
	margin-left: -9em;
	line-height: 1.4;
	font-weight: bold;
}
.freeArea .comment .name span { font-weight: normal !important; }

.freeArea p.headline2 {
	width: 519px;
	margin: 0 auto 12px !important;
	background-image: url("/img/questionnaire/bg_headline_s.gif");
}
.freeArea .answerer {
	width: 504px;
	margin: 0 auto;
	padding: 0 10px 2px;
	border: 1px solid #333;
}
.freeArea .answerer .headline3 {
	margin-top: 10px !important;
	margin-bottom: 7px !important;
	padding-left: 8px;
	border-left-style: solid;
	border-left-width: 28px;
	line-height: 14px;
	font-weight: bold;
	font-size: 13px;
}
.freeArea .answerer ul {
	overflow: hidden;
	margin-bottom: 2px;
	_zoom: 1;
}
.freeArea .answerer li {
	float: left;
	display: inline;
	width: 114px;
	margin-bottom: 3px;
	padding-right: 5px;
	line-height: 1.2;
	font-size: 85%;
}
.freeArea .answerer li a { color: #333; }

/*==================================================================
	Analysis
===================================================================*/
.p-analysis #main h5.headline2 {
	width: 519px;
	margin: 12px auto 7px;
}
.p-analysis #main p.comment {
	width: 504px;
	margin: 0 auto 20px;
	padding: 10px;
	border: 1px solid #333;
}

#p-activity #main .menber {
	overflow: hidden;
	width: 675px;
	margin-bottom: 10px;
}
#p-activity #main .inner {
	padding: 10px;
	background: #F5F5F5;
}
#p-activity #main .menber .leftBox {
	width: 75px;
	padding: 0 !important;
}
#p-activity #main .menber .rightBox {
	width: 570px;
	padding-top: 0.5em;
}
#p-activity #main .menber h3 {
	display: inline;
	font-weight: bold;
	font-size: 123.1%;
}
#p-activity #main .menber p {
	display: inline;
	padding-left: 0.25em;
}
#p-activity #main .menber h3 a { color: #333; }
#p-activity #main .menber ul { margin-top: 0.25em; }
#p-activity #main .menber li {
	list-style: none;
	font-size: 13px;
}