﻿@charset "shift_jis";

/* __________________________________________________________________________

                                                     Initialize Browser Style */

#swfcontents    { width:750px; height:348px; }

#container.recruit div {
	margin: 0;
	padding: 0;
}

#container.recruit h1,
#container.recruit h2,
#container.recruit h3,
#container.recruit h4,
#container.recruit h5,
#container.recruit h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}



#container.recruit p {
	/* line-height: 140%; */
	text-align: justify;
	text-justify: inter-ideograph;
}

#container.recruit li,
#container.recruit dt,
#container.recruit dd {
	/* line-height: 140%; */
	text-align: justify;
	text-justify: inter-ideograph;
	zoom: normal;
}

#container.recruit img,
#container.recruit a img {
	vertical-align: bottom;
	border: none;
	background: transparent;
}

#container.recruit em,
#container.recruit address {
	font-style: normal;
}

#container.recruit table {
	border-collapse: collapse;
	border-top: solid 1px #333;
	border-left: solid 1px #333;
	border-spacing: 0;
	empty-cells: show;
}

#container.recruit th,
#container.recruit td {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	/* line-height: 150%; */
}



/* __________________________________________________________________________

                                                               Page Structure */

#container.recruit {
	border-top: 1px solid #666;
	border-bottom: 1px solid #fff;
	padding: 0;
	background-image: none;
}

#container.recruit h1 {
	margin-bottom: 1px;
}

#container.recruit h2 {
	margin-bottom: 4px;
	line-height: 100%;
}

#container.recruit .layout {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}

#container.recruit .layout th,
#container.recruit .layout td {
	margin: 0;
	padding: 0;
	border: none;
	/*line-height: 100%;*/
}

#container.recruit #main {
	margin: 0;
	padding: 0;
	width: 581px;
}

#container.recruit .pan {
	height: 15px;
	padding: 5px 0 5px 18px;
	background-color: #ddd;
}

#container.recruit #contents {
	margin: 15px 0 20px 18px;
	width: 545px;
}

#container.recruit #localnavi {
	margin: 0;
	padding: 0;
	width: 169px;
	vertical-align: top;
	line-height: 100%;
}

#container.recruit #localnavi dl,
#container.recruit #localnavi dt,
#container.recruit #localnavi dd,
#container.recruit #localnavi ul,
#container.recruit #localnavi li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 100%;
	vertical-align: top;
}

#container.recruit #localnavi dl {
	padding: 0 0 152px 1px;
	background-image: url(../recruit/images/local_bg1.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#container.recruit #localnavi ul {
	padding: 10px 0;
	background-image: url(../recruit/images/local_bg2.gif);
	background-repeat: no-repeat;
}


/* __________________________________________________________________________

                                                               common classes */

#container.recruit .pageup {
	width: 520px;
	margin: 0;
	padding: 30px 0 0;
	text-align: right;
}

#container.recruit .pageup2 {
	width: 520px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#container.recruit .pageup3 {
	width: 520px;
	margin: 0;
	padding: 10px 0 0;
	text-align: right;
	border: none;
}


/* __________________________________________________________________________

                                                                    top */
																	   


#container.recruit #recruit #announcement{
	width:600px;
	border:#0066FF 2px solid;
	margin: 50px 0 400px 70px;
	padding-bottom: 20px;
	font-size:100%;
	/*background-color:#000000;*/	
}

#container.recruit #recruit .ftB{
    padding:20px 0 20px 20px;
	font-size:100%;
	font-weight:600;
	
}																				   


#container.recruit #recruit .ftN{
	padding:0px 0 20px 20px;
	font-size:80%;
	/*background-color:#000000;*/	
}


#container.recruit #recruit #linkN{
	margin:0 0 0 20px;
    font-size:90%;
	font-weight:600;
}																							   

#container.recruit #recruit {
	margin: 0;
	padding: 0;
}

#container.recruit #recruit h1 {
	margin-bottom: 2px;
	padding: 0;
}

#container.recruit #recruit ul {
	margin: 0;
	padding: 0;
}

#container.recruit #recruit li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#container.recruit #recruit #menu {
	width: 750px;
	height: 126px;
	background-image: url(../recruit/images/bg_menu.gif);
	background-repeat: repeat-y;
}

#container.recruit #recruit #category1 {
	float: left;
	width: 180px;
}

#container.recruit #recruit #category2 {
	float: left;
	width: 193px;
	margin-left: 1px;
}

