@charset "UTF-8";

/* -------------------------------------
朝日新聞デジタル 2016参院選 senkyo_style.css
last update : 2016.07.03 11:30

 0. 共通
 1. box
 2. table
 3. list
 99. contents
------------------------------------- */
/* =====================================
 0. 共通
---------------------------------------- */
.snkSubnavi{
border-top: 1px solid #DCDCD5;
padding: 5px 0 15px;
}

.snkSubnavi li {
display: inline-block;
margin: 3px 5px 3px 0;
padding: 0 5px 0 13px;
font-size: 76%;
white-space: nowrap;
list-style: none;
background: url(images/mrk_01.gif) no-repeat 0 45%;
}

#KohosyaArea .snkSubnavi li,
.snkSubnavi.HireiNavi li{padding: 0 2px 0 13px;}


/*SnkIfrm*/
.SnkIfrm{margin:0 0 15px;}

/* =====================================
 2. table
---------------------------------------- */
.SnkTbl01{width: 100%; font-size: 88%;}
.SnkTbl01 tr{border-top: 1px solid #B7B7AC;}
.SnkTbl01 tr:last-child{border-bottom: 1px solid #B7B7AC;}
.SnkTbl01 tr.hover{background-color: #F5F5EE;}
.SnkTbl01 thead th{font-size: 90%; color: #666; padding: 3px 0;}
.SnkTbl01 thead .Age,
.SnkTbl01 thead .Career,
.SnkTbl01 thead .Party,
.SnkTbl01 thead .Status{text-align: center;}

.SnkTbl01 tbody .Career,
.SnkTbl01 tbody .Party,
.SnkTbl01 tbody .Status{
font-size: 88%;
}

.SnkTbl01 .Career{width: 135px;}
.SnkTbl01 thead .Photo{width: 53px;}

.SnkTbl01 tbody .Age,
.SnkTbl01 tbody .Party,
.SnkTbl01 tbody .Status{text-align: center;}

.SnkTbl01 tbody .Photo img{padding: 4px 0; width: 45px; height: 45px;}
.SnkTbl01 tbody .Name{width: 190px;}

.SnkTbl01 tbody .Sns{width: 118px; cursor: default;}
.SnkTbl01 tbody .Sns ul{padding-left: 10px;}
.SnkTbl01 tbody .Sns ul li{display: inline-block; width: 22px;}
.SnkTbl01 tbody .Sns ul a{display: block; height: 22px;}
.SnkTbl01 tbody .Sns ul li span{display: block; text-indent: -9999px; height: 22px;}
.SnkTbl01 tbody .Sns ul .Twitter a {background: url(images/snklist_twitter.png) no-repeat 0 0; background-size: 22px auto; -webkit-background-size: 22px auto;}
.SnkTbl01 tbody .Sns ul .Fb a {background: url(images/snklist_fb.png) no-repeat 0 0; background-size: 22px auto; -webkit-background-size: 22px auto;}
.SnkTbl01 tbody .Sns ul .Site a {background: url(images/snklist_website.png) no-repeat 0 0; background-size: 22px auto; -webkit-background-size: 22px auto;}
.SnkTbl01 tbody .Sns ul .Carta a {background: url(images/snklist_carta.png) no-repeat 0 0; background-size: 22px auto; -webkit-background-size: 22px auto;}
.SnkTbl01 tbody .Sns ul a:hover,
#KaihyoArea .SnkTbl01 .Movie a:hover{
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}

.SnkTbl01 tbody .Sns ul .Twitter {background: url(images/snklist_twitter.png) no-repeat 0 -48px; background-size: 22px auto; -webkit-background-size: 22px auto;}
.SnkTbl01 tbody .Sns ul .Fb {background: url(images/snklist_fb.png) no-repeat 0 -48px; background-size: 22px auto; -webkit-background-size: 22px auto;}
.SnkTbl01 tbody .Sns .Site {background: url(images/snklist_website.png) no-repeat 0 -48px; background-size: 22px auto; -webkit-background-size: 22px auto;}
.SnkTbl01 tbody .Sns .Carta {background: url(images/snklist_carta.png) no-repeat 0 -48px; background-size: 22px auto; -webkit-background-size: 22px auto;}

#KaihyoArea .SnkTbl01 .Movie .MovieIcon{display: none;}

#KaihyoArea .SnkTbl01 thead .Rose{width: 18px;}
#KaihyoArea .SnkTbl01 tbody .Name{width: 130px; padding-left: 3px;}
#KaihyoArea .SnkTbl01 thead .Movie{width: 22px;}
#KaihyoArea .SnkTbl01 thead .Num{padding-left:74px;}

#KaihyoArea .SnkTbl01 tbody .Photo img{padding: 4px;}
#KaihyoArea .SnkTbl01 tbody .Num{
    padding-right: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.3;
}

#KaihyoArea .SnkTbl01 .Num span {
    display: block;
    font-weight: normal;
    font-size: 90%;
    color:#5A5A53;
}
#KaihyoArea .SnkTbl01 .Num2{width: 80px;}

#KaihyoArea .SnkTbl01 .Movie a {
    display: block;
    width: 22px;
    height: 22px;
    background: url(images/kaihyo_movieicon.png) no-repeat 0 0;
    background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    text-indent: -99999em;
    margin: 0 auto;
}
#KaihyoArea .SnkTbl01 .Movie{cursor: default;}


