@charset "shift_jis";

/*===================================

  * file name : layout.css
  * last update : 2009/07/08

=======================================*/

/*----------------------------------
	・Base
----------------------------------*/

/*body*/
html , body{
	height:100%;
}

body{
	text-align:center;
	background:#ffffff url(../img/bgimg.gif) left top repeat;
}

/*base width*/
#wrap , #header , #contents , #footer{
	width:900px;
}

.indent {
	text-indent:1em;
}

/*wrap*/
#wrap{
	margin:0 auto;
	text-align:left;
	font-size:108%;
	line-height:1.7;
	background:#ffffff repeat;
	height:100%;
	position:relative;
}

/*header*/
#header h1{
	float:left;
	font-size:8px;
}

/*global navi*/
#header #navi{
	float:left;
	overflow:hidden;
	height:75px;
}

#header #navi li{
	float:left;
}

#contents{
	background-color:#FFF;
	clear:both;
}

/*footer*/
#footer{
	clear:both;
	background:#ffffff url(../img/bg_footer.gif) left top repeat-x;
	padding:11px 0 89px 0;
}

#footer p{
	margin:0 auto;
	text-align:center;
}
	

/*----------------------------------
	・コンテンツ
----------------------------------*/
/*contents*/
#top #contents{
	clear:both;
	border-bottom:#f1f1f1 1px solid;
}

#top #contents #keyarea{
	height:436px;
	background:#FFF url(../../img/top/bg_line_keybottom.gif) left bottom repeat-x;
}

#top #contents #keyarea h2{
	padding:33px 0 30px 101px;
}

#top #contents #keyarea p#check{
	padding:0 0 20px 331px;
}

#top #contents #keyarea p#fukidashi{
	position:absolute;
	right:76px;
	top:258px;
}

#top #contents #keyarea p#toptxt{
	padding:0 0 18px 145px;
}

#top #contents #keyarea p#toptxt2{
	padding:0 0 0 237px;
}	

#top #contents #cnt_bottom{
	overflow:hidden;
}

#top #contents #cnt_left{
	width:578px;
	float:left;
	padding:0 0 0 20px;
}

#top #contents #cnt_left .headwordBox{
	margin-bottom:49px;
}

#top #contents #cnt_left .headwordTxt{
	padding:9px 11px 11px 18px;
}

#top #contents #cnt_left .btn_detail{
	text-align:right;
	padding:0 13px 0 0;
}

/* schedule */
#top #contents #schedule{
	margin:20px 0 92px 0;
	padding-bottom:10px;
	background:#f4f4f2 url(../../img/top/sche_bg_bottom.gif) left bottom no-repeat;
}

#top #contents #schedule p.sche-txt{
	padding:10px 0 5px 20px;
}


#top #contents #schedule ul{
	background:#f4f4f2 url(../../img/top/sche_bg_middle.gif) left top repeat-y;
}

#top #contents #schedule li{
	width:211px;
	font-size:85%;
	line-height:1.5;
	padding:8px 0px 15px 80px;
	margin-left:10px;
	background:url(../../img/top/qr.gif) 10px 0 no-repeat;
}


/*schedule*/




#top #contents #sidenavi{
	padding:0 0 0 53px;
	float:left;
}

#top #contents #sidenavi #contact{
	margin:20px 0 0 0;
	padding-bottom:10px;
	background:#f4f4f2 url(../../img/top/side_bg_bottom.gif) left bottom no-repeat;
}

#top #contents #sidenavi #contact ul{
	background:#f4f4f2 url(../../img/top/side_bg_middle.gif) left top repeat-y;
	padding:10px 0px 0 0px;
}

#top #contents #sidenavi #contact li{
	font-size:88%;
	/*line-height:1.5;*/
	line-height:0.8;
	padding:0px 11px 0 18px;
}

