@charset "utf-8";

/*-----------------------------------
朝日新聞デジタル　--　トピックス CSS　--

last modified --2015-06-11--
-----------------------------------*/

/* 共通
==================== */
.Section .FreeBox{
margin:20px 0;
padding:0;
}
/*キーワードをハイライト*/
.Section .highlight{
margin:0;
padding:2px 3px;
/padding:2px 3px 0;
background:#EBEBE4;
color:#1E1E17;
font-style:normal;
font-weight:bold;
}
/* タイトル */
.Section .Title h2.Key{
padding-left:30px;
background:url(images/icon_key.gif) no-repeat 0px 0px;
}
/* タイトル右に画像 */
.Section .Title .SubLinkImage{
margin:0;
padding:0;
float:right;
line-height:0 !important;
}
.Section .Title .kotobankLogo{
margin:0 0 5px;
}
.Section .Title .BookAsahiLogo{
margin:4px 0 5px;
}
.Section .Title .WebRonzaLogo{
margin:0 0 5px;
}
/* 写真横並びリスト */
.Section ul.PhotoList{
margin:0;
padding:10px 0 5px;
border-top:1px solid #E6E6DF;
}
.Section ul.PhotoList:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
* html .Section ul.PhotoList{zoom:1;} /* IE6 */
*:first-child+html .Section ul.PhotoList{zoom:1;} /* IE7 */
.Section ul.PhotoList li{
margin:0;
padding:0 10px 10px 0;
float:left;
}
.Section ul.PhotoList li span{
display:block;
margin:0 auto 0;
padding:0;
text-align:center;
}
.Section ul.PhotoList li a span img{
margin:0;
padding:0;
height:80px;
}
.Section ul.PhotoList li a:hover span img{
opacity:0.75;
filter:alpha(opacity=75); /* ie lt 8 */
-ms-filter:"alpha(opacity=75)"; /* ie 8 */
*zoom:1;
}
/* 会社概要 */
.Section .Tbl_Company{
margin:0 0 15px;
padding:0;
width:100%;
border-top:1px solid #E6E6DF;
word-break:break-all;
}
.Section .Tbl_Company th{
margin:0;
padding:3px 10px 1px;
width:30%;
border-bottom:1px solid #E6E6DF;
background:#F5F5EE;
color:#1E1E17;
font-size:85%;
font-weight:normal;
text-align:left;
}
.Section .Tbl_Company td{
margin:0;
padding:3px 10px 1px;
border-bottom:1px solid #E6E6DF;
color:#1E1E17;
font-size:85%;
text-align:left;
}
.Section .Tbl_Company td a{
margin:0;
padding:0;
text-decoration:underline;
}
/* 財務情報 */
.Section .Tbl_Finance{
margin:0 0 10px;
padding:0px;
width:100%;
border-top:1px solid #E6E6DF;
word-break:break-all;
}
.Section .Tbl_Finance th{
margin:0;
padding:3px 10px 1px;
width:30%;
border-bottom:1px solid #E6E6DF;
background:#F5F5EE;
color:#1E1E17;
font-size:85%;
font-weight:normal;
text-align:left;
}
.Section .Tbl_Finance td{
margin:0;
padding:3px 10px 1px;
border-bottom:1px solid #E6E6DF;
color:#1E1E17;
font-size:85%;
text-align:left;
}
.Section .Tbl_Finance td a{
margin:0;
padding:0;
text-decoration:underline;
}
/* リンク無しグレードットリスト */
.Section .List_Company{
margin:0;
padding:0 0 3px;
clear:both;
}
.Section .List_Company li{
margin:0;
padding:0 0 5px 18px;
_padding:0 0 8px 18px;
background:url(/css/images/arrow_list_medium.gif) no-repeat 6px 6px;
color:#5A5A53;
font-size:80%;
}
/* もっと見る */
#NewTopics ul#NewtopicsMore{
display:none;
}
/* ランキング */
.Section dl.Ranking{
margin:0;
padding:10px 0 0 10px;
border-top:1px solid #E6E6DF;
}
.Section dl.Ranking:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .Section dl.Ranking{zoom:1;} /* IE6 */
*:first-child+html .Section dl.Ranking{zoom:1;} /* IE7 */
.Section dl.Ranking dt{
margin:0px;
padding:2px 0 5px;
float:left;
width:22px;
}
.Section dl.Ranking dt span{
display:block;
margin:0px;
padding:2px 0 0;
/padding:2px 0 0 1px;
width:14px;
/width:13px;
_width:14px;
height:12px;
_height:14px;
background:#96968F;
color:#FFF;
font-size:70%;
font-weight:normal;
line-height:1.1;
letter-spacing:0;
text-align:center;
overflow:hidden;
}
.Section dl.Ranking dt span.Higher{
background:#B90000;
}
.Section dl.Ranking dd{
margin:0 0 0 22px;
padding:0;
}
.Section dl.Ranking dd p{
margin:0;
padding:0 0 7px;
color:#1E1E17;
font-size:90% !important;
}
.Section dl.Ranking dd p a,
.Section dl.Ranking dd p a:visited{
margin:0;
padding:0;
color:#1E1E17;
text-decoration:none;
}
.Section dl.Ranking dd p a:hover,
.Section dl.Ranking dd p a:active{
color:#B90000;
text-decoration:underline;
}
#TopicsRanking .ColumnMod{
border-top:1px solid #E6E6DF;
}
#TopicsRanking .ColumnMod dl.Ranking{
border-top:none;
}
/* グラフ */
#TopicsGraph .ColumnMod{
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #E6E6DF;
}
#TopicsGraph .ColumnMod .Col2Fst{
width:400px;
}
#TopicsGraph .ColumnMod .Col2{
width:235px;
_width:248px;
padding-left:12px;
border-left:1px solid #E6E6DF;
margin-left:12px;
}
#TopicsGraph .ColumnMod .TitleSmall{
padding-top:5px;
border-top:none;
}
.Section .TitleSmall h3{
padding-bottom:10px;
}
#TopicsGraph .ColumnMod .Graph{
margin:0;
padding:4px 0 10px;
}
#TopicsGraph .ColumnMod dl.Ranking{
padding-top:1px;
padding-left:0;
border-top:none;
}
#TopicsGraph .ColumnMod dl.Ranking dd p{
font-size:85% !important;
}
#TopicsGraph .ColumnMod dl.Ranking dd p span.Time{
display:inline-block;
margin:0 0 0 2px;
padding:0;
color:#787871;
font-size:80%;
font-weight:normal;
vertical-align:1px;
*display:inline;
*zoom:1;
}