/* =====================================
 3. list
---------------------------------------- */
.PreviousData{
    text-align: right;
    font-size: 70%;
    padding: 0;
}

.PreviousData ul{
    padding: 2px;
    border: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 8px;
}
.PreviousData li{display: inline-block; padding:0 10px 0 7px; border-right: 1px solid #DCDCD5;}
.PreviousData li:last-child{padding-right: 0; border-right: none;}



/* LocalFlatLnkBox */
.LocalFlatLnkBox .FlatLnk,
.LocalFlatLnkBox .FlatLnkHirei{border-top: 1px solid #DCDCD5; padding-top: 5px;}

.LocalFlatLnkBox .FlatLnk li,
.LocalFlatLnkBox .FlatLnkHirei li{display: inline-block; font-size: 86%; line-height: 1.6;}
.LocalFlatLnkBox .FlatLnk li a,
.LocalFlatLnkBox .FlatLnkHirei li a{
    padding: 0 0 0 10px;
    background: transparent url("http://www.asahicom.jp/css/images/arrow_list_small.gif") no-repeat scroll 0 4px;
}

.LocalFlatLnkBox .FlatLnk li a:hover,
.LocalFlatLnkBox .FlatLnkHirei li a:hover{
    padding: 0 0 0 10px;
    background: transparent url("http://www.asahicom.jp/css/images/arrow_list_small.gif") no-repeat scroll 0 -116px;
}

.LocalFlatLnkBox .FlatLnk li{width: 88px;}
.LocalFlatLnkBox .FlatLnkHirei li{padding-right: 10px;}

/* =====================================
 99. contents
---------------------------------------- */
/* -- top6本 （選挙トップ） ------------------------------------ */
.Section .ListSideImage li.HeadlineTopImage-S a,
.Section .ListSideImage li.ThumImage a{
	height: auto !important;
}

.Section .ListSideImage li.HeadlineTopImage-S a.Height img {
    width: auto;
    height: 160px;
}

.Section .ListSideImage li.ThumImage a.Height img {
    width: auto;
    height: 130px;
}


/* -- 情勢調査 （選挙トップ） ------------------------------------ */
.Situation.Section .ListBlockCol2{
	border: none;
	padding-top: 6px;
}

/* -- 候補・開票リスト ------------------------------------ */
.KohoList{padding-bottom: 6px;}

.KohoListBlock,.KaihyoListBlock{
	border-top:1px solid #E1E1DA;
	padding:2px 0;
	font-size: 86%;
}

.KohoListBlock dt,
.KaihyoListBlock dt{
	width: 100px;
    display: inline-block;
    padding: 0 0 0 5px;
    margin: 5px 0;
    color: #5A5A53;
    border-right: solid 1px #BFBFB9;
}

.KohoListBlock dd,.KaihyoListBlock dd{
	display: inline-block;
	padding-left: 8px;
}

.KohoListBlock dd ul li,
.KaihyoListBlock dd ul li{
	display: inline-block;
    margin: 5px 0;
    width: 50px;
    padding: 0 5px 0 0;
    white-space: nowrap;
}

.KohoListBlock2,
.KaihyoListBlock2{
    border-top: 1px solid #BFBFB9;
    padding:3px 0 0;
	font-size: 86%;
}

.KohoListBlock2 dt,
.KaihyoListBlock2 dt{
	width: 100px;
    display: inline-block;
    padding: 0 0 0 5px;
    margin: 5px 0;
    vertical-align: top;
    border-right: solid 1px #BFBFB9;
    height: 70px;
}

.KohoListBlock2 dd ul li,
.KaihyoListBlock2 dd ul li{
	display: inline-block;
    margin: 4px 0;
    width: 90px;
    padding: 0 5px 0 0;
    font-size: 96%;
}

.KohoListBlock.Goku dd ul li, .KaihyoListBlock.Goku dd ul li {
    display: inline-block;
    margin: 5px 0;
    width: auto;
    padding: 0 22px 0 0;
    white-space: nowrap;
}

.KohoListBlock2 dd,.KaihyoListBlock2 dd{
	display: inline-block;
	padding-left: 8px;
	width: 540px;
}

.Supplement{padding: 7px 0 5px; border-top: 1px solid #DCDCD5;}
.Supplement .QuotientNum{font-size: 85%; text-align: right;}

/* -- 比例区レイアウト ------------------------------------ */
.HireiBox{padding-bottom: 25px;}
.HireiBox:last-child{padding-bottom: 0;}

#KaihyoArea .HireiBox .SnkTbl01 tbody .Name{width: 200px;}
#KaihyoArea .HireiBox .SnkTbl01 tbody .Num{padding-right: 20px;}

/* -- pagetop ------------------------------------ */
.SnkPagetop{text-align: right; padding-top: 7px;}
.SnkPagetop p{font-size: 80%; display: inline-block;}

.SnkPagetop p a{
    background: url(images/pagetop_icon.png) no-repeat 0 1px;
    padding-left: 14px;
    background-size: 11px 9px;
    -webkit-background-size: 11px 9px;
}

/* -- 党首第一声リスト ------------------------------------ */
.Section .SnkVoice{
border-top: 1px solid #E6E6DF;
padding: 0 0 15px;
}

.Section .SnkVoice li .VoiceImg{
    text-align: center;
    margin-bottom: 6px;
}

.Section .SnkVoice li dt{
    font-size: 70%;
    padding-bottom: 4px;
    margin-bottom: 4px;
    text-align: center;
    border-bottom: dotted 1px #D2D2CB;
}

.Section .SnkVoice li dd p{
    font-size: 76%;
    line-height: 1.6;
}
.Section .SnkVoice li dd p .Movie,
.Section .SnkVoice li dd p .Blank{padding-left: 2px;}

.Section .SnkVoice li dd p a{
    padding: 0 0 0 10px;
    background: transparent url("http://www.asahicom.jp/css/images/arrow_list_small.gif") no-repeat scroll 0 4px;
}

.Section .SnkVoice li dd p a:hover,
.Section .SnkVoice li dd p a:active{
    padding: 0 0 0 10px;
    background: url(/css/images/arrow_list_small.gif) no-repeat 0 -116px;
}

.Section .VoiceCol6 li{
width: 99px;
float: left;
border-right: 1px solid #E6E6DF;
margin-top: 14px;
padding: 0 5px;
}

.Section .VoiceCol6 li:nth-child(6),
.Section .VoiceCol6 li:nth-child(12){border-right: none;}
.Section .VoiceCol6 li .PName{display: block;}

.Section .VoiceCol6 li .VoiceImg img{
    width: auto;
    height: 100px;
}

.Section .VoiceCol5 li{
width: 121px;
float: left;
border-right: 1px solid #E6E6DF;
margin-top: 14px;
padding: 0 5px;
}

.Section .VoiceCol5 li:nth-child(5),
.Section .VoiceCol5 li:nth-child(10){border-right: none;}
.Section .VoiceCol5 li .PName{display: block;}
.Section .VoiceCol5 li .VoiceImg img{
    width: auto;
    height: 100px;
}

.Section .VoiceCol5 li dd p{padding-left: 13px;}


.Section .VoiceCol4 li{
width: 136px;
float: left;
border-right: 1px solid #E6E6DF;
margin-top: 14px;
padding: 0 14px;
}

.Section .VoiceCol4 li:nth-child(4),
.Section .VoiceCol4 li:nth-child(8),
.Section .VoiceCol4 li:nth-child(12){border-right: none;}


.Section .VoiceCol4 li .VoiceImg img{
    width: auto;
    height: 94px;
}

.Section .VoiceCol4 li dt{
    font-size: 74%;
    border-bottom: dotted 1px #BFBFB9;
}

.Section .VoiceCol4 li dd p{
    text-align: center;
    padding: 0;
}

/* -- 公約リスト(6党×2) ------------------------------------ */
.Section .Pledge {
    border-top: 1px solid #E6E6DF;
    padding: 0 0 15px;
}

.Section .Pledge li {
    width: 99px;
    float: left;
    border-right: 1px solid #E6E6DF;
    margin-top: 14px;
    padding: 0 5px;
}

.Section .Pledge li .PledgeImg{
    height: 100px;
    display: table;
    margin: 0 auto 4px;
}

.Section .Pledge li .PledgeImg a{
    display:table-cell;
    vertical-align: middle;
}

.Section .Pledge li .PledgeImg img {
    height: auto;
    max-height: 100px;
    width: 70px;
}

.Section .Pledge li:nth-child(6),
.Section .Pledge li:nth-child(12){border-right: none;}

.Section .Pledge li .PartyName{
    font-size: 80%;
    text-align: center;
}


/* -- 公約リスト(5党×2)  ------------------------------------ */
.Section .Pledge10 {
    border-top: 1px solid #E6E6DF;
    padding: 0 0 15px;
}

.Section .Pledge10 li {
    width: 121px;
    float: left;
    border-right: 1px solid #E6E6DF;
    margin-top: 14px;
    padding: 0 5px;
}

.Section .Pledge10 li .PledgeImg{
    height: 100px;
    display: table;
    margin: 0 auto 4px;
}

.Section .Pledge10 li .PledgeImg a{
    display:table-cell;
    vertical-align: middle;
}

.Section .Pledge10 li .PledgeImg img {
    height: auto;
    max-height: 100px;
    width: 70px;
}

.Section .Pledge10 li:nth-child(5),
.Section .Pledge10 li:nth-child(10){border-right: none; padding-right: 0;}

.Section .Pledge10 li .PartyName{
    font-size: 80%;
    text-align: center;
}

/* -- 公約table ------------------------------------ */
.Section .PledgeMod {
    border-top: 1px solid #E6E6DF;
    padding: 10px 0 15px;
}

.Section .PledgeMod .PledgeModTable{width: 100%;font-size: 80%;}

.Section .PledgeMod .PledgeModTable thead tr th{text-align: center;padding: 0 0 4px; }
.Section .PledgeMod .PledgeModTable .col1{text-align: center;font-weight: bold;font-size: 110%;}
.Section .PledgeMod .PledgeModTable .col1 .PartyISmall{display:block;}
.Section .PledgeMod .PledgeModTable .col1 .PartyISmall img{width: 42px; height: auto; border-radius: 50%; margin-top:2px;}
.Section .PledgeMod .PledgeModTable .col2,
.Section .PledgeMod .PledgeModTable .col3,
.Section .PledgeMod .PledgeModTable .col4{width: 188px;}
.Section .PledgeMod .PledgeModTable tr{border-bottom: 1px solid #E6E6DF;}
.Section .PledgeMod .PledgeModTable tbody tr:last-child{border: none;}
.Section .PledgeMod .PledgeModTable tbody td{padding: 5px 0;}
.Section .PledgeMod .PledgeModTable tbody td p{border-left: 1px solid #E6E6DF; padding: 0 10px;}

/* -- 註釈「見方」box ------------------------------------ */
.Section .MikataBox{
    border: solid 1px #DCDCD5;
    padding: 8px 10px;
    font-size: 78%;
}

.Section .MikataBox dt{font-weight: bold; padding-bottom: 7px;}
.Section .MikataBox ul li {
    margin: 0;
    padding: 0 0 5px 12px;
    background: url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 3px 5px;
}

.Section .MikataBox ul li:last-child{padding: 0 0 0 12px;}

/* -- 比例区 V表 ------------------------------------ */
.SnkVtblArea{padding-bottom: 15px;}

.SnkVtblArea .SnkVtbl{width: 100%; font-size: 88%; text-align: center; table-layout: fixed;}

.SnkVtbl th, .SnkVtbl td {
    border: 1px solid #B7B7AC;
    font-weight: bold;
}

.SnkVtbl th{padding: 5px 0; color:#FFF;}
.SnkVtbl td{padding: 8px 0;}

.snkSubnavi.HireiNavi{border-top: none; padding: 0 0 10px;}

.HireiBox .SubVotes{
    float: right;
    font-size:84%;
    padding-top: 3px;
    font-weight: bold;
}

.HireiBox .VotesSupplement .OptItm{float: right; font-size: 80%; padding-bottom: 10px; color: #787871;}

/* -- hover画像 alpha ---------------------------------- */
.Section .SnkVoice li .VoiceImg a:hover img,
.Section .Pledge li .PledgeImg a:hover img{
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}


/* SubAnchor */
#Main #MainInner .PageTitle .SubAnchor {
    float: right;
    position: relative;
    margin: 9px 0 0;
    padding: 0;
    font-weight: bold;
}

#Main #MainInner .PageTitle .SubAnchor a {
    display: block;
    margin: 0;
    padding-left: 14px;
    background: url(images/anchor_icon.png) no-repeat 0 5px;
    background-size: 11px 9px;
    -webkit-background-size: 11px 9px;
    font-size: 75%;
}

/* -- AnnReportArea 候補者 ---------------------------------- */
#AnnReportArea .VideoMod{border-top: 1px solid #DCDCD5; padding: 8px 0 0;}
#AnnReportArea .VideoMod .Image{float: left; padding: 0 10px 0 0;}
#AnnReportArea .VideoMod dl{float: left;}
#AnnReportArea .VideoMod dl dt{padding: 0 0 5px 13px; background: url(http://www.asahicom.jp/css/images/arrow_list.gif) no-repeat 4px 7px;}
#AnnReportArea .VideoMod dl dt .Movie{padding-left: 2px;}
#AnnReportArea .VideoMod dl .Offer{font-size: 80%; color: #5A5A53;}



/* =====================================
  telop
---------------------------------------- */
#telopArea{
margin:10px 0;
padding:0;
border:1px solid #066774;

}

#telopArea span{color:#FFF; font-size:14px;}

div#Container div#telopArea iframe{
margin:0 auto;
padding:0;
background-color:transparent !important;
border:none;
text-align:center;

}


div#snkTelop{
height:28px;
padding:8px 2px 0;
/*width:580px;
background:url(images/telop.gif) no-repeat;*/
}

div#snkTelop div#Scroll{
font-size:14px;
/*width:578px !important;*/
}

div#snkTelop div.ann,
div#snkTelop div.asahicom{
padding-left:54px;
letter-spacing: 0;
}

