@charset "UTF-8";

/* -------------------------------------
朝日新聞デジタル 2016参院選 senkyo_subtabnavi.css
last update : 2016.6.23 10:00

  1. tab map
 99. etc
------------------------------------- */

/* =====================================
 1. tab map
---------------------------------------- */
/* reset
#Sub #subTabBox,
#Sub #subTabBox .mapArea{
display: none;
}*/

#Sub #subTabBox{
position:relative;
margin:0 auto;
padding:0;
}

.snkIfrmSubBox{width: 300px;}


/* tab
-------------------------*/
#subTabBox #mapTab{
margin:0 0 10px;
padding:0;
border-bottom: 1px solid #DCDCD5;
font-size: 84%;
position: relative;
height: 26px;
}

#mapTab li{
display: inline-block;
margin:0;
height: 20px;
width: 138px;
border-top: 1px solid #DCDCD5;
border-left: 1px solid #DCDCD5;
border-right: 1px solid #DCDCD5;
background: #FFF;
position: absolute;
top: 0;
text-align: center;
border-radius: 2px 2px 0 0;
color: #ccc;
padding: 5px 0 0;
}

#mapTab li a{
display: block;
color: #787871;
/* font-weight: bold; */
}

#mapTab #mapT_tab1{left: 7px;}
#mapTab #mapT_tab2{left: 152px;}

#mapTab .selected{
height: 21px;
font-weight: bold;
border-top: 1px solid #D2D2CB;
border-left: 1px solid #D2D2CB;
border-right: 1px solid #D2D2CB;
}

#mapTab .selected a{color: #1E1E17;}
#mapTab a:hover,
#mapTab a:active{color: #B90000;}

#mapTab li.grayout{
color: #D2D2D2;
border-top: 1px solid #E6E6DF;
border-left: 1px solid #E6E6DF;
border-right: 1px solid #E6E6DF;
}


/*
-------------------------*/
#subTabBox #tabbody{
margin:0;
padding:0;
}

#subTabBox #tabbody .Comment{font-size: 76%; padding-top: 5px; text-align: left;}
#subTabBox #tabbody #kouho_map area,#subTabBox #tabbody #kaihyo_map area{outline: 2px solid #169172;}



/* 99
.clear fix
------------------------------------*/
#subTabBox:after{
content:".";
clear:both;
display:block;
height:0.1px;
line-height:0;
font-size:0.1em;
visibility:hidden;
}