@charset "UTF-8";

/*-----------------------------------
朝日新聞デジタル -- アピタル CSS --
last modified - 2015.11.20 11:10
-----------------------------------*/
/* Top ================ */
#Main #MainInner .Section .ExMod.Top {
margin: 0;
padding: 12px 10px 20px;
width: 640px;
_width: 660px;
text-align: center;
}
#Main #MainInner .LiveMovMod .Caption,
#Main #MainInner .ArticleMovMod .Caption{
margin: 0;
padding: 0;
font-size: 75%;
font-weight: normal;
text-align: left;
line-height: 1.6;
}

#Main #MainInner .LiveMovMod .Caption.Ie7Text{
display: none;
}

.Section.ApitalTopMod .RecommendMod .Image a.Height span img{
width: auto;
max-height: 210px;
position: relative;
}
.Section.ApitalTopMod .RecommendMod .Image a.Width span img{
max-width: 250px;
height: auto;
position: relative;
}

.Section .MovSchedule .Image span img{
max-width: 250px;
max-height: 250px;
position: relative;
}

*:first-child+html .Section .MovSchedule.ListBlock li dl{zoom: normal;}

.Section.ApitalTopMod .RecommendMod .Image a{
text-align: center;
overflow: visible;
height: auto;
}
.Section.ApitalTopMod .RecommendMod .Image a span em{
position: relative;
background-color:transparent;
background: none;
color: #000;
padding: 10px 10px 0 0;
font-size: 74%;
}
.Section.ApitalTopMod .RecommendMod .Image a:hover span em{
color: #B90000;
text-decoration:underline;
}

.Section.ApitalTopMod .ListBlockCol3 li .MaximumImage{
width: 198px;
height: 130px;
overflow: hidden;
}

.Section.ApitalTopMod .ListBlockCol3 li .MaximumImage a{
display: table-cell;
vertical-align: middle;
}

.Section .ListBlockCol3 li .MaximumImage a.Height span img {
width: auto;
max-height: 130px;
}

.Section .ListBlockCol3 li .MaximumImage a.Width span img {
max-width: 198px;
height: auto;
}

.Section .ProfileMod#Guests{border-top: dotted 1px #E6E6DF;}

#Main #MainInner .PageTitle .Title.GenreTitle{
padding: 0 0 9px 18px;
}

*+html #Main #MainInner .PageTitle .Title.GenreTitle{
padding-top: 12px;
}

#Main #MainInner .PageTitle .Title.GenreTitle p{ font-size: 100%; }

.Section .List li a span.Pr {
display: inline-block;
margin: 0 0 0 3px;
padding: 0;
color: #787871;
font-size: 75%;
font-weight: normal;
vertical-align: 1px;
}

/* Apital article ================ */
/* title */
#Main #MainInner .PageTitle .ApitalList{
clear: both;
margin: 0 0 8px 0;
padding: 0 0 2px;
overflow: hidden;
zoom: 1;
}

#Main #MainInner .PageTitle .ApitalList li{
display: inline;
float: left;
margin: 0;
padding: 8px 0 0 12px;
font-size: 75%;
font-weight: bold;
vertical-align: bottom;
letter-spacing: 1px;
line-height: 1.1;
white-space: nowrap;
}

#Main #MainInner .PageTitle .ApitalList li a{
display: block;
margin: 0;
padding: 0 0 0 12px;
color: #444;
background: url(http://www.asahicom.jp/apital/images/apital_articles_arrow_red.png) no-repeat 0 1px;
}

#Main #MainInner .PageTitle .ApitalList .LogoTitle{
padding: 0;
margin: 0 4px 0 0;
}

#Main #MainInner .PageTitle .ApitalList .LogoTitle a{
padding: 0;
margin: 0;
display: inline;
background: none;
}

/* articlebody */
#Main #MainInner .ArticleMovMod{margin: 0 0 20px;}