#top #contents #sidenavi #link{
/*
	margin:20px 0 92px 0;
*/
	margin:20px 0 42px 0;
	padding-bottom:10px;
	background:#f4f4f2 url(../../img/top/side_bg_bottom.gif) left bottom no-repeat;
}

#top #contents #sidenavi #link ul{
	background:#f4f4f2 url(../../img/top/side_bg_middle.gif) left top repeat-y;
}

#top #contents #sidenavi #link li{
	width:211px;
	font-size:85%;
	line-height:1.5;
	padding:6px 0px 0 0;
	margin-left:10px;
	background:url(../../img/top/sidenavi_line.gif) 10px 0 repeat-x;
}

#top #contents #sidenavi #link li a{
	width:187px;
	padding:8px 0 8px 24px;
	background:#fcfcfb url(../../img/top/side_listicon.gif) 8px 1em no-repeat;
	display:block;
}


/*----------------------------------
	・設立趣意書
----------------------------------*/
#shuisho #contents h2{
	padding:31px 0 19px 150px;
}

#shuisho #contents h3{
	padding:0 0 14px 150px;
}

#shuisho #contents p{
	width:590px;
	padding:0 0 16px 157px;
}

#shuisho #contents p.txtEnd{
	width:590px;
	padding:0 0 48px 157px;
}

#shuisho #contents p#btn_detail{
	padding:0 0 70px 330px;
}


/*----------------------------------
	・一票の不平等
----------------------------------*/
#hubyodo #contents h2{
	padding:31px 0 19px 150px;
}

#hubyodo #contents p{
	width:540px;
	padding:0 0 16px 177px;
	text-align:center;
	line-height:1.7;
}

#hubyodo #contents p.txtEnd{
	width:520px;
	padding:0 0 37px 187px;
	text-align:center;
	line-height:1.7;
}

#hubyodo #contents p#btn_detail{
	padding:0 0 70px 330px;
	width:239px;
}


/*----------------------------------
	・発起人・賛同者
----------------------------------*/
#hokkinin #contents h2{
	padding:31px 0 19px 150px;
}

#hokkinin #contents p{
	width:420px;
	padding:11px 0 30px 259px;
}

#hokkinin #contents #boxarea{
	padding:0 0 0 65px;
	overflow:hidden;
}

#hokkinin #contents .box{
	width:230px;
	background:#ffffff url(../../img/hokkinin/hokkinin_bgimg.gif) left top no-repeat;
	float:left;
	padding:0 40px 0 0;
}

#hokkinin #contents .box dl{
	margin-bottom:5px;
	height:61px;
}

#hokkinin #contents .box dt{
	font-size:14px;
	font-weight:bold;
	padding:6px 0 0 17px;
	line-height:1.2
}

#hokkinin #contents .box dd{
	font-size:12px;
	line-height:1.2;
	padding:2px 0 0 17px;
}

#hokkinin #contents .box p{
	width:216px;
	padding:0px 0 20px 7px;
	line-height:1.2;
	font-size:85%;
}

#hokkinin #contents p#gotop{
	clear:both;
	width:840px;
	text-align:right;
	padding:0 60px 20px 0;
	font-size:12px;
}

#hokkinin #contents p#gotop a{
	text-decoration:underline;
}

#hokkinin #contents p#gotop a:hover{
	text-decoration:none;
}


/*----------------------------------
	・あなたの一票の価値は？
----------------------------------*/


#checker #contents h2{
	padding:31px 0 35px 150px;
}

#checker #contents p{
	width:520px;
	padding:0 0 16px 187px;
	text-align:center;
	line-height:1.7;
}

#checker #contents p.txtEnd{
	width:520px;
	padding:0 0 37px 187px;
	text-align:center;
	line-height:1.7;
}

#checker #contents p#btn_detail{
	padding:0 0 70px 330px;
	width:239px;
}

.secondpulldown {
	display: none;
	margin-left:35px;
}

.secondpulldown select {
	width:490px;
}

form.firstpulldown {
	margin:0 35px;
}

