@charset "euc-jp";

/* 
asahi.com Olympic 2012 London
since : 11.10.28 ( DefaultDesign ) Ver.1.0.0
last update : 12.09.28 Ver.5.0.1
*/


/* 
-------------------------
Background Color
-------------------------
*/

div#bodyWrap {
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/bgd_bodyWrap.gif) no-repeat scroll center top;
	position: relative;
}

div#bodyWrapPara {
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/para_bgd_bodyWrap.jpg) no-repeat scroll center top;
	position: relative;
}

/*
--------------------------
LondonTime
--------------------------
*/
#londonTime p{position:relative;height:13px;}
#londonTime span{overflow:hidden;top:7px;display:block;position:absolute;width:13px;height:18px;color:#fff;font-family:Arial, Impact,Charcoal;font-size: 23px;font-weight:bold;background:url(http://www.asahicom.jp/olympics/images/date_number.gif) no-repeat 0 0 }
#londonTime span.mon1{left:3px;}
#londonTime span.mon2{left:11px;}
#londonTime span.day1{left:39px;}
#londonTime span.day2{left:52px;}
#londonTime span.day2.one {left:45px;}
#londonTime span.hour1{left:82px;}
#londonTime span.hour2{left:94px;}
#londonTime span.min1{left:118px;}
#londonTime span.min2{left:131px;}
#londonTime span.sec1{left:170px;display:none;}
#londonTime span.sec2{left:185px;display:none;}
#londonTime span.time_n{background:none;}
#londonTime span.time_1{background-position:0 -18px;}
#londonTime span.time_2{background-position:0 -36px}
#londonTime span.time_3{background-position:0 -54px;}
#londonTime span.time_4{background-position:0 -72px;}
#londonTime span.time_5{background-position:0 -90px;}
#londonTime span.time_6{background-position:0 -108px;}
#londonTime span.time_7{background-position:0 -126px;}
#londonTime span.time_8{background-position:0 -144px;}
#londonTime span.time_9{background-position:0 -162px;}
#londonTime {display:none !important;position:absolute;top:46px;right:78px;z-index:100;background:url(http://www.asahicom.jp/olympics/images/date_bg.gif) no-repeat 0 0 ;width:152px;height:36px;}


/*
--------------------------
LondonTime Paralympic
--------------------------
*/
div#bodyWrapPara #londonTime {display:none !important;position:absolute;top:46px;right:78px;z-index:100;background:url(http://www.asahicom.jp/olympics/images/para_date_bg.gif) no-repeat 0 0 ;width:152px;height:36px;}


/*
--------------------------
LondonTime Title
--------------------------
*/
#londonTime_Title {display:none;position:absolute;top:46px;right:234px;z-index:100;width:73px;height:36px;}
#londonTime_Rss {position:absolute;top:54px;right:12px;z-index:100;width:62px;height:20px;}


/*
--------------------------
OlymScheduleNavi
--------------------------
*/

div#OlymScheduleNavi {
	margin: 0; padding: 0;
	position: absolute;
	top: 18px;
	right: 13px;
	z-index:100;
	overflow: hidden;
	}

/*
========
Schedule Navi Main
========
*/
#Schedule_NavMain {
	margin:0; padding:0;
	display:block;
	width:294px; height:26px !important;
	clear: both;
	/*overflow: hidden;*/
	}
#Schedule_NavMain ul {
	top: 0; left: 0;
	margin:0; padding:0;
	height: 26px;
	background:transparent none repeat scroll 0 0;
	overflow: hidden;
	}
#Schedule_NavMain ul li {
	float: left;
	width: 147px;
	text-align:center;
	}
#Schedule_NavMain ul a {
	text-decoration: none;
	}
#Schedule_NavMain ul li a {
	display: block;
	width: 100%;
	height:auto;
	color: #FFFFFF;
	}
#Schedule_NavMain ul li a:hover {
	background-color:#000000;
	}

#Schedule_NavMain ul li a:hover img {
	position: relative;
	top:-26px;
	}

/*
--------------------------
asahi.com Logo &
Olympic2012 Logo
--------------------------
*/
div.OlympicHeader {
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/top_title_bgd2.gif) 0 0 no-repeat;
	height: 150px;
	margin: 0; padding: 0;
	}