/* article QA */
#Main #MainInner .ArticleBody.ApitalArticle .QMod{
padding: 10px 20px 0 0;}
#Main #MainInner .ArticleBody.ApitalArticle .AMod{
padding: 0 0 10px;}
#Main #MainInner .ArticleBody.ApitalArticle .QMod p{
border-top: 1px solid #E6E6DF;
border-bottom: 1px solid #E6E6DF;
padding: 10px 0 10px;}
#Main #MainInner .ArticleBody.ApitalArticle .QMod p{font-weight: bold;}
#Main #MainInner .ArticleBody.ApitalArticle .QMod p img{margin-top: 3px;}
#Main #MainInner .ArticleBody.ApitalArticle .QMod p .Question{
display: inline-block;
width: 20px;
_width: 20px;
height: 20px;
_height: 22px;
margin: 0 5px 0 0;
padding: 0;
background-color: #F5F5EE;
border: 1px solid #787871;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
}

#Main #MainInner .ArticleBody.ApitalArticle .AMod p img{margin-top: 3px;}
#Main #MainInner .ArticleBody.ApitalArticle .AMod p .Answer{
display: inline-block;
width: 20px;
_width: 20px;
height: 20px;
_height: 22px;
margin: 0 5px 0 0;
padding: 0;
border: 1px solid #B90000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
}

/* article h2 */
#Main #MainInner .ArticleBody.ApitalArticle h2{
font-size: 114%;
padding: 5px 20px 20px 0;
}

/* commentmod */
.ArticleText .CommentMod {
clear: both;
margin: 0;
padding: 0 15px 20px 0;
}

.ArticleText .CommentMod .Comment {
clear: both;
background: #F5F5EE;
margin: 0 5px 10px 0;
padding: 12px 12px 8px;
border: 1px solid #D2D2CB;
}

#Main #MainInner .ArticleText .CommentMod .Comment p {
margin: 0;
padding: 0 0 4px;
font-size: 80%;
line-height: 1.8;
letter-spacing: 0;
background:none;
}

#Main #MainInner .ArticleText .CommentMod .Comment .Title {
margin: 0;
padding: 0 0 5px;
border: none;
color: #1E1E17;
font-size: 85%;
font-weight: bold;
}

#Main #MainInner .ArticleText .CommentMod .Comment .Title a {
margin: 0;
padding: 0 15px 0 0;
background: url(http://www.asahicom.jp/css/images/arrow_link_small.gif) no-repeat right 1px;
}

#Main #MainInner .ArticleText .CommentMod .Comment .Title a:hover, #Main #MainInner .ArticleText  .CommentMod .Comment .Title a:active {
background: url(http://www.asahicom.jp/css/images/arrow_link_small.gif) no-repeat right -119px;
}

#Main #MainInner .ArticleText .CommentMod .Comment .Image {
display: inline;
float: right;
margin: 0 0 0 10px;
padding: 0;
}

#Main #MainInner .ArticleText .CommentMod .Comment .Image img{width: 110px;}
#Main #MainInner .ArticleText .CommentMod .Comment p.Source{text-align: right;}


#Main #MainInner .ArticleBody .ArticleLinkMod {
margin: 0 20px 0 0;
padding: 0 0 15px;
}

#Main #MainInner .ArticleBody .ArticleLinkMod ul li {
margin: 0;
padding: 0 0 8px 18px;
letter-spacing: 0;
background: url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px 10px;
}

#Main #MainInner .ArticleBody .ArticleLinkMod ul li a{
word-break: break-all;
word-wrap: break-word;
}

#Main #MainInner .ArticleBody .ArticleLinkMod ul li a span.Blank {
margin: 0 1px 0 4px;
padding: 0;
}

#Main #MainInner .ArticleBody .EncloseMod{
margin: 0 20px 20px 0;
background: #F5F5EE;
padding: 20px 20px 2px;
clear:both;
}

#Main #MainInner .ArticleBody  .EncloseMod .ImagesMod.FullLargePhoto .Image{
width: 600px;
}
#Main #MainInner .ArticleBody .EncloseMod  .ImagesMod.FullLargePhoto .Image p.Width img{
max-width: 600px;
_width: expression(this.offsetWidth > 600 ? "600px" : true);
}

#Main #MainInner .ArticleBody  .EncloseMod .ExMod{
width: 600px;
_width: 620px;
padding: 0 0 20px;
}

#Main #MainInner .ArticleBody  .EncloseMod .ExMod iframe {
width: 600px;
height: 338px;
}


#Main #MainInner .ArticleBody .EncloseMod .ImagesMod{background-color: transparent;}

