﻿@charset "utf-8";


/*　bootstrapの解除　*/

* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
 }


 :after, :before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
 }

body {
	font-family:"メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif!important;
}
 
 
 body{
line-height:1;      
 }
 
ol, ul {
margin-top: 0;
margin-bottom: 0;
}

.h1, .h2, .h3, h1, h2, h3 {
margin-top: 0px;
margin-bottom: 0px;
}

a {
    color:#003366; 
}


/*　モーダルのずれをなくす　*/

.modal-open {
overflow: auto;
}


/*　モーダル動作の調整　*/

.collapsing {
-webkit-transition: none 0 ease 0;
transition: none 0 ease 0;
height:0!important;
}

/*　告示ページ全体ユニット　*/

.ch-megatitle-area {
height: 70px;
width:660px;
overflow:hidden;
}

.ch-megatitle {
float: left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.ch-megatitle-schedule {
float: right;
font-size:16px;
line-height: 20px;
margin:25px 15px 0 0;
color:#727171;
}

.ch-navi-area {
width:660px;
background-color:#3E3A39;
}

.ch-navi-area li{ 
width:220px;
height:50px;
float:left;
background-color:#3E3A39;
border-bottom:3px solid #000000;
color:#ffffff;
font-size:20px;
line-height:50px;
text-align:center;
vertical-align: bottom;
}

.ch-navi-area li span{
 padding-top: 2px;
font-size:20px;
 display:block;
 /* float: left; */
}


.ch-naviitem-act{
background-color:#017DB9!important;
border-bottom:3px solid #E8661B!important;
background-image:url(../images/ch-smalltriangle.png);
background-position:center bottom;
background-repeat: no-repeat;
}

/*   ↓20150420修正 選挙区メニュー２行表示↓    */
.ch-contentslink-area {
  width: 620px;
  padding: 0 20px;
  /* height: 37px; */
  background-color: #D3EDFB;
  border-bottom: 3px solid #2EA7E0;
  overflow: hidden;
}

.ch-contentslink-area li {
  color: #0081B5;
  line-height: 35px;
  float: left;
  background-image: url(images/ch-contentslink.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  margin: 0 20px 0 0;
  font-weight: bold;
  vertical-align: bottom;
}
/*   ↑20150420修正 選挙区メニュー２行表示↑    */

.ch-contentslink-area li span{
 padding-top: 2px;
 font-size:18px;
 display:block;
}

.ch-contentslink-area li a{
color:#0081B5;
}

.ch-main-area {

}

.ch-categorytitle-area {
overflow: hidden;
}

.ch-categorytitle {
background-image: url(../images/ch-categorytitle.png);
background-position:left center;
background-repeat: no-repeat;
padding:0 0 0 50px;
line-height:35px;
height:35px;
margin: 15px 0 3px 0;
float:left;
}

.ch-categorytitle span{
padding:2px 0 0 0;
display:block;
font-size:24px;
font-weight:bold;
color:#3E3A39;
}

.ch-category-update {
float:right;
font-size:16px;
color:#3E3A39;
font-weight:bold;
padding:19px 15px 0 0;
margin:15px 0 3px 0;
}

.ch-tab-area {
width:660px;
background-color:#3E3A39;
overflow: hidden;
}

.ch-tab-area li{
height:50px;
float:left;
background-color:#3E3A39;
border-bottom:3px solid #000000;
color:#ffffff;
font-size:20px;
line-height:50px;
text-align:center;
vertical-align: bottom;
cursor:pointer;
}

.ch-tab-dive8 li{
width:12.5%;   
} 

.ch-tab-dive9 li{
width:11.11111111111%;   
} 



.ch-tab-area li span{
padding-top: 2px;
font-size:14px;
display:block;
}

.ch-tab-area li a{
color:#ffffff;
text-decoration:none;
}

.ch-tab-area li a:hover{
color:#ffffff;
text-decoration:none;
}



.ch-tab-area .active {
background-color:#017DB9!important;
border-bottom:3px solid #E8661B!important;
background-image:url(../images/ch-smalltriangle.png);
background-position:center bottom;
background-repeat: no-repeat;
}

.ch-tab-contents {
background-color: #D3EDFB;
padding-bottom:25px;
display:none;    
}

.ch-tab-contents-active{
display:block;
}


/*　立候補者情報　PC歴基本形式・県議会　外枠 */


.ch-kouji-unit {
padding:25px 20px 0 20px;
width:620px;
overflow:hidden;
}

.ch-kouji-unit-title {
overflow: hidden;
}

.ch-kouji-unit-areaname {
width:190px;
height:45px;
line-height:45px;
background-color:#037EB9;
float:left;
position:relative;
}

.ch-kouji-unit-areaname span {
color:#ffffff;
font-size:20px;
display: block;
padding:2px 0 0 15px;
}


.ch-kouji-unit-teisu {
float:right;
font-size:18px;
font-weight:bold;
padding:15px 15px 0 0;
}

.ch-kouji-dl-area {
background-color: #ffffff;
overflow:hidden;
}





/*　立候補者情報　PC歴基本形式・県議会　dl部分 */

.ch-kouji-dl-area dl{
margin:15px 15px 15px 15px;
border-bottom:1.5px solid #727171;
padding-bottom:15px;
position:relative;
}

.ch-kouji-dl-area dt{
display:none;
}

.ch-photo{
float:left;
width:110px;
margin-right:15px;
overflow:hidden;
}

.ch-kouji-no-photo .ch-photo{
display:none;
}


.ch-photo img{
width:110px;
}


.ch-name {
font-size:22px;
float:left;
line-height:25px;
}

.ch-huri {
padding-top:4px;
font-size:16px;
float:left;
padding-bottom:5px;
}

.ch-huri:before {content: "（" ;}

.ch-age {
padding-top:4px;
font-size:16px;
padding-bottom:5px;
}

.ch-age:before {content: "／";}

.ch-age:after {content: "）"; }

.ch-kouji-background{
background-color:#efefef;
background-color:#EFEFEF;
margin:3px 0px 3px 125px;
padding:3px 5px;
width:455px;
}

.ch-kouji-no-photo .ch-kouji-background{
margin:3px 0px 3px 0px;
width:100%;
}


.ch-touha {
padding-top:8px;
font-size:16px;
float:left;
}

.ch-touha:after {content:"・"; }

.ch-sinkyu {
padding-top:8px;
font-size:16px;
float:left;
}

.ch-toureki {
padding-top:8px;
font-size:16px;
}


.ch-reki {
padding-top:8px;
font-size:16px;
line-height:1.3;
}

.ch-reki_s {
display:none;
}

.ch-recomm {
font-size:16px;
text-align:right;
}


/*　　　名簿の見方　　　 */

.ch-meibo{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 140px;
padding-right: 10px;
font-size: 80%;
line-height: 1.4em;
}

.ch-meibo h2{
font-size:115%;
font-weight:bold;
padding-bottom:10px;
}


/*　　　ニュース表示　　　 */


.ch-newstitlearea {
height: 60px;
width: 660px;
margin-top:20px;
margin-bottom:20px;
overflow:hidden;
position:relative;
background-image:url(../images/ch-contentsbar.png);
background-position:center bottom;
background-repeat:no-repeat;
}

.ch-ichiranbutton{
position:absolute;
top: 10px;
right:15px;
padding: 8px 60px;
height:24px;
line-height:30px; 
color:#ffffff;
background-color:#017DB9;
font-size:18px;
}

.ch-ichiranbutton span{
display:block;
background-image:url(../images/ch-smalltriangle-yoko.png);
background-repeat:no-repeat;
background-position:left center;
padding:0 0 0 15px;    
}

.ch-ichiranbutton a{
color:#ffffff;
}


/*　開票情報　PC歴基本形式・県議会　外枠 */


.ch-toukai-unit {
padding:25px 20px 0 20px;
width:620px;
overflow:hidden;
position:relative;
}

.ch-toukai-unit-title {
overflow: hidden;
}

.ch-toukai-unit-areaname {
width: 310px;
height:45px;
line-height:45px;
background-color:#037EB9;
float:left;
}

.ch-toukai-unit-areaname span {
color:#ffffff;
font-size: 20px;
display: block;
padding:2px 0 0 15px;
}


.ch-toukai-unit-teisu {
float:right;
font-size:18px;
font-weight:bold;
padding:15px 15px 0 0;
}

.ch-reload-info{
width:620px;
height:45px;
line-height:45px;
background-color:#E8661B;
position:relative;
}

/* --------2015/03/21----- 追加 
.ch-reload-btn{
width:620px;
line-height:45px;
position:relative;
top:45px;
z-index:2;
}
.ch-reloader{
width:620px;
line-height:45px;
position:relative;
top:45px;
z-index:1;
}
/*--------2015/03/21----- 追加 */
.sht_loader{
	width:620px;
	height:300px;
	position: absolute;
	text-align: center;
    opacity: 0.7;
    z-index:1000;
    background-color:#fff;

}
.sht_loader img{
    margin:100px;
    top: 100px;
}
/* --------2015/03/21----- 追加 */

.cht-touhyouritsu{
font-size: 16px;
color:#ffffff;
padding:0 0 0 15px;
float:left;
}

.ch-unit-koushin{
position:absolute;
top: 30px;
left: 200px;
height:35px;
width:100px;
background-color:#ffffff;
text-align:center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;  
float: right;
display: inline-block;
}

.ch-unit-koushin a{
text-decoration: none;
cursor:pointer;
}

.ch-unit-koushin a:hover{
text-decoration: none;
cursor:pointer;
opacity:0.5;
}

.ch-unit-koushin span{
color:#E8661B;
line-height: 32px;
font-size:20px;
}

.cht-kaihyouritsu-area{
float:right;    
}

.cht-kaihyouritsu{
font-size: 16px;
color:#ffffff;
padding:0 10px 0 0;
float:left;
}

.cht-date{
font-size: 16px;
color:#ffffff;
padding:0 15px 0 0;
float:left;
}

.ch-toukai-dl-area {
background-color: #ffffff;
overflow:hidden;
}



/*　開票情報　PC歴基本形式・県議会　dl部分 */

.ch-toukai-dl-area dl{
margin:15px 15px 8px 15px;
border-bottom:1.5px solid #727171;
padding-bottom:15px;
overflow: hidden;
}

.ch-toukai-dl-area dt{
display:none;
}

.cht-tousen{
width:56px;
height:36px;
float:left;
}


.cht-tou{
margin:0 10px; 
width:24px;
height:24px;
font-size:24px;
text-align:center;
line-height:24px;
padding:4px;
background-color:#FF0000;
border: 2px solid #B6AFAB;    
 border-radius:6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color:#ffffff;
float:left;
}

.cht-kaku{
margin:0 10px; 
width:24px;
height:24px;
font-size:24px;
text-align:center;
line-height:24px;
padding:4px;
background-color:#F8B62D;
border:2px solid #FAEE00;    
 border-radius:6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color:#000000;
float:left;
}

.cht-name{
height:36px;
line-height:36px;
font-size:20px;
float:left;
text-align:center;
width:170px;
}

.cht-hyousu{
height:36px;
line-height:36px;
font-size:24px;
font-weight:bold;
text-align:right;
width:115px;
float:left;
}

.cht-touha{
margin-left:20px;
height:36px;
line-height:36px;
font-size:16px;
float:left;
}

.cht-touha:before{
content:"（"; 
}


.cht-touha:after{
content:"・";
}

.cht-sinkyu{
height:36px;
line-height:36px;
font-size:16px;
float:left;
}


.cht-sinkyu:after{
content:"）";
}

.chr-keireki-button{
margin:0 20px 0 30px; 
width:60px;
height:16px;
font-size:16px;
text-align:center;
line-height:16px;
padding:10px;
background-color:#D3EDFB;
color:#000000;
border:none;
border:0;
}

button{
    outline:none!important;    
    border:0;
}

button:-moz-focus-inner{
    outline:none!important;    
    border:0;
}

button:hover{
opacity:0.6;
}


.chr-keireki-button:hover{
ouline:none;
}

.chr-keireki-button:link{
ouline:none;
}



/*　モーダルの制御 */

.modal-dialog {
width: 660px;
margin: 30px auto;
}

.modal-close-icon{
font-size:48px;
margin-right:10px;
margin-top:-5px;
}


.modal-titleimage{
height:40px;
}

.modal-header{
border-bottom:none;
padding-top:10px;
}
.modal-footer {
border-top: none;
}

.modal-body{
padding:0 15px;
border-top:1px #A6A8AB solid;
/* border-bottom:1px #A6A8AB solid; */
overflow:hidden;
}

.modal-body dl{
padding-bottom:0;
border-bottom:none;
}



/*　市長選表示　各地区の詳細リンク */

.ch-kouji-syousai-link{
background-color:#ffffff;
color:#037EB9;
font-size:16px;
line-height:18px;
height:18px;
padding: 4px 10px 3px 10px;
position:absolute;
top:10px;
right:10px;
}

.ch-kouji-syousai-link a{
color:#037EB9;
text-decoration: none;
}

.ch-kouji-syousai-link a:hover{
color:#037EB9;
opacity:0.6;
text-decoration: none;
}


/*　市長選表示　立候補者情報内の１分間動画チェック */

.ch-movieicon{
height:25px;
line-height:25px;
font-size:15px;
color:#ffffff;
background-color:#037EB9;
position:absolute;
padding:0 15px;
top: 0px;
right: 0px;
}

.glyphicon-film{
padding-right:5px; 
}

.ch-movieicon a{
color:#ffffff;
text-decoration: none;
}

.ch-movieicon a:hover{
opacity:0.6;
text-decoration: none;
}


/*　市長選・議会選リスト */

.ch-dive-shicho{
width:660px;
height:37px;
background-color:#D3EDFB;
border-bottom: 3px solid #2EA7E0;
overflow:hidden;
}

.ch-dive-shicho li {
color: #0081B5;
line-height: 37px;
float: left;
width:218.66666666px;
border-left:2px solid #2EA7E0;
font-weight: bold;
text-align:center;
}

.ch-dive-shicho li:first-child{
border-left:none;
}

.ch-dive-shicho li span{
 padding-top: 2px;
 font-size:18px;
 display:block;
}

.ch-dive-shicho li span{
text-decoration:none;
color:#0081B5;
}

.ch-dive-shicho li span:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-shicho li a:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-gikai{
width:660px;
background-color:#DCDDDD;
overflow:hidden;
border-bottom: 2px solid #2EA7E0;
}

.ch-dive-gikai li {
color: #0081B5;
line-height: 37px;
float: left;
width:108.3333333333px;
height:37px;
border-left:2px solid #2EA7E0;
border-bottom: 2px solid #2EA7E0;
font-weight: bold;
text-align:center;
}

.ch-dive-gikai li:first-child{
border-left:none;
background-color: #3E3A39;
color:#ffffff;
}
.ch-dive-gikai li:nth-child(7){
border-left:none;
}

.ch-dive-gikai ul > *:first-child + * + * + * + * + * + *{
border-left:none;
}

.ch-dive-gikai li span{
 padding-top: 1px;
 font-size:18px;
 display:block;
}

.ch-dive-gikai li span{
text-decoration:none;
color:#0081B5;
}

.ch-dive-gikai li:first-child span{
text-decoration:none;
color:#ffffff;
font-weight: normal;
}


.ch-dive-gikai li span:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-gikai li a:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-gikai li:first-child span:hover{
text-decoration:none;
opacity:1;
}

.ch-dive-gikai li:first-child a:hover{
text-decoration:none;
opacity:1;
}

.ch-upper{
border-top: 4px solid #2EA7E0;
margin-bottom:30px;
overflow:hidden;
}    
    

/*　市長選・議会選リスト　collpus処理 */

.glyphicon-collapse-down{
padding-left:5px;    
display: inline!important;
}

.ch-dive-additional{
text-align:right;    
padding:5px 15px 20px 15px;    
font-size:16px;
font-weight:bold;
}

.ch-dive-additional a{
text-decoration:none;
color:#0081B5;
}

.ch-dive-additional a:hover{
color:#0081B5;
text-decoration:none;
opacity:0.6;  
}

.ch-contentslink-nameplate{
color:#ffffff;
background-color:#037EB9;
text-align:center;
height:37px;
color:#ffffff;
line-height:37px;
background-image: none!important;
margin: 0 20px 0 -20px!important;
padding: 0 20px 0 20px!important;
}

.ch-contentslink-nameplate span{
color:#ffffff;
 padding-top: 0px;
 font-size:18px;
 display:block;
 font-weight:normal;
}


.movieList{
margin:0 auto;
width: 470px;
}

.ch-grayarea{
background-color:#DCDDDD;         
}

.ch-grayplate{
background-color:#898989;    
}

/*　市長選・議会選の選択　toggle処理追加 */

.ch-slide-box{
display:none;
}

.ch-slide-btn{
cursor:pointer;    
}

.ch-current{
display:block;    
}


/*　無投票当選 */

.ch-mutouhyou{
padding:12px 0 10px 0;
text-align:center;
color:#ffffff;
margin:10px 15px;
background-color:#ff5656;
font-size:20px;
line-height:20px;
}


/*　トップに戻るボタンのつくり */

#page-top-go {
position: fixed;
bottom: 80px;
left: center;
font-size: 85%;
display:none;
z-index: 5000;
}
#page-top-go a {
background: #333;
text-decoration: none;
color: #fff;
width: 130px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#page-top-go a:hover {
text-decoration: none;
background: #999;
}

body{
    height:auto!important;
}

/* 2015/04/16 素材の高さを外す対応 */
.heightLine-mvlist{
          height: 216px;
}


/*   20150417追加 動画/ニュースリンクボタン    */


.ch-linkicon-area{
    margin:0 auto 30px auto;
    overflow: hidden;
    width: 620px;

    border-bottom:2px solid #727171;
    padding:8px 0px 8px 0;
    background-color:#DCDDDD;
}

.ch-linkicon-area ul{
    float:right;
    padding-right:15px;
}

.ch-linkicon-area li{
    margin-left:15px;
    float:left;
}

.ch-linkicon-large{
    background-color:#017DB9;
    font-size:18px;
    text-align:center;
    width:180px;
    padding:8px 0;
}

.ch-linkicon-large a{
    color:#ffffff;
}