@charset "UTF-8";

/*=========================================================================
                                                ■ 　　　　　　     index
=========================================================================*/

/* --FLASH BNR==*/

#bar_4{  width: 948px;  margin: 30px 0 0 0; height: 400px; }


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}

#fullsize {position:relative; width:948px; height:300px; padding:0px; border:1px solid #ccc; background:#000}

#information {position:absolute; bottom:0; width:948px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}

#image {width:950px; height: 300px; }
#image img {position:absolute; z-index:25; width:auto; height: 300px;}
.imgnav {position:absolute; width:25%; height:300px; cursor:pointer; z-index:150}

#imgprev {left:0; background:url(http://diskunionusa.com/image/slide/thumbnails/icon/left.gif) left center no-repeat}
#imgnext {right:0; background:url(http://diskunionusa.com/image/slide/thumbnails/icon/right.gif) right center no-repeat}
#imglink {position:absolute; height:376px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:100px; background:url(http://diskunionusa.com/image/slide/thumbnails/icon/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:100px; background:#222 url(http://diskunionusa.com/image/slide/thumbnails/icon/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:895px; margin-left:5px; height:100px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/*=========================================================================
                                                ■ 　　   About diskunion
=========================================================================*/


#label-list {
	position: relative;
	top: 0px;
	left: 10px;
	overflow: auto;
	width: 90% ;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	z-index: 100;
	/*filter:Chroma(color=#ffffff);*/
}

#label-list div.list-l {
	float: left;
	width: 48%; 
}

#label-list div.list-r {
	float: right;
	width: 48%; 
}



#label-list h3.maker-title {
	border-top :1px #CCCCCC solid ;	
	border-right :1px #CCCCCC solid ;
	border-bottom :1px #CCCCCC solid ;	
	border-left: 10px #CCCCCC solid  ;
	background: #F5F5F5;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px 10px 5px;
	z-index: 102;
	clear: both;
	font-size: 100%;
}

#label-list h4.subj-1 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	z-index: 102;
	clear: both;
}

#label-list ul.maker-list {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display:block;
	z-index: 105;
	clear: both;
	font-size: 88%; 
}

#label-listt ul.maker-list li { }


/*=========================================================================
                 　　　　　　　　　　　　　　　 ■　　　     distribution
=========================================================================*/

/*==[1]Exclusive LABELS==*/

.main-2 ul.link-label { border-bottom: 1px #CCCCCC dotted; height: 140px; }
.main-2 ul.link-label li { float: left; width: 150px;  padding: 10px 15px 5px 15px; text-align: center;  }
.main-2 ul.link-label li img { padding: 10px 0 10px 0 ; }

.main-2 ul.link-label a { font-size: 80%; }

/*==[2]Works==*/

.main-2 ul.jaket { border-bottom: 1px #CCCCCC dotted; height: 230px; }
.main-2 ul.jaket li { float: left; width: 150px; height: auto; padding: 5px 15px 10px 15px; text-align: center;   font-size: 70%; }
.main-2 ul.jaket li img { padding: 10px 0 10px 0 ; }}

.main-2 ul.jaket2 {  height: 230px; }
.main-2 ul.jaket2 li { float: left; width: 150px; height: auto; padding: 5px 15px 10px 15px; text-align: center; font-size: 70%; }
.main-2 ul.jaket2 li img { padding: 10px 0 10px 0 ; }


/*=========================================================================
                 　　　　　　　　　　　　　　 　■　Buy your collection!!
=========================================================================*/

/* ==========================================  タブ切り替え======*/

.main-2 div#tab-container-1 { margin: 1em ;}
.main-2 div#tab-container-1 ul#tab-container-1-nav {  height: 90px;   list-style:none; } 

.main-2 div#tab-container-1 ul#tab-container-1-nav li{ width:226px; height:40px; border:1px solid #999;  background-color:#F5F5F5; float:left; } 
.main-2 div#tab-container-1 ul#tab-container-1-nav li a{ display:block; width:226px; height:40px; padding-top:8px; color:#000; text-align:center; text-decoration:none; } 
.main-2 div#tab-container-1 ul#tab-container-1-nav li a:hover { display:block; width:226px; height:40px; padding-top:8px; background: #CCCCCC; color:#000; text-align:center; text-decoration:none; } 

.main-2 div#tab-container-1 ul.none li { list-style-positon : inside ;  list-style-type: disc ;  line-height: 160%;  font-weight: normal; font-size: 90%; }

.main-2 div.tab{  border-top:none; padding:10px; background-color:#FFF; } 

.main-2 div.tab p.s-menu img { border: 1px #666666 solid; padding : 2px; margin: 0; }

.main-2 div.tab h2{ border: 1px #333333 solid; border-left: 10px #000000 solid;  background: #F5F5F5; color:#000000; margin: 1em 0 1em 0 ; }

.main-2 div.tab p { margin: 0.5em;  font-size: 90%; }
.main-2 div.tab p img { margin: 10px 0 0 0 ; }
.main-2 div.tab p.border { border: 1px #333333 dotted; padding: 10px;}

/*=========================================================================
                 　　　　　　　　　　　　　　　 ■    Audio and accessory
=========================================================================*/

/*==[1]MANUFACTURERS OF HIGH END==*/

.main-2 .a_maker { border-bottom: 1px #CCCCCC dotted; font-size: 80%;  }

.main-2 .a_maker ul.link-audio { height: 165px;  }
.main-2 .a_maker ul.link-audio li.maker {  margin: 30px 0px 5px 0px;   }
.main-2 .a_maker ul.link-audio li { float: left; width: 150px;  padding: 10px 15px 5px 15px; text-align: center;  }


/*=========================================================================
                                                ■ 　　             LIKS 
=========================================================================*/

/*==[1]pict label==*/

div.tab ul.links_pict { border-bottom: 1px #CCCCCC dotted; height: 105px; line-height:55%; }
div.tab ul.links_pict li { float: left; width: 142px;  padding: 5px 15px 3px 15px; text-align: center; }
div.tab ul.links_pict li img { padding: 10px 0 5px 0 ; }

div.tab ul.links_pict a { font-size: 65%; color:#000000;  }

/*==[2]other label==*/

div.tab ul.links { wodth:100%; border-bottom: 1px #CCCCCC dotted; height: 2.8em; font-size: 70%;  }
div.tab ul.links li { float: left; width: 226px; padding: 10px 5px 15px 5px; text-align: left; vertical-align:middle;}

div.tab ul.links li a { color:#000000; }


/*=========================================================================
                                                ■             contact us
=========================================================================*/

.main-2 p.error {  color: #dc143c; border: 1px #dc143c solid; padding: 2px; }
.main-2 div.border { padding : 5px; border: 1px #CCCCCC dotted; }

.main-2 dl.table2 {
	margin: 1em 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
}
.main-2 dl.table2 {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

.main-2 dl.table2::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.main-2 dl.table2 dt {
	margin: 0;
	margin-right: -18em;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 18em;
	text-indent: 10px;
}


.main-2 dl.table2 dd {
	margin-left:18em;
	padding: 1em 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff; 
}

.main-2 div.form-btm p { text-align: center; margin: 20px 0; }