div.OlympicHeader2 {
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/top_title_bgd2.gif) 0 0 no-repeat;
	height: 146px;
	margin: 0; padding: 0;
	}

div.ParaHeader {
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/para_top_title_bgd.jpg) 0 0 no-repeat;
	height: 120px;
	margin: 0; padding: 0;
	}

div.OHAsadigi {
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/top_title_bgd2.gif) 0 0 no-repeat;
	}
div#OlymHead {
	margin: 0; padding: 0;
	height: 92px !important;
	overflow: hidden;
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/top_title_bgd2.gif) 0 0 no-repeat;
	}
div#ParaHead {
	margin: 0; padding: 0;
	height: 92px !important;
	overflow: hidden;
	background: #FFFFFF url(http://www.asahicom.jp/olympics/images/para_top_title_bgd.jpg) 0 0 no-repeat;
	}
div#OlymLogo {
	margin: 0; padding: 0;
	height:100px;
	
	overflow: hidden;
	}
	

* html div#OlymLogo {
	height:100px; /* IE6 */
	}

div#OlymLogo h1,
div#OlymLogo div.OlymTopTitle {
	float: left;
	margin:0;
	}
div#OlymLogo a#TopLogo span {
	visibility:hidden;
	}
div#OlymLogo a#TopLogo {
	display: block;
	width: 95px; height: 30px;
	float: left;
	}
h1.OlymTopTitle,
div.OlymTopTitle {
	display:block;
	width:200px;
	clear:both;
	}
h1.OlymTopTitle span,
div.OlymTopTitle span {
	visibility:hidden;
	}
h1.OlymTopTitle a,
div.OlymTopTitle a {
	text-decoration: none;
	}
div.OHAsadigi {
	position: relative;
	display: block;
	}
div.OHAsadigi a#TopLogoAsadigi {
	display:block;
	width:105px; height: 30px;
	overflow: hidden;
	margin: 0;
	position: absolute;
	top: 20px; left: 10px;
	}
div.OHAsadigi a#asadigiOlympicLogo {
	border: 0;
	display: block;
	width:345px; height: 70px;
	overflow: hidden;
	margin:  0;
	position: absolute;
	top: 10px; left: 105px;
	}

/*
========
Navi Main
========
*/
#Olym_Nav {
	margin:0 3px; padding-bottom:0;
	vertical-align:top;
	font-weight:bold;
	width: 979px;
	height: 26px !important;
	overflow: hidden;
	background: #993366;
	position: absolute;
	top: 92px;
	}
#Olym_NavMain {
	margin:0; padding:0;
	display:block;
	width:985px; height:26px !important;
	clear: both;
	/*overflow: hidden;*/
	}
#Olym_NavMain ul {
	top: 0; left: 0;
	margin:0; padding:0;
	background:transparent none repeat scroll 0 0;
	}
#Olym_NavMain ul li {
	float: left;
	width: 120px;
	text-align:center;
	}
#Olym_NavMain ul li#paratop {
	float: left;
	width: 235px;
	text-align:center;
	margin-left:23px;
	}
#Olym_NavMain ul li#para_title {
	float: left;
	width: 240px;
	text-align:center;
	}
#Olym_NavMain ul li#para_top {
	float: left;
	width: 120px;
	text-align:center;
	}
#Olym_NavMain ul li#olym_top {
	float: left;
	width: 235px;
	text-align:center;
	padding-left:510px;
	}
#Olym_NavMain ul a {
	text-decoration: none;
	}
#Olym_NavMain ul li#top span {
	visibility:hidden;
	}
#Olym_NavMain ul li a {
	display: block;
	/*overflow: hidden;*/
	width: 100%;
	height:auto;
	color: #FFFFFF;
	}
#Olym_NavMain ul li a:hover {
	background-color:#000000;
	}
	
#Olym_NavMain ul li a:hover img {
	position: relative;
	top:-26px;
	}

/*
========
Olym_Nav2
========
*/
#Olym_Nav2 {
	margin:0;
	padding-bottom:0;
	vertical-align:top;
	font-weight:bold;
	width: 985px;
	height: 26px !important;
	overflow: hidden;
	background: #313131;
	position: absolute;
	top: 92px;
	}

