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


#header #hd-flex {
	top: 0px;
}
#header #hd-flex #hd-flex-bg {
	top: -216px;
}
#cts {
	width: 20000px;	
}
#cts .scene {
	float: left;
	/*overflow: hidden;*/
	min-width: 1020px;
}
#overlay {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 47px;
	left: 0;
	z-index: 9999;
}
#overlay #loading {
	position: absolute;
	left: 50%;
	margin-left: -24px;
	top: 50%;
	margin-top: -24px;
	z-index: 9999;
}
.scene-arw .arw-l,
.scene-arw .arw-r {
	position: absolute;
	top: 430px;
	left: 50%;
}
.scene-arw .arw-l a,
.scene-arw .arw-r a {
	display: block;
	position: relative;
	width: 80px;
	height: 80px;
}
.scene-arw .arw-l {
	margin-left: -610px !important;	
}
.scene-arw .arw-r {
	margin-left: 528px !important;	
}

.scene-arw a img {
	position: relative;	
}
.scene-arw a:hover img {
	opacity: 1;
	filter: none;
}

/*↓for ie6↓*/
.is_ie6 .scene-arw .arw-l {
	_margin-left: -565px !important;
}
.is_ie6 .scene-arw .arw-r {
	_margin-left: 484px !important;
}
/*↑for ie6↑*/


/*===============
 #scene_home
===============*/
#scene_home {
position: relative;
}

#scene_home .scene-inr {
width: 960px;
margin: 0 auto;
padding-top: 280px;
}

#scene_home .scene-inr h2 {
width: 760px;
margin: 0 auto;
position: relative;
z-index: 10;
}

#scene_home .float-col {
float: left;
width: 184px;
margin-top: 50px;
margin-right: 10px;	
z-index: 100;
position: relative;
}
#scene_home .last-col {
float: right;
margin-right: 0;
}
#scene_home .cell {
margin-bottom: 14px;	
}
#scene_home .cell a {
text-decoration: none;	
}
#scene_home .cell .cell-inr {
position: relative;
}

#scene_home .bg-flex {
position: absolute;
top: 0px;
left: 0;
z-index: 0;
}


/*===============
#scene_about
===============*/
#scene_about,
#scene_about02,
#scene_about03,
#scene_about04,
#scene_about05,
#scene_about06 {
position: relative;
}

#scene_about .bg-flex,
#scene_about02 .bg-flex,
#scene_about03 .bg-flex,
#scene_about04 .bg-flex,
#scene_about05 .bg-flex,
#scene_about06 .bg-flex {
position: absolute;
top: 0;
left: 0;
}

#scene_about .scene-inr,
#scene_about02 .scene-inr,
#scene_about03 .scene-inr,
#scene_about04 .scene-inr,
#scene_about05 .scene-inr,
#scene_about06 .scene-inr {
z-index: 2;
padding-top: 33px;
}
#scene_about .scene-idt,
#scene_about02 .scene-idt,
#scene_about03 .scene-idt,
#scene_about04 .scene-idt,
#scene_about05 .scene-idt,
#scene_about06 .scene-idt {
width: 960px;
overflow: hidden;
}
#scene_about .ttl-col,
#scene_about02 .ttl-col,
#scene_about03 .ttl-col,
#scene_about04 .ttl-col,
#scene_about05 .ttl-col,
#scene_about06 .ttl-col{
width: 700px;
height: 180px;
float: left;
}
#scene_about .bg-col,
#scene_about02 .bg-col,
#scene_about03 .bg-col,
#scene_about04 .bg-col,
#scene_about05 .bg-col,
#scene_about06 .bg-col {
width: 960px;
margin: 0 auto;
padding: 40px 0;
background: url(../img/about_allbg.png) 0 0 repeat;
}
#scene_about .bg-col .txt-col,
#scene_about02 .bg-col .txt-col,
#scene_about04 .bg-col .txt-col,
#scene_about05 .bg-col .txt-col,
#scene_about06 .bg-col .txt-col {
float: left;
width: 440px;
margin-left: 40px;
line-height: 1.7;
font-size: 108.3%;	
}

#scene_about03 .bg-col .txt-col{
float: left;
width: 880px;
margin-left: 40px;
line-height: 1.9;
font-size: 108.3%;
}

#scene_about .bg-col .txt-col p,
#scene_about02 .bg-col .txt-col p,
#scene_about03 .bg-col .txt-col p,
#scene_about04 .bg-col .txt-col p,
#scene_about05 .bg-col .txt-col p,
#scene_about06 .bg-col .txt-col p {
margin-top: 20px;
}

.about_pic{
float: right;
padding: 0 40px 40px 0;
}

#scene_about .aboutsnav,
#scene_about02 .aboutsnav,
#scene_about03 .aboutsnav,
#scene_about04 .aboutsnav,
#scene_about05 .aboutsnav,
#scene_about06 .aboutsnav{
width: 118px;
height: 118px;
float: right;
margin-top:15px;
position: relative;
}

#scene_about .aboutsnav img.bg,
#scene_about02 .aboutsnav img.bg,
#scene_about03 .aboutsnav img.bg,
#scene_about04 .aboutsnav img.bg,
#scene_about05 .aboutsnav img.bg,
#scene_about06 .aboutsnav img.bg{
position: absolute;
top:0;
left: 0;
z-index: 1;
} 

#scene_about .aboutsnav ul,
#scene_about02 .aboutsnav ul,
#scene_about03 .aboutsnav ul,
#scene_about04 .aboutsnav ul,
#scene_about05 .aboutsnav ul,
#scene_about06 .aboutsnav ul{
position: relative;
width: 66px;
margin: 0 auto;
top:97px;
z-index: 10;
} 