div#snkTelop div.ann{
background:url(images/bg_ticker_ann.gif) no-repeat 0 49%;
}

div#snkTelop div.asahicom{
background:url(images/bg_ticker_asahi.gif) no-repeat 0 49%;
}

div#snkTelop div.nolink{
padding-left:10px;
}

div#snkTelop div a{
color: #00345c;
}

div#snkTelop div.ann a{
display:inline-block;
background:url("http://www.asahicom.jp/images/icon_blank.gif") no-repeat scroll 100% 50% transparent;
margin-right:5px;
padding-right:15px;
}

div#snkTelop p.noJs{
font-size:12px;
text-align:center;
}

/* =====================================
  開票日　グラフが上部にきている時
---------------------------------------- */
.GraphTop #Main #MainInner{
    border-top:none;
    padding-top: 0;
}

.GraphTop #Main #MainInner #Atop{
    padding: 0 0 35px;
    margin: 0;
}

.GraphTop #Main #MainInner .SectionHomeTop{border-top: 1px solid #DCDCD5;}

/* =====================================
  video contents
---------------------------------------- */
.SnkVideo{
    border: 3px solid #F0F0F0;
    padding: 10px 0 10px 10px;
    margin: 0;
}

.SenkyoTop .SnkVideo{margin: 0 0 10px;}