/*
========
Para_Nav2
========
*/
#Para_Nav2 {
	margin:0;
	padding-bottom:0;
	vertical-align:top;
	font-weight:bold;
	width: 985px;
	height: 26px !important;
	overflow: hidden;
	background: #313131;
	position: absolute;
	top: 92px;
	border-bottom: 2px solid #CCCC00;
}

/*
========
News Navi
========
*/
#News_Nav {
	margin:3px; padding-bottom:0;
	vertical-align:top;
	font-weight:bold;
	height: 26px !important;
	overflow: hidden;
	background: #525252;
	position: absolute;
	top: 118px;
	width: 979px;
	}
#News_NavMain {
	margin:0; padding:0;
	display:block;
	width:970px; height:26px !important;
	clear: both;
	float: right;
	}
#News_NavMain ul {
	top: 0; left: 0;
	margin:0; padding:0;
	background:transparent none repeat scroll 0 0;
	}
#News_NavMain ul li {
	float: left;
	width: 110px;
	text-align:center;
	}
#News_NavMain ul li#menu {
	float: left;
	width: 120px;
	text-align:left;
	color:#CCCCCC;
	font-size: 90%;
	}
#News_NavMain ul a {
	text-decoration: none;
	}
#News_NavMain ul li#top span {
	visibility:hidden;
	}
#News_NavMain ul li a {
	display: block;
	/*overflow: hidden;*/
	width: 100%;
	height:auto;
	color: #FFFFFF;
	}
#News_NavMain ul li a:hover {
	background-color:#000000;
	}
	
#News_NavMain ul li a:hover img {
	position: relative;
	top:-26px;
	}

/*
========
News Navi2
========
*/
div#News_Nav2 {
	margin:0px;
	padding-bottom:0;
	vertical-align:top;
	font-weight:bold;
	height: 26px !important;
	overflow: hidden;
	background: #525252;
	position: absolute;
	top: 118px;
	width: 985px;
	border-top: 2px #3AF solid;
	}
div#News_Nav2 #News_NavMain ul li {
	float: left;
	width: 120px;
	text-align:center;
	}

/*
========
Head Line
========
*/

div#Main div.Utility2 {
    margin-bottom: 10px;
}

div#Main .NewsTitle {
    margin: 10px 0 30px 0;
    padding: 0;
}

div#Main .NewsTitle_Follow {
    margin: 10px 0 0 0;
    padding: 5px 0;
    text-align: center;
    border: 2px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    background: #EEEEEE; /*#E8E8E8*/
}

div#Main .NewsTitle_Follow span {
    background: url("http://www.asahicom.jp/css08/images/dotline_y.gif") repeat-y scroll 0 0 transparent;
    font-size: 100%;
    margin: 0;
    padding: 0 10px 0 11px;
}

div#Main .NewsTitle_Follow span.Fst {
    background: none;
    margin: 0;
    padding: 0 10px 0 0;
}

div#Main .NewsTitle_Follow div.Menu {
    margin: 0 20px;
    padding:5px;
    border-top:1px #CCCCCC dashed;
}

div#Main .NewsTitle_Follow div.Fst {
    border-top:none;
}

div#Main .NewsTitle_Follow dl {
    float: left;
    margin: 0 0 0 20px;
}

div#Main .NewsTitle_Follow dt {
    float: left;
    width:150px;
    text-align:right;
}

div#Main .NewsTitle_Follow dd {
    float: left;
    background: url("http://www.asahicom.jp/css08/images/dotline_y.gif") repeat-y scroll 0 0 transparent;
    margin: 0;
    padding: 0 10px;
    color: #999999;
}

div#Main .NewsTitle_Follow dd.Fst {
    float: left;
    background: none repeat-y scroll 0 0 transparent;
}

div#Main div#HeadLine2 {
    margin: 0;
}

div#Main div#HeadLine2 ul.Lnk {
    background: none;
    padding: 0;
}

div#Main div.BoxOlym {
    margin: 10px 0 0 0;
}

div#Contents ul.Lnk li.sbt {
    background: none;
    padding-left: 0;
}

div#Contents div.LnkRelated ul.Lnk li a {
    background: none;
}

div#MainInner div#PickUp h2 {
    line-height: 1.1;
    margin: 0;
    min-height: 20px;
}

div#Main div#MainInner div#PickupPhotos h2,
div#Main div#MainInner div#Video h2,
div#Main div#MainInner div#Interactive h2 {
}

