@charset "UTF-8";
@import "./base.css";

/*=================CGI-Tips-Design===================*/

/* common */
.script {
	overflow:auto;
	width:90%;
	height:200px;
	padding:1em;
	border:3px solid #3c565a;
	font:normal 90%/130% Arial,sans-serif;
}
p.thumbnail img {
	border:3px solid #807b6a;
}
p.thumbnail {
	float:left;
	margin:5px 30px 30px 0;
	padding:0;
	text-indent:0;
}


/* Download */
#download-files {
	margin:0;
}
#download-files li{
	margin:0 15px 0 0;
	display:inline;
	font:bold 110% Arial,sans-serif;
}
#download-files .zip {
	padding:0 10px 0 25px;
	background:url("./ico/soft_00r.gif") no-repeat 0% 50%;
}
#download-files .lzh {
	padding:0 10px 0 25px;
	background:url("./ico/soft_00y.gif") no-repeat 0% 50%;
}
#download-files .old {
	padding:0 10px 0 25px;
	background:url("./ico/itembu.gif") no-repeat 0% 50%;
}


/* User-Link */
#User-Link li {
	margin:0;
	display:inline;
}


/* Directory-tree */
.p700 { color:#f66; }
.p606 { color:#66e; }
.p604 { color:#69c; }
.p600 { color:#666; }
.p707 { color:#f66; }
.p705 { color:#d96; }
.p701 { color:#666; }
.app  { font-weight:bold; font-style:italic; }
.dir  { font-weight:bold; }
.file {  }
.tree dfn { font-style:normal; font-weight:normal; }


/* skin-distribute */
#skin-distribute .clause {
	padding-left:210px;
}
#skin-distribute .clause * {
	width:auto;
	padding:0;
}
#skin-distribute .clause h4 {
	margin-left:-210px;
	font:bold 105% Arial,sans-serif;
}
#skin-distribute .clause dt {
	display:none;
}
#skin-distribute .thumbnail {
	float:left;
	clear:left;
	border:1px solid;
	margin-left:-210px;
}
* html body #skin-distribute .thumbnail {
	margin-left:-105px;
}
#skin-distribute dt.enclosed,
#skin-distribute dt.download {
	display:inline;
	width:10ex;
	margin-bottom:-1.5em;
}
#skin-distribute dd.enclosed,
#skin-distribute dd.download {
	margin-left:11ex;
}
#skin-distribute .enclosed li,
#skin-distribute .download li {
	display:inline;
	margin:0;
	padding:0 0.5ex;
}
#skin-distribute .enclosed li:after,
#skin-distribute .download li:after {
	content: ","
}


/* skin-site */
#skin-site .clause {
	clear:left;
}
#skin-site .clause h4 {
	clear:left;
	float:left;
	width:110px;
	margin:0 0 5px 0;
}
#skin-site .clause p {
	width:auto;
}
#skin-site .clause dl {
	margin:0 0 5px 130px;
}
#skin-site .clause dt {
	margin:0;
	font:bold 105% Arial,sans-serif;
}
#skin-site .clause dd {
	margin:0 1em 0.8em 1em
}