@charset "UTF-8";
html{background:#ffffff;
		}
body{
	color:#99ccff;
	margin:0;
	padding:0;
	}
	
#container{
	width:800px;
	height:600px;
	margin:0 auto;
	padding:0;
	background:url(../img/base.gif);
	}
#container2{
	width:800px;
	height:100px;
	margin:100px auto 0;
	padding:0;
	background-color:#ffffff;
	color:#ffffff;
	}

#content{
	width:800px;
	height:650px;
	color:#333333;
	padding:0;
	margin:0;
	}
ul#brandinfo{
	padding:0;
	margin:100px auto;
	list-style:none;
	text-align:center;
	}
ul#brandinfo li{
	padding:0;
	margin:30px auto;
	list-style:none;
	text-align:center;
	}
ul#brand{
	padding:0;
	margin:0;
	list-style:none;
	width:600px;
	height:430px;
	}
ul#brand li#mainbtn{
	display:block;
	height:124px;
	position:relative;
	top:260px;
	left:170px;
	padding:0;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/dozeu.png);
	}
ul#brand li#mainbtn a{
	display:block;
	height:124px;
	padding:0;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/dozeu2.png);
	/*\*/
	overflow:hidden;
	/**/
	}
ul#brand li#subbtn{
	display:block;
	height:123px;
	position:relative;
	top:-15px;
	left:135px;
	padding:0;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/mirano.png);
	}
ul#brand li#subbtn a{
	display:block;
	height:123px;
	padding:0px;
	margin:0;
	background-image:url(../img/mirano.png);
	/*\*/
	overflow:hidden;
	/**/
	}
ul#brand li#subbtn2{
	display:block;
	height:129px;
	position:relative;
	top:20px;
	left:350px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/shelf.png);
	}
ul#brand li#subbtn2 a{
	display:block;
	height:129px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/shelf.png);
	/*\*/
	overflow:hidden;
	/**/
	}
ul#brand li#subbtn3{
	display:block;
	height:133px;
	position:relative;
	top:-115px;
	left:500px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/chu.png);
	}
ul#brand li#subbtn3 a{
	display:block;
	height:133px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/chu.png);
	/*\*/
	overflow:hidden;
	/**/
	}
ul#brand li#subbtn4{
	display:block;
	height:110px;
	position:relative;
	top:-410px;
	left:285px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/poro.png);
	}
ul#brand li#subbtn4 a{
	display:block;
	height:110px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/poro.png);
	/*\*/
	overflow:hidden;
	/**/
	}
	
ul#brand li#subbtn5{
	display:block;
	height:90px;
	position:relative;
	top:-525px;
	left:490px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/bis.png);
	}
ul#brand li#subbtn5 a{
	display:block;
	height:90px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/bis.png);
	/*\*/
	overflow:hidden;
	/**/
	}
	
ul#brand li#subbtn6{
	display:block;
	height:125px;
	position:relative;
	top:-550px;
	left:580px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/grand.png);
	}
ul#brand li#subbtn6 a{
	display:block;
	height:125px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/grand.png);
	/*\*/
	overflow:hidden;
	/**/
	}
	
ul#brand li#subbtn7{
	display:block;
	height:103px;
	position:relative;
	top:-700px;
	left:403px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/chuchu.png);
	}
ul#brand li#subbtn7 a{
	display:block;
	height:103px;
	padding:0px;
	text-indent:-9999px;
	margin:0;
	background-image:url(../img/chuchu.png);
	/*\*/
	overflow:hidden;
	/**/
	}
	
ul#brand li#mainbtn{width:124px;}
ul#brand li#subbtn{width:123px;}
ul#brand li#subbtn2{width:129px;}
ul#brand li#subbtn3{width:135px;}
ul#brand li#subbtn4{width:107px;}
ul#brand li#subbtn5{width:93px;}
ul#brand li#subbtn6{width:125px;}
ul#brand li#subbtn7{width:100px;}