/*
---------------------
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 #DDDDDD;
    border-right: 1px solid #DDDDDD;
    /*border-top: 1px solid #DDDDDD;*/
    margin: 0;
    padding: 0;
    background-color: #E8E8E8;
}

div#MainInner div#PickupPhotosList .PickUpInner,
div#MainInner div#PickupPanoramaList .PickUpInner,
div#MainInner div#VideoList .PickUpInner,
div#MainInner div#InteractiveList .PickUpInner {
    background-image: -moz-linear-gradient(#333333, #666666);
    background-image: -webkit-linear-gradient(#333333, #666666);
    background-color: #333333;
}

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 #DDDDDD;
    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: #EBEBEB;
}

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 8px;
    text-align: left;
}
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: 88%;
    margin: 0;
    padding: 0 8px 8px;
}
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 0 0 1px;
    padding: 0;
    width: 315px;
}
div#MainInner .ColBox ul.Col2Set li.Fst {
    margin: 0;
}
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-image: -moz-linear-gradient(#333333, #666666) !important;
    background-image: -webkit-linear-gradient(#333333, #666666) !important;
    background-color: #333333; !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#VideoList .PickUpInner ul.Col2Set li {
    		width: 315px;
	}

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: #FFFFFF;
    font-size:90%;
}

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: #FFFFFF;
}

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

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 div#VideoList .PickUpInner ul.Col2Set li.Fst {
	    width: 315px;
	}

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;
}








/*
---------------------
right-navi (Sub)
---------------------
*/
div#Sub {
	margin-top: 0;
	padding-top: 4px;
	
	width: 300px;
	overflow: hidden;
	}

div#Sub h2,
div#Sub h2 a,
div#Sub h2 a:link,
div#Sub h2 a:visited {
    color: #204090 !important;
}
	
div#Sub div.Box1 {
	background:#F1F1F1 url(http://www.asahicom.jp/olympics/images/rnavi_olym_box_sub_bg2.gif) no-repeat scroll 0 0 !important;
	margin: 0;
	padding: 8px 10px 5px 10px;
	}
	
div#Sub div.Box1:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

div#Sub div.Box1 h2 {
	font-size:100%;
	margin: 0;
	padding: 0;
	}
	
div#Sub div.Box1 h2 a {
    background: url("http://www.asahi.com/olympics/2012london/images/mkr_lnk2.gif") no-repeat scroll 100% 5px transparent;
    padding: 0 15px 0 0;
}



div#Sub .OlymSrcBox {
	background:#FFFFFF url(http://www.asahicom.jp/olympics/images/rnavi_olym_searchbox_bg.gif) repeat-x scroll 0 0 !important;
	margin: 0 0 3px 0;
	height: 44px;
	overflow: hidden;
	}
	
div#Sub .OlymSrcBox2 {
	margin: 0 0 3px 0;
	padding: 0 0 5px 0;
	text-align: center;
	background:#FFFFFF !important;
	}
	
div#Sub .OlymSrcBox:after, div#Sub .OlymSrcBox2:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}
	
div#Sub .OlymSrcBox2 span {
    background: url("http://www.asahicom.jp/css08/images/dotline_y.gif") repeat-y scroll 0 0 transparent;
    margin: 10px 0;
    padding: 0 5px;
    font-size: 80%;
}
div#Sub .OlymSrcBox2 span.Fst {
    background: none repeat scroll 0 0 transparent;
}

div#Sub .OlymSrcBox form {
    margin:0;
    outline: medium none;
    padding: 12px 0 0 50px;
    background:#FFFFFF url(http://www.asahicom.jp/olympics/images/rnavi_olym_searchbox_bg.gif) repeat-x scroll 0 0 !important;
}

div#Sub .OlymSrcBox form:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

div#Sub .OlymSrcBox form fieldset {
    border: medium none;
}
div#Sub .OlymSrcBox input {
    background: #FFFFFF repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
}
div#Sub .OlymSrcBox input.SearchKeywords {
    color: #0D0D0D;
    font-size: 75%;
    height: 16px;
    line-height: 16px;
    padding: 2px 0 1px 3px;
    width: 160px;
    /*border: 2px solid #000000;*/
