/* ****************************************
  Created by Jun-Jun Jam.
  2011.09.28 Ver. 1.2
******************************************/



/* ========================================
   Common Style Start.
   ======================================== */


#conteiner_02 { width: 1263px; margin-left: auto; margin-right: auto; background: url(../img/background02.gif); background-repeat: no-repeat; overflow:hidden; }
#content_02   { width: 1263px; margin-left: auto; margin-right: auto; background: url(../img/bg-image02.gif); background-repeat: no-repeat; overflow:hidden;}
#header_02   { width:  950px; height: 32px; }
#footer_02   {height: 50px; display:block; margin-left:auto;margin-right:auto;background-color:#334377;clear:both;}

/* ========================================
   Page Style Start.
   ======================================== */


#main_image_02 { 
   width: 950px;
   height: 88px;
   background-repeat: no-repeat;
   margin-top: 1px;
}
#main_image_02 img {
   display:block;
   float:left;
   margin-left:155px;
   width: 186px;
   height: 103px;
   background-repeat: no-repeat;
   margin-top: 3px;
}

#contents_area_02 {
   width: 950px;
   height: auto;
   background: #fff;
   border: 1px solid #f3f1f1;
   margin-top: 25px;
   margin-left: auto;
   margin-right: auto;
   padding:10px;
}

.inner { display:block; margin-top:20px;}
.inner-employment { display:block; width:931px;;margin-top:20px;overflow:hidden;padding:20px;}
.sub-contract { display:block; width:931px;min-height:300px;margin-top:20px;overflow:hidden;background: url(../img/sub.jpg) 0px 0px no-repeat; }
.sub-contract p {display:block;position:relative;margin-left:285px;margin-bottom:20px;}
.sub-contract h2 {display:block;margin-left:285px;}
.categories { 
   width: 115px; 
   /*height: 40px;*/
   text-indent: -9999px;
   /*background: url(../img/titleimage-categories.gif); */
   background-repeat: no-repeat;
   margin-top: 5px;
}
.locationsbg { 
   width: 115px; 
   height: 40px;
   text-indent: -9999px;
   background: url(../img/titleimage-locations.gif); 
   background-repeat: no-repeat;
   margin-top: 5px;
}

