@charset "utf-8";

/*
Useful-Sound-Material スタイルシート
*/

.inline{display:inline;}
div{margin:0px;padding:2px;}
body{margin:0px;padding:0px;}
h1{min-height:60px;background-color:#000000;color:#ffffff;padding:20px 0px 0px 20px;font-size:40px;margin:0px -20px 20px -20px;text-indent:-20px;border-style:none none solid none;border-color:#666666;border-width:0px 0px 1px 0px;}
h1 img{border-style:none;border-width:0px;position:relative;top:10px;}
#main{padding:0px 20px 0px 20px;}
form{margin:0px;padding:0px;}
button{cursor:pointer;border-style:solid;border-width:1px;border-color:#000000;font-weight:bold;-webkit-border-radius:2px;border-radius:2px;-moz-border-radius:2px;margin:0px;padding:2px;background-color:#dddddd;}
p{text-indent:1em;margin:5px 0px 20px 0px;line-height:140%;}
hr{border-style:solid none none none;border-width:1px;border-color:#000000;clear:both;}
em{font-style:normal;font-weight:bold;}
strong{font-style:normal;font-weight:bold;color:#990000;}

#passwdstrength{height:10px;width:160px;border-style:solid solid none solid;border-color:#666666;border-width:1px;background-color:#000000;}
#passwdmeter{position:relative;top:0px;background-image:url('img/passwdST.jpg');height:10px;width:0px;background-position:left top;background-repeat:no-repeat;}
#hit{font-size:120%;}

#TOPBACK{text-align:center;position:relative;background-image:url("img/Contents.jpg");background-repeat:no-repeat;height:425px;width:595px;top:0px;margin:0px 0px 20px -20px;}
#TOPBACK ul{
	display:inline;
	list-style:none;
}

#TOPBACK a{
	display:block;
	position: absolute;
	height: 25px;
	background-repeat:no-repeat;
	text-indent:-10000em;
}

#TOPBACK a:hover{
	background-position: left bottom;
}
#menu1{
	width:155px;
	background-image:url("img/menu1.jpg");
	top:25px;
	left:20px;
}
#menu2{
	width:105px;
	background-image:url("img/menu2.jpg");
	top:75px;
	left:20px;
}
#menu3{
	width:105px;
	background-image:url("img/menu3.jpg");
	top:125px;
	left:20px;
}
#menu4{
	width:110px;
	background-image:url("img/menu4.jpg");
	top:175px;
	left:20px;
}
#menu5{
	width:125px;
	background-image:url("img/menu5.jpg");
	top:225px;
	left:20px;
}
#menu6{
	width:85px;
	background-image:url("img/menu6.jpg");
	top:275px;
	left:20px;
}
#menu7{
	width:105px;
	background-image:url("img/menu7.jpg");
	top:325px;
	left:20px;
}
#menu8{
	width:175px;
	background-image:url("img/menu8.jpg");
	top:375px;
	left:20px;
}


