@charset "utf-8";
	
/* 
*
*	1-1.General
*	1-2.Grand Navigation
*	1-3.Company
*	1-4.Work
*	1-5.Staff
*	1-6.Direction
*	1-7.Faq
*	
*	01_Opt.Margin Module
*	02_Opt.Padding Module
*	03_Opt.Justfication Control
*	04_Opt.Float Control
*
*/

/*======================================

1-1.General

=======================================*/

body#recruitSp #content h2,
body#recruitSp #inner-content h2 {
margin:0;
padding:0;
}

.rsp {
display:block;
float:left;
padding:47px 0 0 47px;
}

#Recruit-head {
clear:both;
width: 870px;
margin: 0 auto;

}
body#recruitSp #topicpath {
width: 670px;
padding: 10px 0;
float:left;
}
body#recruitSp #topicpath a {
color: #3f3f3f;
text-decoration: underline;
}
.btnBar {
float:right;
padding: 10px 0;
}
#Recruit-head h1 {padding-top:37px;}

body#recruitSp #main #content {
float:left;
display:inline;
width:870px;
min-height:400px;
margin:0;
padding:0 0 30px 10px;
}

body.Bar #main {
background-color:#532b00;
width:100%;
text-align:center;
}


body.Bar #bgFooter {
clear:both;
background:#000;
height:100%;
}


#inner-content {
margin-left:30px;
margin-right:30px;
}
body.Direciton #inner-content {
margin-left:30px;
margin-right:25px;
}



/*======================================

1-2.Grand Navigation

=======================================*/

#spGnav {background:url(../img/bg_gnavi.gif) repeat-x;}
body.Bar #spGnav {margin-bottom:1px;}

#spNav {
clear:both;
width:900px;
height:42px;
margin:0 auto;
}

#spNav li {
float:left;
width:auto;
height:42px;
}

#spNav li a {
float: left;
display: block;
width: auto;
height: 42px;
font-size: 1px;
line-height: 0;
text-indent: -9999px;
overflow: hidden;
}

#spNav li.top a {
	width: 176px;
	background: url("../img/gn_top.gif") no-repeat;
}
#spNav li.bar a {
	width: 156px;
	background: url("../img/gn_bar.gif") no-repeat;
}
#spNav li.company a {
	width: 112px;
	background: url("../img/gn_company.gif") no-repeat;
}
#spNav li.work a {
	width: 109px;
	background: url("../img/gn_work.gif") no-repeat;
}
#spNav li.staff a {
	width: 105px;
	background: url("../img/gn_staff.gif") no-repeat;
}
#spNav li.direction a {
	width: 113px;
	background: url("../img/gn_direction.gif") no-repeat;
}
#spNav li.faq a {
	width: 110px;
	background: url("../img/gn_faq.gif") no-repeat;
}

#spNav li a:hover {background-position: 0 -42px;}


body.Bar #spNav li.bar a {background: url("../img/gn_bar.gif") no-repeat 0 -42px;}
body.Company #spNav li.company a,
body.Why #spNav li.company a,
body.Figure #spNav li.company a {background: url("../img/gn_company.gif") no-repeat 0 -42px;}
body.Work #spNav li.work a {background: url("../img/gn_work.gif") no-repeat 0 -42px;}
body.Staff #spNav li.staff a {background: url("../img/gn_staff.gif") no-repeat 0 -42px;}
body.Direction #spNav li.direction a {background: url("../img/gn_direction.gif") no-repeat 0 -42px;}
body.Faq #spNav li.faq a {background: url("../img/gn_faq.gif") no-repeat 0 -42px;}


#link-btn ul {
list-style:none;
margin:30px 0 0;
padding:0;
}
#link-btn li {float:left;}
#link-btn li.marR {margin-right:18px;}


/*======================================

1-3.Company

=======================================*/

#CpTab ul {
list-style:none;
margin:0;
padding:0;
}
#CpTab .cp-list01 {
border-bottom:4px solid #e69a00;
padding-bottom:48px;
}
#CpTab .cp-list02 {
border-bottom:4px solid #1483c3;
padding-bottom:48px;
}
#CpTab .cp-list03 {
border-bottom:4px solid #666;
padding-bottom:48px;
}
#CpTab li {
float: left;
}

