@charset "euc-jp";

/* 
asahi.com special/10005/css/
styles for movie
since : 12.09.07 Ver.1.0.0
last update : 12.09.10 Ver.1.0.1
*/



/*
---------------------
Col Box
---------------------
*/
div#MainInner .ColBox {
    /*border: 6px solid #F0F0F0;*/
    margin: 0 auto 20px;
    padding: 0;
}
div#MainInner div#HighlightList {
    margin: 0 auto 40px;
    padding: 0;
}
div#MainInner div#PickupPhotosList,
div#MainInner div#VideoList,
div#MainInner div#InteractiveList,
div#MainInner div#PickupPanoramaList,
div#MainInner .PanoramaList {
    border: 6px solid #F0F0F0;
    margin: 0 auto 40px;
    padding: 0;
}
div#MainInner .ColBox .Inner {
    /*border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;*/
    margin: 0;
    padding: 0;
}
div#MainInner .ColBox .PickUpInner {
    border-left: 1px solid #A3A3A3;
    margin: 0;
    padding: 0;
    background-color: #A3A3A3;
}

div#MainInner div#PickupPhotosList .PickUpInner,
div#MainInner div#PickupPanoramaList .PickUpInner,
div#MainInner div#VideoList .PickUpInner,
div#MainInner div#InteractiveList .PickUpInner {
    background-color: #F0F0F0;
}

div#MainInner .ColBox h2 {
    background: url("http://www.asahicom.jp/css08/images/bg_box3_h2_brown.gif") repeat scroll 0 0 #E5E4E1;
    border-bottom: 1px solid #DDDDDD;
    border-top: medium none;
    color: #333333;
    margin: 0;
    padding: 6px 10px 3px;
}
div#MainInner .ColBox .H2Box {
    background: url("http://www.asahicom.jp/css08/images/bg_box3_h2_brown.gif") repeat scroll 0 0 #E5E4E1;
    border-bottom: 1px solid #DDDDDD;
    border-top: medium none;
    margin: 0;
    padding: 6px 10px 3px;
}
div#MainInner .ColBox .H2Box h2 {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    color: #333333;
    margin: 0;
    padding: 0;
}
div#MainInner .ColBox .H2Box ul.FollowLnk {
    margin: 0;
    padding: 2px 0 0;
}
div#MainInner .ColBox .H2Box ul.FollowLnk a {
    color: #333333;
}
div#MainInner .ColBox ul {
    border-bottom: 1px dashed #DDDDDD;
    clear: both;
    margin: 0;
    padding: 0;
}
div#MainInner .ColBox .PickUpInner ul {
    /*border-bottom: 1px solid #A3A3A3;*/
    border-bottom: none;
    clear: both;
    margin: 0;
    padding: 0;
}
div#MainInner .ColBox ul li .block {
    margin: 0;
    padding: 8px 0 0;
}
div#MainInner .ColBox ul li .block p.ThumPhoto {
    border: medium none;
    margin: 0;
    padding: 4px 8px 8px;
    text-align: center;
}
div#MainInner .ColBox ul li .block p.ThumPhoto span {
    background-color: #F2F2F2;
    display: inline-block;
    padding: 5px;
}
div#MainInner .ColBox ul li .block p.ThumPhoto a:hover span {
    background-color: #EBEBEB;
}

div#MainInner div#PickupPhotosList ul li .block p.ThumPhoto span,
div#MainInner div#PickupPanoramaList ul li .block p.ThumPhoto span,
div#MainInner div#VideoList ul li .block p.ThumPhoto span,
div#MainInner div#InteractiveList ul li .block p.ThumPhoto span {
    background-color: #999999;
}
div#MainInner div#PickupPhotosList ul li .block p.ThumPhoto a:hover span,
div#MainInner div#PickupPanoramaList ul li .block p.ThumPhoto a:hover span,
div#MainInner div#VideoList ul li .block p.ThumPhoto a:hover span,
div#MainInner div#InteractiveList ul li .block p.ThumPhoto a:hover span {
    background-color: #CCCCCC;
}

