@charset "utf-8";

* {
	margin: 0;
	padding: 0;

}
* html h1,
* html #main,
* html #sidenavi li a,
* html #footer {
behavior: expression(IEPNGFIX.fix(this));
}

body {
	color:#fff;
	letter-spacing: 0.09em;
	font: 62.5%/1.5 Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
	text-align: center;
}
*html body {
	letter-spacing: 0.1em;
}


h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
}

p { 
	text-align:justify;
	line-height:1.9; 
	}

*html p { line-height:1.9; }

p,li,dt,dd,th,td,label {
	font-size: 1.3em;
}
ul li {
	padding-top: 1px;
	list-style-type:none;
}
img {
	vertical-align: bottom;
	}
a img { border:0; }

a {
	color:#fff;
}
a:link {
	text-decoration:underline;
}
a:visited {
   text-decoration:underline;
}
a:hover {
	color: #00CCFF;
}
a:active {
   color:#fff;
}
table{
   width:100%;
   border-spacing:2px;
}
table th, table td{
	padding:0.8em;
	margin: 0;
	}

.hidden {
   display: none;
   visibility: hidden;
}
.alignright {
   float: right;
}
.alignleft {
   float: left;
}
.clear {
   clear: both;
}

.hidden {
	display: none;
	}


/*-----------------------clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 .clearfix {
 	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */

body {
	background: url(../images/bace/back.jpg) fixed;
}

#header {
	width: 738px;
	height: 50px;
	margin: 0 auto;
}
#header h1 {
	float: left;
	font-size: 1.2em;
	width: 200px;
	height: 50px;
	background: url(../images/bace/logo.png) no-repeat;
}
#header h1 a {
	text-indent: -9999px;
	overflow: hidden;
	widht: 200px;
	height: 50px;
	display: block;
}
#main,
#footer {
	width: 738px;
	margin: 0 auto;
	background: url(../images/bace/sidenavi_back.png) left top repeat-y;
}
#sidenavi {
	float: left;
	width: 200px;
	display: inline;/*ie6*/
	margin-right: 15px;
}
#sidenavi h3 {
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#sidenavi ul {
	width: 180px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#sidenavi ul li {
	margin-top: 5px;
}
#sidenavi ul li a {
	text-indent: -9999px;
	overflow: hidden;
	width: 180px;
	height: 35px;
	display: block;
}

a#navi01 {
	background: url(../images/bace/sidenavi_home_b.png) no-repeat;
}
a.here#navi01,
a:hover#navi01 {
	background: url(../images/bace/sidenavi_home_a.png) no-repeat;
}
a#navi02 {
	background: url(../images/bace/sidenavi_profile_b.png) no-repeat;
}
a.here#navi02,
a:hover#navi02 {
	background: url(../images/bace/sidenavi_profile_a.png) no-repeat;
}
a#navi03 {
	background: url(../images/bace/sidenavi_concept_b.png) no-repeat;
}
a.here#navi03,
a:hover#navi03 {
	background: url(../images/bace/sidenavi_concept_a.png) no-repeat;
}
a#navi04 {
	background: url(../images/bace/sidenavi_publicity_b.png) no-repeat;
}
a.here#navi04,
a:hover#navi04 {
	background: url(../images/bace/sidenavi_publicity_a.png) no-repeat;
}
a#navi05 {
	background: url(../images/bace/sidenavi_system_b.png) no-repeat;
}
a.here#navi05,
a:hover#navi05 {
	background: url(../images/bace/sidenavi_system_a.png) no-repeat;
}
a#navi06 {
	background: url(../images/bace/sidenavi_contact_b.png) no-repeat;
}
a.here#navi06,
a:hover#navi06 {
	background: url(../images/bace/sidenavi_contact_a.png) no-repeat;
}
#contents {
	float: right;
	width: 508px;
	padding: 15px 15px 30px 0;
}
#contents h3 {
	text-align:left;
	height: 21px;
	margin-bottom: 20px;
}
#footer {
	padding: 20px 0;
}
#footer p {
	text-align:right;
}

.top p {
	clear: both;
	text-align: right;
	width: 738px;
}