@charset "utf-8";

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

	みなとみらい線
	cop.css
	
	/cop/***
	
	* cop title
	* cop tab-navigation
	* cop right-side
	* cop s-contents
	* title
	* cop [index]
	* cop [management][settlement]
	
******************************** */


/* cop title
---------------------------------------------- */

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

/* cop tab-navigation
---------------------------------------------- */

#left-side #c-tabnav{
	width: 638px;
	height: 33px;
	background: url(/img/station/bg-tabnav.gif) left bottom no-repeat;
	margin: 12px 6px 0 6px; 
	}
#left-side #c-tabnav ul{
	width: 620px;
	height: 33px;
	margin: 0 9px;
	}
#left-side #c-tabnav ul li{
	width: 124px;
	height: 33px;
	float: left;
	}
#left-side #c-tabnav ul li.long{
	width: 248px;
	}
#left-side #c-tabnav ul li a{
	display: block;
	width: 124px;
	height: 33px;
	background-image: url(/img/cop/tabnav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#left-side #c-tabnav ul li.long a{
	width: 248px;
	}
	#left-side #c-tabnav ul li.outline a{ background-position: 0 0; }
	#left-side #c-tabnav ul li.management a{ background-position: -248px 0; }
	#left-side #c-tabnav ul li.settlement a{ background-position: -372px 0; }
	#left-side #c-tabnav ul li.employment a{ background-position: -496px 0; }
	
	#left-side #c-tabnav ul li.outline a:hover{ background-position: 0 -33px; }
	#left-side #c-tabnav ul li.management a:hover{ background-position: -248px -33px; }
	#left-side #c-tabnav ul li.settlement a:hover{ background-position: -372px -33px; }
	#left-side #c-tabnav ul li.employment a:hover{ background-position: -496px -33px; }
	
	#left-side #c-tabnav ul li.outline a.nav-on{ background-position: 0 -66px; }
	#left-side #c-tabnav ul li.management a.nav-on{ background-position: -248px -66px; }
	#left-side #c-tabnav ul li.settlement a.nav-on{ background-position: -372px -66px; }
	#left-side #c-tabnav ul li.employment a.nav-on{ background-position: -496px -66px; }



/* cop right-side
---------------------------------------------- */

/* title */

#right-side h3.stitle-cop{
	background-image: url(/img/cop/cap-cop.gif);
	}



/* station c-contents
---------------------------------------------- */

#left-side #c-contents{
	width: 612px !important;
	width: 638px;
	background: url(/img/cop/bg-c-contents.gif) left top no-repeat;
	margin: 0 6px;
	padding: 10px 14px 30px 14px;
	}
	
	
	
/* title
---------------------------------------------- */
#left-side #c-contents h2{
	width: 612px;
	height: 46px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#left-side #c-contents h2.cap-outline{ background-image: url(/img/cop/cap-outline.gif); }
#left-side #c-contents h2.cap-history{ background-image: url(/img/cop/cap-history.gif); }
#left-side #c-contents h2.cap-agreement{ background-image: url(/img/cop/cap-agreement.gif); }
#left-side #c-contents h2.cap-management{ background-image: url(/img/cop/cap-management.gif); }
#left-side #c-contents h2.cap-settlement{ background-image: url(/img/cop/cap-settlement.gif); }
#left-side #c-contents h2.cap-employment{ background-image: url(/img/cop/cap-employment.gif); }


/* cop [index]
---------------------------------------------- */

#left-side #c-contents .outline-table{
	width: 610px;
	border: solid 1px #cccccc;
	border-width: 1px 0 0 1px;
	margin-top: 25px;
	}
#left-side #c-contents .outline-table th,#left-side #c-contents .outline-table td{
	border: solid 1px #cccccc;
	border-width: 0 1px 1px 0;
	padding: 5px;
	font-size: 1em !important;
	font-size: 0.75em;
	}
#left-side #c-contents .outline-table th{
	background-color: #fffca3;
	white-space: nowrap;
	}
#left-side #c-contents .outline-table td{
	line-height: 1.5em;
	}
	
	
#left-side #c-contents .history-table{
	width: 460px;
	margin: 15px 0 0 76px;
	}
#left-side #c-contents .history-table th,#left-side #c-contents .history-table td{
	padding: 5px;
	font-size: 1em !important;
	font-size: 0.75em;
	}
	

#left-side #c-contents h3.scap-agreement{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 30px;
	}
#left-side #c-contents p.tx-agreement{
	width: 550px;
	line-height: 1.5em;
	margin: 15px 0 0 31px;
	}


/* cop [management][settlement]
---------------------------------------------- */

#left-side #c-contents .cop-listbox{
	width: 550px;
	margin: 25px 0 0 31px;
	}
#left-side #c-contents .cop-listbox h3{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	}
#left-side #c-contents .cop-listbox dl{
	margin-top: 20px;
	}
#left-side #c-contents .cop-listbox dt{
	width: 20px;
	float: left;
	}
#left-side #c-contents .cop-listbox dd{
	width: 530px;
	line-height: 1.5em;
	float: left;
	}
	
/* float clear */	
#left-side #c-contents .cop-listbox dl:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; 
	}
#left-side #c-contents .cop-listbox dl{
	display: inline-block;
	}
/* horry \*/
*html #left-side #c-contents .cop-listbox dl{
	height: 1%;
	}
#left-side #c-contents .cop-listbox dl{
	display: block;
	}
/* horry end */


#left-side #c-contents .cop-listbox ul{
	text-align: center;
	line-height: 2.0em;
	margin-top: 15px;
	}


#left-side #s-contents .gototop a{
	display: block;
	background: url(/img/common/bg-pagetop.gif) 0 0.2em no-repeat;
	padding-left: 1em;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 0.8em;
	}