#Main #MainInner .ArticleBody .EncloseMod p{
background: none;
padding: 0;
}

/* ApitalLiveMod ================ */
.Section .ApitalLiveMod{
background: url(images/live_bg.png) no-repeat 0 0;
border: 1px solid #D2D2CB;
padding: 10px;
}

.Section .ApitalLiveMod dl dt{
font-size: 110%;
font-weight: bold;
padding: 0 0 5px;
}

.Section .ApitalLiveMod .Status h2{
font-size: 80%;
width: 100px;
background-color:#B90000;
color: #fff;
padding: 2px 0 0;
text-align:center;
margin: 0 0 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-weight: normal;
}


.Section .ApitalLiveMod dl dd p{font-size: 86%;}
.Section .ApitalLiveMod dl dd p.Viewing a{
display: block;
width: 208px;
text-align: center;
margin: 10px auto 0;
border: 2px solid #B90000;
background-color: #ffffff;
font-size: 120%;
font-weight: bold;
padding: 6px 0;
}

.Section .ApitalLiveMod dl dd p.Viewing a span{padding: 0 0 0 6px;}

.Section .ApitalLiveMod dl dt .LSeries{
display: inline-block;
font-size: 74%;
padding: 0 0 0 5px;
font-weight: normal;
letter-spacing: 0;
}
.Section .ApitalLiveMod dl dt .LSeries a{color: #5A5A53;}

.Section .ApitalLiveMod dl dt .ApitalMovSchedule{
display: block;
font-size: 82%;
color: #B90000;
padding: 2px 0 0;
}

/* ApitalLinkLogo ================ */
#ApitalLink .Title{
border-top: none;
background-color: #F5F5EE;
padding: 10px 10px 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

/* Top ApitalCategoryBox ================ */
.Section #ApitalCategoryBox{
border: 1px solid #E6E6DF;
padding: 0;
clear: both;
}

.Section #ApitalCategoryBox .TitleL,
.Section #ApitalCategoryBox .ApitalCategory {
display: inline;
float: left;
}

.Section #ApitalCategoryBox .TitleL h2 {
margin: 0;
padding: 10px;
width: 60px;
text-align: center;
line-height: 1.1;
font-weight: bold;
}

.Section #ApitalCategoryBox .ApitalCategory {
margin: 4px 0;
padding: 6px 0 6px 8px;
line-height: 1.1;
background: #FFF;
border-left: 1px solid #E6E6DF;
}

.Section #ApitalCategoryBox .ApitalCategory li{display: inline;}

.Section #ApitalCategoryBox .ApitalCategory li a{
font-size: 78%;
display: inline-block;
margin: 0;
padding: 2px 4px 0 12px;
background: url(http://www.asahicom.jp/css/images/arrow_list.gif) no-repeat 4px 4px;
}

#Main #MainInner .PageTitle .ApitalSub li.Keyword a{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 2px;
border: 1px solid #d2d2cb;
width: 76px;
text-align:center;
font-weight: normal;
background-color:#FAFAF3;
margin-top: -2px;
}

#Main #MainInner .PageTitle .ApitalSub li.Keyword a:hover{
border: 1px solid #B90000;
text-decoration:none;
}

/* LargeSeries ================ */
#SeriesList.Section .ListBlock li dl dt{margin: 0 0 8px;
padding: 0;
display: block;
}

#SeriesList.Section .ListBlock li .ListMedium li{
background: url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px 5px;
padding: 0 0 0 16px;
margin: 0 0 4px;
}

#SeriesList.Section .ListBlock li .ListMedium li a{
background: none;
padding: 0;
}

#SeriesList.Section .ListBlockCol2 li.ListBlockEven{
_width: 319px;
margin: 0 12px 0 11px;
padding: 0;
border-left: none;
}

#SeriesList.Section .ListBlockCol2>li {
margin: 0 0 12px 0;
padding: 0 0 0 12px;
}

#SeriesList.Section .ListBlock li dl{
border-top: 1px solid #E6E6DF;
padding: 12px 0 0 0;
}

#SeriesList.Section .ListBlock .ListTop dl{border-top: none;}
#SeriesList.Section .ListBlock li .ListMedium{padding: 0;}

