@charset "UTF-8";

.side {
	margin-right: 20px;
}
#tickets, #moviticke, #inquiry {
	background: #FFF;
}
#tickets, #moviticke, #inquiry {
	padding: 30px;
	margin-bottom: 20px;
}

#theatres, #movies {
	background: #444;
}

#movies {
	padding: 20px;
	padding-top: 30px;
	margin-bottom: 20px;
}

#ryoseki {
	margin-top: 40px;
}

table {
	margin-top: 20px;
	border-collapse: collapse;
}

table td {
	font-size: 90%;
	background: #F6F6F6;
	border-bottom: 10px solid #FFF;
	padding: 10px;
}

table .col {
	width: 100px;
	text-align: center;
}

#creditcards {
	margin: 30px 0;
}

#creditcards a {
	text-decoration: none;
	color: #4DA7D8;
}

#tickets ul li {
	float: left;
}
#tickets ul li:first-child {
	margin-right: 20px;
}

#tickets ul li a,
#inquiry a {
	display: block;
	padding: 10px 0;
	text-align: center;
	/*font-size: 120%;*/
	background: #666;
	color: #FFF;
}
#tickets ul li a {	
	width: 280px;
}

#tickets ul li a:hover,
#inquiry a:hover {
	background: #4DA7D8;
}
#inquiry a {
	padding: 20px 0;
	font-size: 120%;
}

#inquiry h2 {
	margin-bottom: 10px;
}
#movies h2 {
	margin-bottom: 30px;
}
#movies ul li {
	list-style: disc inside;
	line-height: 3;
}
#movies,
#movies a {
	color: #FFF;
	/* display: block;
	background:  #F6F6F6;
	color: #444;
	text-align: center;
	padding: 10px 0; */
}


#movies a:hover {
	color: #4DA7D8;
}


#theatres,
#theatres a {
	color: #FFF;
}
#theatres a:hover {
	color: #4DA7D8;
}

#theatres dl dd {
	border-left: 1px solid #FFF;
}


#login select {
	width: 100%;
	font-size: 100%;
	margin-bottom: 10px;
}
#login button {
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	background: #4DA7D8;
	/* background: url(/img/home/theatres_bg.png); ie7,8 bugfix */
	color: #FFF;
	padding: 5px;
	text-align: center;
	border: none;
}

/* clearfix */

#tickets ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

/* RESPONSIVE */

@media only screen and (max-width: 480px) {
	.side {
		/*display: none;*/
	}
	table .col {
		width: 60px;
	}
	#theatres, #movies, 
	#inquiry, #tickets {
		margin-bottom: 5px;
	}
	#tickets ul li {
		width: 48%;
	}
	#tickets ul li:first-child {
		margin-right: 4%;
	}
	
	#tickets ul li a {
		font-size: 80%;
		width: 100%;
	}
}