#container.recruit #recruit #category3 {
	float: left;
	width: 187px;
	margin-left: 1px;
}

#container.recruit #recruit #category4 {
	float: left;
	width: 187px;
	margin-left: 1px;
}

#container.recruit #recruit #menu dl {
	margin: 0;
	padding: 0;
}

#container.recruit #recruit #menu dd ul {
	margin: 0;
	padding: 10px 0px 0 10px;
}

#container.recruit #recruit #menu dd li {
	margin: 0 0 0 19px;
	padding: 0 0 4px;
	line-height: 110%;
	list-style-image: url(../recruit/images/arrow.gif);
}

#container.recruit #recruit #menu dd li a {
	margin: 0;
	padding: 2px 3px 1px 0;
}

#container.recruit #topics {
	float: left;
	padding: 13px 10px 15px;
	width: 460px;
}

#container.recruit #topics .icon {
	float: left;
	width: 45px;
}

#container.recruit #topics .data {
	float: left;
	width: 390px;
}

#container.recruit #topics .data dl {
	clear: both;
	padding: 2px 0 0;
}

#container.recruit #topics .data dt {
	float: left;
	padding-bottom: 2px;
	width: 65px;
}

#container.recruit #topics .data dd {
	float: right;
	padding-bottom: 2px;
	width: 320px;
}

#container.recruit #recruit #special {
	float: right;
	margin-top: 5px;
	width: 260px;
}

#container.recruit #recruit #special img {
	margin-bottom:1px;
}


/* __________________________________________________________________________

                                                                      message */

#container.recruit #top_message {
	margin: 0;
	padding: 0;
	background-image: url(../recruit/images/bg_vgrade.gif);
	background-repeat: repeat-x;
}



#container.recruit #top_message h3 {
	padding: 12px 0 10px 12px;
}

#container.recruit #comment {
	width: 369px;
}

#container.recruit #comment p {
	margin-bottom: 15px;
	padding: 0 12px;
}

#container.recruit #photo {
	padding-top: 3px;
}

#container.recruit #photo dt {
	padding-left: 8px;
}

#container.recruit #photo dd {
	padding: 7px 0 0 6px;
}



/* __________________________________________________________________________

                                                                       figure */

#container.recruit #figure {
	margin: 0;
	padding: 0;
	width: 351px;
	background-image: url(../recruit/images/bg_vgrade.gif);
	background-repeat: repeat-x;
}

#container.recruit #figure h3 {
	padding: 12px 0 10px 12px;
}

#container.recruit #figure p {
	margin-bottom: 15px;
	padding: 0 12px;
}

#container.recruit #figure ol {
	margin: 0;
	padding: 0 0 15px 12px;
}

#container.recruit #figure li {
	margin: 0;
	padding: 3px 0;
	list-style-type: none;
}

#container.recruit #figure .blue {
	color: #039;
	font-weight:bold;
}



/* __________________________________________________________________________

                                                                   technology */



#container.recruit #technology h3 {
	margin-bottom: 8px;
}

#container.recruit #technology h4 {
	margin-bottom: 3px;
}

#container.recruit #technology p {
	margin-bottom: 15px;
	padding: 0 0 0 6px;
}

#container.recruit #technology p.lead {
	margin: 13px 0 6px;
}

#container.recruit #technology #advanced,
#container.recruit #technology #infrastructure,
#container.recruit #technology #etc {
	clear: both;
	padding-top: 10px;
}

#container.recruit #technology .clearfix {
	clear: both;
	padding-bottom: 12px;
	width: 545px;
}

#container.recruit #technology .clearfix .clearfix {
	padding-bottom: 0px;
	width: 264px;
}

#container.recruit #technology .techl {
	float: left;
	width: 264px;
}

#container.recruit #technology .techr {
	float: right;
	width: 264px;
}

#container.recruit #technology .image {
	float: left;
	width: 105px;
	height: 105px;
}

#container.recruit #technology .products {
	float: right;
	width: 156px;
	height: 105px;
	overflow: visible;
	background-image: url(../recruit/images/bg_vgrade.gif);
	background-repeat: repeat-x;
}

#container.recruit #technology .products ul {
	margin: 0;
	padding: 6px 6px 8px 18px;
}

#container.recruit #technology .products li {
	margin: 0;
	padding: 0;
}



/* __________________________________________________________________________

                                                                         work */
#container.recruit #work ul {
	display: block;
	width: 545px;
	height: 309px;
	margin: 0;
	padding: 0;
}

#container.recruit #work li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 100%;
}

