@charset "utf-8";
/* CSS Document */

div.wrap {
	width:100%;
}

section {
	clear:both;
	width:960px;
	margin:0 auto;
	display:block;
}

/* background
----------------------------------------------------------- */
#background {
	width:8960px;
	z-index: -9999;
}

#background div {
	width:100%;
	height:1024px;
}

#background div#lv1 {
	background:url(../img/img-city.jpg) center bottom no-repeat #98c9ff;
}

#background div#lv2,
#background div#lv3 {
	background:#98c9ff;
}

#background div#lv4 {
	height:2298px;
	background:url(../img/bg-sky_to_space.jpg) left top repeat-x #98c9ff;
}

#background div#lv5 {
	background:url(../img/bg-space.jpg) repeat;
}

#background div#lv6 {
	background:url(../img/bg-space.jpg) repeat;
}

/* object
----------------------------------------------------------- */
#blue_sky {
	background:url(../img/img-about_us.png) center no-repeat;
	width:1754px;
	height:1347px;
}

#cloud1 {
	background:url(../img/img-cloud1.png) no-repeat;
	width:759px;
	height:340px;
}

#cloud2 {
	background:url(../img/img-cloud2.png) no-repeat;
	width:620px;
	height:347px;
}

#cloud3 {
	background:url(../img/img-cloud3.png) no-repeat;
	width:584px;
	height:303px;
}

#cloud4,
#cloud5 {
	background:url(../img/img-cloud8.png) no-repeat;
	width:500px;
	height:192px;
}

#bird1 {
	background:url(../img/img-bird1.png) no-repeat;
	width:188px;
	height:283px;
}

#bird2 {
	background:url(../img/img-bird2.png) no-repeat;
	width:232px;
	height:326px;
}

#rainbow {
	background:url(../img/img-rainbow.png) no-repeat;
	width:827px;
	height:377px;
}

#cloud6 {
	background:url(../img/img-cloud4.png) no-repeat;
	width:389px;
	height:195px;
}

#cloud7 {
	background:url(../img/img-cloud5.png) no-repeat;
	width:609px;
	height:344px;
}

#plane {
	background:url(../img/img-plane.png) no-repeat;
	width:305px;
	height:175px;
}

#cloud8 {
	background:url(../img/img-cloud6.png) no-repeat;
	width:849px;
	height:296px;
}

#cloud9 {
	background:url(../img/img-cloud7.png) no-repeat;
	width:1076px;
	height:392px;
}

#earth {
	background:url(../img/img-the_earth.png) center no-repeat;
	width:1953px;
	height:734px;
}

#comet {
	background:url(../img/img-comet.png) no-repeat;
	width:136px;
	height:159px;
}

#satellite {
	background:url(../img/img-satellite.png) no-repeat;
	width:268px;
	height:244px;
}

#galaxy1 {
	background:url(../img/img-galaxy1.png) no-repeat;
	width:782px;
	height:683px;
}

#galaxy2 {
	background:url(../img/img-galaxy2.png) no-repeat;
	width:486px;
	height:355px;
}

#moon {
	background:url(../img/img-the_moon.png) no-repeat;
	width:2986px;
	height:1258px;
}

#spaceman {
	background:url(../img/img-spaceman.png) no-repeat;
	width:820px;
	height:686px;
}

#warp {
	background:url(../img/img-warp.png) no-repeat;
	width:2359px !important;
	height:1982px;
}

/* title
----------------------------------------------------------- */
#title  section {
	position:relative;
	top:50%;
	margin-top:-360px;
}
#title h1 {
	text-align:center;
}

#title .next_btn {
	text-align:right;
	margin-top:-165px;
}

#title #sign {
	text-align:center;
	margin-bottom:50px;
}

#title #sign li {
	margin-top:-8px;
}

/* about us
----------------------------------------------------------- */
#about_us section {
	position:relative;
	top:50%;
	margin-top:-100px;
	text-align:center;
}

#about_us h1 {
	margin-bottom:15px;
}

