@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
共通
--------------------------------------------------------------------------------------- */

/* ヘッダー ------------------------------ */

div#hd h1 {
position: absolute;
left: 0px;
top: 5px;
}

div#hd p.txt {
position: absolute;
left: 166px;
top: 5px;
}

div#hd p.home {
position: absolute;
left: 344px;
top: 54px;
}

div#hd ul {
position: absolute;
left: 463px;
top: 5px;
}

div#hd ul li {
display: inline;
}


/* ナビ */

ul#gnavi {
margin: 0;
}

ul#gnavi:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html ul#gnavi { display: inline-block; }
/* no ie mac \*/
* html ul#gnavi { height: 1%; }
ul#gnavi { display: block; zoom: 1; }
/* */

ul#gnavi li {
float: left;
}


/* パンくず ------------------------------ */

ul#location {
padding: 4px 0 8px 10px;
background: #f3f3f3 url(../image/bg_location.gif) repeat-x left bottom;
font-size: 86%;
color: #999999;
}

ul#location li {
display: inline;
margin: 0 7px 0 0;
}

ul#location li a {
padding: 0 15px 0 0;
background: url(../image/icon_arw_location.gif) no-repeat right 55%;
}


/* ページトップ ------------------------------ */

div#pagetop {
width: 750px;
position: relative;
color: #999999;
}

div#pagetop p.pagetop {
position: absolute;
right: -25px;
top: -19px;
}

* html div#pagetop p.pagetop {
position: absolute;
right: 0px;
}
*:first-child+html div#pagetop p.pagetop {
position: absolute;
right: 0px;
} 

div#pagetop p.txt {
position: absolute;
left: 36px;
top: -23px;
font-size: 86%;
}

* html div#pagetop p.txt {
position: absolute;
left: 10px;
top: -23px;
font-size: 86%;
}
*:first-child+html div#pagetop p.txt {
position: absolute;
left: 10px;
top: -23px;
font-size: 86%;
} 

/* --------------------------------------------------------------------------------------
TOP
--------------------------------------------------------------------------------------- */

/* イメージ ------------------------------ */

div#mainImage {
position: relative;
width: 750px;
}

div#mainImage p.txt {
position: absolute;
left: 14px;
top: 254px;
}

div#mainImage p.btn {
position: absolute;
left: 162px;
top: 392px;
}


/* コンテンツ ------------------------------ */

div#topBox {
width: 750px;
padding: 23px 0 0 0;
}

div#topBox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div#topBox { display: inline-block; }
/* no ie mac \*/
* html div#topBox { height: 1%; }
div#topBox { display: block; zoom: 1; }
/* */

div#topBox div.left {
float: left;
width: 429px;
}

div#topBox div.left h2 {
margin: 0 0 15px 0;
}

div#topBox div.left dl {
margin: 0 0 8px 0;
background: url(../image/dot_line.gif) repeat-x left bottom;
line-height: 1.3;
width: 100%;
overflow: hidden;
}

div#topBox div.left dl.last {
margin: 0 0 8px 0;
background: none
}

div#topBox div.left dl dt {
float: left;
width: 7em;
padding: 0 0 8px 11px;
font-size: 86%;
font-weight: bold;
color: #999999;
}

div#topBox div.left dl dd {
padding: 0 0 8px 7em;
font-size: 86%;
}

div#topBox div.left dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topBox div.left dl { display:inline-block; }
/*\*/
* html div#topBox div.left dl { height:1%; }
div#topBox div.left dl { display:block; }
/**/


div#topBox div.right {
float: right;
width: 291px;
}


/* --------------------------------------------------------------------------------------
iitokoro
--------------------------------------------------------------------------------------- */

/* swf ------------------------------ */

div#flash {
width: 750px;
padding: 20px 0;
}


/* --------------------------------------------------------------------------------------
deai
--------------------------------------------------------------------------------------- */

/* box ------------------------------ */

div#ctAreaDeai {
width: 750px;
background: url(../image/deai/bg_main.jpg) no-repeat left top;
}

