@charset "shift-jis";

* {
	margin: 0;
	padding: 0;
	font: normal normal normal 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	color: #FFF;
}

/* clear float */ 
.clr {
    min-height:0; 
    display: inline-table;
} 
.clr:after{ 
    content:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden;
} 
/* \*/ 
* html .clr {height:0;} 
.clr{ display: block;} 
/* */ 
/* Clear Float END */

img { border: none; }

ul { list-style: none; }

a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color:
}

a:hover {
	text-decoration: underline;
}

body {
	background-color: #000;
	text-align: center;
}

#Container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

div#Header {
	width: 780px; height: 216px;
	background: url(./images/bg01.jpg) no-repeat;	
}

h1 { position: absolute; width: 0; height: 0; overflow: hidden; }

div#Middle {
	width: 780px; height: 624px;
	background: url(./images/bg02.jpg) no-repeat;
}

div#PageBoxArea {
	width: 780px;
	position: relative;
	top: 5px;
}

div#PageBox {
	width: 218px; height: 46px;
	background: url(./images/page_bar.gif) no-repeat;
	display: block;
	float: right;
}

ul#PageList { padding-top: 15px; padding-left: 20px;}
ul#PageList li {
	float: left;
	display: inline;
	padding-left: 8px;
}

div#ScreenShotArea {
	position: relative;
	left: 233px;
}
div#ScreenShot {
	width: 540px;
	position: relative;
	top: 10px;
}


div#Footer {
	width: 780px; height: 112px;
	background: url(./images/bg03.jpg) no-repeat;
}





/* ----------------------------------------------------------------- */

.iList {
	width: 160px; margin: 0px 0px 10px 10px; float: left;
}
a .iborder {
	border: 1px solid #999;
	margin-bottom:3px;
}

a:hover .iborder {
	border: 1px solid #FFF;
}

a.list {
	color: #FFFFFF;
}

div.btl {
	width:79px; height:30px;
	float:left;
	display :inline;
	margin-left:1px;
}

div.imggr {
	diplay: block;
	float: left;
	width: 175px;
	margin-bottom: 10px;
/*	margin-left: 10px;
	margin-bottom: 10px;
*/
}