/*黒*/

body.b{
	background-color:#000;
	margin:30px;
	border-right:1px solid #ccc;
	margin-light:auto;
	margin-left:auto;
    overflow:auto;
    color:#fff;
    font:75%/175% 'ＭＳ 明朝',Verdana,Osaka,serif;
}

a.black:link{
		color:#fff;}
a.black:visited{
		color:#DCDCDC;}
a.black:hover{
		background-color:#000;
		color:#ccc;}

/*白*/

body.w{
	background-color:#fff;
	margin:30px;
	border-right:1px solid #ccc;
	margin-light:auto;
	margin-left:auto;
    overflow:auto;
    color:#000;
    font:75%/175% 'ＭＳ 明朝',Verdana,Osaka,serif;
}

a.white:link{
		color:#000;}
a.white:visited{
		color:#DCDCDC;}
a.white:hover{
		background-color:#fff;
		color:#ccc;}


img.Small{
	max-width: 25%;
	max-height: 25%;
}

img.icon{
	max-width: 10%;
	max-height: 10%;
}

/*共通*/

div.link{
	font-size:20px;
}

hr{
	border-top:dashed #ccc;
}


img.left{
	max-width: 50%;
	max-height: 50%;
	 vertical-align: text-bottom;
	 float:left;
}

* html body .left {
	width: expression(this.width >= this.height ? "50%" : "auto");
	height: expression(this.width <= this.height ? "50%" : "auto");
}

img.right{
	max-width: 30%;
	max-height: 30%;
	float:right;
}

* html body .right {
	width: expression(this.width >= this.height ? "10%" : "auto");
	height: expression(this.width <= this.height ? "10%" : "auto");
}

img.big{
	margin-top:10px;
	max-width:100%;
}

* html body .big {
	width: expression(this.width >= this.height ? "100%" : "auto");
	height: expression(this.width <= this.height ? "100%" : "auto");
}

div.left{
	text-align:left;
	float:left;
}

div.right{
	text-align:right;
	float:right;
}

div.left{
float:right;
}

table{ font:100%/175% tahoma,verdana,osaka,sans-serif; }

#menu{
	background:url("./img/bg2.jpg") no-repeat -110px 100% #fff fixed;
	margin:0px 3px; padding:0px;
}

ul#menuUl{
	margin:0px; padding:0px 0px 50px;
}

ul#menuUl li{
	margin:0px; padding:0px;
	list-style:none outside;
	display:inline;
	float:left;
}
ul#menuUl li a{
	background:#000;
	margin:3px; padding:3px;
	display:block;
	text-align:center; color:#fff;
	font:bold 20px 'ＭＳ 明朝',Verdana,Osaka,serif;
}

ul#menuUl li a:hover{ background:transparent; color:#c00; }

#sub{
	background:url("./img/bg.jpg") no-repeat 100% 100% #fff fixed;
	margin-right:10px; margin-left:10px;
	padding-right:0px; padding-left:0px;
}
#link{
	clear:both;
	text-align:center;
	font-size:80%;
}

.txt{
	border:5px solid #eee; padding:10px 30px;
	background:url("./img/bg.gif") repeat-y 10px 0px #fff;
}

h1{
	color:#000;
	font:150%/150% 'ＭＳ 明朝',Verdana,Osaka,sans-serif;
}
h2{
    background:#000;
	padding:0px 5px;
	border-left:5px solid #c00;
    letter-spacing:3px; color:#cc0;
    font:bold 100%/21px georgia,verdana,osaka,sans-serif;
}
h3{
	margin-bottom:5px; padding-bottom:2px;
	text-align:right;
	font:20px 'ＭＳ 明朝',Verdana,Osaka,sans-serif;
}
h4{
	margin-bottom:5px;
	text-decoration:underline;
	font:100% verdana,osaka,sans-serif;
}

/*リンクページ*/
dl,dd,dt{margin:0px;padding:0px}
dl{margin-bottom:15px;}
dt{
	background:#000;
	font:bold 100% verdana,osaka,sans-serif;
	padding:0px 2px; margin-bottom:5px;
	color:#fff;
}

/*200*40用*/
.link-l{
	background:transparent;
	clear:both;
	margin:5px 0px 15px 0px;
}
.link-l dt{
	background:transparent;
	float:left;
	margin-right:10px;
}
.link-l dd{
}

/*88*31用*/
.link-m{
	background:transparent;
	clear:both;
	margin:5px 0px 15px 0px;
}
.link-m dt{
	background:transparent;
	float:left; 
	margin-right:10px;
}
.link-m dd{ 
}

input,textarea,select{
	color:#666;
	font:100% sans-serif;
	border:1px solid #ccc;
	border-color:#c99 #fff;
	background:#fff;
}



/*リンク*/
a{ text-decoration:none; color:#c66; }
a:visited{ color:#; }
a:hover{ position:relative; top:1px; left:1px; color:#900; }