div.deaiIndex {
width: 750px;
padding: 0 0 13px 0;
}

div.deaiIndex:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div.deaiIndex { display: inline-block; }
/* no ie mac \*/
* html div.deaiIndex { height: 1%; }
div.deaiIndex { display: block; zoom: 1; }
/* */

div.deaiIndex div.bg_waka {
position: relative;
float: left;
width: 365px;
height: 218px;
background: url(../image/deai/bg_wakagayashi.jpg) no-repeat 0 0;
}

div.deaiIndex div.bg_waka p.txt {
position: absolute;
left: 157px;
top: 28px;
}

div.deaiIndex div.bg_waka p.btn {
position: absolute;
left: 197px;
top: 180px;
}

div.deaiIndex div.bg_yamane {
position: relative;
float: right;
width: 365px;
height: 218px;
background: url(../image/deai/bg_yamane.jpg) no-repeat 0 0;
}

div.deaiIndex div.bg_yamane p.txt {
position: absolute;
left: 143px;
top: 25px;
}

div.deaiIndex div.bg_yamane p.btn {
position: absolute;
left: 177px;
top: 180px;
}

div.deaiIndex div.bg_fuji {
position: relative;
float: left;
width: 365px;
height: 231px;
background: url(../image/deai/bg_fujiwara.jpg) no-repeat 0 0;
}

div.deaiIndex div.bg_fuji p.txt {
position: absolute;
left: 155px;
top: 38px;
}

div.deaiIndex div.bg_fuji p.btn {
position: absolute;
left: 197px;
top: 193px;
}


/* 入社後のキャリアアップ ------------------------------ */

div.deaiIndex div.bg_career_rp {
float: right;
width: 365px;
background: url(../image/deai/bg_career_rp.gif) repeat-y left top;
margin: 38px 0 0 0;
}

div.deaiIndex div.bg_career_bt {
width: 365px;
padding: 0 0 13px 0;
background: url(../image/deai/bg_career_bt.gif) no-repeat left bottom;
}

div.deaiIndex div.bg_career_tp {
background: url(../image/deai/bg_career_top.gif) no-repeat left top;
padding: 13px 0 0 18px;
}

div.deaiIndex div.bg_career_tp:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div.deaiIndex div.bg_career_tp { display: inline-block; }
/* no ie mac \*/
* html div.deaiIndex div.bg_career_tp { height: 1%; }
div.deaiIndex div.bg_career_tp { display: block; zoom: 1; }
/* */

div.deaiIndex div.bg_career_tp p.left {
float: left;
}

div.deaiIndex div.bg_career_tp div.right {
display: inline;
float: right;
width: 204px;
margin: 0 27px 0 0;
}



/* 藤原 山根 若林 共通 ------------------------------ */

div.deaiBox {
width: 708px;
margin: 0 0 20px 20px;
line-height: 1.6;
}

div.deaiBox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div.deaiBox { display: inline-block; }
/* no ie mac \*/
* html div.deaiBox { height: 1%; }
div.deaiBox { display: block; zoom: 1; }
/* */

div.deaiBox h2 {
margin: 0 0 13px 0;
}

div.deaiBox p img.right {
float: right;
margin: 0 0 0 14px;
}

div.deaiBox p img.left {
float: left;
margin: 0 14px 0 0;
}


/* 別ページに飛ぶ インタビュー部分*/

div.bg_interview_rp {
width: 710px;
background: url(../image/deai/bg_interview_rp.gif) repeat-y left top;
margin: 35px 0 0 25px;
}

div.bg_interview_bt {
width: 710px;
height: 193px;
padding: 0 0 4px 0;
background: url(../image/deai/bg_interview_bt.gif) no-repeat left bottom;
}

div.bg_interview_tp {
background: url(../image/deai/bg_interview_tp.gif) no-repeat left top;
}

div.bg_interview_tp div.box {
position: relative;
width: 710px;
}