background-color:#FFFFFF;
}
div#Sub .OlymSrcBox input.SearchSubmit {
    background: url("http://www.asahicom.jp/common_css/images/btn_usertools_search.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 23px;
    text-indent: -9999px;
    width: 29px;
    /*border: 2px solid #000000;*/
    border-left: none;
}
div#Sub .OlymSrcBox input.blur {
    color: #666666;
}


	
div#Sub .OlymBox1 {
	background:#F1F1F1 url(http://www.asahicom.jp/olympics/images/rnavi_olym_box_sub_bg2.gif) no-repeat scroll 0 0 !important;
	margin: 0;
	padding: 13px 10px 5px 10px;
	border-bottom: 1px solid #CCCCCC !important;
	}
	
div#Sub .OlymBox2 {
	background:#F1F1F1 !important;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-top: 3px #FFFFFF solid;
	border-bottom: 1px solid #CCCCCC !important;
	}
	
div#Sub .OlymBox1 .Inner {
	background:#e8e8e8 !important;
	margin: 0;
	padding: 5px 10px;
	}
	
div#Sub .OlymBox1:after, div#Sub .OlymBox2:after, div#Sub .OlymBox1 .Inner:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}
	
div#Sub .OlymBox1 h2, div#Sub .OlymBox2 h2 {
	font-size:100%;
	margin: 0;
	padding: 0;
	}
	
div#Sub .OlymBox1 h2.medal, div#Sub .OlymBox2 h2.medal {
	background:url(http://www.asahicom.jp/olympics/images/rnavi_olym_box_sub_bg_medal.gif) right top no-repeat scroll !important;
	margin: 0;
	padding: 0;
	}
	
div#Sub .OlymBox1 h2 a, div#Sub .OlymBox2 h2 a {
	background: url("http://www.asahi.com/olympics/2012london/images/mkr_lnk2.gif") no-repeat scroll 100% 5px transparent;
    padding: 0 15px 0 0;
	}
	
div#Sub .OlymBox1 ul.Lnk, div#Sub .OlymBox2 ul.Lnk {
	margin: 0;
	padding: 0;
	}
	
div#Sub .OlymBox1 ul.Lnk li,
div#Sub .OlymBox2 ul.Lnk li {
	background: none;
	margin: 0;
	padding: 0;
	font-size:76%;
	}
	
div#Sub .OlymBox1 ul.Lnk li p.Text, div#Sub .OlymBox2 ul.Lnk li p.Text {
	font-size:100%;
	line-height: 1.25em;
	}
	
div#Sub .OlymBox1 .ThmbSetXw90, div#Sub .OlymBox2 .ThmbSetXw90 {
	margin: 6px 0 0;
	padding: 0;
	}

div#Sub .OlymBox1 p.ThmbCol, div#Sub .OlymBox2 p.ThmbCol {
	float: right;
	margin: 0;
	padding: 0;
	}
	
div#Sub .OlymBox1 p.ThmbCol span, div#Sub .OlymBox2 p.ThmbCol span {
    background-color: #FFFFFF;
    border: 1px solid #D8DEDD;
    display: block;
    padding: 3px;
}

div#Sub .OlymBox1 div.ThmbTxt, div#Sub .OlymBox2 div.ThmbTxt {
	margin: 0 105px 0 0;
	padding: 0;
	}
	
div#Sub .OlymBox1 div.ThmbTxt:after, div#Sub .OlymBox2 div.ThmbTxt:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div#Sub .OlymBox1 .Btn, div#Sub .OlymBox2 .Btn {
	margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
}