/* Title */
#Main #MainInner .PageTitle .Title p span{
font-weight: normal;
font-size: 100%;
}

#Main #MainInner .PageTitle .Title p span.Fst{
padding-left: 0;
}

/* sns */
.Section .ListMedium li.Twitter{background: url(images/sns-twitter.png) no-repeat 2px 2px;}
.Section .ListMedium li.FB{background: url(images/icon_facebook.gif) no-repeat 2px 2px;}

.Section .ListMedium li.FB a,
.Section .ListMedium li.Twitter a{
background: none;
padding: 0 0 0 24px;
}

/* new profiel */
#Main #MainInner .ArticleProfileMod .ProfSns li{
display: inline-block;
margin: 0 20px 8px 0;
font-size: 75%;
color: #787871;
*display: inline;
*zoom:1;
}
#Main #MainInner .ArticleProfileMod .ProfSns li a{
display: inline-block;
min-height: 17px;
padding-left: 10px;
background: url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 0 6px;
}
#Main #MainInner .ArticleProfileMod .ProfSns .ProfTw a{
background: url(images/sns-twitter.png) 0 0 no-repeat;
padding-left: 20px;
}
#Main #MainInner .ArticleProfileMod .ProfSns .ProfFb a{
background: url(http://www.asahicom.jp/css/images/icon_aprof_fb.png) 0 0 no-repeat;
padding-left: 20px;
}
#Main #MainInner .ArticleProfileMod .ProfSns li a .Blank{
margin-left: 5px;
}


/* l_rensai_list ================ */
.Section .ListBlock li p.Image .HeightImg{padding: 0;}
p.Image .HeightImg img{
max-height: 80px;
width: auto;
}
p.Image .WidthImg img{
max-width: 120px;
height: auto;
}

.Section .SpecialMod .Image a{text-align: center;}
.Section .SpecialMod .Image.Height a img{
max-width: 250px;
width: auto;
max-height: 280px;
}

/* navi_list ================ */
.Section .NaviListMod li .Image{
padding-bottom: 5px;
}

.Section .NaviListMod li .Image a{
display: table-cell;
vertical-align: middle;
height: 88px;
width: 100px;
text-align: center;
}

.Section .NaviListMod li p.Image .WidthImg img{
max-width: 100px;
height: auto;
}

.Section .NaviListMod li p.Image .HeightImg img{
max-height: 88px;
width: auto;
}

/* l_movie_list ================ */
.Section .ListBlockCol2 li .MaximumImage a span img,
.Section .ListBlockCol3 li .MaximumImage a span img{width: 100%;}

#ApitalMov.Section .ListBlock li .MaximumImage a,
.Section .ListBlock li.ApitalMov .Image a{
background-color: #000;
-moz-transition: none;
-webkit-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
overflow: hidden;
}

#ApitalMov.Section .ListBlockCol2 li .MaximumImage a{height: 174px;}
#ApitalMov.Section .ListBlockCol3 li .MaximumImage a{height: 111px;}

#ApitalMov.Section .ListBlock li .MaximumImage a span img,
.Section .ListBlock li.ApitalMov a span img{
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: 0.8;
}

#ApitalMov.Section .ListBlock li .MaximumImage a span.MovIcon img{
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
/filter: none;
filter: none\9;
opacity: 0.9;
width: 60px;
}

#ApitalMov.Section .ListBlockCol3 li .MaximumImage a span.MovIcon img{width: 50px;}

.Section .ListBlock li .MaximumImage span.MovIcon{
position: absolute;
top: 34%;
left: 40%;
}

#ApitalMov.Section .ListBlockCol3 li .MaximumImage span.MovIcon,
.Section .ApitalNavi li .Image span.MovIcon{
position: absolute;
top: 30%;
left: 38%;
}

.Section .ListBlock li dl dt.Big span.ApitalMovSchedule{
font-size: 86%;
color: #B90000;
font-weight: bold;
padding: 7px 0 4px;
}

#ApitalMov.Section .ListBlockCol3 li{margin-top: 10px;}
#ApitalMov.Section .ListBlockCol3 li:nth-child(){margin-top: 10px;}
#ApitalMov.Section .ListBlockCol3{padding-top: 0;}

