@charset "utf-8";
/* CSS Document */
#cont1{
	width:750px;
	height:auto;
	float:left;
	background-image:url(image/index-a.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:1000;
}

/*******java********/
#app {
	width:750px;
	height:200px;
	background-image:url(image/index-a.jpg);
	z-index:auto;
	text-align:left;
	}
#app img {
	width:680;
	height:180;
	margin-left:10px;
	margin-top:5px;
}

/*******inline frame********/
#topics{
	width:680px;
	height:25px;
	background-image:url(image/bar.jpg);
	margin-left:10px;
}
#iframe {
	width:750px;
	height:280px;
	text-align:left;
}

#iframe p {
	margin:0 0px 0px 20px;
}
/********main***********/
#main {
	width:750px;
	height:auto;
	text-align:left;
	float:left;
	margin-bottom:20px;
}
#bo{
	width:200px;
	height:auto;
	margin-right:70px;
	float:right;
}
#mainbox {
	width:470px;
	height:auto;
	float:left;
}
#club{
	width:470px;
	height:auto;
}
#info {
	width:450px;
	margin-left:20px;
	margin-right:auto;
	height:auto;
}
/********shadow setting***********/

.kage {
background-color:#dff8fd;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,strength=5,direction=135);
border:1pt #000 solid;
margin-left:20px;
float:left;
}
/***********Class*************/

.infobar{
	width:450px;
	height:25px;
}
.app{
	margin-top:10px;
	margin-left:10px;
}
.ifra{
	margin-left:20px;
}
.topbb{
	height:20px;
	width:100px;
	float:left;
}
.dotbox {
	border:1pt dashed #000;
}

/********logo****************/
#logo{
	width:100%;
	height:auto;
	text-align:left;
}
#contents{
	width:680px;
	height:auto;
	margin:10px;
}