@charset "Shift_JIS";

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

/* End hide from IE-mac */


/*全体構造
---------------------------------------------------------*/
body {
	background: url(../images/bg.png);
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #000000;
}
a img{
	border: none;
}
h2{
	font-size: 14px;
	color: #333333;
	margin:0;
}
#wrapper {
	width: 740px;
	padding: 0px;
	margin: 0px auto;
	background: #fff;
	border-left: 3px solid #1b2026;
	border-right: 3px solid #1b2026;
}
th {
	padding: 10px;
	text-align: left;
}
p {
	line-height: 1.8em;
	color: #333333;
}
input {
	border: 1px #393939 solid;
	padding:0.2em 5px 0.2em 5px;
}
textarea {
	border: 1px #393939 solid;
}
table {
	color: #333333;
	margin-bottom: 10px;
}

/*ヘッダー
---------------------------------------------------------*/
#header {
	width: 740px;
	height: 82px;
	text-indent:-9999px;
	background: url(../images/header.jpg) no-repeat;
}

#header h1,p {
	margin: 0px;
}

/*メニューボタン
---------------------------------------------------------*/
ul#navi  {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#navi li {
	margin: 0;	
	position: absolute;
	text-indent:-9999px;
	top: -26px; 
}

ul#navi li a {
	display: block;
	text-decoration: none;
	height: 19px;
}

ul#navi li#home {left: 315px; width: 80px; height: 19px; background: url(../images/navi.gif) no-repeat 0px 0px;}
ul#navi li#service {left: 400px; width: 80px; height: 19px; background: url(../images/navi.gif) no-repeat 0px -19px;}
ul#navi li#works {left: 485px; width: 80px; height: 19px; background: url(../images/navi.gif) no-repeat 0px -38px;}
ul#navi li#about {left: 570px; width: 80px; height: 19px; background: url(../images/navi.gif) no-repeat 0px -57px;}
ul#navi li#contact {left: 655px; width: 80px; height: 19px; background: url(../images/navi.gif) no-repeat 0px -76px;}

ul#navi li#home a:hover {background: url(../images/navi.gif) no-repeat -80px 0px;}
ul#navi li#service a:hover {background: url(../images/navi.gif) no-repeat -80px -19px;}
ul#navi li#works a:hover {background: url(../images/navi.gif) no-repeat -80px -38px;}
ul#navi li#about a:hover {background: url(../images/navi.gif) no-repeat -80px -57px;}
ul#navi li#contact a:hover {background: url(../images/navi.gif) no-repeat -80px -76px;}

/*トップコンテンツ
---------------------------------------------------------*/
#topcontents {
	width: 720px;
	padding: 10px 10px 30px 10px;
}
#topcontents ul {
	list-style-type: none;
	color:#3DA1D2;
	margin: 0;
	padding: 0;
}
#topcontents li {
	color:#333333;
	line-height: 1.6;
}
/*パンくず
---------------------------------------------------------*/
#subnavi {
	font-size: 10px;
	margin: 0 0 0 10px;
}

/*cover 画像
---------------------------------------------------------*/
#cover {
	width: 740px;
	height: 240px;
	background: url(../images/cover.jpg) no-repeat;
}
/*main
---------------------------------------------------------*/
#main {
	height:400px;
}
/*contents
---------------------------------------------------------*/
#contents {
	width: 720px;
	padding: 10px 10px 30px 10px;
	clear:both;
}
#contents ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contents li {
	line-height: 1.6;
}
#contents .flow{
	margin: 15px 0 0 20px;
}
#contents h2{
	margin-bottom: 4px;
}
#contents p{
	margin-bottom: 10px;
}
/*what's New
---------------------------------------------------------*/
#whatsnew {
	float: left;
	width: 350px;
	height: 140px;
	padding: 10px;
	margin-bottom:10px;
	background: #eee;
}

/*information
---------------------------------------------------------*/
#info {
	float: right;
	width: 310px;
	padding: 10px;
	margin-bottom:10px;
	background: #eee;
}
/*form
---------------------------------------------------------*/
.form {
	margin:0 auto;
	width: 520px;
	padding: 10px 10px 0 10px;
	text-align:center;
}
.form td {
	padding: 6px;
	vertical-align:middle;
	text-align:left;
	border-bottom: 1px #ccc solid;	
}

/*footer
---------------------------------------------------------*/
#footer {
	clear: both;
	width: 740px;
	padding: 0px;
	margin: 0px;
	background: #1b2026;
}
#footer p {
	font-size: 10px;
	color: #fff;
	padding: 0.2em 6px 0.2em 0;
	text-align: right;
}