@charset "UTF-8";
/* CSS Document */

html {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

/* アンカー の 設定 */

a:link {
	color: #FFF;
	text-decoration: none;
	}
a:hover {
	color: #FFF;
	text-decoration: none;
	}
a:visited {
	color: #FFF;
	text-decoration: none;
	}
a:active {
	color: #FFF;
	text-decoration: none;
}

/* table_1.html 〜 table_4.html まで は 共通でCSSを組んでいます。（32〜273） */
/* table_5.html と table_6.html と table_7.html は 独立してCSSを組んでいます。*f/

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■　table_1.html 〜 table_4.html までの 設定　■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#flame_1 {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	background-color: #FFF;
	}

/* ■■■　タイトル h2 見出し の 設定　■■■ */

#flame_1 h2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	background: url(../images/h2_bg_blue.jpg) #23548E repeat-x 0 0;
	}

#flame_1 h2 span.left {
	float: left;
	line-height: 2.1;
	font-size: 18px;
	color: #FFF;
	margin: 0 0 0 13px;
	font-weight: bold;
	}

#flame_1 h2 span.right {
	float: right;
	line-height: 3.2;
	font-size: 12px;
	color: #FFF;
	margin-right: 16px;
	}

#flame_1 h2 span.right2 {
	float: right;
	line-height: 1.2;
	font-size: 12px;
	color: #FFF;
	margin-right: 16px;
	margin-top: 4px;
	text-align: right;
	}

/* ■■■　table_1.html 〜 table_4.html までのtable内の設定　■■■ */

#flame_1 table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border: 1px solid #CCC;
	font-size: 14px;
	}

#flame_1 table td {
	border: 1px solid #CCC;
	padding: 1px 7px;
	}

#flame_1 table th {
	height: 25px;
	border: 1px solid #CCC;
	background: url(../images/tr_bg.jpg) #D3D0AF repeat-x 0 0;
	vertical-align: middle;
	font-weight: bold;
	color : #232323;
	text-shadow: #FFF 1px 1px 0px;
	*text-align: center;/*IE7対応*/
	}

#flame_1 table#open th {
	background: url(../images/hr_bg_open.jpg) #EBEACC repeat-x 0 0;
	}

/* td内　交互に設定している バックグラウンドカラー　設定 */
#flame_1 table .bg_c1 {
	background-color: #f9f9f9;
	}

/* td内　span の 回り込み 設定 */
#flame_1 table span {
	float: left;
	}

/* td内　td の テキストの位置 設定 */
#flame_1 table td {
	vertical-align: middle;
	text-align: center;
	}

/* 写真画像 設定 */
#flame_1 table span.photo {
	width: 32px;
	height: 40px;
	display: block;
	overflow: hidden;
	margin: 0 8px 0 35px;
	}

#flame_1 table td.photo {
	width:75px;
	border-right:none;
	padding-right:0;
}

/* 追記してもらったプロパティー */
#flame_1 table span.photo img {
	cursor: pointer;
	}

/* 氏名テキスト 設定 */
#flame_1 table span.name {
	width: auto;
	height: auto;
	margin-top: 2px;
	color: blue;/* 追記してもらったプロパティー */
	cursor: pointer;/* 追記してもらったプロパティー */
	}

#flame_1 table td.shimei {
	border-left:none;
	padding-left:0;
	text-align:left;
}

/* 肩書き 左寄せ 幅 設定 */
#flame_1 table td.text_w {
	text-align: left;
	padding-left: 13px;
	}

/* 投票数 右寄せ 設定 */
#flame_1 table td.text_n {
	text-align: right;
	padding-left: 13px;
	}

/* ■■ 当選マーク（バラ黄色）を付ける場合は 下のセレクタ を使用する ■■ */

#flame_1 table td.elected {
	background:url(../images/bara_r.jpg) no-repeat 8px 8px;
	}


/* ■■■　table_3.html と table_4.html ヘッダーの党派名ボタン 設定　■■■ */

#flame_1 ul {
	width: auto;
	height: auto;
	overflow: hidden;
/*	display: inline-table;	*/
	margin: 7px 0 0 7px;
	padding: 0;
	*margin: 7px;/*IE7対応*/
	}

#flame_1 li {
	width: auto;
	height: 34px;
	margin: 0 7px 7px 0;
	float: left;
	text-align: left;
	background: url(../images/box_b_left.jpg?v=20130619) #DCDAB7 no-repeat left top;
	white-space: nowrap;
	}

/* ■■■　table_3.html と table_4.html ヘッダーの党派名ボタン 設定　■■■ */

#flame_1 li a {
	height: 24px;
	display: block;
	background: url(../images/box_b_right.jpg?v=20130619) no-repeat right top;
	padding: 10px 10px 0 10px;
	float: left;
	font-size: 14px;
	color: #333;
	}

#flame_1 li:hover {
	background: url(../images/box_b_left.jpg?v=20130619) #E7E7CF no-repeat left top;
	background-position:0px -34px;
	}

#flame_1 li:hover a {
	background: url(../images/box_b_right.jpg?v=20130619) no-repeat right top;
	background-position:right -34px;
	}

