@charset "utf-8";

/* ******************************

	みなとみらい線
	topics.css
	
	/topics/***
	
	* topics general
	* index
	* detail
	
******************************** */


/* topics general
---------------------------------------------- */

#left-side h2{
	width: 630px;
	height: 44px;
	background: url(/img/topics/title-info.gif) left top no-repeat;
	text-indent: -9999px;
	margin-left: 10px;
	}

/* topics index
---------------------------------------------- */

#topics-list{
	width: 610px;
	margin: 25px 20px 0 20px;
	padding-bottom: 20px;
	}
#topics-list dl{
	width: 600px;
	background: url(/img/topics/bg-topicslist.gif) left bottom repeat-x;
	padding: 0 5px 1px;
	position: relative;
	}
#topics-list dt{
	width: 120px;
	padding: 7px 0;
	float: left;
	font-weight: bold;
	}
#topics-list dd.info-tx{
	/*width: 480px;*/
	width: 430px !important;
	width: 420px;
	padding: 7px 0;
	float: left;
	}
#topics-list dd.info-ic{
	width: 50px;
	position: absolute;
	top: 5px;
	right: 0;
	}
	
/* float clear */	
#topics-list dl:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; 
	}
#topics-list dl{
	display: inline-block;
	}
/* horry \*/
*html #topics-list dl{
	height: 1%;
	}
#topics-list dl{
	display: block;
	}
/* horry end */



/* right side */

#right-side h3.stitle-pickup{
	background-image: url(/img/topics/cap-pickup.gif);
	}
#right-side h3.stitle-topics{
	background-image: url(/img/topics/cap-topics.gif);
	}
#right-side .pickup-list{
	width: 208px;
	background-color: #FFF;
	padding: 6px 0;
	margin-bottom: 10px;
	}
#right-side .pickup-list h4{
	width: 188px;
	height: 20px;
	background-image: url(/img/topics/cap-listcategory.gif);
	background-repeat: no-repeat;
	margin: 0 10px 15px 10px;
	text-indent: -9999px;
	}
	
	#right-side .pickup-list h4.event{ background-position: 0 0; }
	#right-side .pickup-list h4.recommend{ background-position: 0 -20px; }
	#right-side .pickup-list h4.info{ background-position: 0 -40px; }
	#right-side .pickup-list h4.apology{ background-position: 0 -60px; }

#right-side .pickup-list dl{
	width: 188px;
	margin: 0 10px 15px;
	}
#right-side .pickup-list dt{
	width: 188px;
	color: #0166bb;
	font-weight: bold;
	background: url(/img/topics/list-icon.gif) 0 0.2em no-repeat;
	padding-left: 1em;
	}
#right-side .pickup-list dd{
	padding-left: 1em;
	}



/* topics detail
---------------------------------------------- */

/* left side */

#left-side .topics-title{
	width: 500px !important;
	width: 610px;
	height: 29px !important;
	height: 44px;
	background: url(/img/topics/bg-topicstitle.gif) left top no-repeat;
	margin: 0 20px 15px 20px;
	padding: 15px 80px 0 30px;
	color: #012d8e;
	font-weight: bold;
	position: relative;
	}
#left-side .topics-title span{
	display: block;
	width: 64px;
	height: 20px;
	background-image: url(/img/topics/icon-category.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 12px;
	right: 10px;
	}
#left-side .topics-title span.event{ background-position: 0 0; }
#left-side .topics-title span.recommend{ background-position: 0 -20px; }
#left-side .topics-title span.info{ background-position: 0 -40px; }
#left-side .topics-title span.apology{ background-position: 0 -60px; }
	
#left-side .info-contents{
	width: 610px;
	margin: 0 20px;
	color: #333;
	}

#left-side .info-contents p{
	line-height: 1.6em;
	margin-bottom: 25px;
	}
	
#left-side .info-contents p.link-pdf{
	line-height: 1em;
	margin-top: 15px;
	text-align: right;
	}
	#left-side .info-contents p.link-pdf a{
		background: url(/img/common/list-mark01.gif) 0 0.2em no-repeat;
		padding-left: 12px;
		}



	
/* topics sub navigation */

#topics-nav{
	width: 43px;
	height: 32px;
	margin: 4px 13px 7px 587px;
	}	
#topics-nav ul{
	height: 22px;
	}
#topics-nav li{
	width: 43px;
	height: 22px;
	margin-top: 4px;
	/*margin-right: 7px;*/
	/*float: left;*/
	}
#topics-nav li a{
	display: block;
	width: 43px;
	height: 22px;
	/*background-image: url(/img/topics/btn-topicsnav.gif);*/
	background: url(/img/topics/btn-golist.gif) left top no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	}
#topics-nav li a:hover{ background-position: left bottom; }
/*
#topics-nav li.list a{ background-position: 0 0; }
#topics-nav li.back a{ background-position: -43px 0; }
#topics-nav li.next a{ background-position: -86px 0; }

#topics-nav li.list a:hover{ background-position: 0 -22px; }
#topics-nav li.back a:hover{ background-position: -43px -22px; }
#topics-nav li.next a:hover{ background-position: -86px -22px; }
*/