@charset "UTF-8";

/* header */
#header   { min-width:1000px; }
h1        { text-align:center; border-bottom:2px solid white; }
#header p { text-align:center; background:#ff6700; border-bottom:2px solid #edb666; }
.clear{clear:both;}

#noList {
    margin: auto;
    width: 920px;
}
#noList .inner {
    padding: 0.5em 3% 0.8em;
}

.atn{
    margin:0 0 15px;
}

#nav {
    height: 20px;
    width: 920px;
}
#nav p {
    margin-bottom: 0.5em;
}
#nav li {
    background: #fff url("../images/icon_down.png") no-repeat scroll left top;
    float: left;
    padding-left: 18px;
}
#nav a {
    font-size: 120%;
    margin: 2em 2px;
}
#nav a:hover {
    background-color: #eee;
}

.clear{clear:both;}

/* contents ==== */
#noList { width:920px; margin:auto; }

#noList .inner { padding:.5em 3% .8em; }


/* telnoList */
th.theater_name {
	width:30%;
	display:table-cell;
	text-align:left;
	border-top:none;
	line-height:1.5em;
	color:#666;
	background:#e0e0e0;
	font-weight:bold;
	font-size:120%;
	box-sizing: border-box;
	padding:5px;
}



.telnoList h2 {
	background:url(../images/h2_icon.gif) no-repeat top left #FFF;
	padding:.8em 0.7em .6em; 
	color:#00539f; 
	font-size:150%;
	clear:both;
	margin:0 0 5px;
}

.telnoList { margin:10px 0 .7em;}

.telnoList table{
	width:100%;
	margin:0 0 3px;
}



.telnoList td.telno,
.telnoList td.attn{
	display:table-cell;
	line-height:1.2em;
	padding:5px;
}

.telnoList a{
	display:none;
}
.telnoList span{
	display:block;
}


th,td{
	display:table-cell;
}

.telnoList .telno{
	background:#ececec;
	width:120px;
	font-weight:bold;
}
.telnoList .attn{
	background:#ececec;
}

.telnoList .totop a{
	display:block;
	font-size:80%;
	float:right;
	padding-right:18px;
	background:url(../images/icon_up.png) no-repeat top right #FFF;
	margin:0 0 20px;
	text-decoration:none;
}



/* ==== ==== ==== */


/* 640px */
@media screen and (max-width: 640px)
{

	/* contents ==== */
	#noList { width:100%; }

	#nav {padding:20px 0; width:100%;}
	#nav li {width:120px; line-height:2em;}


	/* contents ==== */
	#noList { width:100%; }

	/* telnoList */

	th.theater_name {
        width:100%;
        display:block;
        text-align:left;
        border-top:3px solid #fff;
		line-height:1.5em;
		color:#666;
		background:#e0e0e0;
		font-weight:bold;
		font-size:120%;
		box-sizing: border-box;
		padding:5px;

    }

	.telnoList h2 {
		background:url(../images/h2_icon.gif) no-repeat 0 5px #FFF ;
		padding:.8em 0.7em .6em; 
		color:#00539f; 
		font-size:150%;
		clear:both;
		margin:0 0 2px;
		font-weight:bold;
	}

	.telnoList { margin:10px 0 .7em;}

	.telnoList table{
		float:none;
		padding: 0.8em 1em 0.6em;
	}



	.telnoList td.telno{
        display:block;
		box-sizing: border-box;
        width:100%;
        line-height:2em;
    }

	.telnoList td.attn{
        display:block;
		box-sizing: border-box;
        width:100%;
		line-height:1.2em;
    }

	.telnoList a{
		display:inline;
	}
	.telnoList span{
		display:none;
	}

	th,td{
        display:block;
	}

	.telnoList .telno{
		background:#ececec;
		width:120px;
		font-weight:bold;
	}
	.telnoList .attn{
		background:#ececec;
}

}