div#Sub .OlymBox1 .Btn a,
div#Sub .OlymBox2 .Btn a {
    background: -webkit-gradient(linear, left top, left bottom, from(#6699CC), to(#336699));
    background: -moz-linear-gradient(top, #6699CC, #336699);
    border: 2px solid #003366;
    border-radius: 6px;
    box-shadow: 0px 1px 1px white inset;
    text-shadow: 0px -1px 1px black;
    color: #FFF;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 5px 16px 3px;
    text-decoration: none;
}

div#Sub .OlymBox1 .Btn a:hover, div#Sub .OlymBox2 .Btn a:hover {
    background-color: #F0911E;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#F0911E), to(#F07D1E));
    background: -moz-linear-gradient(top, #F0911E, #F07D1E);*/
    background-image: -moz-linear-gradient(#F0911E, #F07D1E);
    background-image: -webkit-linear-gradient(#F0911E, #F07D1E);
    border: 2px solid #DC690A;
    border-radius: 6px;
    color: #FFF;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 5px 16px 3px;
    text-decoration: none;
}
	
.table01 td, .table01 th {
    width:14%;
    background-color:#FFFFFF;
    text-align: center;
    font-size: 12px !important;
    padding: 2px;
}

div#Sub ul.Zebra li.Odd {
    background-color: #E9E9E9;
    border-top:#CCC 1px solid;
    border-bottom:#CCC 1px solid;
}

div#Sub div.PremiumClntBox div.HeadingSet {
    background: none;
    background-color: #E9E9E9;
    border: 1px solid #CCC;
    margin: 0;
}

div#Sub ul.PrmLnk {
    border: 1px solid #CCC;
    margin: 0;
    padding: 0 1px;
}

div#Sub .BoxFeatPlan {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
---------------------
Footer
---------------------
*/
div#Footer ul#PageTop {border-left:#c21b2b 2px solid;background-image:none !important;margin-bottom: 22px !important;_margin-bottom: 16px !important;}
*:first-child+html div#Footer ul#PageTop {margin-bottom: 16px !important}


div#Contents div.ThmbSet300Tb div.LnkRelated {
}
div#Contents div.LnkRelated ul.Lnk li {
    background-image: none;
}
div#Contents div.LnkRelated ul.Lnk li a {
    background: url("http://www.asahi.com/olympics/2012london/images/mkr_lnk.gif") no-repeat scroll 0 0.5em transparent;
    padding-left: 10px;
}
div#Contents div.LnkRelated li.sbt {
    border-bottom: 1px solid #D8DEDD;
    font-size: 76%;
    margin: 0 0 5px;
    min-height: 1.75em;
    padding: 0;
}
div#Contents div.LnkRelated li.sbt h2 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-border-bottom-colors: none;
    -webkit-border-image: none;
    -webkit-border-left-colors: none;
    -webkit-border-right-colors: none;
    -webkit-border-top-colors: none;
    background: url("http://www.asahi.com/css08/images/bg_Related.png") no-repeat scroll 0 0 transparent;
    border-color: #D8DEDD;
    border-style: solid;
    border-width: 1px 1px 0;
    float: left;
    height: 1.4em;
    margin: 0;
    min-height: 15px;
    padding: 4px 10px 0;
}

/*
---------------------
Tabs
---------------------
*/
.ui-tabs {
}
.ui-tabs-nav {
}
.ui-tabs-nav li {
}
.ui-tabs-nav li a {
}
.ui-tabs-selected {
}
.ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
}
.ui-tabs-hide {
    display: none !important;
}

div#Main div.SeqNav ol li a.Fst {
    background-image: url("http://www.asahi.com/css08/images/mkr_prev_on.gif");
    background-position: 0 50%;
    padding-left: 28px;
    padding-right: 5px;
}

div#Main div.SeqNav ol li a.Lst {
    background-image: url("http://www.asahi.com/css08/images/mkr_next_on.gif");
    background-position: 100% 50%;
    padding-right: 28px;
    padding-left: 5px;
}

/*
---------------------
JsTelopArea
---------------------
*/
#teloptxt {
    border-top:none;
    border-left:#c21b2b 2px solid;
    border-right:#c21b2b 2px solid;
}

/*
---------------------
Bn_Scraps
---------------------
*/
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap,
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap_Success,
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap_Miss,
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap_Finished {
    float: right;
    margin: 0 0 0 5px;
    padding-left: 8px;
    padding-top: 3px;
}
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap a {
    background: url("http://www.asahicom.jp/css_digital/images/2012_bn_scrap_s.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 152px;
}
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap_Success a {
    background: url("http://www.asahicom.jp/css_digital/images/2012_bn_scrap_s_success.gif") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 20px !important;
    overflow: hidden !important;
    text-indent: -9999px;
    width: 152px !important;
}
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap_Miss a {
    background: url("http://www.asahicom.jp/css_digital/images/2012_bn_scrap_s_miss.gif") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 20px !important;
    overflow: hidden !important;
    text-indent: -9999px;
    width: 152px !important;
}
div#MainInner .Utility2 div#utility_btns p.Bn_Scrap_Finished a {
    background: url("http://www.asahicom.jp/css_digital/images/2012_bn_scrap_s_finished.gif") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 20px !important;
    overflow: hidden !important;
    text-indent: -9999px;
    width: 152px !important;
}