/* 各党派のページを開いた時 activeというセレクタで ボタンを赤くする */

#flame_1 li.active {
	text-shadow: #555 0px -2px 0px;
	background: url(../images/box_r_left.jpg?v=20130619) #A16E2C no-repeat left top;
	}

#flame_1 li.active a {
	background: url(../images/box_r_right.jpg?v=20130619) no-repeat right top;
	color: #FFF!important;
	text-decoration: none;
	}

/* ■■■　フッター内 の 設定　■■■ */

#flame_1 .bottom_block {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	padding-top: 8px;
	clear: both;
	}

/* テキスト枠 の 設定 */

#flame_1 .bottom_block p {
	width: auto;
	height: 30px;
	line-height: 2.4;
	overflow: hidden;
	font-size: 14px;
	text-indent: 30px;
	background: url(../images/bara_r.jpg) no-repeat 0 2px;
	color: #666;
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;/*文字とボタンが重なったとき上下10px間隔*/
}

/* ボタン枠 の 設定 */

#flame_1 .bottom_block p.button {
	width: auto;
	height: auto;
	display: inline-table;
	background-image: none;
	float: right;
	}

/* 政党略称ボタン の 設定 */

#flame_1 .bottom_block p.button a.b_1  {
	width: 101px;
	height: 31px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/b_button1.png) no-repeat 0 0;
	float: right;
	}

#flame_1 .bottom_block p.button a.b_1:hover {
	background: url(../images/b_button1.png) no-repeat 0 0;
	background-position:0px -31px;
	}

/* 比例代表確定方法ボタン の 設定 */

#flame_1 .bottom_block p.button a.b_2  {
	width: 167px;
	height: 31px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/b_button2.png) no-repeat 0 0;
	float: right;
	margin-left: 6px;
	}

#flame_1 .bottom_block p.button a.b_2:hover {
	background: url(../images/b_button2.png) no-repeat 0 0;
	background-position:0px -31px;
	}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■　table_6.html の 設定　■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#flame_3 {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	background-color: #FFF;
	}

/* ■■■　タイトル h2 見出し の 設定　■■■ */

#flame_3 h2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	background: url(../images/h2_bg_blue.jpg) #23548E repeat-x 0 0;
	}

#flame_3 h2 span.left {
	float: left;
	line-height: 2.1;
	font-size: 18px;
	color: #FFF;
	margin: 0 0 0 13px;
	font-weight: bold;
	}

#flame_3 h2 span.right {
	float: right;
	line-height: 3.1;
	font-size: 12px;
	color: #FFF;
	margin-right: 16px;
	}

#flame_3 h2 span.right2 {
	float: right;
	line-height: 1.2;
	font-size: 12px;
	color: #FFF;
	margin-right: 16px;
	margin-top: 4px;
	text-align: right;
	}

/* ■■■　table内 の 設定　■■■ */

#flame_3 table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border: 1px solid #CCC;
	font-size: 14px;
	text-align: center;
	}

#flame_3 table td {
	border: 1px solid #CCC;
	padding: 8px 0 8px 0;
	}

#flame_3 table th {
	height: 25px;
	border: 1px solid #CCC;
	vertical-align: middle;
	font-weight: bold;
	color : #232323;
	text-shadow: #FFF 1px 1px 0px;
	*text-align: center;/*IE7対応*/
	*line-height: 1.5;/*IE7対応*/
	}

.th_gb3 {
	background: url(../images/hr_bg3.jpg) #D3D0AF repeat-x 0 0;
	}

.th_gb4 {
	background: url(../images/th_bg4.jpg) #DDDCC0 repeat-x 0 0;
	}

.th_gb5 {
	background: url(../images/th_bg5.jpg) #D3D0AF repeat-x 0 0;
	}

/* table内 の span の 設定 */
#flame_3 table span {
	float: left;
	}

/* td内　td テキスト の 位置 設定 */
#flame_3 table td {
	vertical-align: middle;
	text-align: center;
	}

/* リスト内 の 太いボーダー の 設定 */
#flame_3 table .bg_c1 {
	background-color: #f9f9f9;
	}

#flame_3 table .right_b {
	border-right: 3px solid #9c9c9c;
	}

#flame_3 table .top_b {
	border-top:3px solid #9c9c9c;
	}

/* ■■■　フッター内 の 設定　■■■ */

#flame_3 .bottom_block {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	margin-top: 8px;
	clear: both;
	}

/* テキスト枠 の 設定 */

#flame_3 .bottom_block p {
	width: auto;
	height: auto;
	line-height: 1.2;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	float: left;
	margin-bottom: 10px;/*文字とボタンが重なったとき上下10px間隔*/
}

/* ボタン枠 の 設定 */

#flame_3 .bottom_block p.button {
	width: auto;
	height: auto;
	display: inline-table;
	float: right;
	}

/* 政党略称ボタン の 設定 */

#flame_3 .bottom_block p.button a.b_1  {
	width: 101px;
	height: 31px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/b_button1.png) no-repeat 0 0;
	float: right;
	}