.SnkVideo .Title{border-top: none; padding: 0;}
.SnkVideo .Title .SubLink{padding-right: 10px;}
.SnkVideo .ListBlock li{
    width: 108px;
    float: left;
    border-top: none;
    border-right: 1px solid #e6e6df;
    margin: 5px 12px 0 0;
    padding: 0 10px 0 0;
}
.SnkVideo .ListBlock li:nth-child(5n){ border-right: none; margin-right: 0; padding-right: 0;}
.SnkVideo .ListBlock li:nth-child(n+6){margin: 12px 12px 0 0;}
.SnkVideo .ListBlock li .Thmbvideo{padding-bottom: 7px;}
.SnkVideo .ListBlock li .Thmbvideo img{height: 60px; max-width: 107px;}
.SnkVideo .ListBlock li .Thmbvideo a:hover img{
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}

.SnkVideo .ListBlock li .TxtCol{font-size: 78%; font-weight: bold;}
.SnkVideo .ListBlock li .Belong{font-size: 78%; padding-top: 2px; color: #5A5A53;}


.Video .SubMenu li{
 font-size: 75%;
 font-weight: normal;
}

.Video .snkSubnavi{padding: 5px 0 0;}

.SnkVideo .ListBlock li .TxtCol>a>img{
    padding-right: 4px;
}

/* =====================================
  注目の当落
---------------------------------------- */
.ChumokuList .ListBlockCol2 li{
    margin: 0 0 12px 15px;
    display: inline-block;
    float: none;
    vertical-align: top;
    border-left: none;
    border-top: 1px dotted #E1E1DA;
    padding: 12px 0 0 0;
    width: 317px;
}

.ChumokuList .ListBlockCol2 li:nth-child(odd){
margin: 0 0 12px 0;
border-left: none;
}

.ChumokuList .ListBlockCol2 li:nth-child(-n+2){border-top:none; padding-top: 0;}

.ChumokuList .ListBlockCol2 li .Image{
    float: right;
    padding: 0 0 8px 10px;
}

.ChumokuList .ListBlockCol2 li .Image a:hover img{
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}

.ChumokuList .ListBlockCol2 li dl dt{
    margin: 0;
    padding: 0 0 4px;
    color: #373730;
    font-size: 88%;
    font-weight: bold;
}

.ChumokuList .ListBlockCol2 li dl dd>p{
    margin: 0;
    padding: 0;
    color: #64645D;
    font-size: 80% !important;
}

/* =====================================
  キーワードで読む選挙
---------------------------------------- */
.KeyWord .Section{padding: 0 0 27px;}

.KeyWord .Section .ListBlock li dl dt{padding: 0 0 8px; font-size: 95%; color:#005752;}
.KeyWord .Section .ListBlock li dl dd p{line-height: 1.6; color: #1E1E17; font-size: 84%;}

.KeyWord .Section .ListMedium{border-top: 1px dotted #ccc; padding: 7px 0 0;}
.KeyWord .Section .ListMedium li{font-size: 80%; padding: 0 0 5px;}



/* -- clearfix ------------------------------------ */
.Section .SnkVoice:after,
.Section .Pledge:after,
VotesSupplement:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}