@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:80%;
	color:#000;
}

img {
	padding:0;
	vertical-align:bottom;
	border:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2;
	margin-left: 0;
}

h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
}
a {
	color:#ff9900;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

ul,li {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	margin:0;
	padding:0;
	line-height:1.6;
}

#container {
	width:100%;
	margin:0 auto;
	background:url("../img/bk.gif") repeat-x;
}

#header {
	width:800px;
	margin:0 auto;
	padding:0;
}

#head {
  width:800px;
  height:140px;
  margin:0;
  padding:0;
  float:left;
  background:url("../img/top_bk.gif") no-repeat bottom center;
}

#logo {
	width:500px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	height: 140px;
}
#logo h1 {
  display:block;
  width:490px;
  padding:0;
  margin-top: 60px;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 0px;
}
#logo h1 a {
	display:block;
	height:80px;
	padding:0;
	text-indent:-9999px;
	background-image: url(../img/top.gif);
	background-repeat: no-repeat;
}

#head_text {
	width:300px;
	margin:0;
	padding:0;
	float:left;
	height: 140px;
}
#head_text h2 {
  text-align:right;
  font-style:italic;
  color:#888;
  margin-top: 90px;
  margin-bottom: 2px;
}

#photo {
  clear:both;
  width:100%;
  margin:0 auto;
  padding:0;
  border-bottom:solid 1px #ddd;
  background: url(../img/photo_bk.gif) repeat-x;
}

#site {
	width:800px;
	height:350px;
	margin:0 auto;
	padding:0;
}
#site img {
	margin-bottom:5px;
}

#site_text {
	width:800px;
	margin:0 auto;
	padding:0;
	line-height:40px;
}

#site_icon {
  width:240px;
  margin:0;
  padding:0;
  float:left;
}
#site_icon h3 {
  display:block;
  width:240px;
  margin:0;
  padding:0;
}
#site_icon h3 a {
	display:block;
	height:40px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/site_icon.gif") no-repeat;
}
	

#img_bottom_text {
  width:540px;
  margin:0;
  padding:0;
  float:right;
}
#img_bottom_text p {
	margin:5px;
	padding:0;
	font-size:10px;
	line-height:1.2;
	text-align:left;
	color:#fff;
}

#main_menu {
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background:url("../img/menu_bk.gif") repeat-x;
	border-bottom:solid 1px #ddd;
}

#menu {
	width:800px;
	height:90px;
	margin:0 auto;
	padding:0;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	display:block;
	height:60px;
	margin:0;
	padding:0;
	float:left;
}
#menu li.home a {
	display:block;
	width:93px;
	height:60px;
	line-height:60px;
	margin:15px 8px 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/home.gif") no-repeat;
	text-decoration:none;
}
#menu li.design a {
	display:block;
	width:93px;
	line-height:60px;
	margin:15px 8px 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/design.gif") no-repeat;
	text-decoration:none;
}
#menu li.seosem a {
	display:block;
	width:93px;
	line-height:60px;
	margin:15px 8px 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/seosem.gif") no-repeat;
	text-decoration:none;
}
#menu li.template a {
	display:block;
	width:93px;
	line-height:60px;
	margin:15px 8px 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/template.gif") no-repeat;
	text-decoration:none;
}
#menu li.blog a {
	display:block;
	width:93px;
	line-height:60px;
	margin:15px 8px 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/blog.gif") no-repeat;
	text-decoration:none;
}
#menu li.download a {
	display:block;
	width:93px;
	line-height:60px;
	margin:15px 8px 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/download.gif") no-repeat;
	text-decoration:none;
}
#menu li.about a {
	display:block;
	width:93px;
	line-height:60px;
	margin:15px 8px 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/about.gif") no-repeat;
	text-decoration:none;
}
#menu li.contact a {
	display:block;
	width:93px;
	line-height:60px;
	margin:15px 0 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/contact.gif") no-repeat;
	text-decoration:none;
}
#menu li a:hover {
	background-position:0 -60px;
}

#main {
	width:800px;
	margin:0 auto;
	padding:0;
}

#contents {
	width:800px;
	padding:0;
	float:left;
	background:url("../img/contents_bk.gif") repeat-y;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#contents h4 {
	color:#ff9900;
	text-align:left;
	margin:5px 20px;
}
#right p {
	text-align:left;
	margin:0 20px 10px 20px;
	color:#444;
}
#contents strong {
	color:#222;
}

#right {
	width:560px;
	margin:0;
	padding:0;
	float:right;
}
#right h4.news {
	display:block;
	width:430px;
	line-height:24px;
	padding-left:90px;
	background:url("../img/news.gif") no-repeat;
}
#right p.clear {
	clear:both;
	text-align:right;
	font-size:80%;
}
#right p.clear a {
	text-decoration:underline;
	color:#444;
}
#right p.text_clear {
	clear:both;
	text-align:left;
}

dl.list {
	font-size:90%;
	width:520px;
	margin:0 20px;
	padding:0;
	color:#444444;
	text-align:left;
}
dl.list dt {
	float:left;
	clear:both;
	display:block;
	width:126px;
	line-height:10px;
	background:url("../img/arrow.gif") no-repeat left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 14px;
}
dl.list dd {
	float:left;
	display:block;
	width:370px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:10px;
}
dl.list a {
	text-decoration:underline;
}
dl.list a:hover {
	text-decoration:none;
}

#left {
	width:240px;
	margin:0;
	padding:0;
	float:left;
}
#left img {
	width: 200px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#left h4.results {
  display:block;
  width:200px;
  line-height:24px;
  margin:0;
  background:url("../img/results.gif") no-repeat;
  margin-bottom: 5px;
}

#results {
	width:200px;
	margin:0 20px;
	padding:0;
	margin-top: 5px;
	display: inline;
	background-image: url(../img/results.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#results a.img01 {
	display:block;
	width:170px;
	height:100px;
	margin:10px 15px 5px 15px;
	background:url("../img/results01.jpg") no-repeat;
	text-indent:-9999px;
	border:solid 1px #ddd;
}
#results a.img01:hover {
	background-position:0 -100px;
	border:solid 1px #ff9900;
}
#results a.img02 {
  display:block;
  width:133px;
  height:64px;
  margin:10px 33px 5px 32px;
  background:url(../img/wanwan02.gif) no-repeat;
  text-indent:-9999px;
  border:solid 1px #ddd;
}
#results a.img02:hover {
  background-position:0 -64px;
  border:solid 1px #ff9900;
}
p.address {
	text-align:left;
	margin:0 0 5px 0;
}
p.all_results {
	text-align:right;
	font-size:80%;
	padding-bottom:5px;
}
p.all_results a {
	text-decoration:underline;
	color:#444;
}

#footer {
	clear:both;
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	border-top:solid 7px #ff9900;
}

#copy {
	width:800px;
	margin:0 auto;
	padding:0 0 40px 0;
}

#copy ul {
	padding:0;
	margin:0;
	line-height:30px;
	font-size:90%;
}
#copy ul li {
	display:inline;
	margin-right:3px;
	padding-left:7px;
	border-left:solid 1px #444444;
}
#copy ul li.footerhome {
	padding-left:0;
	border-left:0;
}

#footer_left {
	width:300px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}

#footer_right {
  width:800px;
  margin:0;
  padding:0;
  float:none;
  text-align:right;
}
#footer_right p {
	line-height:30px;
	font-size:90%;
}
#container #main #contents #right h4 {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}