/* Company */
body.Company .Section {width:386px;}
.idx-column {
clear:right;
min-height:98px;
height:98px;
margin-top:15px;
}
.idx-column span {float:right;}
.idx-column p {margin:10px 15px 0;}
.red-column {
background:url(../company/img/bg_idx_left.gif);
border:2px solid #f34d5a;
}
.org-column {
background:url(../company/img/bg_idx_right.gif);
border:2px solid #e79a0a;
}

/* Why */
body.Why #content h2 {float:left;}
body.Why .Section {
float:right;
clear:right;
background:url(../company/img/bg_why_line.gif) no-repeat left bottom;
width:637px;
margin:25px 0 0;
padding-bottom:30px;
}
body.Why .Section h3 {margin-bottom:20px;}
body.Why .Section p {width:400px;}
body.Why .Section span {
float:right;
display:block;
width:225px;
}

/* Figure */

.FigureTB h2 {text-align:center;}
.FigureTB {
background:url(../company/img/bg_figure_column.gif);
width:810px;
margin-top:25px;
}
.FigureTB .elm-Cell {width:391px;}
.FigureTB .blk-Cell {width:28px;}
.FigureTB th.elm-Cell {padding-top:18px;}
.FigureTB td.elm-Cell {
padding-bottom:18px;
vertical-align:top;
}
.FigureTB .empty-Cell {background-color:#fff;}
.FigureTB .lead-box {
background-color:#fff;
margin:10px 16px;
padding:20px 20px 0 20px;
font-size:75%;
line-height:1.8;
}
.FigureTB .lead-box img.left-pic {
float:left;
margin:0 15px 15px 0;
}

/*======================================

1-4.Work

=======================================*/

body.Work .Section h4 {margin-bottom:10px;}
body.Work .Section p {width:510px;}
body.Work .Section span {
float:right;
display:block;
width:260px;
}


/*======================================

1-5.Staff

=======================================*/

.tn-List {margin:20px 0 0!important;}
.tn-List li {
float:left;
list-style:none;
margin:0 18px 0 0!important;
}
.tn-List li.no-Marg {margin:0!important;}
.tn-List span {
display:block;
margin-top:10px;
}

/* Popup */
#Staff-main {
width:810px;
min-height:420px;
margin: 0 0 0 10px;
}

#Staff-main h1 {margin:0 0 30px 15px!important;}
#Staff-main h2 {
margin:0 0 15px 15px!important;
font-size:135%;
font-weight:bold;
line-height:140%;
}

#Staff-main .message {
width:475px;
min-height:220px;
margin-left:15px;
border-top:3px solid #f0b2b2;
border-bottom:3px solid #f0b2b2;
}
#Staff-main .message-lng {
width:736px;
min-height:190px;
margin-left:15px;
border-top:3px solid #f0b2b2;
border-bottom:3px solid #f0b2b2;
}
#Staff-main .message p {margin:12px 5px;}
#Staff-main .SchTB {margin:15px 5px;}
#Staff-main .SchTB td {
padding:4px;
font-size:75%;
vertical-align:top;
}

#Staff-main .pNav {
width:475px;
margin:9px 0 0 87px;
}
#Staff-main .pNav ul {
width:87px;
margin:0 0 0 156px;
padding:0;
}
#Staff-main .pNav li {
float:left;
display:inline;
margin:0 7px 0 0;
padding:0;
}
#Staff-main .pNav li a {
display:block;
width:22px;
height:22px;
text-indent:-9999px;
}
#Staff-main .pNav-lg {
width:475px;
margin:9px 0 0 87px;
}
#Staff-main .pNav-lg ul {
width:119px;
margin:0 0 0 142px;
padding:0;
}
#Staff-main .pNav-lg li {
float:left;
display:inline;
margin:0 7px 0 0;
padding:0;
}
#Staff-main .pNav-lg li a {
display:block;
width:22px;
height:22px;
text-indent:-9999px;
}

