@charset "utf-8";
/* formatting style
------------------------------*/
* {
	font-style: normal;
	margin:auto;
	padding: 0px;
}

body {
	background-image : url(img/back/allback.jpg);
background-repeat: repeat-x;
background-attachment: fixed; 
	color: #000000;
	background-color : #ffffff;
	font-family: Verdana,Arial,メイリオ,Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",Helvetica;
	font-size: 80%;
	line-height: 1.6;

      }

hr    {
	display: none;
      }
/* link styles
------------------------------*/
a img {
	border-style: none;
      }

a:link {
	color: #ffffff;
	text-decoration: none;
       }

a:visited {
       	  color: #ffffff;
	  text-decoration: none;
          }

a:hover {
	color: red;
	text-decoration: underline;
        }

a:active {
         color: red;
	 text-decoration: underline;
       	 position: relative;
	 left: 1px;
	 top: 1px;
         }
/* basic layout
------------------------------*/
#page {
        background-color: #000000; 
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
        height: maxpx; 
        width: 926px; 
      }

#header {
	background-image : url(img/back/header_bg.png);
	width: 926px;
    	height: 80px;
        padding-left:0px;
        padding-top: 0px;
	float: center;
      }


#navi {
	width: 924px;
    	height: maxpx;
	font-size: 12px;
        background-color: #ffffff; 
        padding-left:0px;
        padding-top: 0px;
      }

#indexbanner {
	width: 900px;
    	height: 300px;
	font-size: 12px;
        background-color: #000000; 
        padding-left:0px;
        padding-top: 0px;
      }


#kaisou {
	width: maxpx;
    	height: max;
	color: #ffffff;
        background-color: #000000; 
	font-size: 12px;

      }



#support_left {
        background-color: #000000; 
        float: left;
	width: 214px;
	height: 1380px;

}


#honbun {
        background-color: #000000; 
        float: right;
	width: 710px;
	height: maxpx;
}

#left {
	color: #ffffff;
        background-color: #000000; 
	line-height : 15px;
        padding-left: 0px;
        float: left;
	width: 214px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-top: 5px;
	border-width: 1px 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #3c3c3c #3c3c3c #3c3c3c #3c3c3c;
	margin-top: 0px;
	font-size: 11px;
  	padding-top : 0px;

}


#lefttitle {
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-left-color: #3c3c3c;
	border-right-color: #3c3c3c;
	overflow: visible;
	font-size: 12px;
	color : #ffffff;
	background-image : url(img/back/dt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 214px;
	height: maxpx;
}



#kensaku {
        background-color: #ffffff; 
        float: left;
	width: 214px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
	font-size: 11px;

}




#left dt{
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-left-color: #3c3c3c;
	border-right-color: #3c3c3c;
	overflow: visible;
	font-size: 12px;
	color : #ffffff;
	background-image : url(img/back/dt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#left dd {
  font-size: 12px;
  color: #ffffff;
  line-height : 100%;
  padding-top : 2px;
  padding-bottom : 3px;
  margin-bottom: 0px;
  border-top-width : 1px;
  border-top-style : dotted;
  border-top-color : #454545;
}


#left p{
	color: #ffffff;
	margin-left: 5px;
	font-size: 12px;
	padding-left: 1px;
	margin-bottom: 0px;

}




#left  b {
	color: #ffffff;
	font-size: 12px;
}


#kaisou  a {
	color: #ffffff;
}




#left  a:hover {
	color: #b78d8d;
}


#center {
        background-color: #000000; 
        float: right;
	width: 700px;
	margin-top: 0px;
  	padding-top : 0px;
}




#topproductbanner {
	background-repeat: no-repeat;
        background-color: #ffffff; 
        border-color:#000000;
        float: left;
	width: 682px;
	height: maxpx;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
        border-color:#000000;
        border-style:solid;
        border-color:#3c3c3c;
        border-width:1px;
	padding-left: 5px;
}

.topproductbannerbox {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	float: left;
	display: block;
	width: 130px;
	font-size: 9px;
}





#topproductbanner  a:link {
	color: #000000;
	text-decoration: none;
       }

#topproductbanner  a:visited {
       	  color: #000000;
	  text-decoration: none;
          }

#topproductbanner  a:hover {
	color: #000000;
}

#topproductbanner  a:active {
         color: #000000;
	 text-decoration: none;
         }






#right {
        background-color: #000000; 
        padding-left: 0px;
        float: left;
	width: 166px;
	height: maxpx;
    	margin-top: 0px;
    	margin-left: 0px;
}

#rightbanner {
        background-color: #000000; 
        padding-left: 0px;
        float: left;
	width: 166px;
	height: 600px;
    	margin-top: 0px;
    	margin-left: 10px;
}



#main {
        background-color: #000000; 
        float: left;
	width: 926px;
    	height: max;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-top: 0px;
    	margin-left: 0px;
    	margin-right: 0px auto;
	}

