body{
	background:url("./img/bg1.jpg") no-repeat 0% 100% transparent fixed;
	margin:15px 30px; padding:0px;
	overflow:auto;
	color:#333; 
	font:65%/175% Verdana,Osaka,sans-serif;
}
table{ font:100%/175% Verdana,Osaka,sans-serif; }

#index #base{
	margin:auto;
	border:1px solid #333;
	width:70%; 
	text-align:left;
}
#index #base td{
	background:url("./img/bg.gif") no-repeat 100% 0% #fff;
	padding:9px 10px;
	border:1px solid #fff;
}
#index h1{
	background:url("./img/line.gif") 0% 100% repeat-x;
	padding-bottom:5px;
}

#index,
#top{
	background:url("./img/back.jpg") fixed;
	text-align:center;
}
#mainTbl{
	background:#fff; /* ←消すとテーブルが透過されます */
	margin:auto; width:70%; height:100%;
	border:1px solid #333; 
}
#if{
	background:url("./img/bg.gif") no-repeat 100% -70px;
	border:1px solid #fff;
}
#if iframe{ width:100%; height:100%; }

#sitename{
	background:url("./img/bg.gif") no-repeat 100% 0%;
	padding:0px 10px;
	border:1px solid #fff;
	height:70px;
}

#menu{
	background:url("./img/bg2.gif") no-repeat 0% 0%;
	padding:0px 10px;
	border:1px solid #fff;
	height:70px;
	text-align:right;
}

.line{
	background:url("./img/line.gif") 0% 50% repeat-x #fff;
	height:1px;
}

.txt{ padding-left:13px; margin-bottom:10px; }

h1,h2,h3,h4,h5,h6,h7{ clear:both; }
h1{
	margin:0px; padding:0px;
	color:#000;
	font:25px verdana,Tahoma,osaka,san-serif;
}

h2{
	text-decoration:underline; color:#c06;
	font:bold 100% verdana,osaka,sans-serif;
}
h3{
	background:url("./img/icon.gif") no-repeat 0% 50%;
	margin:0px 0px 5px;
	padding-left:18px; padding-top:3px;
	color:#333;
	font:bold 100% verdana,osaka,sans-serif;
}

ul{ margin:5px 0px 10px; padding:0px; padding-left:20px; }

dl,dt,dd{ margin:0px; padding:0px; }

dl#hist{
	height:80px;
	overflow:auto;
	line-height:150%;
	color:#000;
}
dl#hist dt{ width:80px; clear:both; float:left; }
dl#hist dd{ margin-left:90px; zoom:100%;}

dl{ clear:both;}
dt{
	width:80px;
	float:left; clear:both;
	text-align:right; font-weight:bold;
}
dd{
	zoom:100%;
	margin-left:90px; padding:0px 15px 10px; 
	border-left:1px solid #ccc;
}

dl dd ul{ margin:0px; padding:0px; }
dl dd ul li{
	margin:0px; padding:0px;
	list-style:none;
}
dl dd ul li span{ color:#999; }

/* リンク用 */

dl.link-l, dl.link-m{
	margin:0px; padding:0px;
	clear:both;
}
dl.link-l dt, dl.link-m dt{
	margin-right:10px;
	float:left; clear:both;
}
dl.link-l dt{ width:210px; }

dl.link-m dt{ width:100px; }

dl.link-l dd, dl.link-m dd{
	border:none;
}
dl.link-l dd{ margin-left:210px; }

dl.link-m dd{ margin-left:100px; }


.title{ width:100%; }

.title td{
	padding-left:10px;
	width:33%;	/* お題用テーブルセルの幅。*/
				/*使うなら列が2つなら50%、列が4つなら25%のように数値を変えたほうが良いかも */
	vertical-align:top;
}

.title del{ color:#999; }

textarea,input,select{
	background:#fee;
	border:1px solid #999; color:#666;
	font:100% tahoma,sans-serif;
}

a{ text-decoration:none; color:#f66; }
a:visited{ color:#c99; }
a:hover{
	color:#c00;
	position:relative; top:1px; left:1px;
}

.img a img{ filter:gray(); border:1px solid #ccc;}
.img a:hover img{ filter:none; border:1px solid #666;}