body{
	font:75%/150% verdana,osaka,sans-serif;
	color:#666;
}
#base{
	margin:20px auto 10px;
	width:480px;
}
#enter{  border-top:2px solid #000; clear:both; padding-top:10px; }

#menu{
	margin-left:210px;
	height:20px;
	font:100%/20px verdana,osaka,sans-serif;
	text-align:right;
}

#main{
	border-bottom:2px solid #000;
	clear:both;
}
.col{ background:url("dot_y.gif") repeat-y 50% 0%; }
.left{ width:300px; float:left;}
.left .txt{ padding-right:10px; }

.right{ margin-left:300px; width:300px;
	_width:295px; _position:relative; _left:-2px;}
/* id="right" が付いたタグ内にある特定タグの装飾 */
.right h2,
.right h3,
.right .txt{ padding-left:10px; }

.txt{ padding:10px 0px; }
.clear{ clear:both; height:1px;}


#foot{
	margin-top:10px;
	clear:both;
	text-align:right;
}

h1{
	background:url("bar.gif") no-repeat 0% 0% #000;
	margin:0px; margin-bottom:2px; padding:5px 0px 5px 15px;
	width:185px; height:20px;
	float:left;
	font:bold 110%/20px verdana;
	color:#fff;
}

h2{
	background:url("dot.gif") repeat-x 0% 100%;
	margin:0px 0px; padding:5px 0px;
	font-size:100%; border-top:2px solid #000;
}
h2:first-letter { color:#099; }

h3{
	margin:0; padding:10px 0 0;
	font:100% verdana,osaka,sans-serif;
	color:#9c3;
}

h4{
	background:url("dot.gif") repeat-x 0% 100%;
	margin:0px 0px; padding:5px 0px;
	border-top:1px solid #000;
	font:100% verdana,osaka,sans-serif;
	color:#9c3;
}


ul, li{ margin:0; padding:0; list-style:none; }
ul li{
	background:url("icon.gif") no-repeat 0% 0%; 
	padding:1px 0px 1px 20px;
}

/* リンク */
dl, dd, dt{ margin:0; padding:0; }
.link {
	background:url("dot.gif") repeat-x 0% 100%;
	margin-bottom:15px; padding:5px 0px 10px;
	min-height:40px; _height:40px;
}
.link dt{ float:right; }
.link dd{ margin-top:5px; font-size:11px; }

input, select, textarea{
	font:11px sans-serif;
	border:1px solid #ccc;
	color:#999;
	background:transparent;
}

a{ text-decoration:none; color:#09c; }
a:visited{ color:#9c9; }
a:hover{ color:#000; background:url("line.gif") #dea; }