* {
	margin: 0;
	padding: 0;
}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	color:#333;
	background-color: #5AB2A0;
	font-size:10px;
}

div#continer{
	position:relative;
	min-height: 100%;
	background-size: 50%;
	
}
* html div#continer {
	height:100%;
}
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* ‚Ü‚½‚Íabsolute; */
  top: 0;
  right: 0;
  z-index:-100;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px;
  z-index:-100;}
}

div#main{
	/*height:1000px;*/
	padding-top:30%;
	padding-left:1%;
}

div#main h1 {
	text-indent: -9999px;
	font-size: 9px;
	background: no-repeat url(../img/uniteddesignstudio.png) 0 0;
	height: 90px;
	width: 470px;
}

h2 {
	color:#FFF;
	font-size:14px;
	margin-bottom: 5px;
	letter-spacing: 0.2em;
}
.contents {
	width: 250px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

.about {
	width: 280px;
}

div#footer{
	position:absolute;
	bottom:0;
	width:100%;
	font-size: 9px;
	text-align:center;
	height: 30px;
}
	
a:link    {
	color:#F3F;
}
a:visited {
	color:#F36;
}
a:active  { color:#006699; }
a:hover   { color:#FFFFFF; background-color:#F36; }
	
img {
	border: none;
}
	
p {

}
ul {
	margin: 10px 0;
}
li {
	list-style:none;
}
.note01 {
	color:#3FC;
	letter-spacing: 0.4em;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}