/* タイムラインビューアー導入コンテンツ 2013.07.24
==================== */
.Section .RecommendTL{
margin:0;
padding:10px 0 0;
border-top:1px solid #E6E6DF;
}
.Section .RecommendTL p{
margin:0;
padding:0 0 5px;
width:400px;
color:#3C3C35;
font-size:90% !important;
line-height:1.6;
}
.Section .RecommendTL .imgR{
margin:0;
padding:3px 0 0;
float:right;
}
/* noticeTL*/
.Section .noticeTL{
margin:0;
padding:10px 0 0;
clear:both;
border-top:1px solid #E6E6DF;
}
.Section .noticeTL p{
margin:0;
padding:0 0 10px;
color:#787871;
font-size:75% !important;
font-weight:normal;
letter-spacing:0;
}

/* 旧パーツ 2014.02.14
==================== */
div#Main .Boxp{
margin:0 !important;
padding:0 0 15px !important;
background-color:transparent !important;
border:none !important;
position:static !important;
}
div#Main .Boxp.dark table{
background-color:transparent !important;
}
div#Main Table.ColSet{
margin:0 0 10px !important;
padding:0 !important;
width:100% !important;
border-top:1px solid #E6E6DF !important;
border-left:none !important;
border-collapse:collapse !important;
}
div#Main .Boxp table.ColSet tr td{
width:33% !important;
vertical-align:middle !important;
padding:10px 10px 0 !important;
}
div#Main Table.ColSet td{
vertical-align:top !important;
border-right:none !important;
border-bottom:none !important;
border-left:1px solid #E6E6DF !important;
}
div#Main Table.ColSet td:first-child{
border-left:none !important;
}
div#Main Table.ColSet td.first-child{
border-left:none !important;
}
div#Main Table.ColSet td{
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}
div#Main .Boxp.dark a,
div#Main .Boxp.dark a:visited{
color:#1E1E17 !important;
}
div#Main .Boxp.dark a:hover{
color:#B90000 !important;
}
div#Main p.ThmbCol{
margin:0 !important;
padding:0 0 10px !important;
color:#1E1E17 !important;
font-size:80% !important;
text-align:center !important;
}
div#Main p.ThmbCol a{
display:block;
}
div#Main p.ThmbCol a:hover img{
opacity:0.75;
filter:alpha(opacity=75); /* ie lt 8 */
-ms-filter:"alpha(opacity=75)"; /* ie 8 */
*zoom:1;
}
.Boxp .ThmbCol span{
_border:none !important;
}
div#Main .Boxp p.ThmbTxt{
margin:0 !important;
padding:0 0 3px !important;
color: #1E1E17 !important;
font-size:80% !important;
font-weight:bold !important;
}
div#Main .Boxp h2{
margin:0;
padding:8px 0 5px;
clear:both;
color:#1E1E17;
font-size: 100%;
font-weight:bold;
border-top:1px solid #DCDCD5;
}
div#Main .Boxp h2 a{
margin:0;
padding:0 18px 0 0;
background:url(http://www.asahicom.jp/css/images/arrow_link.gif) no-repeat right 1px;
}
#Main #MainInner #wakaranHeader{
margin:0 0 30px !important;
padding:15px 15px 0 !important;
border:1px solid #D2D2CB !important;
}
#Main #MainInner #wakaranHeader .Inner{
margin:0px;
padding:0 0 8px !important;
border:none !important;
}
#Main #MainInner #wakaranHeader .Inner p.ThumPhoto{
display:block !important;
margin:0 0 0 30px !important;
padding:10px 0 !important;
float:right !important;
}
#Main #MainInner #wakaranHeader .Inner p.ThumPhoto a{
display:block !important;
}
#Main #MainInner #wakaranHeader .Inner p.ThumPhoto a:hover{
opacity:0.75;
filter:alpha(opacity=75); /* ie lt 8 */
-ms-filter:"alpha(opacity=75)"; /* ie 8 */
*zoom:1;
}
#Main #MainInner #wakaranHeader .Inner p.ThumPhoto span{
display:block !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:none !important;
}
#Main #MainInner #wakaranHeader .Inner p.ThumPhoto span img,
* html #Main #MainInner #wakaranHeader .Inner p.ThumPhoto span{
width:auto !important;
height:auto !important;
max-width:200px !important;
_width:expression(this.offsetWidth > 200 ? "200px" : true) !important;
max-height:200px !important;
_height: expression(this.offsetHeight > 200 ? "200px" : true) !important;
}
#Main #MainInner #wakaranHeader .Inner p.Ttl{
margin:0 !important;
padding:0 0 2px !important;
color:#1E1E17 !important;
font-size:120% !important;
font-weight:bold !important;
}
#Main #MainInner #wakaranHeader .Inner p.Ttl a{
margin:0 !important;
padding:0 !important;
font-size:100% !important;
font-weight:bold !important;
background:none !important;
}
#Main #MainInner #wakaranHeader .Inner p.Ttl span.Update{
display:inline-block !important;
margin:0 0 0 5px !important;
padding:0 !important;
color:#787871 !important;
font-size:40% !important;
font-weight:normal !important;
vertical-align:2px !important;
line-height: 1.1 !important;
*display:inline !important;
*zoom:1 !important;
}
#Main #MainInner #wakaranHeader .Inner p.Text{
margin:0 !important;
padding:0 0 5px !important;
color:#3C3C35 !important;
font-size:95% !important;
font-weight:normal !important;
line-height:1.6 !important;
}
#Main #MainInner #wakaranHeader .Inner .Title{
margin:0 !important;
padding: 0 0 4px !important;
}
div#Main table td{
vertical-align:top;
}
div#Main table .Box3{
margin:0 4px 30px !important;
padding:12px 12px 0 !important;
width:296px !important;
_width:320px !important;
background-color:transparent !important;
border:1px solid #D2D2CB !important;
position:static !important;
}
div#Main table .Box3 h2{
margin:0 !important;
padding:0 0 8px !important;
font-size:100% !important;
}
div#Main table .Box3 .Box3Inner{
margin:0 !important;
padding:10px 0 0 !important;
border-top:1px solid #E6E6DF !important;
}
div#Main table .Box3 .Box3Inner center{
margin:0 !important;
padding:0 0 10px !important;
}
div#Main table .Box3 .Box3Inner center img{
width:auto !important;
max-height:160px !important;
_height: expression(this.offsetHeight > 160 ? "160px" : true) !important;
}
div#Main table .Box3 .Box3Inner .TXT{
margin:0 !important;
padding:0 3px 10px !important;
text-align:left !important;
font-size:80% !important;
}