#container.recruit #work li a {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#container.recruit #work .reflection {
	margin: 0;
	padding: 26px 0 0;
	background-image: url(../recruit/work/images/work_p_reflection.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#container.recruit #work .reflection p {
	margin: 0 10px;
}

#container.recruit #work .reflection p.lead {
	margin: 0 10px 8px 6px;
}

#container.recruit #footermenu2 {
	clear: both;
	margin-top: 10px;
	background-image: url(../recruit/work/images/work_bg_footergrade.jpg);
	background-repeat: repeat-x;
}

#container.recruit #footermenu2 p {
	clear: both;
	padding: 4px 0 10px 10px;
	font-size:80%
}

#container.recruit #footermenu2 .links {
	float: left;
	width: 240px;
}

#container.recruit #footermenu2 .links ul {
	height: 76px;
	margin: 0;
	padding: 0 0 0 6px;
}

#container.recruit #footermenu2 .links li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 100%;
}

#container.recruit #footermenu2 .links li a {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#container.recruit #footermenu2 .back{
	float: right;
	padding-top: 0px;
	width: 266px;
}

#container.recruit #footermenu2 .back p {
	clear: both;
	margin: 0;
	padding: 0px;
}

#container.recruit #footermenu2 .back p .ph {
	clear: both;
	margin-top: 9px;
}

/* __________________________________________________________________________

                                                              work - employee */

#container.recruit #employee {

}



#container.recruit #interview {
	margin-top: 10px;
}

#container.recruit #message {
	width: 545px;
}

#container.recruit #message .msgbox {
	clear: both;
	padding-bottom: 12px;
}

#container.recruit #message .msgbox .msg {
	padding: 0 8px 0 10px;
	background-image: url(../recruit/work/images/work_bg_subgrade.jpg);
	background-repeat: repeat-x;
}

#container.recruit #message .msgbox .msg p {
	padding-top: 3px;
}

#container.recruit #message .msgbox .msg .imgl {
	float: left;
	padding: 5px 12px 12px 0;
}

#container.recruit #message .msgbox .msg .imgr {
	float: right;
	padding: 5px 0 12px 12px;
}

#container.recruit #message .msgbox .msg .imglt {
	float: left;
	padding: 0 12px 12px 0;
}

#container.recruit #message .msgbox .msg .imgrt {
	float: right;
	padding: 0 0 12px 12px;
}

#container.recruit #schedule .products {
	margin: 0;
	padding: 5px 0 4px;
	background-color:#fff;
}


/* __________________________________________________________________________

                                                               work - machine */


#container.recruit #machine h3 {
	margin-bottom: 10px;
}

#container.recruit #machine p {
	padding: 0 4px;
}

#container.recruit #machine .logo {
	text-align: right;
	margin: 15px 0 0;
	padding: 0;
}

#container.recruit #machine .logo li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}



/* __________________________________________________________________________

                                                                       charge */

#container.recruit #charge {
	margin: 0;
	padding: 12px 0 0 ;
	border-top: 2px solid #fff;
	width: 545px;
	background-image: url(../recruit/images/bg_vgrade.gif);
	background-repeat: repeat-x;
}

#container.recruit #charge p {
	margin-bottom: 15px;
	padding: 0 12px;
}

#container.recruit #charge .from {
	text-align: right;
	font-weight: bold;
}



/* __________________________________________________________________________

                                                                          project */

#container.recruit #contents .blue{
	color: #003399;
}

#container.recruit #contents .project{
	margin: 15px 0 0 0;
	padding: 0px 0 0;
	width: 545px;
	background-image: url(../recruit/project/images/project_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 22px;
}

#container.recruit #contents .project p{
	margin: 15px 12px 0 12px;
}

#container.recruit #contents .project p.fr{
	margin: 15px 12px 0 12px;
	float:right;
}

#container.recruit #contents .project .imgl {
	float: left;
	padding: 14px 15px 12px 12px;
}

#container.recruit #contents .project .imgr {
	float: right;
	padding: 13px 12px 12px 12px;
}

#container.recruit #contents .project2 {
	margin: 15px 0 0 0;
	background-color:e7efff;
	width: 545px;
	border-top:#999 solid 1px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
	border-left:#999 solid 1px;
}

#container.recruit #contents .project2 p{
	padding: 5px 12px 12px 12px;
}

#container.recruit #contents .project2 h3 {
	margin-top:8px;
}

#container.recruit #contents #pagelink{
border-top:#999999 1px solid;
width: 545px;
text-align: right;
margin-top:10px;
}

