/*----------------------------------------------------
style css for kaishindo


----------------------------------------------------*/

/* basic -------------------------------------------*/

div#container {
	position: relative;
	width: 920px;
	min-height: 100%;
	padding-left: 30px;
	text-align: left;
	background: url("../images/side_bg.jpg") no-repeat 30px 370px;
	overflow: hidden;
}

div#container:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html div#container {
	height: 100%;
	overflow: visible;
}
/**/

h1 {
	position: absolute;
	top: 70px;
	left: 80px;
	z-index: 1001;
}


/* main --------------------------------------------*/

div#main {
	float: right;
	width: 650px;
}

div#main div.title {
	position: relative;
	float: left;
	width: 120px;
	z-index: 100;
}

div#main div.contents {
	float: right;
	width: 530px;
	padding-bottom: 50px;
}


/* title -----*/

div#main div.title ul.local {
	position: absolute;
	top: 220px;
	left: -15px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#main div.title ul.local li {
	position: relative;
}

div#main div.title ul.local ul {
	display: none;
	position: absolute;
	top: -2px;
	left: 135px;
	margin: 0;
	padding: 5px 0;
	background-color: #463930;
	list-style-type: none;
}


/* side --------------------------------------------*/

div#side {
	float: left;
	width: 270px;
}

div#side ul.global {
	width: 145px;
	margin: 200px 0 0 125px;
	padding: 0;
	list-style-type: none;
}


/* others -------------------------------------------*/

p.guest {
	position: absolute;
	bottom: 20px;
	left: 50px;
	margin: 0;
}

ul.link {
	position: absolute;
	top: 0;
	left: 860px;
	width: 72px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.link li {
	float: left;
}

ul.lang {
	position: absolute;
	bottom: 20px;
	left: 235px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* footer ------------------------------------------*/

div#footer {
	clear: both;
}

div#footer ul.utility {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#footer ul.utility li {
	float: left;
	margin-right: 10px;
}

div#footer p.copyright {
	clear: both;
	margin: 0;
	padding: 0 10px 10px;
	text-align: right;
}


/* print -------------------------------------------*/

@media print {

.clearfix,
.clearfix:after,
div#container,
div#container:after {
	overflow: visible;
}

}