#Staff-main .pNav li a.p1,
#Staff-main .pNav-lg li a.p1 {background:url(../staff/img/pn_01.gif) no-repeat;}
#Staff-main .pNav li a.p2,
#Staff-main .pNav-lg li a.p2 {background:url(../staff/img/pn_02.gif) no-repeat;}
#Staff-main .pNav li a.p3,
#Staff-main .pNav-lg li a.p3 {background:url(../staff/img/pn_03.gif) no-repeat;}
#Staff-main .pNav-lg li a.p4 {background:url(../staff/img/pn_04.gif) no-repeat;}

#Staff-main .pNav li a:hover.p1,
#Staff-main .pNav li a.p1-act,
#Staff-main .pNav-lg li a:hover.p1,
#Staff-main .pNav-lg li a.p1-act {background:url(../staff/img/pn_01_a.gif) no-repeat;}
#Staff-main .pNav li a:hover.p2,
#Staff-main .pNav li a.p2-act,
#Staff-main .pNav-lg li a:hover.p2,
#Staff-main .pNav-lg li a.p2-act {background:url(../staff/img/pn_02_a.gif) no-repeat;}
#Staff-main .pNav li a:hover.p3,
#Staff-main .pNav li a.p3-act,
#Staff-main .pNav-lg li a:hover.p3,
#Staff-main .pNav-lg li a.p3-act {background:url(../staff/img/pn_03_a.gif) no-repeat;}
#Staff-main .pNav-lg li a:hover.p4,
#Staff-main .pNav-lg li a.p4-act {background:url(../staff/img/pn_04_a.gif) no-repeat;}

.Staff-tsuruta-a {background:url(../staff/img/bg_tsuruta01.jpg) no-repeat right bottom;}
.Staff-tsuruta-b {background:url(../staff/img/bg_tsuruta02.jpg) no-repeat right bottom;}
.Staff-tsuruta-c {background:url(../staff/img/bg_tsuruta03.jpg) no-repeat right bottom;}

.Staff-yamakawa-a {background:url(../staff/img/bg_yamakawa01.jpg) no-repeat right bottom;}
.Staff-yamakawa-b {background:url(../staff/img/bg_yamakawa02.jpg) no-repeat right bottom;}
.Staff-yamakawa-c {background:url(../staff/img/bg_yamakawa03.jpg) no-repeat right bottom;}

.Staff-shibaguchi-a {background:url(../staff/img/bg_shibaguchi01.jpg) no-repeat right bottom;}
.Staff-shibaguchi-b {background:url(../staff/img/bg_shibaguchi02.jpg) no-repeat right bottom;}
.Staff-shibaguchi-c {background:url(../staff/img/bg_shibaguchi03.jpg) no-repeat right bottom;}

.Staff-ikariya-a {background:url(../staff/img/bg_ikariya01.jpg) no-repeat right bottom;}
.Staff-ikariya-b {background:url(../staff/img/bg_ikariya02.jpg) no-repeat right bottom;}
.Staff-ikariya-c {background:url(../staff/img/bg_ikariya03.jpg) no-repeat right bottom;}

.Staff-hayakawa-a {background:url(../staff/img/bg_hayakawa01.jpg) no-repeat right bottom;}
.Staff-hayakawa-b {background:url(../staff/img/bg_hayakawa02.jpg) no-repeat right bottom;}
.Staff-hayakawa-c {background:url(../staff/img/bg_hayakawa03.jpg) no-repeat right bottom;}

.Staff-fujimoto-a {background:url(../staff/img/bg_fujimoto01.jpg) no-repeat right bottom;}
.Staff-fujimoto-b {background:url(../staff/img/bg_fujimoto02.jpg) no-repeat right bottom;}
.Staff-fujimoto-c {background:url(../staff/img/bg_fujimoto03.jpg) no-repeat right bottom;}

.Staff-takahashi-a {background:url(../staff/img/bg_takahashi01.jpg) no-repeat right bottom;}
.Staff-takahashi-b {background:url(../staff/img/bg_takahashi02.jpg) no-repeat right bottom;}
.Staff-takahashi-c {background:url(../staff/img/bg_takahashi03.jpg) no-repeat right bottom;}

