@charset "utf-8";

/*--- @group Reset ブラウザCSSリセット --*/
*{ margin: 0;padding: 0}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}
/*--------- @end ---------*/


/*--- @group Reset ＩＥ８対応 --*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  
	display: block; } 
/*--------- @end ---------*/

/*--- @group Reset リンク設定 --*/
a[href]:hover { color: #ffcc00 }
/*--------- @end ---------*/



/*--- @group リンク画像設定半透明 ---*/
a img { border: none ; }
a:hover img{ opacity:0.5 ;
	filter: alpha(opacity=50) ;
	-ms-filter: "alpha( opacity=50 )" ;
	background:inherit;} 
/*--------- @end ---------*/


/*--- @group HTML ベースフォント　--- */
html {
font-family : Oosaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif ;
font-size : 87.5%;
line-height : 1.7142;
}
/*--------- @end ---------*/

/* --------------@group　文字サイズ------------------------------------- */
.f-ll { font-size: 120%; font-weight: bold }
.f-ll-1 { font-size: 120%; line-height: 125%; }
.f-ll-2 { font-size: 120%; line-height: 150%; }

.f-l { font-size: 105%; }
.f-l-1 { font-size: 105%; line-height: 125% }
.f-l-2 { font-size: 105%; line-height: 150% }

.f-s { font-size: 90%; }
.f-s-1 { font-size: 90%; line-height: 125% }
.f-s-2 { font-size: 90%; line-height: 150% }
/*--------- @end ---------*/


/* --------------@group　位置揃えと回り込み　------------------------------ */

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

.floatcenter { display:block ;
	margin:0.5em auto 0.5em ;}
.floatleft { float:left ;}
.floatright { float:right ;}

img.floatleft,table.floatleft { margin-top:0.5em ;
	margin-right:1em ;
	margin-bottom:1em ;}
img.floatright,table.floatright { margin-top:0.5em ;
	margin-left:1em ;
	margin-bottom:1em ;}

.clearboth { clear:both ; }
/*--------- @end ---------*/

/*--- @group Heading  見出し ---*/
h1 { margin: 15px 0 0 20px ;}

h2 { margin: 0 1em ; }

h3,h4 { margin :0 0 0.5em 0}

h3 { font-size : 1.4em;
line-height : 1.5;
text-align:center ;
color:#333333 ;
background-color: #f7db98 ;
border-radius: 4px;
-moz-border-radius: 4px;    /* 古いFirefox */
-webkit-border-radius: 4px; /* 古いSafari,Chrome */
padding:0.5em 0 0.4em ;
margin: 1em 0 ;
clear:both ;}
h3#hireiku { border: #0074be solid 1px ;
background-color: #3399ff ;}

h4 { font-size : 1.385em;
line-height : 1.5;
margin-top: 2em ;
color:#ffffff ;
border-radius: 4px;
-moz-border-radius: 4px;    /* 古いFirefox */
-webkit-border-radius: 4px; /* 古いSafari,Chrome */
text-indent:0.5em ;
padding-top:0.1em ;
clear:both ;}
h4.hokaido { background-color: #6bc7f1 ; }
h4.tohoku { background-color: #ea6da4 ; }
h4.kitakanto { background-color: #77be63 ; }
h4.minamikanto { background-color: #f29739 ; }
h4.tokyo { background-color: #9589c0 ; }
h4.hokurikushinetsu { background-color: #ec7479 ; }
h4.tokai { background-color: #4abab5; ; }
h4.kinki { background-color: #f8ba00 ; }
h4.chugoku { background-color: #c890be ; }
h4.shikoku { background-color: #91c2e9 ; }
h4.kyusyu { background-color: #f19975 ; }


h5 { font-size : 14px;
line-height: 26px ;
color:#000000 ;
text-align: center ;
width: 100% ;
height: 26px ;
margin: 0 ;
border-radius: 3px;
-moz-border-radius: 3px;    /* 古いFirefox */
-webkit-border-radius: 3px; /* 古いSafari,Chrome */}
h5.hokaido { background-color: #c2e1ff ; }
h5.tohoku { background-color: #edbbd0 ; }
h5.kitakanto { background-color: #c1d7b0 ; }
h5.minamikanto { background-color: #f5cb9d ; }
h5.tokyo { background-color: #c7c0dc ; }
h5.hokurikushinetsu { background-color: #f0bab8; }
h5.tokai { background-color: #b5dad6; ; }
h5.kinki { background-color: #f7db98 ; }
h5.chugoku { background-color: #dec7dd ; }
h5.shikoku { background-color: #cbdef3 ; }
h5.kyusyu { background-color: #f4cdb8 ; }


h6 { font-size : 24px;
line-height: 24px ;
margin-top: 4px ;}
/*--------- @end ---------*/

/*--- @group テーブル設定 ---*/
table { border-collapse: collapse;
	margin:0.5em 0 ;
	clear:both ; }
th { color:#0072b4 ;
	line-height:130% ;
	padding:0.25em 0.5em ;
	text-align:center ;
	border:1px #0072b4 solid;
	vertical-align:top; }
td { padding:0.25em 0.5em;
	border:1px #0072b4 solid;
	line-height:130% ;
	vertical-align:top; }

table.border-none td { border:none ; }

table.border-bottom { border-collapse:separate ; }
table.border-bottom th { border:none ;
	border-bottom:2px #0072b4 solid ; }
table.border-bottom td { border:none ;
	border-bottom:1px #666666 dotted ; }

/*--------- @end ---------*/


/*--- @group Header ヘッダー ---*/
body {
    padding-top: 110px; /* ヘッダーの後ろに要素が隠れないようにするため */
}

header { width:100% ;
	border-bottom: 1px solid #0074be ;
	box-shadow:0px 10px 12px -6px #cccccc;
	-moz-box-shadow:0px 10px 12px -6px #cccccc;
	-webkit-box-shadow:0px 10px 12px -6px #cccccc;
	background-color: #e6f5ff;
	margin-bottom: 30px ;
	position: fixed ;/*ヘッダー固定*/
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
}

header a.link-jtuc { float: left ;}

header .inner { width: 960px ;
margin:0px auto ;}

/*--------- @end ---------*/

/*---- @group Contents コンテンツ内 ---*/

#contents {width : 960px;
	margin : 0 auto 0;
	overflow : hidden;
	clear:both ;}

#contents p { margin-bottom : 1em;}
#contents img { margin-bottom : 0.5em;}



ul#senkyo-menu { border-bottom: 1px solid #ff9900 ;
	overflow : hidden;}
ul#senkyo-menu li { float: left ;
	margin: 0 auto ;}
ul#senkyo-menu li.syuin { width: 100% ;
	padding: 10px 0 7px ;
	text-align: center ;
	color: #ffffff ;
	font-size: 1.5em ;
	font-weight: bold ;
	background-color: #ff9900 ;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;}

/*--------- 衆議院、参議院当時表示のリンクボタンなので今回非表示
ul#senkyo-menu { border-bottom: 10px solid #ff9900 ;
	overflow : hidden;}
ul#senkyo-menu li { float: left ;
	margin: 0 auto ;}
ul#senkyo-menu li.syuin { width: 75% ;}
ul#senkyo-menu li.sanin { width: 25% ;}
ul#senkyo-menu li a { display: block ;
	padding: 10px 0 7px ;
	text-align: center ;
	color: #ffffff ;
	font-size: 1.5em ;
	font-weight: bold ;}
ul#senkyo-menu li a.syuinbtn { background-color: #ff9900 ;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;}
ul#senkyo-menu li a.saninibtn { background-color: #cae5a6 ;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;}
ul#senkyo-menu li a.syuinbtn:hover { background-color: #ffdba6 ;}
ul#senkyo-menu li a.saninibtn:hover { background-color: #66b400 ;}
---*/

#contents #contena-l { width: 430px ;
	float: left ;
	overflow: hidden ;
	text-align: right ;
}

#contents #contena-r { width: 520px ;
	float: right;
	overflow: hidden ;
}


/*--------- @end ---------*/


/*--- @group Footer　フッター ---*/

div#footer-navi { width:960px ;
	margin:2em auto 0 auto ;
	clear:both ;
	text-align:right ;
	height:26px ;}

div#footer-navi a.page-top { width:150px ;
	height:26px ;
	display:block ;
	text-align:center ;
	font-size:12px ;
	line-height:26px ;
	text-decoration:none ;
	color:#ffffff;
	background-color:#0074be ;
	float:right ;
	border: 1px solid #0074be ;
	border-bottom:none ;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius:  3px 3px 0 0;
    -moz-border-radius:  3px 3px 0 0; }
div#footer-navi a.page-top:hover { background-color:#ffffff ;
	color:#0074be ; }

footer { clear:both ;
	width:100% ;
	margin:0 0 2em 0;
	padding:1em 0 2em ;
	text-align:center ;
	color : #666666;
	line-height:1.2 ;
	border-top: #0074be solid 1px ;}

/*--------- @end ---------*/


/*--- @group リストのインデント設定 ---*/
ul.list-1 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:1em ;
	text-indent:-1em ;
}

ul.list-2 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:2em ;
	text-indent:-2em ;
}

ul.list-3 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:3em ;
	text-indent:-3em ;
}

ul.list-4 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:4em ;
	text-indent:-4em ;
}

ul.indent-1 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:1em ;
}
ul.indent-2 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:2em ;
}
ul.indent-3 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:3em ;
}

/*--------- @end ---------*/


/*--- @group カラー設定 ---*/
.red { color:#cb111a ;}
.blue01 { color:#1d2080 ;}
.blue02 { color:#0066c6 ;}
.blue03 { color:#0072b4 ;}

/*--------- @end ---------*/



/*--- @group top-page　以下トップページ ---*/
.lead { font-size: 120%;
	font-weight: bold ;
	color: #0074be ;
	text-align: center ;}


ul#hireiku-btn {list-style-position:inside ;
	list-style:none ;}
ul#hireiku-btn li{ width: 114px ;
	height: 30px ;
	margin: 0 3px 5px 3px ;
	float: left ;
	text-align: center ;}
ul#hireiku-btn li a { width: 114px ;
	font-size: 14px ;
	font-weight: bold ;
	line-height: 30px ;
	color: #ffffff ;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius:  2px 2px 2px 2px;
    -moz-border-radius:  2px 2px 2px 2px;
	display: block ;}
ul#hireiku-btn li a#btn-hokaido {
	background-color: #6bc7f1; }
ul#hireiku-btn li a#btn-tohoku {
	background-color: #ea6da4; }
ul#hireiku-btn li a#btn-kitakanto {
	background-color: #77be63; }
ul#hireiku-btn li a#btn-minamikanto {
	background-color: #f29739; }
ul#hireiku-btn li a#btn-tokyo {
	background-color: #9589c0; }
ul#hireiku-btn li a#btn-hokurikushinetsu {
	background-color: #ec7479; }
ul#hireiku-btn li a#btn-tokai {
	background-color: #4abab5; }
ul#hireiku-btn li a#btn-kinki {
	background-color: #f8ba00; }
ul#hireiku-btn li a#btn-chugoku {
	background-color: #c890be; }
ul#hireiku-btn li a#btn-shikoku {
	background-color: #91c2e9; }
ul#hireiku-btn li a#btn-kyusyu {
	background-color: #f19975; }
ul#hireiku-btn li a#btn-hokaido:hover,
ul#hireiku-btn li a#btn-tohoku:hover,
ul#hireiku-btn li a#btn-kitakanto:hover,
ul#hireiku-btn li a#btn-minamikanto:hover,
ul#hireiku-btn li a#btn-tokyo:hover,
ul#hireiku-btn li a#btn-hokurikushinetsu:hover,
ul#hireiku-btn li a#btn-tokai:hover,
ul#hireiku-btn li a#btn-kinki:hover,
ul#hireiku-btn li a#btn-chugoku:hover,
ul#hireiku-btn li a#btn-shikoku:hover,
ul#hireiku-btn li a#btn-kyusyu:hover {
	background-color: #f2cc99; ;
	color: #ffffff ;}

p#senkyoku-kensaku { text-align: left ;}
p#senkyoku-kensaku a { display: block ;
	font-size: 1.25em ;
	line-height: 40px ;
	text-align: center ;
	margin: 20px 0 0 0 ;
	width: 300px ;
	height: 40px ;
	color: #fff ;
	background-color: #ec7479 ;
	border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:  4px 4px 4px 4px;
    -moz-border-radius:  4px 4px 4px 4px;
	}
p#senkyoku-kensaku a:hover { color: #666666 ;
	background-color: #f0bab8 ;}
/*--------- @end ---------*/

/*--- @group top-page　以下議員ページ ---*/
table.giin { width: 100% ;
	border-collapse: collapse ;
	margin: 0 0 0.5em 0 ;}
table.giin tr td { vertical-align: middle ;
	padding: 0.5em 0  ;
	border:none ;
	border-bottom:1px #666666 dotted ;} 
table.giin tr td.senkyoku { width: 14% ;}
table.giin tr td.namae { width: 28% ;
	text-indent: 1.5em ;}
/*---------
table.giin tr td.hurigana { width: 17% ;
	padding-top: 1.8em }
---*/
table.giin tr td.ki { width: 14% ;
	text-align: center ;
	padding-top: 1.5em }
table.giin tr td.hp { width: 14% ;}
table.giin tr td.sns { width: 20% ;
	padding-top: 2em ;}
table.giin tr td.prof-link { width: 10% ;
	text-align: center;
	padding-top: 1.5em }

td.sns a.sns-icon { width: 30px ;
	margin: 0 10px 0 0 ;
	float: left ;
	display: block ;
}
td.sns .sns-none { width: 30px ;
	height: 30px ;
	margin: 0 10px 0 0 ;
	float: left ;
	display: block ;}

rt {
  text-align: left;
}


a.hp {font-size : 14px;
line-height: 24px ;
color:#ffffff ;
background-color: #f29900 ;
text-align: center ;
width: 100px ;
height: 24px ;
margin: 10px 0 0 0 ;
display: block ;
border-radius: 3px;
-moz-border-radius: 3px;    /* 古いFirefox */
-webkit-border-radius: 3px; /* 古いSafari,Chrome */}
a.hp:hover { background-color: #f2cc99 ;
color: #ffffff ;}

p.kuwari { font-size: 1.1em ;
	font-weight: bold ;
	line-height: 100% ;
	text-align: right ;}
p.kuwari small { font-size: 0.8em ;}

p.page-top {text-align: right ;
	font-size: 12px ;
	margin-bottom: 2em ;}
/* ヘッダー固定　リンク位置調整のもの */
a#pagetop {    display: block;
	padding-top: 110px;
	margin-top:-110px;
}
a.headerposition { 
	padding-top: 110px;
	margin-top:-110px;
}
/*--- @group top-page　以下動く検索ボタン ---*/
.fixed_btn
{ position: fixed;
  top: 78px;
  right: 10px;
	padding: 10px ;
	background-color:rgba(255,255,255,0.5);
}
#senkyoku-kensaku02 { text-align:center ;
	font-size: 0.8em ;
}
#senkyoku-kensaku02 a { display: block ;
	font-size: 1.5em ;
	line-height: 28px ;
	text-align: center ;
	margin: 0 ;
	width: 210px ;
	height: 28px ;
	color: #fff ;
	background-color: #ec7479 ;
	border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:  4px 4px 4px 4px;
    -moz-border-radius:  4px 4px 4px 4px;
	}
#senkyoku-kensaku02 a:hover { color: #666666 ;
	background-color: #f0bab8 ;}