@charset "shift_jis";

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 1020px;	/*コンテナー幅*/
	margin-right: auto;
	margin-left: auto;
}
/*ヘッダー（ロゴ、h1タグが入った最上部ブロック）
---------------------------------------------------------------------------*/
#header {
	background-image: url(../images/disco/disco-head.jpg);
	height: 556px;
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/*コンテンツ（mainとsubとfooterを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;	/*コンテンツ幅*/
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	padding-top: 30px;
	text-align: left;
}

/*メインコンテンツ（右ブロック）
---------------------------------------------------------------------------*/
#main {
	float: right;	/*メインコンテンツを右(right)に回り込み*/
	width: 687px;
	padding-bottom: 80px;
}
#main p {
	font-size: 13px;
	line-height: 25px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*h2タグ設定*/
#main h2 {
	font-size: 18px;		/*文字サイズ*/
	color: #FFFFFF;	/*文字色*/
	clear: both;
	width: 664px;
	line-height: 35px;
	height: 45px;
	overflow: hidden;	/*背景画像の読み込み*/
	background-image: url(../images/h2-haikei.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#main h3 {
	font-size: 18px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	clear: left;
}
#main h4{
	font-size: 16px;
	margin-top: 15px;
	line-height: 10px;
	text-decoration: underline;
}
#main dl {
	overflow: hidden;
	zoom: 1;
	width: 690px;
	clear: left;
	margin-top: 20px;
	margin-bottom: 25px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 13px;
}
#main dt {
	float: left;
	clear: both;
	width: 75px;
}
#main dd {



}
ul.history {
	list-style-type: none;
	margin-left: 15px;
	height: 700px;
}

ul.history li {
	float: left;
	width: 140px;
	margin-top: 0;
	background-color: #FFF;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
	padding-top: 1%;
	height: 140px;
}
ul.liza {
	list-style-type: none;
	margin-left: 15px;
	height: 200px;
}

ul.liza li {
	float: left;
	width: 140px;
	margin-top: 0;
	background-color: #FFF;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
	padding-top: 1%;
	height: 140px;
}
ul.vinyl {
	list-style-type: none;
	margin-left: 15px;
	height: 370px;
}

ul.vinyl li {
	float: left;
	width: 140px;
	margin-top: 0;
	background-color: #FFF;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
	padding-top: 1%;
	height: 140px;
}

#main .vinyl.clearfix #vin {
	background-color: #FFF;
	height: 140px;
	width: 140px;
	margin-left: 232px;
}
ul.super {
	list-style-type: none;
	margin-left: 130px;
	width: 470px;
	height: 140px;
	margin-bottom: 20px;
}

ul.super li {
	float: left;
	width: 140px;
	margin-top: 0;
	background-color: #FFF;
	margin-right: 15px;
	text-align: center;
	padding-top: 1%;
	height: 140px;
}
ul.super2 {
	list-style-type: none;
	margin-left: 200px;
	width: 310px;
	height: 230px;
}
ul.super2 li {
	float: left;
	width: 140px;
	margin-top: 0;
	background-color: #FFF;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
	height: 140px;
	padding-top: 2%;
}
#main .history.clearfix #spdrop {
	float: none;
	margin-left: 100px;
}




.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
#main #solo {
	padding-top: 35px;
}
#main #happy {
	margin-left: 250px;
	border: 7px solid #FFF;
}
#main #his {
	line-height: 17px;
	margin-top: 10px;
	padding-bottom: 20px;
}
#his dt {
	float: none;
	width: 100%;
	margin-left: 20px;
	margin-top: 15px;
}
#his dd {
	margin-left: 20px;
}