.pankuzu { display:block;width: 950px; height: 20px; font-size: .8em; color: #573304; margin-left: 20px; }
.pankuzu li { display:block;float: left;  margin-right: 8px; margin-top: 10px; }

.font_01 { font-size: .9em; font-family: Georgia, serif; margin-top: 20px;}

.border01 { width: 830px; border-bottom: 1px solid #ccc; margin:20px 0 20px 60px; }
.border02 { width: 950px; border-bottom: 1px solid #000; margin: 10px 0 0 0; }
.border03 {display:block; float:left; width: 910px; border-bottom: 1px solid #000; margin: 20px 0px 20px 20px;}
.border04 {display:block; float:left; width: 910px; border-bottom: 1px solid #000; margin: 0 0 20px 20px;}
.border05 {display:block; float:left; width: 720px; border-bottom: 1px solid #000; margin: 0 0 20px 20px;}

#footer_02 p { display:block; width:700px;font-size: 1em; color: #fff; text-align: center; padding-top: 16px;clear:both; margin-right:auto; margin-left:auto; }



/*=====  Global Navi  Start.  =====*/

#global_menu_01      { width:1000px; height: 32px; padding: 0 0 0 0; margin-left: 157px; }
#global_menu_01 ul   { list-style-type:none; overflow:hidden; }
#global_menu_01 li   { float:left; text-indent:-9999px; font-size:0; }
#global_menu_01 li a { display: block; height:32px; background-image: url(../img/global-navi.gif); }

/*=====  Global Navi  Display.  =====*/
.gn_1 a { width: 159px;  background-position:    0px 0px; }
.gn_2 a { width: 158px;  background-position: -160px 0px; }
.gn_3 a { width: 158px;  background-position: -318px 0px; }
.gn_4 a { width: 158px;  background-position: -476px 0px; }
.gn_5 a { width: 158px;  background-position: -634px 0px; }
.gn_6 a { width: 158px;  background-position: -792px 0px; }

/*=====  Global Navi  Rollover.  =====*/
.gn_1 a:hover { background-position:    0px 32px; }
.gn_2 a:hover { background-position: -160px 32px; }
.gn_3 a:hover { background-position: -318px 32px; }
.gn_4 a:hover { background-position: -476px 32px; }
.gn_5 a:hover { background-position: -634px 32px; }
.gn_6 a:hover { background-position: -792px 32px; }

/*=====  Global Navi  Button Fixed.  =====*/
.gn_1act a { width: 159px; background-position:    0px 32px; }
.gn_2act a { width: 158px; background-position: -160px 32px; }
.gn_3act a { width: 158px; background-position: -318px 32px; }
.gn_4act a { width: 158px; background-position: -476px 32px; }
.gn_5act a { width: 158px; background-position: -634px 32px; }
.gn_6act a { width: 158px; background-position: -792px 32px; }

/*=====  Global Navi  End.  =====*/
#collection {
margin-top:10px;
}

#collection h2.acc_trigger {
	padding: 0;
        margin: 0 20px 10px 0;
	width: 918px;
	font-size: 2em;
	font-weight: normal;
	float: right;
}
#collection h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 0px;
}
#collection h2.acc_trigger a:hover {
	color: #ccc;
}

#collection h2.active {background-position: left top;}
.acc_container {
	margin: 0 0 50px 0px;
	overflow: hidden;
	font-size: 1.2em;
	width: 908px;
	clear: both;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
        border:1px solid #DBD3B5;
}
#collection .acc_container .block {
}
#collection .acc_container .block img {
	float: left;
	margin-left: 50px;
	width: 200px;
}
#collection .acc_container .block p {
	float: left;
	font-size: .9em;
	margin-right: 40px;
        margin-left: 10px;
        margin-top:10px;
        margin-bottom:10px;
	width: 880px;
        line-height:1.2em;
        font-size:14px;
        font-family:Trajan;
}
#collection .acc_container .block li {
   font-size:12px;
   margin-left:30px;
   list-style-type:disc;
}

.lave1 {
	background: url(../img/l_majun.png) no-repeat;
        height: 30px;
}
.lave1:hover {
	background: url(../img/l_majun_on.png) no-repeat;
	height: 30px;
}
.lave2 {
	background:url(../img/l_ocean.png) no-repeat;
	height: 30px;
}
.lave2:hover {
	background:url(../img/l_ocean_on.png) no-repeat;
	height: 30px;
}
.lave3 {
	background:url(../img/l_leaf.png) no-repeat;
	height: 30px;
}
.lave3:hover {
	background:url(../img/l_leaf_on.png) no-repeat;
	height: 30px;
}

.lave3_2 {
	background:url(../img/l_hvac.png) no-repeat;
	height: 30px;
}
.lave3_2:hover {
	background:url(../img/l_hvac_on.png) no-repeat;
	height: 30px;
}

.lave4 {
	background:url(../img/l_flopwer.png) no-repeat;
	height: 30px;
}
.lave4:hover {
	background:url(../img/l_flopwer_on.png) no-repeat;
	height: 30px;
}
.lave5 {
	background:url(../img/l_moda.png) no-repeat;
	height: 30px;
}
.lave5:hover {
	background:url(../img/l_moda_on.png) no-repeat;
	height: 30px;
}
.lave6 {
	background:url(../img/l_shisa.png) no-repeat;
	height: 30px;
}
.lave6:hover {
	background:url(../img/l_shisa_on.png) no-repeat;
	height: 30px;
}


.lave7 {
	background:url(../img/l_fireprotection.png) no-repeat;
	height: 30px;
}
.lave7:hover {
	background:url(../img/l_fireprotection_on.png) no-repeat;
	height: 30px;
}
.lave8 {
	background:url(../img/l_security.png) no-repeat;
	height: 30px;
}
.lave8:hover {
	background:url(../img/l_security_on.png) no-repeat;
	height: 30px;
}
.lave9 {
	background:url(../img/l_controls.png) no-repeat;
	height: 30px;
}
.lave9:hover {
	background:url(../img/l_controls_on.png) no-repeat;
	height: 30px;
}
.lave10 {
	background:url(../img/l_other.png) no-repeat;
	height: 30px;
}
.lave10:hover {
	background:url(../img/l_other_on.png) no-repeat;
	height: 30px;
}