.left{float:left;width:90px;height:90px;display:block;}
.musiclist,.alertlist,.comments{border-style:solid;border-width:3px;border-color:#000000;margin:10px 0px 20px 0px;padding:2px;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;}

.comments2{border-style:solid;border-width:3px;border-color:#666666;margin:10px 0px 20px 0px;padding:2px;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;}
h2{margin:0px;padding:4px 0px;font-size:120%;background-color:#000000;color:#ffffff;border-color:#999999;border-style:solid;border-width:1px;background-image:url('img/black.png');background-position:right top;background-repeat:repeat-y;}
h3{margin:0px;padding:4px 0px;font-size:100%;border-style:solid none;border-width:1px;border-color:#666666;}
h3.musicname,.name{font-weight:bold;background-color:#000000;color:#ffffff;background-image:url('img/black.png');background-position:right top;background-repeat:repeat-y;border-style:none;margin:-2px -2px 0px -2px;padding:10px 2px 0px 2px;font-size:100%;}
.commentname{background-color:#808080;color:#ffffff;font-weight:bold;margin:-2px -2px 0px -2px;padding:2px;}
.date{background-color:#cccccc;font-weight:bold;margin:0px -2px;padding:2px;}
.rating{border-style:solid none dashed none;border-width:1px;border-color:#999999;}
.info,.state{background-color:#eeeeee;font-weight:bold;margin:0px -2px;padding:2px;}
.comment{line-height:140%;}
.comment2{line-height:140%;min-height:90px;}

#logonform{margin:20px 0px;}
.error{color:#ff3333;font-weight:bold;}
.required,.recommendation{color:#cc9933;font-weight:bold;}
.uri{border-style:solid none;border-color:#cccccc;border-width:1px 0px;}
#error{color:#ff3333;font-weight:bold;}
#error:before{content:url('img/Warning.jpg')}
.helpbutton{background-color:#ffffff;border-color:#ffffff;margin:0px;padding:0px;}
.help{text-align:right;}
table{border-collapse:collapse;border-style:solid;border-width:2px;border-color:#000000;margin:0.5em 0px;padding:0px;border-spacing:0px;background-color:#000000;color:#ffffff;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;}
thead{background-color:#000000;color:#ffffff;}
tbody{background-color:#ffffff;color:#000000;}
th{font-weight:bold;text-align:left;padding:0.2em;border-style:none;}
td{font-weight:normal;text-align:left;padding:0.2em;border-color:#333333;vertical-align:top;}
.odd{background-color:#eeeeee;}
.modified,.errorform{background-color:#ffcccc;}
ul{margin:0px;list-style-image:url('img/usmlist.png');}
li{margin:0px;}
a{
	text-decoration:underline;
}
a:link{
	color:#336699;
}
a:visited{
	color:#009966;
}
a:hover{
	color:#003300;background-color:#ccffcc;
}
h1 a:hover{background-color:transparent;}


a:active{
	color:#003300;background-color:#ccffcc;
}
h1 a:actuve{background-color:transparent;}
h3.musicname a:link{
	color:#ffffff;
}
h3.musicname a:visited{
	color:#ffffff;
}
h3.musicname a:hover{
	color:#003300;background-color:#ccffcc;
}

h3.musicname a:active{
	color:#003300;background-color:#ccffcc;
}

input:focus,select:focus,textarea:focus{color:#003300;background-color:#ccffcc}
button:hover{color:#003300;background-color:#ccffcc}
button:active{color:#003300;background-color:#ccffcc}
button[disabled="disabled"]{background-color:#dddddd;color:#999999;}
button[disabled="disabled"]:hover{background-color:#dddddd;color:#999999;}
button[disabled="disabled"]:active{background-color:#dddddd;color:#999999;}
button.alert{border-color:#cccccc;color:#666666;}

button.link{text-decoration:underline;color:#336699;background-color:transparent;border-style:none;padding:0px 0px 1px 0px;margin:0px;display:inline;font-size:100%;font-weight:normal;word-break:break-all;white-space:normal;}
button.link:visited{text-decoration:underline;color:#009966;}
button.link:hover{text-decoration:underline;color:#003300;background-color:#ccffcc;}
button.link:active{text-decoration:underline;color:#003300;background-color:#ccffcc;}
span.link{text-decoration:underline;}
span.link2{text-decoration:underline;font-weight:bold;}

button.link2{text-decoration:underline;color:#ffffff;background-color:#000000;border-style:none;padding:0px 0px 1px 0px;margin:0px;display:inline;font-size:100%;font-weight:normal;word-break:break-all;white-space:normal;}
button.link2:visited{text-decoration:underline;color:#ffffff;}
button.link2:hover{text-decoration:underline;color:#003300;background-color:#ccffcc;}
button.link2:active{text-decoration:underline;color:#003300;background-color:#ccffcc;}

a[id]{
	color:inherit;
	text-decoration:none;
	background-color:inherit;
}
a[name]{
	color:inherit;
	text-decoration:none;
	background-color:inherit;
}

#myinfo{float:left;width:300px;overflow:auto;font-size:80%;text-align;center;}
#myphoto{background-color:#cccccc;min-height:330px;text-align;center;}
#photo{background-color:#ffffff;min-height:320px;margin:4px auto;width:280px; padding;0px;}

#diaryinfo{float:left;width:600px;border-color:#cccccc;border-style:solid;border-width:4px;overflow:auto;font-size:80%;}