@charset "UTF-8";
/*-----17：コンテンツ包括要素（上書き）------*/
#container {
	background: url(../images/bg.jpg) repeat-x center top fixed;
	height:750px;
}

/*-----18：フッタのナビゲーション------*/
#toContets a {
	width: 205px;
	margin: 0 auto;
	display: block;
}
#toContets a:hover {
	border-color: #000;
	background-position: left top;
}
#toContets a img {
	visibility: visible;
}
#toContets a:hover img {
	visibility: hidden;
}

/*-----19：表全体の包括要素スタイル------*/
#list {
	width: 640px;
	margin: 0 auto;
	padding: 30px 0;
}

/*-----20：表タイトル------*/
#list h2 {
	float: left;
	margin: 0 0 15px -10px;
}


/*-----21：エリア絞り込み用ナビゲーション------*/
#areaNav {
	float: right;
	margin: 15px 0;
	border-left: 1px dotted #80c5f4;
    font-size: 0;
}
#areaNav li {
	display: inline;
	padding: 0 8px;
	border-right: 1px dotted #80c5f4;
    font-size: 13px;
    *font: x-small;
}
#areaNav li a {
	font-size: 108%;
	color: #80c5f4;
	text-decoration: none;
}
#areaNav li a:hover {
	color: #b6dbf5;
}
#areaNav li a.current {
	font-weight: bold;
	color: #fff;
}

/*-----22：一覧表の包括要素スタイル------*/
#theaterList {
	clear: both;
	padding: 10px 10px;
	-moz-box-shadow: 0 0 20px rgba(20, 135, 215, 1);
	-webkit-box-shadow: 0 0 20px rgba(20, 135, 215, 1);
	-ms-box-shadow: 0 0 20px rgba(20, 135, 215, 1);
	box-shadow: 0 0 20px rgba(20, 135, 215, 1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.3);
	/*IE7、IE8用スタイル*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b4000000, endcolorstr=#b4000000, gradienttype=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b4000000, endcolorstr=#b4000000, gradienttype=0);
	*zoom:1;
}

/*-----23：一覧表のスタイル------*/
#theaterList table {
	border-collapse: collapse;
	width: 100%;
	font-size: 130%;
}
#theaterList table th {
	padding: 5px 10px;
	border-bottom: 1px solid #031c29;
	color: #94d1f9;
	background-color: rgba(0, 160, 255, 0.8);
	/*IE7、IE8用スタイル*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cd00a0ff, endcolorstr=#cd00a0ff, gradienttype=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cd00a0ff, endcolorstr=#cd00a0ff, gradienttype=0);
}
#theaterList table td {
	padding: 5px 10px;
	border-bottom: 1px dotted #0f70b2;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	background-color: rgba(0, 160, 255, 0.1);
	/*IE7、IE8用スタイル*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1900a0ff, endcolorstr=#1900a0ff, gradienttype=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1900a0ff, endcolorstr=#1900a0ff, gradienttype=0);
	height:50px;
}

/*-----24：偶数行のスタイルを変える------*/
#theaterList table tr:nth-child(even) td {
	background-color: rgba(0, 160, 255, 0.2);
	/*IE7、IE8用スタイル*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3200a0ff, endcolorstr=#3200a0ff, gradienttype=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3200a0ff, endcolorstr=#3200a0ff, gradienttype=0);
}

/*-----25：公開日、電話番号の列幅を小さくする------*/
#theaterList table tr th:nth-child(n+2), #theaterList table tr td:nth-child(n+2) {
	width: 15%;
	white-space: nowrap;
}

/*-----26：最終行のボーダーを消す------*/
#theaterList table tr:last-child td {
	border: none;
}

/*-----27：絞り込みに該当しない項目のスタイル------*/
#theaterList table tr.disable td {
	color: #09446b;
	background: transparent;
	border-bottom-color: #09446b;
}