div.bg_interview_tp div.box p.btn01 {position: absolute; left: -10px; top: -34px;}
div.bg_interview_tp div.box p.btn02 {position: absolute; left: 177px; top: 159px;}
div.bg_interview_tp div.box p.btn03 {position: absolute; left: 542px; top: 159px;}
div.bg_interview_tp div.box p.img01 {position: absolute; left: 0px; top: 38px;}
div.bg_interview_tp div.box p.img02 {position: absolute; left: 355px; top: 0px;}
div.bg_interview_tp div.box p.txt01 {position: absolute; left: 144px; top: 37px;}
div.bg_interview_tp div.box p.txt02 {position: absolute; left: 508px; top: 37px;}


/* --------------------------------------------------------------------------------------
career
--------------------------------------------------------------------------------------- */

/* box ------------------------------ */

div#career {
width: 750px;
background: url(../image/career/bg_career_top.jpg) no-repeat left top;
padding: 29px 0 0 0;
}

div#careerBox {
position: relative;
width: 709px;
height: 270px;
margin: 0 0 0px 20px;
}

div#careerBox p.img01 {position: absolute; left: 38px; top: 68px;}
div#careerBox p.img02 {position: absolute; left: 220px; top: 3px;}
div#careerBox p.img03 {position: absolute; left: 220px; top: 47px;}
div#careerBox p.img04 {position: absolute; left: 220px; top: 141px;}
div#careerBox p.img05 {position: absolute; left: 220px; top: 185px;}
div#careerBox p.img06 {position: absolute; left: 496px; top: 3px;}
div#careerBox p.img07 {position: absolute; left: 496px; top: 132px;}


/* yarigai ------------------------------ */

div#yarigai {
width: 750px;
background: url(../image/career/bg_yarigai.jpg) no-repeat left top;
padding: 29px 0 0 0;
}

div#yarigaiBox {
width: 709px;
margin: 0 0 0 20px;
}

div#yarigaiBox p.txt01 {
margin: 10px 10px 0 171px;
}

div#yarigaiBox p.txt02 {
margin: 10px 171px 0 10px;
}

div.yarigai01 {width: 709px; background: url(../image/career/img_yarigai01.jpg) no-repeat 0 44px;}
div.yarigai02 {width: 709px; background: url(../image/career/img_yarigai02.jpg) no-repeat right 44px;}
div.yarigai03 {width: 709px; background: url(../image/career/img_yarigai03.jpg) no-repeat 0 44px;}
div.yarigai04 {width: 709px; background: url(../image/career/img_yarigai04.jpg) no-repeat right 44px;}
div.yarigai05 {width: 709px; background: url(../image/career/img_yarigai05.jpg) no-repeat 0 44px;}
div.yarigai06 {width: 709px; background: url(../image/career/img_yarigai06.jpg) no-repeat right 44px;}

div#yarigaiBox p.right {
text-align: right;
padding: 23px 0px 40px 0;
}

div#yarigaiBox p.left {
text-align: right;
padding: 23px 164px 40px 0;
}


/* --------------------------------------------------------------------------------------
company
--------------------------------------------------------------------------------------- */

/* box ------------------------------ */

div#company {
width: 750px;
background: url(../image/company/bg_com.gif) no-repeat left top;
padding: 29px 0 0 0;
}

div#companyBox {
width: 709px;
margin: 0 0 0 20px;
}

div#companyBox dl {
width: 709px;
margin: 0 0 8px 0;
background: url(../image/dot_line.gif) repeat-x left bottom;
}

div#companyBox dl.last {
width: 709px;
margin: 0 0 8px 0;
background: none
}

div#companyBox dl dt {
float: left;
width: 164px;
padding: 0 0 8px 11px;
color: #a8bf52;
font-weight: bold;
}

/*\*/
div#companyBox dl dt {
clear: both;
}
/**/

div#companyBox dl dd {
float: left;
width: 531px;
padding: 0 0 8px 0;
}

/*\*/
* html div#companyBox dl dd {
float: none;
}
/**/

*:first-child + html div#companyBox dl dd {
float: none;
}

