@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: 0px;
}

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: 90px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	font-size: 16px;
	color: #FF6600;
}
#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 h4.bgco {
	display:block;
	width:520px;
	line-height:24px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	background-color: #FF9933;
}
#right h4.midashi01{
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 3px;
}
.block01{
	width: 520px;
	margin-left: 15px;
	padding-left: 10px;
}
#right h5.midashi01{
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../img_all/midashi_bk.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#right p.clear {
  clear:both;
  text-align:right;
  font-size:80%;
  margin-top: 30px;
}
#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: 14px;
}
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;
}
#main #contents #right .flashbanner {
  height: 31px;
  width: 88px;
  float: right;
  margin-right: 25px;
  margin-top: 50px;
}
#main #contents #right .flash_p {
  height: 31px;
  width: auto;
  float: left;
  font-size: 10px;
  color: #999999;
  margin-left: 15px;
  margin-top: 50px;
}
#main #contents #right .touroku {
  width: 505px;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 30px;
  padding-left: 15px;
}

.perocky{
	position:relative;
	bottom:15px;
}

.style2 {
  font-family: "メイリオ";
  font-weight: bold;
  font-size: 20px;
}
.style4 {
  font-family: "メイリオ"
}
.style5 {
  color: #FF6600
}

.style6 {
	color: #FF9900;
	background: url(img/menbar.gif) no-repeat;
	display: block;
	width: 520px;
	padding-left: 90px;
	line-height: 24px;
	margin-left: 20px;
}
/* (IE 6など一部のブラウザ向け) */
* html .style6 {
	margin-left: 0px;
}
.style7 {
  color: #FF9900;
  background: url(img/news.gif) no-repeat;
  display: block;
  width: 520px;
  padding-left: 90px;
  line-height: 24px;
}
.style8 {
  font-size: 100%
}
#main #contents #right .menbar_text .menbar_text {
  width: 430px;
  margin-right: 20px;
  margin-left: 20px;
  padding-left: 10px;
  margin-top: 5px;
}

.style9 {
  color: #FF9900
}
.style10 {
  color: #999999
}
.style11 {
  color: #FF6633;
  font-weight: bold;
}
.style12 {color: #FF6633; font-weight: bold; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka; 
}