.employ {display:block;float:left;height:130px;width:910px;overflow:hidden;background:#fff url(../img/employ-bg.jpg) ;clear:right;margin-top:20px;}
.employ h4 {display:block;margin-left:5px;font-size:larger;font-weight:bolder;margin-top:10px;padding:5px;}
.employ ol {display:block;width:900px;height:130px;padding:10px;overflow:hidden;}
.employ ol li{display:list-item;float:left;list-style:circle;width:140px;height:30px;margin-left:10px;}
.para-image {display:block;float:left;width:300px;background:#fff;}
.para-text {display:block;float:left;margin-left:30px;width:560px;background-color:#fff;clear:right;overflow:hidden;}
.apply-btn{ display: block;float:right;width: 160px;height: 30px;background: url("../img/apply.jpg") no-repeat 0 0;}
.apply-btn:hover{background-position: 0 -30px;}
.apply-btn span{position: absolute;left: -5000px;}
.contact-btn{ display:block;float:right;width: 160px;height: 30px;background: url("../img/contact.jpg") no-repeat 0 0;}
.contact-btn:hover{background-position: 0 -30px;}
.contact-btn span{position: absolute;left: -5000px;}
.employment-download{ display:block;margin-top:10px;margin-left:40px;margin-right:20px;}
.pdf-word{margin-left:30px;}
#contact-area {width: 600px;margin-top: 25px;}
#contact-area input, #contact-area textarea {padding: 5px;width: 471px;font-family: Helvetica, sans-serif;font-size: 1.4em;margin: 0px 0px 10px 0px;border: 2px solid #ccc;}
#contact-area textarea {height: 90px;}
#contact-area textarea:focus, #contact-area input:focus {border: 2px solid #900;}
#contact-area input.submit-button {width: 100px;float: right;}
label {float: left;text-align: right;margin-right: 15px;width: 100px;padding-top: 5px;font-size: 1.4em;}
.inner-contact {display:block;min-height:200px;float:left;}
.inner-contact a{display:block;margin-left:28px;}
h5 {font-size:18px;font-weight:bold;margin:20px;}



#page-wrap2 { width: 950px;height:auto; display:block;overflow:hidden; margin:20px 0 10px 0; }
#L_column   { float: left; width: 730px; height: auto; }
#R_column   { float: left; width: 200px; height: auto; margin-left: 20px; }

#page-wrap2:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.sn_index   {
    width: 198px;
    height: auto;
    font-size: 1.5em;
    color: #1c4e92;
    text-align: center;
    border-left: 1px solid #1c4e92;
    border-right: 1px solid #1c4e92;
    border-top: 1px solid #1c4e92;
    background: #eeece1;
    padding: 10px 0;
    box-shadow: 1px 1px 5px #aaa;
    -webkit-box-shadow: 1px 1px 5px #aaa;
    -moz-box-shadow: 1px 1px 5px #aaa;
}

.side_navi  {
    width: 178px;
    height: 198px;
    border: 1px solid #1c4e92;
    padding: 10px;
    box-shadow: 1px 1px 5px #aaa;
    -webkit-box-shadow: 1px 1px 5px #aaa;
    -moz-box-shadow: 1px 1px 5px #aaa;
}

.side_navi ul   {  }

.side_navi li a {
    display: block;
    color: #1c4e92;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    text-shadow: 1px 1px 5px #aaa;
    -webkit-text-shadow: 1px 1px 5px #aaa;
    -moz-text-shadow: 1px 1px 5px #aaa;
}

.side_navi li a:hover { display: block; color: #aaa; padding: 15px 0; border-bottom: 1px solid #eee; }


.ft_01 { font-size: 1.2em; text-align: center; margin: 40px 0 20px 0; }

.txt_area { width: 680px; margin-left: 20px;  }
.txt_area ul { width: 620px; }
.txt_area li { list-style-type: disc; margin: 0 0 15px 50px; }