#container.recruit #contents #pagelink2{
border-top:#999999 1px solid;
width: 545px;
margin-top:10px;
}

#container.recruit #contents #pagelink2 .left{
float:left;
margin:0;
padding:0;
}

#container.recruit #contents #pagelink2 .right{
float:right;
}



/* __________________________________________________________________________

                                                                          faq */

#container.recruit #questions {
	margin: 10px 0 0;
	padding: 0;
}



#container.recruit #questions #ql {
	float: left;
	width: 264px;
}



#container.recruit #questions #qr {
	float: right;
	width: 264px;
}

#container.recruit #questions dl,
#container.recruit #questions dt,
#container.recruit #questions dd {
	margin: 0;
	padding: 0;
}

#container.recruit #questions dt {
	padding: 2px 5px;
	color: #fff;
	font-weight: bold;
	background-color: #666;
}

#container.recruit #questions ul {
	margin: 0;
	padding: 8px 0;
}

#container.recruit #questions li {
	margin: 0;
	padding: 0 0 4px 24px;
	list-style-type: none;
	line-height: 110%;
	background-image: url(../recruit/faq/images/faq_i_q.gif);
	background-position: 6px 0;
	background-repeat: no-repeat;
}

#container.recruit #answers {
	clear:both;
	margin-top: 15px;
}

#container.recruit #answers p strong {
	display: block;
	padding: 15px 0 5px 6px;
}

#container.recruit #answers dl {
	margin: 0;
	padding: 0;
}

#container.recruit #answers dt {
	padding: 2px 5px 2px 24px;
	color: #fff;
	font-weight: bold;
	background-color: #666;
	background-image: url(../recruit/faq/images/faq_i_q.gif);
	background-position: 6px center;
	background-repeat: no-repeat;
}

#container.recruit #answers dd {
	display: block;
	margin-top: 3px;
	padding: 7px 12px 15px 0;
	background-image: url(../recruit/faq/images/bg_vgrade.gif);
	background-repeat: repeat-x;
}

#container.recruit #answers dd p {
	padding: 0 0 0 24px;
	background-image: url(../recruit/faq/images/faq_i_a.gif);
	background-position: 6px 3px;
	background-repeat: no-repeat;
}


/* __________________________________________________________________________

                                                                       career */

#container.recruit #careerimg {
	margin: 0;
	padding: 0 ;
	width: 545px;
	height: 222px;
}

#container.recruit #career {
	margin: 0;
	padding: 12px 0 0 ;
	width: 545px;
}

#container.recruit #career p {
	margin-top: 5px;
	padding-left: 6px;
}

#container.recruit #career p.lead {
	margin-bottom: 15px;
}

#container.recruit #career ul{border:#CCCCCC 1px solid; width: 545px; background-color:#EEEEEE;margin:10px 0 5px 0; padding:10px 0 5px 0px;}
#container.recruit #career li{background: url(../recruit/career/images/arrow.gif) no-repeat 0px 0px; float:left; width:155px;
	list-style-type:none; margin:0 0 5px 5px; padding-left:17px; font-size: 90%;}

#container.recruit #career h3 {
	background-color: #666666;
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	margin: 25px 0 3px;
}

#container.recruit #career table {
	font-size: 100%;
	border: 0;
	border-collapse: collapse;
	width: 545px;
}

#container.recruit #career table td,
#container.recruit #career table th {
	border-bottom: 1px dotted #999999;
	padding: 6px;
	line-height: 140%;
}

#container.recruit #career table th {
	background: url(../recruit/career/images/caree_i_attention.gif) 0 0.6em  no-repeat;
	padding-left : 14px;
	font-weight: bold;
}

#container.recruit #career table td {
	width: 421px;
}

#container.recruit #career ol {
	margin: 5px 0 3px;
	padding-left: 35px;
}

#container.recruit #career dl {
	margin-top: 15px;
	padding-left: 6px;
}

#container.recruit #career td dl {
	margin-top: 15px;
	padding-left: 0px;
}

#container.recruit #career td dt {
	margin: 10px 0 0px 0;
	float:left;
	width: 150px;
}

#container.recruit #career td dd {
	margin: 8px 0 0px 0;
	float:left;
	width: 200px;
}

#container.recruit #career .howtoarea dl {
	margin-bottom: 30px;
}


/* __________________________________________________________________________

                                                                     clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/*Hides from IE-mac\*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*End hide from IE-mac*/