div#companyBox dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#companyBox dl { display:inline-block; }
/*\*/
* html div#companyBox dl { height:1%; }
div#companyBox dl { display:block; }
/**/


/* --------------------------------------------------------------------------------------
FAQ
--------------------------------------------------------------------------------------- */

/* box ------------------------------ */

div.faqText {
width: 709px;
background: url(../image/dot_line.gif) repeat-x left bottom;
padding: 14px 0 0 0;
}

div.faqTextLast {
width: 709px;
background: none;
padding: 14px 0 0 0;
}

div.faqText dl dt {
padding: 4px 0 10px 44px;
background: url(../image/faq/icon_q.gif) no-repeat 0 0;
font-weight: bold;
color: #999999;
}

div.faqText dl dd {
padding: 4px 0 4px 44px;
background: url(../image/faq/icon_a.gif) no-repeat 0 0;
}

div.faqText p.pagetop {
text-align: right;
margin: 10px 0 0 0;
}
div.faqText p.pagetop img {
padding: 0 0 4px 0;
border-bottom: 1px #cccccc solid;
}


/* box ------------------------------ */

div#faq {
width: 750px;
background: url(../image/company/bg_com.gif) no-repeat left top;
padding: 29px 0 0 0;
}

div#faqBox {
width: 709px;
margin: 0 0 0 20px;
}

div#faqBox div.list {
width: 709px;
padding: 0 0 15px 0;
border-bottom: 4px #e4f5f2 solid;
}

div#faqBox div.list:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div#faqBox div.list { display: inline-block; }
/* no ie mac \*/
* html div#faqBox div.list { height: 1%; }
div#faqBox div.list { display: block; zoom: 1; }
/* */

div#faqBox ul.left {
float: left;
width: 354px;
}

div#faqBox ul.right {
float: right;
width: 354px;
}

div#faqBox div.list ul li {
padding: 0 0 0 14px;
background: url(../image/faq/icon_arw.gif) no-repeat 2px 3px;
line-height: 1.5;
}


/* --------------------------------------------------------------------------------------
SiteMap
--------------------------------------------------------------------------------------- */

/* box ------------------------------ */

div#sitemap {
width: 750px;
background: url(../image/company/bg_com.gif) no-repeat left top;
padding: 29px 0 0 0;
}

div#sitemap.notFound {
background: none;
padding: 0 0 0 0;
}

div#sitemapBox p.read {
border-bottom:4px solid #E4F5F2;
padding: 0 0 29px 0;
margin: 0 0 15px;
}

div#sitemapBox {
width: 709px;
margin: 0 0 0 20px;
}

div#sitemapBox dl.text {
margin: 0 0 0 10px;
}

div#sitemapBox dl.text dt {
margin: 0 0 5px 0;
color: #a8bf52;
font-size: 113%;
font-weight: bold;
}

div#sitemapBox dl.text dd {
line-height: 1.8;
}

div#adobe {
width: 690px;
background: #f3f3f3;
margin: 10px 0 0 10px;
line-height: 1.9;
}

div#adobe_tp {
width: 690px;
background: url(../image/sitemap/bg_adobe_top.gif) no-repeat left top;
padding: 15px 0 0 0;
}

div#adobe_bt {
width: 690px;
background: url(../image/sitemap/bg_adobe_bt.gif) no-repeat left bottom;
padding: 0 0 15px 0;
}

div#adobe_bt:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div#adobe_bt { display: inline-block; }
/* no ie mac \*/
* html div#adobe_bt { height: 1%; }
div#adobe_bt { display: block; zoom: 1; }
/* */

div#adobe_bt p.left {
float: left;
margin: 15px 0 0 30px;
display: inline;
}

div#adobe_bt p.right {
float: right;
width: 450px;
}


div#sitemapBox div.line {
width: 709px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
background: url(../image/dot_line.gif) repeat-x left bottom;
}

div#sitemapBox div.lineLast {
width: 709px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 4px #e4f5f2 solid;
background: none;
}

