@import url(common.css);
@import url(catalogue.css);

/*CONTENT //////////////////////////////////////////////////////////////////////////////////////////*/
#content {
	background-repeat: no-repeat;
	padding-bottom: 10px;
	background-color: #000000;
}

/*PAGE01 OUTLINE ///////////////////////////////////////////////////////////////////////////////////*/
/*FEATURE *******************************************************************************************/
#feature {
	width: 365px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
}

#feature-yoko {
	width: 730px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
}

/*CONTENTS ******************************************************************************************/
#contents {
	width: 355px;
	float: right;
	margin-right: 10px;
}

#contents-yoko {
	width: 710px;
	float: right;
	margin-right: 10px;
}

/*OUTLINE ------------------------------------------------------------------------------------------*/
#outline {
	padding: 10px;
	background-image: url(img/catalogue/content/opacity_black70.png);
	border-top: 3px solid #000000;
}

#outline h3 {
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
}

#outline p {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding: 10px 0px 0px 0px;
}

#outline .sale {
	padding: 5px;
	margin-top: 10px;
	background-color: #993333;
}

#outline .icon {
	padding-right: 70px;
	background-repeat: no-repeat;
	background-position: right top;
}

/*SPEC ---------------------------------------------------------------------------------------------*/
#spec {
	margin-top: 2px;
	padding: 10px;
	background-image: url(img/catalogue/content/opacity_gray70.png);
	min-height: 1em;/*Ie 背景が表示されない*/
}

#spec ul {
	float: left;
}

#spec li {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}

#spec p {
	float: right;
	width: 323px;
	padding: 5px;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#spec img {
	margin-left: 5px ;
}

/*TABLE --------------------------------------------------------------------------------------------*/
#table {
	margin-top: 2px;
	padding: 10px;
	background-image: url(img/catalogue/content/opacity_black70.png);
}

#table table {
	width: 100%;
	margin-top: 5px;
	border-collapse: collapse;
}

#table th {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	background-color: #333333;
	border: 1px solid #999999;
	padding: 1px 2px;
}

#table td {
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #999999;
	text-align: center;
	padding: 1px 2px;
}

#table .td-name {
	width: 75px;
}

#lineup-table .td-price {
	width: 90px;
}

/*SALE *--------------------------------------------------------------------------------------------*/
#sale {
	margin-top: 5px;
	padding: 10px;
	background-image: url(img/catalogue/content/opacity_orange50.png);
	min-height: 1em;/*Ie 背景が表示されない*/
}

#sale form {
	float: left;
	width: 325px;
	height: 25px;
	padding: 5px;
	margin-bottom: 1px;
	background-color: #333333;
}

#sale p {
	font-size: 12px;
	color: #FFFFFF;
}

#sale img {
	float: right;
}

#sale input {
	width: 50px;
	margin-left: 5px;
}

#sale .fm-id {
	width: 170px;
	margin-right: 5px;
}

#sale .fm-stock {
	width: 50px;
}

/*PAGE02 MOVIE /////////////////////////////////////////////////////////////////////////////////////*/
#movie {
	padding: 0px 10px 10px;
	background-image: url(img/catalogue/content/opacity_black70.png);
	border-top: 3px solid #000000;
}

#movie img {
	margin-top: 10px;
}

/*PAGE03 LINEUP ////////////////////////////////////////////////////////////////////////////////////*/
#lineup {
}

#lineup div {
	width: 690px;
	float: left;
	margin: 2px 10px 0px 10px;
	padding: 10px;
}

#lineup h5 {
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #FFFFFF;
}

#lineup p {
	color: #FFFFFF;
}

#lineup form {
	float: right;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #999999;
}

#lineup select {
	width: 45px;
}

#lineup button {
	width: 45px;
	height: 18px;
	margin-left: 5px;
}

#lineup .odd {
	background-image: url(img/catalogue/content/opacity_gray70.png);
}

#lineup .even {
	background-image: url(img/catalogue/content/opacity_black70.png);
}

#lineup .price {
	float: right;
	font-size: 12px;
	line-height: 20px;
}

#lineup .comment {
	float: left;
	width: 100%;
	margin-top: 5px;
	padding-top: 5px;
	font-size: 10px;
	line-height: 14px;
	border-top: 1px dotted #999999;
}

/*--------------------------------------------------------------------------------------------------*/