html,body {
	margin: 0;
	padding: 0;
	font-size: 85%;
	color: #4e454a;
}
/*-- selection --*/
::-moz-selection {
	background:#f6d106;
	color: #000000;
}

::selection {
	background:#f6d106;
	color: #000000;
}

/*-- text-link --*/
a {
	color: #4e454a;
	text-decoration: underline;
}

a:hover {
	color: #192f60;
	text-decoration: none;
}

a:visited {
	color: #4e454a;
}

/*-- box --*/
#wrapper {
	width: 100%;
	background: url(../images/wrapper_bg.gif) right top repeat-x fixed;
}

#contents {
	width: 1024px;
	padding: 0 0 46px 0;
	background: url(../images/contents_bg.gif) top left repeat-y #f0eede;
}
/*-- left-column --*/
#left-column {
	float: left;
	width: 190px;
	text-align: center;
}

header {
	width: 160px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

header h1 {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	background: url(../images/dotted_bg.gif) left bottom repeat-x;
}

header h1 img {
	position: relative;
	left: 8px;
}

header h2 {
	padding: 0 0 15px 0;
	font-size: 77%;
	text-align: justify;
}

#navigation {
	margin: 0 0 15px 0;
	font-size: 0;
	line-height: 0;
}

#navigation li{
	width: 159px;
	height: 44px;
}

address {
	font-size:0;
	margin: 0 0 15px 0;
}

#sub-navigation ul {
	text-align: left;
}

#sub-navigation ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 8px;
	background: url(../images/sub_navi_bg.gif) left 5px no-repeat;
	line-height: 1.0em;
}


/*-- right-column --*/
#right-column {
	float: left;
	width: 834px;
	text-align: center;
}

#slideshow-container {
	position: relative;
	width: 834px;
	padding: 15px 0;
	border-bottom: 1px solid #cccbbd;
}

/*-- slideshow --*/
#slideshow {
	width: 803px;
	height: 450px;
	overflow: scroll;
	font-size: 0;
	margin: 0 auto;
	z-index: 5;
}


#slides {
	list-style: none;
}

#slides li {
	margin: 0 0 20px 0;
}

#slides-image {
	display: none;	
}


/*-- end --*/

.row-column {
	border-bottom: 1px solid #cccbbd;
}

.contents-container {
	width: 557px;
	padding: 15px 0;
}

.centering {
	width: 525px;
	margin: 0 auto;
	text-align: left;
}

.right .centering {
	width: 525px;
	margin: 0 auto;
	text-align: left;
}

.works {
	width: 276px;
	padding: 15px 0;
}

div#works01 {
	width: 246px;
	margin: 0 auto;
	background: #966;
	
}

.bgrb {
	background: url(../images/row_column_bg.gif) 556px 0  repeat-y;
}

.bglb {
	background: url(../images/row_column_bg.gif) 278px 0 repeat-y;	
}

#about-sunvista {
	font-size: 77%;	
}

#about-sunvista span {
	color: #ff0000;
}

#subsidy h3 {
		margin: 8px 0 0 0;
}

#kgc {
	padding: 15px;
	border: 1px solid #d8d6c7;
	background: #ebe7cb;
	font-size: 0;
	line-height: 0;
}

#ksc-tel {
	float: left;
	width: 230px;
}

#kgc-web {
	float: right;
	width: 235px;
	text-align: center;
}
#kgc-web h4{
	margin: 0 0 5px 0;
}

/*-- footer --*/
footer {
	position: relative;
	background: #192f60;
	color: #f0eede;
}

#pattern {
	position: absolute;
	top: -35px;
	left: 0;
	width:100%;
	height: 36px;
	margin: 0;
	padding: 0;
	background: url(../images/pattern_bg.png) left bottom repeat-x;	
}

#company {
	width: 834px;
	margin: 0 0 0 190px;
	padding: 50px 0 0 0;
}

#about {
	float: left;
	width: 300px;
}

#about h4 {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	border-left: 3px solid #f0eede;
	font-size: 123.1%;
	font-weight: bold;
}

#about th {
	width: 100px;
	padding: 4px 0 0 0;
	background: url(../images/dotted_bg.gif) left bottom repeat-x;
	font-weight: bold;
	text-align: left;	
}

#about td {
	background: url(../images/dotted_bg.gif) left bottom repeat-x;
	vertical-align: middle;
}

#about td a {
	color: #f0eede;
}


#access {
	position: relative;
	float: right;
}

#access h4 {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	font-size: 123.1%;
	font-weight: bold;
	border-left: 3px solid #f0eede;
}

#map-canvas {
	width: 494px;
	height: 300px;
	border: 3px solid #0b1a3a;
} 

#go-top {
	position: absolute;
	top: -22px;
	right: -102px;
}

#privacy {
	width: 834px;
	margin: 0 0 0 190px;
	padding: 50px 0 0 0;
}

#privacy h1 {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	font-size: 123.1%;
	font-weight: bold;
	border-left: 3px solid #f0eede;
}

#privacy h2 {
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
}

#privacy p {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: url(../images/dotted_bg.gif) left bottom repeat-x;		
}

#privacy .tr p {
	margin: 0;
	padding: 0;
	background: none;
}
#privacy a {
	color: #ffffff;
}

#copyright {
	clear: both;
	padding: 30px 0 20px 0;
	color: #e7ebf0;
	font-size: 77%;
	font: Georgia, "Times New Roman", Times, serif;
	text-align: center; 
}

/*-- margin --*/
.mrb10 {
	margin: 0 0 10px 0;
}

.mrb15 {
	margin: 0 0 15px 0;
}

.mrb20 {
	margin: 0 0 20px 0;
}

/*-- float --*/
.left {
	float: left;	
}

.right {
	float: right;	
}

/*-- text-align --*/
.tc {
	text-align: center;	
}

.tl {
	text-align: left;	
}

.tr {
	text-align: right;	
}

/*-- strong --*/
strong {
	font-weight: bold;	
}

/*-- font-size --*/
.fs10 {
	font-size: 77%;
}

/*-- 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;
}

/*-- ie6 hack --*/

.preload {
	background: url(../images/loading.gif) center center no-repeat;
}