.Staff-kato-a {background:url(../staff/img/bg_kato01.jpg) no-repeat right bottom;}
.Staff-kato-b {background:url(../staff/img/bg_kato02.jpg) no-repeat right bottom;}
.Staff-kato-c {background:url(../staff/img/bg_kato03.jpg) no-repeat right bottom;}

.Staff-shinohara-a {background:url(../staff/img/bg_shinohara01.jpg) no-repeat right bottom;}
.Staff-shinohara-b {background:url(../staff/img/bg_shinohara02.jpg) no-repeat right bottom;}
.Staff-shinohara-c {background:url(../staff/img/bg_shinohara03.jpg) no-repeat right bottom;}

.Staff-inada-a {background:url(../staff/img/bg_inada01.jpg) no-repeat right bottom;}
.Staff-inada-b {background:url(../staff/img/bg_inada02.jpg) no-repeat right bottom;}
.Staff-inada-c {background:url(../staff/img/bg_inada03.jpg) no-repeat right bottom;}

.Staff-j-takahashi-a {background:url(../staff/img/bg_j-takahashi01.jpg) no-repeat right bottom;}
.Staff-j-takahashi-b {background:url(../staff/img/bg_j-takahashi02.jpg) no-repeat right bottom;}
.Staff-j-takahashi-c {background:url(../staff/img/bg_j-takahashi03.jpg) no-repeat right bottom;}

.pageBack a {
	padding: 0 0 0 8px;
	background:url(../img/bl_movies.gif) 0 3px no-repeat;
	color: #3f3f3f !important;
	font-size: 75%;
}


/*======================================

1-6.Direction

=======================================*/

#DirTab ul {
list-style:none;
margin:0;
padding:0;
}
#DirTab .dir-list01 {
border-bottom:4px solid #e69a00;
padding-bottom:48px;
}
#DirTab .dir-list02 {
border-bottom:4px solid #1483c3;
padding-bottom:48px;
}
#DirTab .dir-list03 {
border-bottom:4px solid #666;
padding-bottom:48px;
}
#DirTab li {
float: left;
}

/* Top */
#LeftColumn {
float:left;
width:450px;
}
#RightColumn {
background:url(../direction/img/bg_mid_side.gif) repeat-y;
float:right;
width:313px;
}

.PresidentBox {margin-bottom:25px;}
.PresidentBox .idx {margin:0 0 109px 175px!important;}
.PresidentBox p {margin-left:175px;}

.Greeting {
background:url(../direction/img/line_dot.gif) repeat-x left top;
padding-top:25px;
}

#RightColumn .inner-cl {padding:17px 25px 0 25px;}
#RightColumn dt {margin-bottom:7px;}
#RightColumn dd {
margin-bottom:23px;
font-size: 75%;
line-height: 1.8;
}

/* Careerplan */
body.Direction .Section span {
width:260px;
float:right;
}
body.Direction .Section p {width:510px;}

#CareerTB {width:510px;}
#CareerTB th,
#CareerTB td {
width:33%;
padding-right:10px;
font-size:65%;
line-height:1.5;
vertical-align:top;
}
#CareerTB th {
padding-bottom:5px;
color:#c30;
font-weight:bold;
}
#CareerTB th.separater,
#CareerTB td.separater {
padding-left:10px;
border-left:1px solid #999;
}

/*======================================

1-7.Faq

=======================================*/

body.Faq .h3-ttl01 {margin:-15px 0 12px -14px;}
body.Faq .h3-ttl02 {margin:-20px 0 12px -26px;}
body.Faq .h3-ttl01,
body.Faq .h3-ttl02 {
width:578px;
position:relative;
z-index:2;
}

.Section-lg {
background:url(../faq/img/bg_section.gif);
width:810px;
border:1px solid #09c;
}
.Section-sh {
background:url(../faq/img/bg_section.gif);
width:578px;
border:1px solid #09c;
}

.Section-lg p,
.Section-sh p {
background-color:#fff;
margin:0 22px 15px 42px;
padding:10px;
}
.ph-left {
position:relative;
float:left;
z-index:1;
}
.ph-right {float:right;}


