@charset "UTF-8";
html{background:#ffffff;
		}
body{
	color:#99ccff;
	margin:0;
	padding:0;
	}
	
#container{
	width:1000px;
	height:1000px;
	margin:70px auto 0;
	padding:0;
	background-color:#ffffff;
	color:#ff99ff;
	}

#content{
	width:800px;
	height:1000px;
	color:#ff66ff;
	padding:0;
	margin:0 auto;
	}

#content #entrance{
	padding:0;
	margin:30px auto;
	text-align:center;
	text-decoration:none;
	}
	
ul#brand{
	padding:0;
	margin:0 auto;
	list-style:none;
	width:700px;
	height:800px;
	}
ul#brand li#mainbtn{
	display:block;
	width:700px;
	height:400px;
	padding:0;
	text-indent:-9999px;
	margin:5px auto ;
	background-image:url(../img/crurogo.png);
	}
ul#brand li#mainbtn a{
	display:block;
	width:700px;
	height:400px;
	padding:0;
	text-indent:-9999px;
	margin:5px auto;
	background-image:url(../img/crurogo.png);
	/*\*/
	overflow:hidden;
	/**/
	}
ul#brand li#subbtn{
	display:block;
	width:700px;
	height:400px;
	padding:0;
	text-indent:-9999px;
	margin:5px auto;
	background-image:url(../img/classerogo.png);
	}
ul#brand li#subbtn a{
	display:block;
	width:700px;
	height:400px;
	padding:0;
	text-indent:-9999px;
	margin:5px auto;
	background-image:url(../img/classeogo.png);
	/*\*/
	overflow:hidden;
	/**/
	}

#footer{
	width:600px;
	height:100px;
	margin:30px auto;
	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;
		 }