#scene_about .aboutsnav ul li,
#scene_about02 .aboutsnav ul li,
#scene_about03 .aboutsnav ul li,
#scene_about04 .aboutsnav ul li,
#scene_about05 .aboutsnav ul li,
#scene_about06 .aboutsnav ul li{
float: left;
padding: 3px;
width: auto;
}

#scene_about .aboutsnav ul li a,
#scene_about02 .aboutsnav ul li a,
#scene_about03 .aboutsnav ul li a,
#scene_about04 .aboutsnav ul li a,
#scene_about05 .aboutsnav ul li a,
#scene_about06 .aboutsnav ul li a{
display: block;
width: 5px;
height: 5px;
font-size: 1px;
color: #BFBFBF;
overflow: hidden;
background-color: #BFBFBF;
cursor: pointer;
}

#scene_about .aboutsnav ul li a.select,
#scene_about02 .aboutsnav ul li a.select,
#scene_about03 .aboutsnav ul li a.select,
#scene_about04 .aboutsnav ul li a.select,
#scene_about05 .aboutsnav ul li a.select,
#scene_about06 .aboutsnav ul li a.select{
background-color: #FFFF00;
color: #FFFF00;
}

#scene_about .aboutsnav ul li a:hover,
#scene_about02 .aboutsnav ul li a:hover,
#scene_about03 .aboutsnav ul li a:hover,
#scene_about04 .aboutsnav ul li a:hover,
#scene_about05 .aboutsnav ul li a:hover,
#scene_about06 .aboutsnav ul li a:hover{
background-color: #53B231;
}

#scene_about .aboutsnav ul li a:hover.select,
#scene_about02 .aboutsnav ul li a:hover.select,
#scene_about03 .aboutsnav ul li a:hover.select,
#scene_about04 .aboutsnav ul li a:hover.select,
#scene_about05 .aboutsnav ul li a:hover.select,
#scene_about06 .aboutsnav ul li a:hover.select{
background-color: #FFFF00;
}

.outlink{
display: block;
margin: 0;
padding: 0 0 0 17px;
background: url(../img/icon_blank.gif) 0 3px no-repeat;
}

.pdflink{
display: block;
margin: 0;
padding: 0 0 0 17px;
background: url(../img/icon_pdf.gif) 0 3px no-repeat;
}



/*===============
#scene_company
===============*/
#scene_company {
background: url(../img/company_bg.jpg) left top repeat;
}

#scene_company .scene-inr {
z-index: 2;
padding-top: 33px;
}
#scene_company .scene-idt {
width: 960px;
overflow: hidden;
}

#scene_company .bg-col {
width: 960px;
margin: 0 auto;
margin-top: 30px;
padding: 90px 0 40px 0;
background-color: #fff;
border: 1px solid #E6E6E6;
position: relative;
}

#scene_company .bg-col h3 {
position: absolute;
left: 30px;
top:-17px;
}

#scene_company .bg-col h4 {
position: relative;
margin-top: 30px;
}

#scene_company .bg-col .txt-col{
width: 880px;
margin: 0 auto;
line-height: 1.9;
font-size: 108.3%;
}

#scene_company .bg-col .summary{
width: 475px;
float: left;
margin: 0;
line-height: 1.9;
overflow: hidden;
}

#scene_company .bg-col .summary table{
width: 475px;
margin: 0;
padding: 0;
border-collapse: collapse;
}

#scene_company .bg-col .summary table th{
width: 130px;
margin: 0;
padding: 10px;
border-bottom: 1px solid #E6E6E6;
}

#scene_company .bg-col .summary table td{
width: 325px;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #E6E6E6;
}

#scene_company .bg-col #gmap{
width: 365px;
height: 400px;
float: left !important;
margin-left: 40px;
overflow: hidden;
background-color: #ccc;
}

#scene_company .bg-col .txt-col p {
margin-top: 20px;	
}

#scene_company .bg-col .businessTitle{
margin:20px 0 50px 0;
padding-top: 35px;
position: relative;
}

#scene_company .bg-col .businessTitle img{
position: absolute;
top:0;
left: 0;
z-index: 0;
}

#scene_company .bg-col .businessTitle p{
position: relative;
z-index: 10;
}

#scene_company .bg-col .businessCncpt{
margin-bottom: 30px;
border-collapse: collapse;
}

#scene_company .bg-col .businessCncpt th{
width: 240px;
margin: 0;
padding: 0;
vertical-align: middle;
}

#scene_company .bg-col .businessCncpt th img{
width: 220px;
height: auto;
}

#scene_company .bg-col .businessCncpt td{
width: auto;
padding: 10px 0;
font-size: 110%;
line-height: 180%;
vertical-align: middle;
}


/*===============
#scene_message
===============*/
#scene_message {
background: url(../img/company_bg.jpg) left top repeat;
}

#scene_message .scene-inr {
z-index: 2;
padding-top: 33px;
}
#scene_message .scene-idt {
width: 960px;
overflow: hidden;
}

#scene_message .bg-col {
width: 960px;
margin: 0 auto;
margin-top: 30px;
padding: 90px 0 40px 0;
background-color: #fff;
border: 1px solid #E6E6E6;
position: relative;
}

#scene_message .bg-col h3 {
position: absolute;
left: 30px;
top:-17px;
}

#scene_message .bg-col .txt-col{
width: 880px;
margin: 0 auto;
line-height: 1.9;
font-size: 108.3%;
}

#scene_message .bg-col .txt-col img.prof{
float: right;
}


#scene_message .bg-col .txt-col p {
margin-top: 20px;	
}

#scene_message .bg-col .txt-col .signature{
width: 880px;
margin: 0 auto;
padding: 20px 0;
line-height: 1.4;
text-align: right;
}