div#sitemapBox div.line:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div#sitemapBox div.line { display: inline-block; }
/* no ie mac \*/
* html div#sitemapBox div.line { height: 1%; }
div#sitemapBox div.line { display: block; zoom: 1; }
/* */

div#sitemapBox div.line ul {
float: left;
width: 230px;
}

div#sitemapBox div.line ul li {
padding: 0 0 0 14px;
background: url(../image/icon_arw.gif) no-repeat 4px 7px;
font-size: 113%;
font-weight: bold;
}

div#sitemapBox div.line ul.list {
float: none;
margin: -3px 0 0 -10px;
padding: 5px 0 0 0;
background: url(../image/sitemap/bg_icon_rp.gif) repeat-y 0 0;
}

div#sitemapBox div.line ul li.line {
padding: 0 0 0 14px;
background: url(../image/icon_arw.gif) no-repeat 4px 7px;
font-size: 113%;
font-weight: bold;
}

div#sitemapBox div.line ul li.line ul li {
background: url(../image/sitemap/bg_icon_list.gif) no-repeat 0 6px;
font-size: 113%;
font-weight: normal;
}

div#sitemapBox div.line ul li.line ul li.last {
padding: 0 0 0 14px;
background: #ffffff url(../image/sitemap/bg_icon_last.gif) no-repeat 0 -3px;
font-weight: normal;
}

div#sitemapBox div.line ul li.line ul li a {
padding: 0 0 0 12px;
background: url(../image/sitemap/icon_arw.gif) no-repeat 7px 55%;
font-weight: normal;
}

div#sitemapBox div.line ul.etc li {
padding: 0 0 0 14px;
background: url(../image/icon_pvp.gif) no-repeat 1px 5px;
font-size: 100%;
font-weight: bold;
}


/* application ------------------------------ */

div#companyBox dl.last02 {
padding-top: 18px;
background: none;
border-top: 4px solid #E4F5F2;
}

div#companyBox dl dd span.notes {
display: block;
color: #808080;
font-size: 86%;
}


/* education ------------------------------ */

div#education {
width: 750px;
padding: 33px 0 0;
background: url(../image/career/bg_edu.gif) no-repeat;
}

/* 別ページに飛ぶ キャリアアップ部分*/

div.bg_careerup_rp {
width: 711px;
background: url(../image/career/bg_careerup_rp.gif) repeat-y left top;
margin: 35px 0 0 20px;
}

div.bg_careerup_bt {
width: 711px;
padding: 0 0 10px;
background: url(../image/career/bg_careerup_bt.gif) no-repeat left bottom;
}

div.bg_careerup_rp div.box {
position: relative;
width: 711px;
}

div.bg_careerup_rp div.box p.btn01 {position: absolute; left: -10px; top: -34px;}
div.bg_careerup_rp div.box p.btn02 {position: absolute; left: 21px; top: 58px;}
div.bg_careerup_rp div.box p.img01 {position: absolute; left: 0px; top: 0;}
div.bg_careerup_rp div.box p.img02 {position: absolute; left: 0px; top: 35px;}
div.bg_careerup_rp div.box p.txt01 {position: absolute; left: 144px; top: 37px;}
div.bg_careerup_rp div.box p.txt02 {position: absolute; left: 508px; top: 37px;}

div.bg_careerup_rp div.rtBox {
width: 345px;
margin-left: 366px;
}

div.bg_careerup_rp div.imgSection {
width: 320px;
margin: 13px 0 0 21px;
}
div.bg_careerup_rp div.imgSection:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div.bg_careerup_rp div.imgSection { display: inline-block; }
/* no ie mac \*/
* html div.bg_careerup_rp div.imgSection { height: 1%; }
div.bg_careerup_rp div.imgSection { display: block; zoom: 1; }
/* */

div.bg_careerup_rp div.imgSection p.photo {
float: left;
width: 100px;
margin-right: 10px;
}

div.bg_careerup_rp div.imgSection div.txtBox {
float: left;
width: 210px;
}

div.bg_careerup_rp div.imgSection div.txtBox p {
margin-bottom: 10px;
color: #666666;
}