#flame_3 .bottom_block p.button a.b_1:hover {
	background: url(../images/b_button1.png) no-repeat 0 0;
	background-position:0px -31px;
	}

/* 政党略称ボタン の 設定 */

#flame_3 .bottom_block p.button a.b_2  {
	width: 167px;
	height: 31px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/b_button2.png) no-repeat 0 0;
	float: right;
	margin-left: 6px;
	}

#flame_3 .bottom_block p.button a.b_2:hover {
	background: url(../images/b_button2.png) no-repeat 0 0;
	background-position:0px -31px;
	}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■　table_7.html の 設定　■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#flame_4 {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	background-color: #FFF;
	}

/* ■■■　タイトル h2 見出し の 設定　■■■ */

#flame_4 h2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	background: url(../images/h2_bg_blue.jpg) #23548E repeat-x 0 0;
	}

#flame_4 h2 span.left {
	float: left;
	line-height: 2.1;
	font-size: 18px;
	color: #FFF;
	margin: 0 0 0 13px;
	font-weight: bold;
	}

#flame_4 h2 span.right {
	float: right;
	line-height: 3.1;
	font-size: 12px;
	color: #FFF;
	margin-right: 10px;
	}


/* ■■■　table内 の 設定　■■■ */

#flame_4 table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border: 1px solid #CCC;
	font-size: 14px;
	text-align: center;
	}

#flame_4 table td {
	border: 1px solid #CCC;
	padding: 8px 0 8px 0;
	vertical-align: middle;
	}

#flame_4 table th {
	height: 25px;
	border: 1px solid #CCC;
	background: url(../images/hr_bg2.jpg) #D3D0AF repeat-x 0 0;
	vertical-align: middle;
	font-weight: bold;
	color : #232323;
	text-shadow: #FFF 1px 1px 0px;
	*line-height: 2;/*IE7テキスト上部の削れ対応*/
	}

/* td内　交互に設定している バックグラウンドカラー　設定 */
#flame_4 table .bg_c1 {
	background-color: #f9f9f9;
	}

/* リスト内 の 太いボーダー の 設定*/
#flame_4 table .right_b {
	border-right: 3px solid #9c9c9c;
	}

#flame_4 table .top_b {
	border-top: 3px solid #9c9c9c;
	}

/* ■■■　フッター内 の 設定　■■■ */

#flame_4 .footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	padding-top: 8px;
	clear: both;
	}

/* テキスト枠 の 設定 */

#flame_4 .footer p {
	width: auto;
	height: auto;
	overflow: hidden;
	display: block;
	font-size: 14px;
	color: #666666;
	/* float: left; */
	line-height: 1.2;
	margin-bottom: 10px;/*文字とボタンが重なったとき上下10px間隔*/
	}

/* ボタン枠 の 設定 */

#flame_4 .footer p.button {
	width: auto;
	height: auto;
	display: inline-table;
	float: right;
	margin-left: 3px;
	}

/* 政党略称ボタン の 設定 */

#flame_4 .footer a {
	width: 101px;
	height: 31px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/b_button1.png) no-repeat 0 0;
	}

#flame_4 .footer a:hover {
	background: url(../images/b_button1.png) no-repeat 0 0;
	background-position:0px -31px;
	}


/*■■■■■■■■■■■■■■■■*/
/*■■■　table-th幅の設定　■■■*/
/*■■■■■■■■■■■■■■■■*/


/*■選挙区-開票前 table_1.html*/
/*■■■■■■■■■■■■■■*/

/*氏名*/
.tr1_01 {
	width: 191px;
	}
.td1_01 {
	width:102px;
}

/*党派*/
.tr1_02 {
	width: 88px;
	}

/*現元新*/
.tr1_03 {
	width: 87px;
	}

/*肩書*/
.tr1_04 {
	width: auto;
	}

/*■選挙区-開票後 table_2.html*/
/*■■■■■■■■■■■■■■*/

/*氏名*/
.tr2_01 {
	width: 190px;
	}
.td2_01 {
	width:101px;
}

/*党派*/
.tr2_02 {
	width: 67px;
	}

/*現元新*/
.tr2_03 {
	width: 59px;
	}

/*肩書*/
.tr2_04 {
	width: auto;
	}

/*得票数*/
.tr2_05 {
	width: 113px;
	}

/*■比例代表-開票前 table_3.html*/
/*■■■■■■■■■■■■■■■*/

/*氏名*/
.tr3_01 {
	width: 230px;
	}
.td3_01 {
	width:141px;
}

/*現元新*/
.tr3_02 {
	width: 90px;
	}

/*肩書*/
.tr3_03{
	width: auto;
	}

/*■比例代表-開票後 table_4.html*/
/*■■■■■■■■■■■■■■■*/

/*氏名*/
.tr4_01 {
	width: 195px;
	}
.td4_01 {
	width:106px;
}

/*現元新*/
.tr4_02 {
	width: 76px;
	}

/*肩書*/
.tr4_03 {
	width: auto;
	}

/*得票数*/
.tr4_04 {
	width: 120px;
	}