@charset "euc-jp";

/*


 * ============================================
 * COPYRIGHT(C)2004-2007 CYBRiDGE CORPORATION.
 * URL: http://www.cybridge.jp/
 * ============================================
 */
 
@import url("common.css");
@import url("footer.css");

/* Common Style
-----------------------------------------------------------------------------  */

hr{
	display:none;
}
body{
	background:#008CD6 url(/img/bg.jpg) repeat-x 0 0;
	font-size:90%;
	}
#container{
	background:#FFF url(/img/bg_btm.gif) no-repeat 0 100%;
	width:768px;
	margin:24px auto;
	padding-bottom: 18px;
	zoom:1;
	}
#header {
	width:768px;
	height:206px;
	position:relative;
	background:url(/img/top_image.jpg) no-repeat 0 0;
	}
#header h1{
	text-indent: -999em;
}
#header img#download{
	position:absolute;
	top:114px;
	left:306px;
	}
#contents{
	zoom:1;
	background:url(/img/bg_mid.gif) repeat-y 0 0;
	padding:20px 24px 0;
}
#contents:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
#main{
/*	float:right;
	width:518px;*/
	padding:20px;
	zoom:1;	}

#m-about,
#m-download,
#m-version,
#m-sshot{
	padding:8px 0 20px 38px;
	font-size:90%;
}


#m-about{
	background:url(/img/title_about.gif) no-repeat 0 0;
	}
#m-about dt{
	padding:10px 0 2px;
	font-weight:bold;
	color:#090;
	border-bottom:1px dotted #DDD;
	}
#m-about dd{
	padding:4px 0 12px 8px;
	}
	
#m-download{
	background:url(/img/title_download.gif) no-repeat 0 0;
	}
#m-download li{
	padding-bottom:4px;
}

#m-version{
	background:url(/img/title_version.gif) no-repeat 0 0;
	}
#m-sshot{
	background:url(/img/title_ss.gif) no-repeat 0 0;
	}
#main h2{
	line-height:150%;
	border-bottom:1px dotted #CCC;
	}
#main .section{
	padding:15px 10px 0px;
	}
#m-sshot img{
	margin-right:8px;
	display:inline;
	}

#m-version table{
	background:#FFF;
	border-collapse:collapse;
	border-spacing:0px;
	}
#m-version td{
	padding-bottom:4px;
	}
#m-version td.date{
	font-weight:bold;
	color:#666;
	width:60px;
	}

/* Sub Navigation
---------------------------------------------------- */
	
#p-top #sn-top a{
	background:url(/img/arrow_off.gif) no-repeat 0 50%;
	color:#999;
	text-decoration:none;
	padding:7px 0 5px 16px;	
	}

#sn{
	background:#FFF url(/img/sn_mid.gif) repeat-y 0 0;
	float:left;
	width:190px;
	font-size:80%;
	}
#sn .side-end{
	background:url(/img/sn_btm.gif) no-repeat 0 100%;
	padding-bottom:12px;
	}

#sn ul{
	margin:5px 7px 0;
	border:1px solid #CCC;
	padding:0 6px 6px;
	}
#sn li a{
	display:block;
	background:url(/img/arrow_on.gif) no-repeat 0 50%;
	padding:6px 6px 6px 16px;
	border-bottom:1px dotted #CCC;
	}

#sn li a:hover{
	color:#99F;
	background:url(/img/arrow_up.gif) no-repeat 0 50%;
}

#sn h3{
	text-indent: -999em;
	background:#FFF url(/img/sn_top.gif) no-repeat 0 0;
	height:28px;
	}