/*
---------------------
for_Digital
---------------------
*/
.ArticleSet .ThmbPhotoArea .ThmbPhotoBox p.ThmbText {
    background-color: transparent;
    font-size: 76% !important;
    margin: 0;
    padding: 0 2px 5px;
    text-align: left;
}

/*
---------------------
H1_Logo
---------------------
*/
div#Main .NewsTitle_Logo h1 {
    background: none;
}

/*
---------------------
jsTelopArea
---------------------
*/
#teloptxt {
    background: none;
    background-color: #FAFAF8;
    border-bottom: 1px solid #E0DFDC;
    border-top: 1px solid #E8E7E5;
    padding: 5px 0 2px 15px;
}

/*
===============
Columns Profile
===============
*/
div#Main div.Box3Profile {
    background-color: #FFFFFF;
    background-image: none;
    border: 5px solid #D5DFF5;
    margin: 0 0 30px;
    padding: 1px 0 0;
    position: relative;
}
div#Main div.Box3Profile h2 {
    background-image: url("http://www.asahicom.jp/olympics/2012london/column/images/bg_box3_h2.gif");
    border-bottom: 1px solid #E1E1E6;
    margin: 0 1px 1px;
    min-height: 0;
    padding: 5px 10px;
}
div#Main div.Box3Profile h2 a#Profile {
    background-image: none !important;
    color: #2452B8 !important;
}

/*
---------------------
Print Btn
---------------------
*/
/*div#Main div.Utility2 #utility_btns p.Print {
    display: none;
}*/

/*
---------------------
Inner Lnk
---------------------
*/
html > body .InnerLnk {
    margin-left: 330px !important;
}

/*
---------------------
ThumPhoto Height
---------------------
*/
div#MainInner .ColBox ul li .block p.ThumPhotoHeight span {
    background-color: #F2F2F2;
    border: 5px solid #F2F2F2;
    display: block;
    margin: 0;
    padding: 0;
    width: 180px;
    height: 120px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

div#MainInner .ColBox ul li .block p.ThumPhotoHeight span img {
    position: relative;
    left: 0;
    top: 0;
    width: 180px;
}

/*
---------------------
ThumPhoto Width
---------------------
*/
div#MainInner .ColBox ul li .block p.ThumPhotoWidth,
div#MainInner .ColBox ul li .block p.ThumPhotoHeight {
    margin: 0 0 8px 12px;
    padding: 0;
}

div#MainInner .ColBox ul li .block p.ThumPhotoWidth span {
    background-color: #F2F2F2;
    border: 5px solid #F2F2F2;
    display: block;
    margin: 0;
    padding: 0;
    width: 180px;
    height: 120px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

div#MainInner .ColBox ul li .block p.ThumPhotoWidth span img {
    position: relative;
    left: 0;
    top:0;
    height: 120px;
}

div#MainInner .ColBox ul li .block p.ThumPhotoWidth a:hover span,
div#MainInner .ColBox ul li .block p.ThumPhotoHeight a:hover span {
    border: 5px solid #EBEBEB;
}

/*
---------------------
Calendar
---------------------
*/
.TxtRed {
    color: #AA0000;
}
.TxtBlue {
    color: #0066FF;
}
.table01 a {
    text-decoration: underline !important;
    display:block;
}
.table01 a:hover {
    background-color: #FFCCCC;
}

/*
---------------------
Columns ESI
---------------------
*/
.Columns p {
    font-size: 80% !important;
}

/*
---------------------
H1H2 ParaSubGenre
---------------------
*/
div#Main h2.ParaSubGenre {
    background: url("/olympics/2012london/images/sub3-bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border-bottom: 0 none;
    font-size: 112%;
    margin: 50px 0 10px;
    min-height: 21px;
    padding: 8px 10px 14px;
}

div#Main div.BoxOlym h1.ParaSubGenre,
div#Main div#HeadLine h1.ParaSubGenre {
    background: url("/olympics/2012london/images/sub2-bg.gif") repeat-x scroll 0 0 #FFFFFF !important;
    border-bottom: 0 none !important;
    color: #FFFFFF !important;
    font-size: 90% !important;
    height: 20px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    padding: 7px 10px 0 !important;
}