/* company
----------------------------------------------------------- */
#company_info section,
#company_history section,
#company_results section {
	position:relative;
	top:50%;
	margin-top:-400px;
}

#company_info h1,
#company_history h1,
#company_results h1 {
	float:left;
}

#company_info .next_btn,
#company_history .next_btn,
#company_results .next_btn {
	float:right;
}

#manager_list th {
	width:120px;
}

.table_left {
	clear:both;
	width:450px;
	float:left;
	margin-top:70px;
	line-height:1.6em;
}

.table_right {
	width:480px;
	float:right;
	margin-top:70px;
	line-height:1.6em;
}

.table_left dt,
.table_right dt {
	position:absolute;
}

.table_left dd,
.table_right dd {
	padding:4px 0 25px 0;
}

#company_info .table_left dd,
#company_info .table_right dd {
	padding-left:74px;
}

#company_info #manager dd {
	padding:0 0 0 8em;
}

#company_info #address_list dt {
	position:static;
	padding:0;
}

#company_info #address_list li {
	padding:0 0 1em 0;
}

#company_info #address_list dd {
	padding:0;
}

#company_info #works_list dt {
	position:static;
	padding:0;
}

#company_info #works_list dd {
	padding:0 0 1em 0;
}

#company_history .table_left dd {
	padding-left:100px;
}

#company_history .table_right dd {
	padding-left:40px;
}

#company_history #history_list  th {
	white-space: nowrap;
	vertical-align:top;
	padding-right:10px;
}
#company_history #history_list td {
	vertical-align:top;
	padding-bottom:20px;
}

#company_results dl {
	clear:both;
	padding-top:70px;
}

#company_results dl dt {
	float:left;
	padding-right:20px;
	width:100px;
}

#company_results dl dd {
	padding-top:2px;
	margin-bottom:30px;
}

#company_results #award li {
	float:left;
	margin-right:20px;
	text-align: center;
	font-size:90%;
}

#company_results #award li img {
	margin-bottom:4px;
}

#company_results #award:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#company_results #sales_graph_title img {
	margin-top:20px;
}

/* works
----------------------------------------------------------- */
#works section {
	position:relative;
	top:50%;
	margin-top:-400px;
}

#works section .unit_logo {
	position:absolute;
	background:white;
}

#works h1 {
	float:left;
	padding-bottom:70px;
}

#works h2 {
	padding-bottom:25px;
}

#works .next_btn {
	float:right;
}

#works p {
	clear:both;
	line-height:1.8em;
}

#works ul {
	margin-top:40px;
}

#works ul li#bs {
	width:455px;
	float:left;
	margin-bottom:20px;
}

#works ul li#cd {
	width:455px;
	float:right;
}

#works ul li h3 {
	margin-bottom:24px;
}

#works ul li p {
	padding-left:210px;
}

/* company identity
----------------------------------------------------------- */
#company_identity section {
	position:relative;
	top:50%;
	margin-top:-400px;
}

#company_identity p {
	line-height:1.8em;
}

#company_identity h1 {
	float:left;
}

#company_identity .next_btn {
	float:right;
}

#company_identity #ci_logo {
	text-align:center;
	margin-bottom:70px;
}

#company_identity .attention {
	font-size:80%;
	margin-bottom:25px;
	line-height:1.4em;
}

#company_identity #left {
	clear:both;
	float:left;
	width:450px;
	margin-top:70px;
}

#company_identity h2 {
	margin-bottom:30px;
}

#company_identity #right {
	float:right;
	width:450px;
	margin-top:70px;
}

#company_identity .photo {
	float:left;
	margin-right:15px;
}

#company_identity dl {
	line-height:1.4em;
}

#company_identity dl dt {
	font-weight:bold;
	margin-bottom:5px;
}

#company_identity dl dd {
	margin-bottom:5px;
}

#company_identity dl dd.profile {
	clear:both;
	font-size:80%;
	padding:15px 0 25px 0;
}

