@charset "UTF-8"

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

.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}


/* ---------------------------------------------------------------------------------
   About
--------------------------------------------------------------------------------- */

/* About Navigation
--------------------------------------------------------------------------------- */

#page-nav {
	margin: 15px 0;
	position: absolute;
	z-index: 1;
	left: 180px;
}

#page-nav li {
	float:left;
	margin: 0;
	padding: 0;
}

#bt-philosophy a {
 display: block;
	width: 70px;
	height: 15px;
 background: url(../about/images/bt_philosophy_on.gif) 0 0 no-repeat;
	margin-right: 23px;
}
#bt-philosophy a:hover {
	background: url(../about/images/bt_philosophy_on.gif) 0 0 no-repeat;
}


#bt-profile a {
 display: block;
	width: 101px;
	height: 15px;
 background: url(../about/images/bt_profile.gif) 0 0 no-repeat;
	margin-right: 23px;
}
#bt-profile a:hover {
	background: url(../about/images/bt_profile_on.gif) 0 0 no-repeat;
}


#bt-history a {
 display: block;
	width: 49px;
	height: 15px;
 background: url(../about/images/bt_history.gif) 0 0 no-repeat;
}
#bt-history a:hover {
	background: url(../about/images/bt_history_on.gif) 0 0 no-repeat;
}



/* Table
--------------------------------------------------------------------------------- */

.about-table {
	width: 440px;
	border: none;
	border-collapse: collapse;
}

.about-table th , .about-table td  {
	font-weight: normal;
	padding: 7px 0 5px;
	vertical-align: top;
	text-align:left;
	border-bottom: 1px dotted #CCC;
}

th.table-border0 , td.table-border0 {
	border-bottom: none;
}



/* Philosophy
--------------------------------------------------------------------------------- */

#philosophy-txt {
	width: 700px;
	line-height: 2.0em;
	position: absolute;
	top: 68px;
	left: 180px;
}

#philosophy-img1 {
	position: absolute;
	top: 215px;
	left: 180px;
}

#philosophy-img2 {
	position: absolute;
	top: 330px;
	left: 340px;
}


/* Company Profile , History
--------------------------------------------------------------------------------- */

#profile-body , #history-body {
	width: 700px;
	position: absolute;
	top: 65px;
	left: 180px;
}

#profile-img1 {
	position: absolute;
	top: 96px;
	left: 680px;
}

#profile-img2 {
	position: absolute;
	top: 246px;
	left: 680px;
}

#history-img {
	position: absolute;
	top: 96px;
	left: 680px;
}