/* CSS for Index Page */

/* -- Common Tags -- */
body.index {
	width: 820px;
}

h1.index {
	color: #FFF;
	font-size: 12pt;
	font-family: serif;
	font-weight: bold;
	line-height: 0px;
	text-shadow: 1px 1px 4px black;
}
h2 {
	line-height: 0px;
}
h3.products {
	top: 189px;
	left: 4px;
	position: absolute;
	border: none;
	z-index: 10;
}

/* add by koma */
h3.service {
	top: 189px;
	left: 4px;
	position: absolute;
	border: none;
	z-index: 10;
}


#banner {
	width: 594px;
	height: 190px;
	padding: 5px 5px 5px 5px;
	top: 10px;
	left: 210px;
	position: absolute;
	background: #FFF;
	border-radius: 4px;
	background-image: url("../img/index/banner.png");
	background-repeat: no-repeat;
}

/* -- side bar -- */
#sitemap-index {
	width: 176px;
	height: 54px;
	padding: 2px;
	top: 70px;
	left: 15px;
	background:#CCC;
	position: fixed;
	border-radius: 4px;
	text-align: right;
	vertical-align: bottom;
}

#index-c {
	width: 24px;
	height: 24px;
	padding: 4px;
	top: 90px;
	left: 17px;
	background: #00CCFF;
	position: fixed;
	border-radius: 4px;
	font-size: 12pt;
}

#index-p {
	width: 24px;
	height: 24px;
	padding: 4px;
	top: 90px;
	left: 53px;
	background: #3366CC;
	position: fixed;
	border-radius: 4px;
	font-size: 12pt;
}

#index-s {
	width: 24px;
	height: 24px;
	padding: 4px;
	top: 90px;
	left: 89px;
	background: #FF9900;
	position: fixed;
	border-radius: 4px;
	font-size: 12pt;
}

#index-n {
	width: 24px;
	height: 24px;
	padding: 4px;
	top: 90px;
	left: 125px;
	background: #00CC00;
	position: fixed;
	border-radius: 4px;
	font-size: 12pt;
}

#index-m {
	width: 24px;
	height: 24px;
	padding: 4px;
	top: 90px;
	left: 161px;
	background: #CC66FF;
	position: fixed;
	border-radius: 4px;
	font-size: 12pt;
}

/* -- title -- */
#title-company {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 216px;
	left: 210px;
	position: absolute;
	background: #00CCFF;
	border-radius: 4px;
	color: #FFF;
}

#title-products {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 422px;
	left: 210px;
	position: absolute;
	background: #3366CC;
	border-radius: 4px;
	color: #FFF;
	behavior: url("js/PIE.htc");
}

#title-service {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 628px;
	left: 210px;
	position: absolute;
	background: #FF9900;
	border-radius: 4px;
	color: #FFF;
}

#title-news {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 834px;
	left: 210px;
	position: absolute;
	background: #00CC00;
	border-radius: 4px;
	color: #FFF;
}

#title-management {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 1040px;
	left: 210px;
	position: absolute;
	background: #CC66FF;
	border-radius: 4px;
	color: #FFF;
}

/* -- contents -- */
#content-top-message {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 216px;
	left: 362px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-message.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}

#content-data {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 216px;
	left: 514px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-data.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}

#content-recruit {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 216px;
	left: 666px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-recruit.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}
#content-products {
	width: 444px;
	height: 192px;
	padding: 4px;
	top: 422px;
	left: 362px;
	position: absolute;
	background: #FFF;
	border-radius: 4px;
}


#content-products-partner {
	width: 125px;
	height: 40px;
	padding: 5px;
	top: 560px;
	left: 370px;
	position: absolute;
	color: #3366CC;
	background-color: #FFF;
	font-size: 6pt;
	/* CSS3 ŽÎ‚ß•\Ž¦ */
	-webkit-transform: rotate(-8deg) translate(-20px,20px);
	-moz-transform: rotate(-8deg) translate(-20px,20px);
	transform: rotate(-8deg) translate(-20px,20px);
	box-shadow: 3px 3px 10px #000;
	z-index:100;
}

/* add by koma */
#content-service {
	width: 444px;
	height: 192px;
	padding: 4px;
	top: 628px;
	left: 362px;
	position: absolute;
	background: #FFF;
	border-radius: 4px;
}

/*
#content-lms {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 628px;
	left: 362px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-lms.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}
*/
/* S add by koma */
#content-lms {
	height: 170px;
	float: left;
	margin-right:10px;
}
#text-lms {
	position: relative;
	margin-top:40px;
}

/* E add by koma */

/*
#content-hp {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 628px;
	left: 514px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-hp.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}
*/
#content-hp {
	height: 170px;
	float: left;
	margin-right:10px;
}

#text-hp {
	position: relative;
	margin-top:40px;
}



/* add by koma */
#content-gc {
	height: 170px;
	float: left;
	margin-right:10px;
}
#text-gc {
	position: relative;
	margin-top:40px;
}


/*
#content-ses {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 628px;
	left: 666px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-ses.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}
*/
#content-ses {
	height: 170px;
	float: left;
	margin-right:10px;
}
#text-ses {
	position: relative;
	margin-top:40px;
}


table.content-news {
	width: 452px;
	height: 200px;
	top: 834px;
	left: 362px;
	position: absolute;
	background: #FFF;
	border-collapse: collapse;
	border-radius: 4px;
}

.content-news th {
	text-align: left;
	padding-left: 8px;
	border-bottom: double 3px #CCC;
}
.content-news td {
	padding-left: 8px;
	border-bottom: dotted 1px #CCC;
}

#content-news-h-title {
	left: 500px;
	font-weight: bold;
}

#content-privacy {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 1040px;
	left: 362px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-privacy.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}

#content-terms {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 1040px;
	left: 514px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-terms.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}

#content-copyright {
	width: 138px;
	height: 190px;
	padding: 5px;
	top: 1040px;
	left: 666px;
	position: absolute;
	background: #FFF;
	background-image: url("../img/index/content-copyright.png");
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 4px;
}

/* -- Footter -- */
#copyright {
	width: 604px;
	height: 20px;
	top: 1248px;
	left: 210px;
	color: #FFF;
	position: absolute;
	text-align: center;
}