form select {
	margin-bottom:25px;
}

#checkBox {
	width:560px;
	padding:35px 0;
	margin:0 auto;
	background:#FCFCFC;
	border:1px solid #E5E5E5;
	margin-bottom:60px;
}

#checkBox .ques {
	width:490px;
	padding-bottom:10px;
}

.btn_check {
	padding-top:12px;
	text-align:center;
}

#resultBox {
	width:560px;
	padding:35px 0;
	margin:0 auto;
	background:#FCFCFC;
	border:1px solid #E5E5E5;
	margin-bottom:60px;
}

.num {
	font-size:30px;
	font-weight:bold;
	text-indent:1em;
}

.re {
	margin-left:110px;
}

.re img {
	margin-right:18px;
}

.sub {
	font-size:10px; color:#666666;
}

.message {
	font-size:18px;
	color:#000000;
	font-weight:bold;
}

.btn_check2 {
	padding-top:12px;
	text-align:center;
	padding-bottom:35px;
}


/*----------------------------------
	・一人一票を実現するには？
----------------------------------*/
#question #contents h2{
	padding:31px 0 19px 150px;
}

#question #contents #txtarea p{
	width:600px;
	padding:11px 0 15px 150px;
	text-align:center;
}

#question #contents #txtarea p em{
	color:#F36;
}	
	
#question #contents #txtarea p.nameArea{
	width:600px;
	padding:11px 0 15px 150px;
	text-align:center;
	font-size:150%;
	font-weight:bold;
}

#question #contents #txtarea p.txtEnd{
	width:600px;
	padding:11px 0 7px 150px;
	text-align:center;
}

#question #contents h3{
	text-align:center;
}

#question #contents #yourvotebox {
display:block;
position:relative;
	width:390px;
	border:1px solid #E9E9E9;
	background:#FFFCE1;
	overflow:hidden;
	padding:20px 0;
	margin:66px auto 0 auto;
}

#question #contents table.votetable {
width:150px;
border:1px solid #7F7E70;
border-collapse:collapse;
margin-left:53px;
}

#question #contents table.votetable th {
border:1px solid #7F7E70;
border-collapse:collapse;
font-weight:bold;
text-align:center;
padding:8px 0;
font-size:28px;
line-height:28px;
}

#question #contents table.votetable td {
border:1px solid #7F7E70;
border-collapse:collapse;
text-align:center;
padding:8px 0;
}

#question #contents #txt_vote {
position:absolute;
top:86px;
left:254px;
}

#question #contents .btn_vote {
text-align:center;
padding:50px 0;
}

#question #contents #voteBox{
	width:470px;
	border:1px solid #e5e5e5;
	background:#fcfcfc;
	overflow:hidden;
	padding:30px 0 22px 90px;
	margin:7px 0 0 169px;
}

#question #contents .box{
	float:left;
	width:190px;
	padding:0 32px 0 0;
}

#question #contents .box p{
	padding:0 0 10px 0px;
}

#question #contents .box li{
	padding:0 0 8px 0;
}

#question #contents p#btn_vote{
	clear:both;
	padding:35px 0 62px 330px;
}

#question #contents .box label{
	margin-left:2px;
}

#judge {
overflow:hidden;
height:20px;
padding-bottom:10px;
}

p.judge01 {
float:left;
margin-left:100px;
display:inline;
}
p.judge02 {
float:left;
margin-left:90px;
display:inline;
}

#voteBox {
position:relative;
display:block;
}

img#graph01 {
margin-left:95px;

}

img#graph02 {
margin-left:70px;
}

.list01 {
float:left;
margin-left:90px;
padding-top:10px;
display:inline;
}

.list02 {
float:left;
margin-left:20px;
font-size:14px;
padding-top:10px;
display:inline;
}

.list01 .red, .list02 .red{
display:block;
color:#d13333;
font-weight:bold;
font-size:14px;
}

#per01,#per03 {
font-weight:bold;
}