/* 旧トピックススタイル
==================== */
#Main #MainInner .H1Box{
margin:0 !important;
padding:0 !important;
text-align:left;
border:none !important;
}
#Main #MainInner .H1Box h1{
margin:0 !important;
padding:3px 0 9px !important;
_padding:5px 0 12px !important;
float:left;
color:#0A0A03;
font-size:125%;
font-weight:bold;
}
#Main #MainInner .H1Box h1 span {
padding-left:12px;
font-size:80%;
font-weight:bold;
vertical-align:1px;
}
#Main #MainInner .H1Box #Timelinelink{
margin:0;
padding:5px 0 0;
float:right;
}
#Main #MainInner .H1Box #Timelinelink:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
* html #Main #MainInner .H1Box #Timelinelink{zoom:1;} /* IE6 */
*:first-child+html #Main #MainInner .H1Box #Timelinelink{zoom:1;} /* IE7 */
#Main #MainInner .H1Box #Timelinelink span{/*
display:inline-block;
float:left;
margin:0 0 0 10px;
padding:0;
*display:inline;
*zoom:1;*/
display:none;
}
#Main #MainInner .H1Box #Timelinelink span a{
display:inline-block;
height:16px;
_height:22px;
margin:0;
padding:6px 7px 0 29px;
font-size:75%;
font-weight:bold;
line-height:1.1;
background:url(http://www.asahicom.jp/css/images/icon_timeline.gif) no-repeat 8px 5px;
border:1px solid #D2D2CB;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
*display:inline;
*zoom:1;
}
#Main #MainInner .H1Box #Timelinelink span a:hover,
#Main #MainInner .H1Box #Timelinelink span a:active{
text-decoration:none;
background:url(http://www.asahicom.jp/css/images/icon_timeline.gif) no-repeat 8px -25px;
border:1px solid #B90000;
}
#Main #MainInner .H1Box:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
#Main #MainInner > p {
padding-bottom: 8px;
font-size: 95%;
line-height:1.6;
}