/* message
----------------------------------------------------------- */
#message section {
	position:relative;
	top:50%;
	margin-top:-100px;
}

#message {
	text-align:center;
}

#message h1 {
	margin-bottom:15px;
}

/* message for you
----------------------------------------------------------- */
#message_for_you section {
	color:#ffffff;
	position:relative;
	top:50%;
	margin-top:-400px;
	background:url(../img/photo-kawata.jpg) left bottom no-repeat #000000;
	height:718px;
}

#message_for_you h1 {
	float:left;
	padding:60px 0 57px 120px;
}

#message_for_you .next_btn {
	float:right;
	padding:60px 120px 0 0;
}

#message_for_you #message_for_you_text {
	clear:both;
	padding:0 0 38px 120px;
	padding-right:200px\9;
}

#message_for_you #sign {
	text-align:right;
	padding-right:120px;
}

/* staff
----------------------------------------------------------- */
#staff section {
	position:relative;
	top:50%;
	margin-top:0px;
}

#staff {
	text-align:center;
}

#staff h1 {
	margin-bottom:15px;
}

#staff .next_btn {
	text-align:left;
	margin-top:-130px;
}

/* recruit
----------------------------------------------------------- */
#recruit section {
	position:relative;
	top:50%;
	margin-top:-250px;
}

#recruit h1 {
	text-align:center;
}

#recruit ul {
	width:555px;
	margin:0 auto;
	padding:90px 0 80px 0;
}

#recruit ul li {
	float:left;
	margin-right:49px;
}

#recruit ul li#contact {
	margin-right:0;
}

#recruit #goldegg {
	clear:both;
	text-align:center;
}

#recruit #goldegg_load {
	visibility:hidden;
}

/* recruit@attach contents
----------------------------------------------------------- */
#recruit_attach_contents {
	background:url(../img/bg-recruit_attach_contents.png) left top repeat-x;
}

#recruit_attach_contents img {
	background:#ffffff\9;
}

#recruit_attach_contents #admission h1 {
	float:left;
	padding-right:20px;
}

#recruit_attach_contents #admission #admission_list ul li {
	float:left;
	padding-left:10px;
}

#recruit_attach_contents #admission dl {
	clear:both;
	line-height:1.7em;
	padding-top:60px;
}

#recruit_attach_contents #attach_window {
	width:960px;
	margin:100px auto 0 auto;
}

#recruit_attach_contents #attach_contents_controller {
	position:absolute;
	margin-left:837px;
}

#recruit_attach_contents #attach_contents_controller img {
	background:#ffffff\9;
}


#recruit_attach_contents #attach_contents_controller ul li {
	float:left;
	padding-left:5px;
}

#recruit_attach_contents #admission dl dt {
	position:absolute;
}

#recruit_attach_contents #admission dl dd {
	margin-left:110px;
	padding-bottom:40px;
	padding-top:4px;
}

#recruit_attach_contents #faq h1 {
	margin-bottom:60px;
}

#recruit_attach_contents #faq dl dt {
	position:absolute;
}

#recruit_attach_contents #faq dl dd {
	margin-left:150px;
	margin-bottom:30px;
}

#recruit_attach_contents #faq dl dd dl dt {
	position:static;
	color:#439deb;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:22px;
	background:url(../img/ico-q.png) left center no-repeat;
}

#recruit_attach_contents #faq dl dd dl dd {
	margin-left:0;
	padding-left:22px;
	background:url(../img/ico-a.png) left top no-repeat;
	line-height:1.5em;
}

#recruit_attach_contents #entry h1 {
	margin-bottom:100px;
}

#recruit_attach_contents #entry h2 {
	text-align:center;
	margin-bottom:35px;
}

#recruit_attach_contents #entry #recnavi_btn {
	text-align:center;
	margin-bottom:35px;
}

#recruit_attach_contents #entry #egg {
	text-align:center;
}

#recruit_attach_contents #contact {
	line-height:1.7em;
}

#recruit_attach_contents #contact h1 {
	margin-bottom:60px;
}