#dragon_detail {
        float: left;
	width: maxpx;
    	height: maxpx;
        border-style:solid;
        border-color:#666666;
        border-width:1px;
    	padding-top: 5px;
    	padding-left: 5px;
    	padding-right: 5px;
    	padding-bottom: 5px;
    	margin-right: 0px auto;
	}


#topic  a:link {
	color: #000000;
	text-decoration: none;
       }

#topic  a:visited {
       	  color: #000000;
	  text-decoration: none;
          }

#topic  a:hover {
	color: red;
}

#topic  a:active {
         color: red;
	 text-decoration: underline;
       	 position: relative;
	 left: 1px;
	 top: 1px;
         }




#imgbox {
        background-color: #999999; 
        border-color:#000000;
        float: left;
	width: 688px;
    	height: 300px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-top: 0px;
    	margin-left: 5px;
    	margin-right: 0px auto;
	}

#banner {
        background-color: #000000; 
        float: right;
	width: 701px;
    	height: 299px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-top: 0px;
    	margin-left: 0px;
    	margin-right: 0px auto;
	}


#sucbanner {
        background-color: #000000; 
        float: left;
	width: 701px;
    	height: 225px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-top: 0px;
    	margin-left: 5px;
    	margin-right: 0px auto;
	}

#movie {
        background-color: #3c3c3c; 
        float: left;
	width: 701px;
    	height: 414px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-left: 5px;
    	margin-right: 0px auto;
	}


#flash {
        border-color:#000000;
        float: left;
	width: 718px;
    	height: 425px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-top: 0px;
    	margin-left: 0px;
    	margin-right: 0px auto;
	}


#topflash {
        background-color: #999999; 
        float: left;
	width: 250px;
    	height: 305px;
        border-color:#000000;
        border-style:solid;
        border-color:#3c3c3c;
        border-width:1px;
    	margin-top: 5px;
    	margin-left: 5px;
    	margin-right: 0px auto;
	background-image : url(img/kanban.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#mactaiou {
    	margin-left: 5px;
        float: left;
        background-color: #ffffff; 
	color:#000000;
	font-size: 12px;
	width: 504px;
    	height: max;
    	margin-top: 5px;
    	margin-right: 0px auto;
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 5px;

        border-style:solid;
        border-color:#cac9c9;
        border-width:3px;
	line-height:120%;
	}

#mactaiou  a:link {
	color: #000000;
	text-decoration: none;
       }

#mactaiou  a:visited {
       	  color: #000000;
	  text-decoration: none;
          }

#mactaiou  a:hover {
	color: red;
	 text-decoration: underline;

}

#mactaiou  a:active {
         color: red;
	 text-decoration: underline;
         }












#product_banner {
	background-repeat: no-repeat;
        background-color: #000000; 
        border-color:#000000;
        float: left;
	color:#000000;
	width: 690px;
    	height: maxpx;
        padding-left: 5px;
        padding-top: 5px;
    	margin-right: 0px auto;
	line-height:120%;
	}


#product_banner  a:link {
	color: #000000;
	text-decoration: none;
       }

#product_banner  a:visited {
       	  color: #000000;
	  text-decoration: none;
          }

#product_banner  a:active {
	 text-decoration: none;
         }



#shirase {
	background-color: #ffffff;
        border-color:#000000;
	font-size: 12px;
        float: left;
	color:#000000;
	width: 500px;
    	height: max;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    	margin-top: 5px;
    	margin-left: 5px;
    	margin-right: 0px auto;
	}




#ms {
	background-color: #ffffff;
        border-color:#000000;
	font-size: 12px;
        float: right;
	color:#000000;
	width: 690px;
    	height: max;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    	margin-top: 5px;
    	margin-left: 5px;
    	margin-right: 0px auto;
	}




#news {
	background-image: url("img/back/topic_back.jpg"); 
	background-repeat: no-repeat;
        background-color: #ffffff; 
        float: left;
	color:#000000;
	font-size: 12px;
        padding-left: 5px;
    	margin-left: 5px;
	width: 420px;
    	height: 300px;
        padding-top: 5px;
        padding-right: 5px;
        border-color:#000000;
        border-style:solid;
        border-color:#3c3c3c;
        border-width:1px;
    	margin-top: 5px;
    	margin-right: 0px auto;
	}


#news  a:link {
	color: #2065ac;
	text-decoration: none;
       }

#news  a:visited {
       	  color: #2065ac;
	  text-decoration: none;
          }

#news  a:hover {
	color: #2065ac;
	text-decoration: underline;
        }

#news  a:active {
	 text-decoration: none;
         }














#topic_box {
	background-image: url("img/back/topic_back.jpg"); 
	background-repeat: no-repeat;
        background-color: #ffffff; 
        border-color:#000000;
        float: right;
	color:#000000;
	font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    	margin-left: 5px;
	width: 689px;
    	height: max;
        padding-top: 5px;
        border-style:solid;
        border-color:#3c3c3c;
        border-width:1px;
    	margin-top: 5px;
    	margin-right: 0px auto;
	}


#avalon_spec {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: maxpx;
	width: 680px;
	background-color: #ffffff;
}


#avalon_spec_left {
	float: left;
	color: #000000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	height: maxpx;
	width: 210px;
	background-color: #ffffff;

}

