@charset "utf-8";
/* CSS Document */

/* style reset */

*{
	margin: 0;
	padding: 0;
}

/* base layout*/

body {
	background-color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#menu {
	height: auto;
	width: 100%;
}


#container {
	width: 930px;
	height: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#footer {
	color: #FFFFFF;
	background-image: url(img/base.jpg);
	text-align: center;
	font-size: medium;
	width: 100%;
	font-weight: bold;
	clear: both;
}

/* contener layout */

#container #main1 {
	color: #FFFFFF;
	width: 920px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 5px;
	float: left;
}

#container #main2 {
	color: #FFFFFF;
	width: 920px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 5px;
	float: left;
}

#container #main3 {
	color: #FFFFFF;
	width: 920px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 5px;
	float: left;
}

#container #main4 {
	color: #FFFFFF;
	width: 920px;
	float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 5px;
}

/* contener main1 layout*/

#container #main1 #profile-link {
	font-size: small;
	color: #FFFFFF;
	float: left;
	width: 400px;
	padding: 5px;
	text-align: center;
}

#container #main1  #new-album {
	font-size: small;
	color: #FFFFFF;
	float: right;
	padding: 5px;
	width: 500px;
}

#container #main1  #newalbum  #album-title {
	font-size: small;
	color: #FFFFFF;
	padding: 5px;
	float: left;
	width: 490px;
}


#container #main1  #new-album  #album-info {
	font-size: small;
	color: #FFFFFF;
	width: 490px;
	float: right;
	padding: 5px;
}


#container #main1  #new-album  #album-info  #album-jacket {
	font-size: small;
	color: #FFFFFF;
	width: 200px;
	float: left;
}

#container #main1  #new-album  #album-info  #album-comment {
	font-size: small;
	color: #FFFFFF;
	width: 285px;
	float: right;
}

#container #main2 #inform {
	font-size: small;
	color: #FFFFFF;
	float: left;
	width: 900px;
	padding: 5px;
}

#container #main2 #inform #inform-title {
	color: #FFFFFF;
	text-align: center;
}

#container #main2 #inform .inform-main {
	color: #FFFFFF;
	width: 880px;
	float: left;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin: 5px;
}

#container #main2 #inform #inform-link {
	color: #FFFFFF;
	clear: both;
	float: left;
	margin-left: 15px;
	width: 880px;
	margin-top: 10px;
}


/* contener main3 layout*/

#container #main3 #worklist {
	font-size: small;
	color: #FFFFFF;
	float: left;
	width: 900px;
	padding: 5px;
}

#container #main3 #worklist #worklist-title {
	color: #FFFFFF;
	margin: 5px;
}

#container  #main3  #worklist #cdlist1 {
	color: #FFFFFF;
	width: 890px;
	float: left;
	text-align: center;
	margin: 5px;
}

#container #main3 #worklist #cdlist1 .cdwork1 {
	color: #FFFFFF;
	width: 100px;
	float: left;
	margin: 5px;
	height: 100px;
	text-align: center;
}

#container  #main3  #worklist #cdlist2 {
	color: #FFFFFF;
	height: auto;
	width: 890px;
	float: left;
	margin: 5px;
}

#container #main3 #worklist #cdlist2 .cdwork2 {
	color: #FFFFFF;
	width: 100px;
	float: left;
	margin: 5px;
	height: 100px;
	text-align: center;
}


#container  #main3  #worklist #dvdlist {
	color: #FFFFFF;
	float: left;
	width: 890px;
	margin: 5px;
}

#container #main3 #worklist #dvdlist .dvdwork {
	color: #FFFFFF;
	width: 100px;
	float: left;
	margin: 5px;
	height: 130px;
	text-align: center;
}


#container #main3 #worklist #list-link {
	color: #FFFFFF;
	float: left;
	margin: 10px;
	width: 870px;
	clear: both;
}


/* contener main4 layout*/

#container #main4 #credit {
	color: #FFFFFF;
	padding: 5px;
}

/* style */

.mark1 {
	font-size: small;
	color: #990066;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.mark2
 {
	font-size: small;
	color: #666666;
	word-spacing: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}
.title1 {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(img/base.jpg);
	text-align: center;
	font-size: medium;
}

.title2 {
	font-size: medium;
	font-weight: bold;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-top-color: #9999ff;
	border-right-color: #9999ff;
	border-bottom-color: #9999ff;
	border-left-color: #9999ff;
	color: #9999ff;
}
.schedule1 {
	font-size: small;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	line-height: 1.5em;
	width: 400px;
	float: left;
}

.schedule2 {
	font-size: small;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	line-height: 1.5em;
	width: 400px;
	float: right;
}

.day {
	font-size: small;
	font-weight: bold;
	margin-left: 10px;
	color: #6699FF;
}
.info {
	font-size: small;
	font-weight: normal;
	margin-left: 20px;
}

.cdwork-photo {
	height:80px;
	width: 80px;
	text-align: center;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.dvdwork-photo {
	height:100px;
	width: 75px;
	text-align: center;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.work-title {
	font-size: 10px;
}
