@charset "utf-8";
/* CSS Document */

*{
	font-size:100%;
	margin:0px;
	padding:0px;
	list-style:none;
	font-weight:normal;
}


html,body{
	width:100%;
	height:100%;
	background:#1F1F1F;
}

a img{
	border:none;
}

/*-----------
コンテンツ
------------*/
#content{
	height:230px;
	width:100%;
	background:#25a5ff;
	position:absolute;
	top:50%;
	margin:-115px 0px 0px 0px;
	z-index:1;
}

#content h1 a{
	display:block;
	width:60px;
	height:75px;
	position:absolute;
	overflow:hidden;
	left:10px;
	top:10px;
	text-indent:-9999px;
	background:url(../img/logo.png);
}
#content p, #content td, #content th{
	font-size:85%;
	text-align:left;
	color:#FFFFFF;
}
#content table{
	border-collapse:collapse;
}
#content th{
	padding:5px 0px 0px 0px;
	font-weight:bold;
}

#content td{
	padding:1px 10px 1px 10px;
	border-bottom:1px dotted #FFFFFF;
}

#content a{
	color:#FFFFFF;
}	
#data{
	position:absolute;
	left:345px;
}
#data h2{
	width:200px;
	height:200px;
	margin:15px 0px;
	text-indent:-9999px;
	overflow:hidden;
	background:#FF0000;
}
#items{
	position:absolute;
	left:215px;
	top:15px;
	width:500px;
	}
#items a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0px 10px 10px 0px;
	cursor:pointer;
	-webkit-border-radius: 10px;	/* Safari、Google Chrome */
	-moz-border-radius: 10px;	/* Firefox */
	width:95px;
	height:95px;
	text-indent:-9999px;
}
	#items p a{
		display:inline;
		text-indent:0px;
		margin:0px;
		float:none;
	}
.item{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0px 10px 10px 0px;
	cursor:pointer;
	-webkit-border-radius: 10px;	/* Safari、Google Chrome */
	-moz-border-radius: 10px;	/* Firefox */
	width:95px;
	height:95px;
	text-indent:-9999px;
}
/*-----------
メニュー
------------*/
#menu{
	width:230px;
	height:100%;
	position:absolute;
	left:100px;
	z-index:5;
	background:#384fff;
}

#menu li{
	line-height:25px;
	margin:0px 0px 5px 20px;
	background:5px center no-repeat;
	font-size:80%;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:2px solid #384fff;
}
	#menu li a{
		display:block;
		width:100%;
	}
	#menu #menu_web{
		background-image:url(../img/menu_web.png);
	}
	#menu #menu_apps{
		background-image:url(../img/menu_apps.png);
	}
	#menu #menu_etc{
		background-image:url(../img/menu_etc.png);
	}
	#menu #menu_support{
		background-image:url(../img/menu_support.png);
	}
	#menu #menu_profile{
		background-image:url(../img/menu_profile.png);
	}
	#menu #menu_contact{
		background-image:url(../img/menu_contact.png);
	}
	#menu #menu_blog{
		background-image:url(../img/menu_blog.png);
	}
	
	#menu li:hover{
		border-bottom:2px solid #FFFFFF;
	}
	
	#menu li.selected{
		border-bottom:2px solid #FFFFFF;
	}
#menu_content{
	width:100%;
	height:160px;
	position:absolute;
	top:50%;
	margin:-80px 0px 0px 0px;
	background:#384fff;
}

/*-----------
フッター
------------*/
#footer{
	position:absolute;
	height:15px;
	width:100%;
	bottom:5px;
	text-indent:-9999px;
	background:no-repeat right top url(../img/copy.png);
}


/*----------
説明
-----------*/
#description{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10;
	filter: alpha(opacity=0);
 	-moz-opacity:0.00;
 	opacity:0.00;
}
#description div{
	z-index:11;
	position:absolute;
	width:480px;
	height:480px;
	left:50%;
	top:50%;
	margin:-240px 0px 0px -320px;
	background:#FFFFFF;
	-webkit-border-radius: 5px;	/* Safari、Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	

}
#description h3{
	margin:0px 0px 0px 15px;
}
#description img{
	margin:0px 15px 15px 15px;
	border:1px solid #999999;
}
#description p{
	margin:0px 15px 15px 15px;
	font-size:80%;
}
#description p.link{
	text-align:right;
}
#description #screen{
	background:#000000;
	filter: alpha(opacity=70);
 	-moz-opacity:0.70;
 	opacity:0.70;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	margin:0px;
}