ul#brand li#mainbtn a{background-image:url(../img/dozeu.png);}
ul#brand li#subbtn a{background-image:url(../img/mirano.png);}
ul#brand li#subbtn2 a{background-image:url(../img/shelf.png);}
ul#brand li#subbtn3 a{background-image:url(../img/chu.png);}
ul#brand li#subbtn4 a{background-image:url(../img/poro.png);}
ul#brand li#subbtn5 a{background-image:url(../img/bis.png);}
ul#brand li#subbtn6 a{background-image:url(../img/grand.png);}
ul#brand li#subbtn7 a{background-image:url(../img/chuchu.png);}

ul#brand li#mainbtn a{background-position:50% 0;}
ul#brand li#subbtn a{background-position:50% 0;}
ul#brand li#subbtn2 a{background-position:50% 0;}
ul#brand li#subbtn3 a{background-position:50% 0;}
ul#brand li#subbtn4 a{background-position:50% 0;}
ul#brand li#subbtn5 a{background-position:50% 0;}
ul#brand li#subbtn6 a{background-position:50% 0;}
ul#brand li#subbtn7 a{background-position:50% 0;}

ul#brand li#mainbtn a:hover{background-position:0 100%;}
ul#brand li#subbtn a:hover{background-position:0 100%;}
ul#brand li#subbtn2 a:hover{background-position:0 100%;}
ul#brand li#subbtn3 a:hover{background-position:0 98%;}
ul#brand li#subbtn4 a:hover{background-position:0 100%;}
ul#brand li#subbtn5 a:hover{background-position:0 100%;}
ul#brand li#subbtn6 a:hover{background-position:0 100%;}
ul#brand li#subbtn7 a:hover{background-position:0 100%;}

#event{
	display:block;
	margin:20px auto;
	padding:0;
	height:70px;
	text-indent:-9999px;
	background-image:url(../img/comicbtn.png);
	}
#event a{
	display:block;
	margin:20px auto;
	padding:0;
	height:70px;
	text-indent:-9999px;
	background-image:url(../img/comicbtn.png);
	/*\*/
	overflow:hidden;
	/**/
	}
#event{width:250px;}
#event a[background-image:url(../img/comicbtn.png);}
#event a{background-position:100% 0;}
#event a:hover{background-position:0 100%;}

#mob{
	margin:0 auto;
	padding:0;
	height:100px;
	width:640px;
	}
#dl{
	margin:50px auto 0;
	padding:0;
	height:100px;
	width:640px;
	}

#event2{
	display:block;
	margin:30px auto;
	padding:0;
	height:70px;
	text-indent:-9999px;
	background-image:url(../img/comicbtn.png);
	}
#event2 a{
	display:block;
	margin:30px auto;
	padding:0;
	height:70px;
	text-indent:-9999px;
	background-image:url(../img/comi.png);
	/*\*/
	overflow:hidden;
	/**/
	}
#event2{width:250px;}
#event2 a[background-image:url(../img/comi.png);}
#event2 a{background-position:100% 0;}
#event2 a:hover{background-position:0 100%;}


#footer{
	display:block;
	width:600px;
	height:100px;
	margin:280px auto 20px;
	padding:0px;

		 }
		 
#footer ul#footernavi {
	text-align:center;
	margin-left:0;
	padding-left:0.5em;
	float:left;
	font-size:8pt;
		}
#footernavi li{
	display:inline;
		 }
#footernavi:before{
	ontent: "|";
		 }
#footernavi li:after{
	content: "|";
		 }
#footer h5{
	color:#666666;
	float:right;
	margin:0;
	padding:0;
	line-height:1em;
		 }
		
#about{
         margin:10px auto;
		 padding:10px;
		 position:relative;
  		 width:600px;
		  text-align:left;
		  line-height:1em;
		   font-size:10pt;
		color:#333333;
		background-color:#ffccff;
		 }