/*======================================

	01-Opt.Margin Module

=======================================*/

/* <Left Margin> */
.marL0 {margin-left:0px;}
.marL5 {margin-left:5px;}
.marL10 {margin-left:10px;}
.marL15 {margin-left:15px;}
.marL20 {margin-left:20px;}
.marL25 {margin-left:25px;}
.marL30 {margin-left:30px;}
.marL35 {margin-left:35px;}
.marL40 {margin-left:40px;}

/* <Right Margin> */
.marR0 {margin-right:0px;}
.marR5 {margin-right:5px;}
.marR10 {margin-right:10px;}
.marR15 {margin-right:15px;}
.marR20 {margin-right:20px;}
.marR25 {margin-right:25px;}
.marR30 {margin-right:30px;}
.marR35 {margin-right:35px;}
.marR40 {margin-right:40px;}

/* <Top Margin> */
.marT0 {margin-top:0px;}
.marT5 {margin-top:5px;}
.marT10 {margin-top:10px;}
.marT15 {margin-top:15px!important;}
.marT20 {margin-top:20px;}
.marT25 {margin-top:25px;}
.marT30 {margin-top:30px;}
.marT35 {margin-top:35px;}
.marT40 {margin-top:40px;}
.marT75 {margin-top:75px;}

/* <Bottom Margin> */
.marB0 {margin-bottom:0px;}
.marB5 {margin-bottom:5px;}
.marB10 {margin-bottom:10px;}
.marB15 {margin-bottom:15px;}
.marB20 {margin-bottom:20px;}
.marB25 {margin-bottom:25px;}
.marB30 {margin-bottom:30px;}
.marB35 {margin-bottom:35px;}
.marB40 {margin-bottom:40px;}


/*======================================

	02-Opt.Padding Module

=======================================*/

/* <Left Padding> */
.padL0 {padding-left:0px;}
.padL5 {padding-left:5px;}
.padL10 {padding-left:10px;}
.padL15 {padding-left:15px;}
.padL20 {padding-left:20px;}
.padL25 {padding-left:25px;}
.padL30 {padding-left:30px;}
.padL35 {padding-left:35px;}
.padL40 {padding-left:40px;}

/* <Right Padding> */
.padR0 {padding-right:0px;}
.padR5 {padding-right:5px;}
.padR10 {padding-right:10px;}
.padR15 {padding-right:15px;}
.padR20 {padding-right:20px;}
.padR25 {padding-right:25px;}
.padR30 {padding-right:30px;}
.padR35 {padding-right:35px;}
.padR40 {padding-right:40px;}

/* <Top Padding> */
.padT0 {padding-top:0px;}
.padT5 {padding-top:5px;}
.padT10 {padding-top:10px;}
.padT15 {padding-top:15px;}
.padT20 {padding-top:20px;}
.padT25 {padding-top:25px;}
.padT30 {padding-top:30px;}
.padT35 {padding-top:35px;}
.padT40 {padding-top:40px;}

/* <Bottom Padding> */
.padB0 {padding-bottom:0px;}
.padB5 {padding-bottom:5px;}
.padB10 {padding-bottom:10px;}
.padB15 {padding-bottom:15px;}
.padB20 {padding-bottom:20px;}
.padB25 {padding-bottom:25px;}
.padB30 {padding-bottom:30px;}
.padB35{padding-bottom:35px;}
.padB40 {padding-bottom:40px;}

/* <All Padding> */
.pad0 {padding:0px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad25 {padding:25px;}
.pad30 {padding:30px;}
.pad35 {padding:35px;}
.pad40 {padding:40px;}


/*======================================

 03_Opt.Justfication Control

=======================================*/

.alignL {text-align:left;}
.alignR {text-align:right;}
.alignC {text-align:center;}
.alignT {vertical-align:top;}
.alignM {vertical-align:middle;}
.alignB {vertical-align:bottom;}


/*======================================

	04_Opt.Float Control

=======================================*/

.Left {
float:left;
display:inline;
}
.Right {
float:right;
display:inline;
}

.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
br.clear {font-size:1px;}

.nowrap {white-space:nowrap;}