/* サウンドイルミネーションインテリアシリーズ CSS */


h1{
	text-align: left;
	margin: 10px 0;
	text-indent: -1000em;
	background: #000000 url(./img/topic1.gif) no-repeat;
	width: 500px;
	height: 30px;
}

h2{
	color: #ff3400;
	font-size: 120%;
	margin-top: 20px;
}

div#contents{
	width: 1000px;
	background: url(./img/soundillumination_mid.gif) center top repeat-y;
	overflow: auto;
	color: #ffffff;
}


div#main{
	margin-top: 10px;
	float: right;
}

#main p{
	text-align: left;
	margin: 0 5px;
}

#main p a{
	text-decoration: none;
	color: #765af2;
}

#main p a:hover{
	color: #e34ba6;
}

#main strong{
	color: #fed557;
}

div.item{
	margin: 0 15px;
	padding: 0;
	width: 700px;
}

ul#sign , ul#bottle{
	list-style: none;
	margin-left: 145px;
}

ul#sign li , ul#bottle li{
	float: left;
	margin: 5px;
	width: 200px;
}

ul#sign li a , ul#bottle li a{
	border: 1px solid #533faa;
	width: 100%;
	display: block;
}

ul#sign li a:hover , ul#bottle li a:hover{
	border: 1px solid #e34ba6;
}

ul#jukebox{
	list-style: none;
}

ul#jukebox li{
	margin: 5px 250px;
	width: 200px;
}

ul#jukebox li a{
	border: 1px solid #533faa;
	width: 100%;
	display: block;
}

ul#jukebox li a:hover{
	border: 1px solid #e34ba6;
}


dl.method{
	clear: both;
	margin: 5px;
	background: #808080 url(./img/method_bg.gif) left top;
	color: #ffffff;
	border: 1px solid #8d213a;
}

dl.method dt{
	background: #8d213a url(./img/method_title_bg.gif) top left repeat-x;
	color: #ffffff;
	font-weight: bold;
}

dl.method dd span{
	color: #e6c7c7;
	font-weight: bold;
}


#main span a{
	color: #7777ff;
	border: 1px solid #7777ff;
	text-decoration: none;
}

#main span a:hover{
	color: #ff7777;
	border: 1px solid #ff7777;
}


div#menu{
	float: left;
	width: 230px;
	margin-top: 10px;
}


#menu dl{
	text-align: left;
	margin-left: 15px;
	margin-bottom: 40px;
}

#menu dl dt{
	margin-top: 20px;
}

#menu dl dd{
	margin: 2px 0;
	width: 200px;
}

#menu dl dd a{
	color: #aaaaaa;
	text-decoration: none;
	background: #251100 url(./img/light_off.gif) left center no-repeat;
	text-decoration: none;
	display: block;
	padding-left: 25px;
	border: 1px solid #443333;
	width: 100%;
}

#menu dl dd a:hover{
	color: #ffffff;
	background: #251100 url(./img/light_on.gif) left center no-repeat;
	border: 1px solid #885555;
}


ul#copy{
	clear: both;
	list-style: none;
	color: #ffffff;
	margin: 10px;
	text-align: right;
}
