@charset "UTF-8";

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

img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}

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

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

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

strong {
	color:#4e3001;
}

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

#header {
	width:800px;
	line-height:60px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
}

#logo {
	width:300px;
	margin:0;
	padding:0;
	float:left;
}
#logo h1 {
	display:block;
	width:300px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background-image: url(../image/img/logo.gif);
	background-repeat: no-repeat;
	font-size: 13px;
}

#top_navi {
	width:260px;
	margin:0;
	padding:0;
	float:left;
}
#top_navi ul {
	margin:0;
	padding:0;
	font-size:90%;
}
#top_navi li {
	display:inline;
	margin:0;
	padding-left:10px;
	background-image: url(../image/img/navi_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#top_navi a {
	color:#444;
}

#adsense {
	width:240px;
	margin:0;
	padding:0;
	float:right;
}

#main {
	width:800px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	background:url("../image/img/main_bk.gif") no-repeat;
}
#sub {
	width:800px;
	height:600px;
	margin:0;
	padding:0;
	float:left;
	background:url("../image/img/sub_bk.gif") no-repeat;
}
#second {
	width:800px;
	height:1000px;
	margin:0;
	padding:0;
	float:left;
	background:url("../image/img/second_bk.gif") no-repeat;
}

#right {
	width:490px;
	margin:0;
	padding:0;
	float:right;
	font-size:95%;
	height: auto;
}
#right p.clear {
	clear:both;
	text-align:right;
	margin:0;
	font-size:80%;
}
#right p {
	text-align:left;
}

.top_contents {
	width:430px;
	padding:0;
	float:left;
	height: auto;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.second_contents {
	width:430px;
	margin:40px 0 30px 0;
	padding:0;
	float:left;
}
.top_contents h2.top_title {
	display:block;
	width:430px;
	line-height:30px;
	margin:0 0 5px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../image/img/top_title.gif") no-repeat;
}
.second_contents h2.second_title {
	display:block;
	width:430px;
	line-height:30px;
	margin:0 0 5px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../image/img/second_title.gif") no-repeat;
}
.top_left {
	width:100px;
	margin:0;
	padding:0;
	float:left;
}
.top_image {
	background-image: url(../img/top-img.jpg);
	background-repeat: no-repeat;
	height: 269px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.top_right {
	width:325px;
	margin:0;
	padding:0;
	float:right;
}
.top_right p.right_text {
	color:#72bf44;
}

.center_contents {
	width:430px;
	margin:0 0 30px 0;
	padding:0;
	float:left;
}

.center_contents h2.news_title {
	display:block;
	width:430px;
	line-height:30px;
	margin:0 0 5px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../image/img/news_title.gif") no-repeat;
}

dl.list {
	width:430px;
	margin:0;
	padding:0;
	text-align:left;
}
dl.list dt {
	float:left;
	clear:both;
	display:block;
	width:130px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:10px;
}
dl.list dd {
	float:left;
	display:block;
	width:300px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:14px;
}

.bottom_contents {
	width:430px;
	margin:0;
	padding:0;
	float:left;
}

.bottom_contents h2.service_title {
	display:block;
	width:430px;
	line-height:30px;
	margin:0 0 5px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../image/img/service_title.gif") no-repeat;
}

.bottom_left {
	width:210px;
	margin:0;
	padding:0;
	float:left;
	background:#ccc;
}
.bottom_left a {
	display:block;
	width:210px;
	line-height:80px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../image/img/css.gif") no-repeat;
}

.bottom_right {
	width:210px;
	margin:0;
	padding:0;
	float:right;
	background:#ccc;
}
.bottom_right a {
	display:block;
	width:210px;
	line-height:80px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../image/img/design.gif") no-repeat;
}

#left {
	width:310px;
	margin:0;
	padding:0;
	float:left;
}
#menu {
	width:200px;
	line-height:160px;
	padding:0;
	margin-top: 70px;
	margin-right: 35px;
	margin-bottom: 20px;
	margin-left: 75px;
}
#menu ul {
	display:block;
	width:200px;
	margin:0;
	padding:0;
}
#menu li {
	width:200px;
	line-height:32px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
#menu li a {
	display:block;
	width:200px;
	line-height:32px;
}
#menu li.home a {
	background:url("../image/img/home.gif") no-repeat;
}
#menu li.layout a {
	background:url("../image/img/layout.gif") no-repeat;
}
#menu li.menu_design a {
	background:url("../image/img/menu_design.gif") no-repeat;
}
#menu li.about a {
	background:url("../image/img/about.gif") no-repeat;
}
#menu li.mail a {
	background:url("../image/img/mail.gif") no-repeat;
}
#menu li a:hover {
	background-position:0 -32px;
}
#menu li a.active {
	background-position:0 -32px;
}

#bottom_navi {
	width:200px;
	margin:140px 60px 0 50px;
	padding:0;
}
#bottom_navi ul {
	margin:0 30px 0 0;
	padding:0;
	text-align:right;
}
#bottom_navi li.n_title {
	font-size:80%;
}
#bottom_navi li.n_link {
	margin:0 0 10px 0;
}

#footer {
	clear:both;
	width:800px;
	margin:0;
	padding:0;
	background:#f0f0f0;
	height: auto;
	text-align: center;
}
#footer p {
	margin:10px 0;
}