html{
	height:100%;
}
html, body{
	margin:0px; padding:0;
	overflow:auto;
}
body{
	background:url("./img/bg.jpg") no-repeat 100% 100% #fff fixed;
	margin:0; padding:0px 0px 150px;
	color:#666;
	font:75%/175% verdana,osaka,sans-serif;
}
table{
	font:100%/175% verdana,osaka,sans-serif;
}
td{ vertical-align:top; }
#enter{
	background:url("./img/bg.png") no-repeat -80px -50px scroll;
	border:1px solid #9cf; padding:20px;
	width:500px; margin:30px auto;
	text-align:right;
}

#mtlink{
	background:url("./img/line.png") repeat-x;
	margin-top:5px;padding-top:4px;
	text-align:right;
	font-size:90%;
	width:90%;
}
#whole{
	background:url("./img/bg.png") no-repeat -80px -50px fixed;
	padding:30px 15%;
}

#top{
	margin:0; padding:0;
	font:0/0 verdana;
	height:100%;
}

#iframe{ width:100%; height:100%;}

#menu{
	font:12px/175% verdana,osaka,sans-serif;
	position:absolute;
	top:100%; left:50%;
	margin-top:-120px;		/* ←メニューの高さ分をマイナスにした値 */
	margin-left:-30%;		/* ←メニューの幅を半分にしてマイナスにした値*/
	width:60%; height:120px;
}


/* #menuで高さを変更した場合は以下の height を #menuの高さから 以下のpadding-top で設定した
高さを引いた値を設定してください  */
#menu #td1,
#menu #td2,
#menu #td3,
#menu #td4{
	padding-top:20px; height:100px;
}
#menu #td2,
#menu #td3{
	width:50%;
}
#menu #td1,
#menu #td4{
	width:50px;
	min-width:50px;
}

#menu #td1{ background:url("./img/1.png") no-repeat 100% 0% transparent; }
#menu #td2{ background:url("./img/2.png") repeat-x 0% 0% transparent; }
#menu #td3{ background:url("./img/3.png") repeat-x 0% 0% transparent; }
#menu #td4{ background:url("./img/4.png") no-repeat 0% 0% transparent; }

.txt{ margin-bottom:20px;}
.h1{ font:20px verdana,osaka,sans-serif; }
.small{ font-size:75%; }
.line{ background:url("./img/line.png") repeat-x; height:3px; margin:15px 0; }
.overflow{ overflow:auto; height:100%; }

.text{
	margin:50px auto 10px; padding:10px 0px;
	border-top:1px dotted #ccc;
	width:500px;
	text-align:left;
}

h1{
    margin:0 0 10px; padding:0;
    font:25px verdana,osaka,sans-serif;
}
h2{
	padding:4px 0px;
	color:#06f;
	font:bold 120% verdana,osaka,sans-serif;
}
h3{
	margin-bottom:10px;
	color:#666;
	font:bold 100%/100% verdana,osaka,sans-serif; }

ul, ul li{ margin:0; padding:0; }
ul{ margin-bottom:30px; }
ul li{
	margin:0 0 5px 20px;
	list-style:url("./img/icon.png") outside;
	vertical-align:bottom;
}

dl, dd, dt{ margin:0; padding:0; }
dl.link-l {
	margin-bottom:20px;
	minheight:80px;
}
dl.link-l dt{ float:left; }
dl.link-l dd{
	min-height:50px;
	height: auto !important;
	height: 50px;
	padding-bottom:5px;
	margin-left:215px;
}

dl, dd, dt{ margin:0; padding:0; }
dl.link-m {
	margin-bottom:20px; 
	minheight:80px;
}
dl.link-m dt{ float:left; }
dl.link-m dd{
	min-height:50px;
	height: auto !important;
	height: 50px;
	padding-bottom:5px;
	margin-left:105px;
}


input,textarea{
	background:#eee;
	border:1px solid #ccc;
	font:100% sans-serif;
}

a{ text-decoration:none; color:#3cf; border-bottom:1px solid #eee;  }
a:visited{ color:#7ab; }
a:hover{ color:#ccc; border-bottom:1px solid #39c; }