body{
	-webkit-text-size-adjust:100%;
}
img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}
ul.tdftad li{
	width:0;
	height:1em;
	line-height:1em;
}
ul.tdftad li a{
	display:inline;
}
ul.tdftad li a:link{
	color:blue;
}
/* 320〜767pxの指定（SP,NetBook） */
@media screen and (min-width:320px){
	body, div, h1, h2, p, ul, li{
		margin:0;
		padding:0;
	}
	body{
		height:100%;
		margin-top:60px;
		background-image:url('./img/bg_body.jpg');
		background-repeat:repeat-x;
		background-position:bottom;
		background-attachment:fixed;
	}

	a:link{
		text-decoration:none;
		color:#009999;
	}
	a:hover{
		text-decoration:underline;
		color:#bf95ea;
	}
	.gotop a:link{
		color:#ff2b2b;
	}
	.gotop a:hover{
		color:#fcf8f8;
	}
	#main{
		clear:both;
		border-right:solid 1px #999999;
		border-bottom:solid 1px #999999;
		min-height:100%;
		margin:0;
		background-image:url('./img/bg_main.gif');
		background-position:left 51px;
	}
	#menu ul{
		list-style-type:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background-color:#cccccc;
		z-index:10;
	}
	#menu ul li{
		/* border:solid 1px red; */
		height:30px;
		width:33%;
		float:left;
		margin:0;
		padding:0;
		font-size:73%;
		line-height:30px;
		text-align:center;
		background-image:url('./img/bg_menu1.png');
		background-repeat:no-repeat;
		background-position:center;
	}
	#menu ul li:last-child{
		width:34%;
	}
		li a{
			display:block;
		}
	#menu ul + ul{
		top:30px;
	}
		#menu ul+ul li{
			background-image:url('./img/bg_menu2.png');
		}
	
	h1{
		background-image:url('./img/bg_logo.gif');
		background-repeat:repeat-x;
		margin:0 0 0.5em 0;
		text-align:center;
		font-size:xx-large;
		min-height:51px;
		line-height:40px;
		color:#ffffff;
		text-shadow:2px 2px 3px #000000;
	}
	h1 span{
		font-size:60%;
	}
	p{
		font-size:90%;
		width:90%;
		margin:0 auto;
		line-height:1.7em;
	}
	.gotop{
		margin:1em 20px 2.5em 0;
	}
	.gotop span{
		display:block;
		margin:0 0 0 auto;
		width:130px;
		height:30px;
		line-height:30px;
		text-align:center;
		background-image:url('./img/bg_btn.png');
		background-repeat:no-repeat;
		transform:rotate(3deg);
	}
	h2{
		background-image:url('./img/bg_ttl1.gif');
		width:100%;
		margin:2em auto 0.5em auto;
		padding:0.2em 0;
		text-align:center;
		font-size:120%;
		color:#ffffff;
	}
	dl{
		border:solid 1px #999999;
		width:90%;
		margin:1em auto;
		padding:1% 1% 4% 1%;
		background-color:#ffffff;
	}
	dt{
		border-left:solid 5px #009999;
		margin:1em 0 0 0.2em;
		padding:0.2em 0 0.2em 0.5em;
		font-weight:bold;
		letter-spacing:0.1em;
	}
	dd{
		font-size:88%;
		padding:0.2em 0 0 0;
		letter-spacing:0.1em;
		line-height:1.3em;
	}
	ol.howto{
		width:90%;
		margin:2em auto;
		padding:0;
		list-style-position:inside;
	}
	ol li{
		width:100%;
		margin:0 0 1em 0;
		padding:0.2em 0 0 0;
		letter-spacing:0.1em;
		line-height:1.3em;
		font-weight:bold;
		color:#009999;
	}
		ol ol li{
			list-style-type:none;
			margin:0.2em 0 0.2em 0;
			padding:0;
			font-size:80%;
			font-weight:normal;
			color:#000000;
		}
	h3.teller, h3.client{
		font-size:100%;
		background-image:url('./img/bg_ttl2.gif');
		width:90%;
		margin:2em auto 0 auto;
		padding:0.2em 0.5em;
		text-align:center;
		color:#ffffff;
	}
	h3.client{
		background-image:url('./img/bg_ttl3.gif');
	}
	h3.teller + p, p.clienttxt{
		width:90%;
		background-color:#afe6ff;
		padding:0.2em 0.5em;
	}
	p.clienttxt{
		background-color:#c2ebeb;
		background-image:url('./img/line.gif');
		background-repeat:repeat-x;
		background-position:top left;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	h3.client + p.clienttxt{
		background-image:none;
	}
	#footer{
		font-size:74%;
		color:#666666;
		text-align:center;
		letter-spacing:0.1em;
		padding:1em;
	}
}
/* 768px以上の指定（Tablet,PC） */
@media screen and (min-width:768px){
	html{
		height:100%;
	}
	#outer{
		width:80%;
		min-height:100%;
		max-width:1000px;
		min-width:700px;
	}
	#menu{
		float:right;
		min-width:200px;
		padding:60px 0 0 0;
	}
	#main{
		clear:none;
		margin:0 170px 0 0;
	}
	#menu ul{
		list-style-type:none;
		position:static;
		bottom:0;
		width:100%;
		background-color:transparent;
		z-index:10;
	}
	#menu ul li{
		height:30px;
		width:170px;
		margin:1.5em 0;
		padding:0;
		font-size:100%;
		float:none;
		line-height:30px;
		text-align:center;
		background-position:-10px center;
	}
		#menu li a{
			display:block;
		}
		#menu li.menu1{
			transform:rotate(6deg);
		}
		#menu li.menu2{
			transform:rotate(-2deg);
		}
		#menu li.menu3{
			transform:rotate(-8deg);
		}
		#menu li.menu4{
			transform:rotate(1deg);
		}
		#menu li.menu5{
			transform:rotate(-4deg);
		}
		#menu li.menu6{
			transform:rotate(4deg);
		}
	#menu ul li:last-child{
		width:170px;
	}
	p{
		width:70%;
	}
	.gotop{
		margin:1.5em 50px 2.5em 0;
	}
	h2{
		width:80%;
	}
	dl{
		width:78%;
	}
	dd{
		font-size:80%;
	}
	ol.howto{
		width:70%;
	}
	ol li{
		width:100%;
		margin:0 0 1em 0;
		padding:0.2em 0 0 0;
		letter-spacing:0.1em;
		line-height:1.3em;
		font-weight:bold;
		color:#009999;
	}
		ol ol li{
			font-size:80%;
		}
	h3.teller, h3.client{
		width:76%;
	}
	h3.teller + p, p.clienttxt{
		width:76%;
	}
}