/* apitalnavi list ================ */
.Section .ApitalNavi li .Image a{
width: 198px;
text-align: center;
background-color: #E6E6DF;
}
.Section .ApitalNavi li .Image .Thumbnail img{width: 198px;}
.Section .ApitalNavi li .Image .Thumbnail.HeightImg img{
max-height: 111px;
width: auto;}
.Section .ApitalNavi li p span{padding: 0;}
.Section .ApitalNavi li .Image{position: relative;}

/* movie mod ================ */
#Main #MainInner .Section#MovieMod .ExMod{
margin: 0;
padding: 12px 10px 20px;
width: 640px;
_width: 660px;
text-align: center;
}

#Main #MainInner .Section#MovieMod .Caption {
display: block;
margin: 0;
padding: 0;
font-size: 75%;
font-weight: normal;
text-align: left;
}

.Section .ListBlock li dl dd p a.ProfileLink{border-bottom: 1px solid #96968F;}
.Section .ListBlock li dl dd p a.ProfileLink:hover{border-bottom: none;}

.Section .Title h2.LiveTitle{
line-height: 1.6;
padding: 0;
}

.Section .Title h2 span.Live{
display: inline-block;
width: 50px;
background-color: #B90000;
padding: 2px 0;
text-align: center;
font-size: 70%;
margin: 0 6px 0 0;
color: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.Section .Title h2 span.ApitalMovSchedule{
color: #B90000;
font-weight: bold;
vertical-align: 1px;
padding: 0 0 0 4px;
display: inline-block;
}

.Section .SeriesTitle h2 a{
font-size: 120%;
background: none;
}

/* Notice */
.Section .Notice{
border-top: 1px solid #E6E6DF;
padding: 8px 0 0;
}

.Section .Notice p{
padding: 0 0 8px;
color: #787871;
font-size: 75%;
letter-spacing: 0;
}

/* apitalnavi */
#Main #MainInner .ArticleBody.ApitalNavi .ImagesMod .Image p a em.Caption{background: none;}

/* keyword ================ */
.SitemapListBlock {
padding-top: 15px;
border-top: 1px solid #dcdcd5;
}

.SitemapListBlock h3 {
margin-bottom: 15px;
font-size: 95%;
}

.SitemapListBlock ul {
margin-bottom: 15px;
letter-spacing: -.4em;
}

.SitemapListBlock ul li {
display: inline-block;
*display: inline;
*zoom: 1;
width: 210px;
padding-left: 10px;
padding-bottom: 15px;
vertical-align: top;
font-size: 90%;
line-height: 1.3;
letter-spacing: normal;
}
.SitemapListBlock ul li.Fst{padding-left: 0;}

.SitemapListBlock ul li a {
display: inline-block;
padding: 0 0 0 16px;
color: #1e1e17;
background: url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px 7px;
}

.SitemapListBlock ul li a:hover, .SitemapListBlock ul li a:active {
color: #b90000;
text-decoration: underline;
background: url(http://www.asahicom.jp/css/images/arrow_list_medium.gif) no-repeat 6px -113px;
}

/* navi list ================ */
ul#NewTopicsWords li{
display: inline;
float: left;
zoom: 1;
}

/* Series list ================ */
.LoadingArea{
height: 300px;
position: relative;
}

.LoadingArea p{
position:absolute;
top: -16px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 32px;
height: 32px;
}

/* maggie's tokyo ================ */
.Chronology{
font-size: 80%;
line-height: 1.4;
width: 100%;
margin: 5px 0;
}

.Chronology tr{border-bottom: 1px solid #D2D2CB;}
.Chronology th{
width: 120px;
padding: 5px 0 5px 5px;
}
.Chronology td{padding: 5px 0;}
.Chronology .Signature{border-bottom: none;}
.Chronology .Signature td{text-align: right;}


/* ApitalBnr ================ */
.ApitalBnr li{margin-bottom: 10px;}
.ApitalBnr li .Image{}

/* clear fix
==================== */
.Section #ApitalCategoryBox:after,
.ArticleText .CommentMod .Comment:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* IE7 */
*:first-child+html .Section #ApitalCategoryBox,
*:first-child+html .ArticleText .CommentMod .Comment{
zoom:1;
}