div#MainInner .ColBox ul li .block p.ThumPhotoL {
    border: medium none;
    float: left;
    margin: 0;
    padding: 4px 12px 8px 8px;
    text-align: center;
}
div#MainInner .ColBox ul li .block p.ThumPhotoL span {
    background-color: #F2F2F2;
    display: inline-block;
    padding: 5px;
}
div#MainInner .ColBox ul li .block p.ThumPhotoL a:hover span {
    background-color: #EBEBEB;
}
div#MainInner .ColBox ul li .block p.ThumPhotoR {
    border: medium none;
    float: right;
    margin: 0;
    padding: 4px 8px 8px 12px;
    text-align: center;
}
div#MainInner .ColBox ul li .block p.ThumPhotoR span {
    background-color: #F2F2F2;
    display: inline-block;
    padding: 5px;
}
div#MainInner .ColBox ul li .block p.ThumPhotoR a:hover span {
    background-color: #EBEBEB;
}
div#MainInner .ColBox ul li .block p.Ttl {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    text-shadow: 0px 1px 0px #EAEAEA;
}
div#MainInner .ColBox ul li .block p.Ttl a {
    /*background: url("http://www.asahicom.jp/common_css/images/mkr_lnk.gif") no-repeat scroll 0 0.3em transparent;*/
    background:none;
    margin: 0;
    /*padding: 0 0 2px 10px;*/
    padding: 0;
    font-size:100%;
    /*color:#E32446;*/
}
div#MainInner .ColBox ul li .block p.Ttl a:link {
    /*color:#E32446;*/
}
div#MainInner .ColBox .PickUpInner ul li .block p.Ttl a:link {
    color:#00345C;
}
div#MainInner .ColBox ul li .block p.Text {
    font-size: 80%;
    margin: 0px auto;
    padding: 0 8px 8px;
    width:230px
}
div#MainInner .ColBox ul.Col1Set li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    margin: 0;
    padding: 0;
    width: 631px;
}
div#MainInner .ColBox ul.Col1Set li .block p.ThumPhoto img {
    max-width: 605px;
}
div#MainInner .ColBox ul.Col1Set li .block p.ThumPhotoL img {
    max-width: 180px;
}
div#MainInner .ColBox ul.Col1Set li .block p.ThumPhotoR img {
    max-width: 150px;
}
div#MainInner .ColBox ul.Col2Set {
    background: url("http://www.asahicom.jp/css_digital/images/bg_colbox2set.gif") repeat-y scroll 0 0 transparent;
}
div#MainInner .ColBox ul.Col2Set li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 314px;
    height:200px;
    border-right: 1px solid #A3A3A3;
    border-bottom: 1px solid #A3A3A3;
}
div#MainInner .ColBox ul.Col2Set li.Fst {
    margin: 0;
    padding 0;
    border-top: 1px solid #A3A3A3;
}
div#MainInner .ColBox ul.Col2Set li .block p.ThumPhoto img {
    max-width: 289px;
}
div#MainInner .ColBox ul.Col2Set li .block p.ThumPhotoL img {
    max-width: 150px;
}
div#MainInner .ColBox ul.Col2Set li .block p.ThumPhotoR img {
    max-width: 150px;
}
div#MainInner .ColBox ul.Col3Set {
    background: url("http://www.asahicom.jp/css_digital/images/bg_colbox3set.gif") repeat-y scroll 0 0 transparent;
}
div#MainInner .ColBox ul.Col3Set li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
    width: 211px;
    border-left: 1px dashed #DDDDDD;
}

div#MainInner div#VideoList .PickUpInner ul.Col2Set li {
    background-color: #F0F0F0;
    background-image: -moz-linear-gradient(#F7F7F7, #DBDBDB) !important;
    background-image: -webkit-linear-gradient(#F7F7F7, #DBDBDB) !important;
}

div#MainInner .ColBox .PickUpInner ul.Col3Set li {
    background: none;
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
    width: 211px;
    border-left: none;
}
div#MainInner div#PickupPhotosList .PickUpInner ul.Col3Set li,
div#MainInner div#PickupPanoramaList .PickUpInner ul.Col3Set li,
div#MainInner div#InteractiveList .PickUpInner ul.Col3Set li {
    width: 209px;
}

div#MainInner div#PickupPhotosList .PickUpInner ul.Col3Set li a,
div#MainInner div#PickupPanoramaList .PickUpInner ul.Col3Set li a,
div#MainInner div#InteractiveList .PickUpInner ul.Col3Set li a {
    color: #FFFFFF;
    font-size:90%;
}

div#MainInner div#VideoList .PickUpInner ul.Col2Set li a {
    color: #222;
    font-size:85%;
}

div#MainInner div#PickupPhotosList .PickUpInner ul.Col3Set li p.Text,
div#MainInner div#PickupPanoramaList .PickUpInner ul.Col3Set li p.Text,
div#MainInner div#InteractiveList .PickUpInner ul.Col3Set li p.Text {
    color: #222;
}

div#MainInner div#VideoList .PickUpInner ul.Col2Set li p.Text {
    color: #222;
}

div#MainInner .ColBox ul.Col3Set li.Fst {
    margin: 0;
    width: 210px;
    border-left:none;
}
div#MainInner div#PickupPhotosList .PickUpInner ul.Col3Set li.Fst,
div#MainInner div#PickupPanoramaList .PickUpInner ul.Col3Set li.Fst,
div#MainInner div#InteractiveList .PickUpInner ul.Col3Set li.Fst {
    width: 208px;
}

div#MainInner .ColBox ul.Col3Set li .block p.ThumPhoto img {
    max-width: 180px;
}

div#MainInner .ColBox ul.Col3Set li .block p.ThumPhotoL img {
    max-width: 75px;
}
div#MainInner .ColBox .PickUpInner ul.Col3Set li .block p.ThumPhotoL img {
    max-width: 60px;
}
div#MainInner .ColBox ul.Col3Set li .block p.ThumPhotoR img {
    max-width: 75px;
}
div#MainInner .ColBox ul.Col4Set {
    background: url("http://www.asahicom.jp/css_digital/images/bg_colbox4set.gif") repeat-y scroll 0 0 transparent;
}
div#MainInner .ColBox ul.Col4Set li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
    width: 157px;
}
div#MainInner .ColBox ul.Col4Set li.Fst {
    margin: 0;
}
div#MainInner .ColBox ul.Col4Set li .block p.ThumPhoto img {
    max-width: 120px;
}
div#MainInner .ColBox ul.Col4Set li .block p.ThumPhotoL img {
    max-width: 75px;
}
div#MainInner .ColBox ul.Col4Set li .block p.ThumPhotoR img {
    max-width: 75px;
}