#avalon_spec_right {
	float: left;
	color: #000000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: maxpx;
	width: 440px;
	background-color: #ffffff;
}

#topic_box  a:link {
	color: #2065ac;
	text-decoration: none;
       }

#topic_box  a:visited {
       	  color: #2065ac;
	  text-decoration: none;
          }

#topic_box  a:hover {
	color: #2065ac;
	text-decoration: underline;
        }

#topic_box  a:active {
	 text-decoration: none;
         }


#topic_news {
        background-color: #ffffff; 
        border-color:#000000;
        float: left;
	color:#000000;
	width: 420px;
    	height: maxpx;
    	margin-top: 5px;
        padding-top: 4px;
	font-size: 11px;
	}


#ms_list {
	background-image: url("img/back/topic_back.jpg"); 
	background-repeat: no-repeat;
        background-color: #ffffff; 
        border-color:#000000;
        float: left;
	color:#000000;
	font-size: 12px;
        padding-left: 5px;
    	margin-left: 5px;
	width: 690px;
    	height: max;
        padding-top: 5px;
        padding-right: 5px;
        border-style:solid;
        border-color:#3c3c3c;
        border-width:1px;
    	margin-top: 0px;
    	margin-right: 0px auto;
	}

#ms_list  a:link {
	color: #2065ac;
	text-decoration: none;
       }

#ms_list  a:visited {
       	  color: #2065ac;
	  text-decoration: none;
          }

#ms_list  a:hover {
	color: #2065ac;
	text-decoration: underline;
        }

#ms_list  a:active {
	 text-decoration: none;
         }





#makerlogo {
        border-color:#000000;
	background-color: #ffffff; 
        padding-top: 30px;
        float: right;
	color:#000000;
	font-size: 12px;
	width: 700px;
    	height: max;
    	margin-top: 0px;
    	margin-left: 0px;
	}


#makerlogo  a:link {
	color: #000000;
	text-decoration: none;
       }

#makerlogo  a:visited {
       	  color: #000000;
	  text-decoration: none;
          }

#makerlogo  a:hover {
	color: #b114e4;
	text-decoration: underline;
        }

#makerlogo  a:active {
	 text-decoration: none;
         }


#tourokunegai {
        background-color: #ffffff; 
        border-color:#000000;
        float: left;
	color:#000000;
	width: maxpx;
    	height: maxpx;
    	margin-top: 30px;
        padding-left: 10px;
	}



#library {
        border-color:#000000;
	background-color: #ffffff; 
        padding-top: 30px;
        float: left;
	color:#000000;
	width: 680px;
    	height: max;
    	margin-top: 0px;
    	margin-left: 5px;
	}

#makername {
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 31%;
}

.item_box {
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 16%;

}




.item_box_chameleon {
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 31%;
}

.item_box_telefunken {
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 17%;
}

.item_box_avalon {
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	float: left;
	display: block;
	width: 24%;
}

#mr {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 3px;
	padding-bottom: 5px;
	float: left;
	display: block;
	width: 40%;
}

.item_box_kb {
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 23%;
}


.item_box_ol {
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 45%;
}

.item_box_spl {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 22%;
}


.item_box_wml {
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 31%;
}


.item_box_sm {
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 23%;
}



.textbox {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #cccccc #cccccc #cccccc #cccccc;
	background-color: #ffffff;
}


.bx_show {
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	float: left;
	display: block;
	width: 45%;
}



#ssdoshirase {
	background-color: #ffffff;
        border-color:#000000;
        float: left;
	color:#000000;
	width: 650px;
    	height: max;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-style:solid;
        border-color:#3c3c3c;
        border-width:1px;
    	margin-top: 5px;
    	margin-left: 5px;
    	margin-right: 0px auto;
    	margin-bottom: 15px;
	line-height:120%;
	}



#footer {
	color: #ffffff;
	background-color: #000000;
        border-color:#000000;
	float:right;
	width: 350px;
    	height: maxpx;
    	margin-top: 0px;
    	margin-left: 0px;
        padding-top: 0px;
	font-size: 12px;

	}






.bar_gray {
	background-image: url(img/back/bar_gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 25px;
	clear: both;
}





#article {
	color: #ffffff;
        padding-left: 20px;
        float: left;
	width: 440px;
    	height: 300px;
        border-style:solid;
        border-color:#cac9c9;
        border-width:0px;
    	margin-top: 5px;
    	margin-left: 0px;
    	margin-right: 0px auto;
	}




/* main styles
------------------------------*/
#main h1{
	
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	}

#main h2 {
	border-bottom-width: midiam;
	border-bottom-style: solid;
	border-bottom-color: #ff080e;
	}

#main h3 {
	font-size: 14px;

	}

	
#main dl{

	font-weight: bold;
	background-image: url(images/);
	background-repeat: no-repeat;
	background-position: center;
	clear: left;
	float: left;
	width: 400px;
	padding-left: 15px;
}

/* sidebar styles
------------------------------*/
#sidebar h2 {
	margin: 0px;