@charset "UTF-8";

/*=========================================================================
   toppage.css　
=========================================================================*/

/*-------------------------------------------------------------------------
 #topHeadWrp 
-------------------------------------------------------------------------*/
#topHeadWrp {
 width:100%;
 padding-bottom:13px;
 background:url(../image/tophed_wrp_bg.jpg) 0 0 repeat-x #F6F6F6;
}
* html #topHeadWrp { padding-bottom:15px; }
*:first-child+html #topHeadWrp { padding-bottom:15px; }

#topHead {
 width:100%;
 background:url(../image/tophed_bg.jpg) center 0 no-repeat;
}


/* #topHeadCont
-------------------------------------------------------------------------*/
#topHead #topHeadCont {
 width:950px;
}


/* #topHeadMain
-------------------------------------------------------------------------*/
#topHead #topHeadMain {
 float:left;
 display:inline;
 width:700px;
 padding-right:20px;
}


#topHead #topHeadMain #topHeadBg {
 position:relative;
 width:700px;
 height:258px;
 margin:10px 0 0 0;
}
* html #topHead #topHeadMain #topHeadBg {
 margin-bottom:2px;
}
*:first-child+html #topHead #topHeadMain #topHeadBg {
 margin-bottom:2px;
}


#topHead #topHeadMain #topHeadBg #topHeadMainVisual {
 position:relative;
 width:700px;
 height:222px;
 margin-bottom:-26px;
 overflow:hidden;
}
* html #topHead #topHeadMain #topHeadBg #topHeadMainVisual {
 height:225px;
 margin-bottom:-29px;
}
*:first-child+html #topHead #topHeadMain #topHeadBg #topHeadMainVisual {
 height:223px;
}


#topHead #topHeadMain #topHeadBg #topHeadNaviBg {
 width:700px;
 height:58px;
 position:relative;
 background:url(../image/def_navi_bg.png) 0 0 no-repeat;
 z-index:3;
}
* html #topHead #topHeadMain #topHeadBg #topHeadNaviBg {
 height:61px;
}
*:first-child+html #topHead #topHeadMain #topHeadBg #topHeadNaviBg {
 top:-1px;
}


#topHead #topHeadMain #topHeadBg ul {
 position:absolute;
 width:665px;
 padding:1px 0 0 35px;
}

#topHead #topHeadMain #topHeadBg ul li {
 float:left;
 display:inline;
 width:150px;
 padding-right:10px;
}

#topHead #topHeadMain #topHeadBg ul li#swBtn01 {
 background:url(../image/def_navi_btn01_on.jpg) 0 0 no-repeat;
}

#topHead #topHeadMain #topHeadBg ul li#swBtn02 {
 background:url(../image/def_navi_btn02_on.jpg) 0 0 no-repeat;
}

#topHead #topHeadMain #topHeadBg ul li#swBtn03 {
 background:url(../image/def_navi_btn03_on.jpg) 0 0 no-repeat;
}

#topHead #topHeadMain #topHeadBg ul li#swBtn04 {
 background:url(../image/def_navi_btn04_on.jpg) 0 0 no-repeat;
}


/*  #topHeadNews
-------------------------------------------------------------------------*/
#topHead #topHeadMain #topHeadNews {
 clear:both;
 width:700px;
 margin-bottom:18px;
}
* html #topHead #topHeadMain #topHeadNews {
 margin-bottom:17px;
}
*:first-child+html #topHead #topHeadMain #topHeadNews {
 margin-bottom:20px;
}

#topHead #topHeadMain #topHeadNews .toList {
 width:700px;
 margin-bottom:7px;
}

#topHead #topHeadMain #topHeadNews #newsTotalWrp {
 float:left;
 display:inline;
 width:108px;
 border:1px solid #008936;
}

#topHead #topHeadMain #topHeadNews #newsTotal {
 width:108px;
 background:#FFFFFF;
 text-align:center;
}

#topHead #topHeadMain #topHeadNews #newsTotal img {
 margin-bottom:6px;
}

#topHead #topHeadMain #topHeadNews #newsTotal p {
 width:106px;
 margin-bottom:14px;
 padding:0 1px 0 1px;
 font-size:160%;
 font-weight:bold;
 color:#008936;
}

#topHead #topHeadMain #topHeadNews #newsText {
 float:left;
 display:inline;
 width:569px;
 margin-left:7px;
 padding-top:2px;
 font-size:93%;
}

#topHead #topHeadMain #topHeadNews #newsText dl {
 line-height:1.2em;
}
* html #topHead #topHeadMain #topHeadNews #newsText dl {
 line-height:1.31em;
}

#topHead #topHeadMain #topHeadNews #newsText dl dt {
 width:7em;
 padding:0 0 0.3em 3px;
 letter-spacing:-1px;
}

#topHead #topHeadMain #topHeadNews #newsText dl dd {
 margin:-1.5em 0 3px 6.2em;
 padding:0 0 0.3em 13px;
}

#topHead #topHeadMain #topHeadNews #newsText dl dd.last {
 margin-bottom:0;
}

#topHead #topHeadMain #topHeadNews #newsText dl dd img {
 vertical-align:top;
 margin:0 10px 0 0;
}
* html #topHead #topHeadMain #topHeadNews #newsText dl dd img {
 vertical-align:middle;
}
*:first-child+html #topHead #topHeadMain #topHeadNews #newsText dl dd img {
 vertical-align:middle;
}


/* #detailSearchTop
-------------------------------------------------------------------------*/
#detailSearchTop {
 clear:both;
 width:688px;
 padding:1px;
 border:solid 5px #008936;
 background:#CCCCCC;
}

#detailSearchTop .detailSearchBox {
 position:relative;
 padding-bottom:10px;
 background:#FFFFFF;
}

#detailSearchTop .detailSearchBox h4 {
 padding:2px 0 5px 4px;
 font-size:120%;
}

#detailSearchTop .detailSearchBox .detSeaCont {
 border:solid 1px #CCCCCC;
 background:#E6E6E6;
 margin:0 10px;
 padding:5px;
}

#detailSearchTop .detailSearchBox .detSeaCont table td {
 border-top:solid 1px #FFFFFF;
 border-right:solid 1px #CDCDCD;
 border-bottom:solid 1px #CDCDCD;
 border-left:solid 1px #FFFFFF;
 background:#F7F7F7;
}

#detailSearchTop .detailSearchBox .detSeaCont table td div {
 width:326px;
}



/* .backgraundGreen
--------------------------------------------*/
#detailSearchTop .detailSearchBox .detSeaCont table.backgraundGreen td {
 background:url(../image/det_search_green_bg.gif) 0 0 repeat-x;
}

/* .backgraundBlue
--------------------------------------------*/
#detailSearchTop .detailSearchBox .detSeaCont table.backgraundBlue td {
 background:url(../image/det_search_blue_bg.gif) 0 0 repeat-x;
}

.detailSearchBox .detSeaCont table td div dl {
 padding:6px 0 6px 15px;
 background:url(../image/det_Search_tit_bg.gif) 5px center no-repeat;
 line-height:140%;
}

.detailSearchBox .detSeaCont table td div dl dt {
 float:left;
 width:58px;
 background:url(../image/det_Search_tit_line.gif) right 0 repeat-y;
 font-weight:bold;
}
* html .detailSearchBox .detSeaCont table td div dl dt {
 padding-top:1px;
}

.detailSearchBox .detSeaCont table td div dl dd {
 float:left;
 display:block;
 width:243px;
 padding-left:10px;
}
* html .detailSearchBox .detSeaCont table td div dl dd {
 padding-top:1px;
}


/*  .addSelectLink
--------------------------------------------*/
.detailSearchBox .detSeaCont dd.addSelectLink a {
 line-height:1.4;
 padding:3px 0 3px 20px;
 background:url(../image/recruit_ser_lis_icon.gif) 0 center no-repeat;
}
* html .detailSearchBox .detSeaCont dd.addSelectLink a {
 padding:3px 0 1px 20px;
}

.detailSearchBox .detSeaCont dd.addSelectLink a:hover {
 background:url(../image/recruit_ser_lis_icon_on.gif) 0 center no-repeat;
}



/*  #sisetu
--------------------------------------------*/
.detailSearchBox .detSeaCont table td#sisetu dl dt {
 width:40px;
}

.detailSearchBox .detSeaCont table td#sisetu dl dd {
 width:260px;
}

.detailSearchBox .detSeaCont table td#sisetu dl dd ul li {
 float:left;
 display:inline;
 padding-right:10px;
 letter-spacing:-0.02em;
}
* html .detailSearchBox .detSeaCont table td#sisetu dl dd ul li {
 padding-right:5px;
}

.detailSearchBox .detSeaCont table td#sisetu input {
 margin-right:4px;
 margin-top:-2px;
 vertical-align:middle;
}
* html .detailSearchBox .detSeaCont table td#sisetu input {
 margin-left:-3px;
 margin-top:-3px;
}
*:first-child+html .detailSearchBox .detSeaCont table td#sisetu input {
 margin-left:-5px;
 margin-right:1px;
 margin-top:-5px;
}


/*  #freeWord
--------------------------------------------*/
.detailSearchBox .detSeaCont table td#freeWord dl dt {
 width:78px;
}

.detailSearchBox .detSeaCont table td#freeWord dl dd {
 width:220px;
}

.detailSearchBox .detSeaCont table td#freeWord input {
 width:214px;
 height:13px;
 margin-top:-3px;
}
* html .detailSearchBox .detSeaCont table td#freeWord input {
 margin-top:-1px;
}


/*  #detailsLinkArea
-------------------------------------------------------------------------*/
#detailSearchTop .detailSearchBox .detSeaCont #detailsLinkArea {
}

#detailsLinkArea #detailsLinkL {
 float:left;
 width:488px;
 padding-top:4px;
 padding-left:1px;
 line-height:1.4;
}

#detailsLinkArea #detailsLinkL a {
 padding-right:5px;
}

#detailsLinkArea #detailsLinkR {
 float:right;
 width:165px;
 height:26px;
 background:url(../image/recruit_ser_lis_btn_on.jpg) 0 0 no-repeat;
}


/* #topHeadMain #topHeadPickup
-------------------------------------------------------------------------*/
#topHead #topHeadMain #topHeadPickup {
 float:left;
 width:705px;
 margin-bottom:4px;
}

#topHead #topHeadMain #topHeadPickup #pickupHead {
 width:705px;
}

#topHead #topHeadMain #topHeadPickup #pickupHead h4 {
 float:left;
}

#topHead #topHeadMain #topHeadPickup #pickupHead div {
 float:right;
}

#topHead #topHeadMain #topHeadPickup .pickupLine {
 width:705px;
 margin-bottom:1px;
 background:url(../image/tophed_pu_line_bg.gif) 8px 0 repeat-y;
}

#topHead #topHeadMain #topHeadPickup .pickupLine .pickupBox {
 float:left;
 display:inline;
 width:328px;
 margin-left:8px;
 padding:6px 8px 6px 6px;
 background:#F6F6F6;
}

#topHead #topHeadMain #topHeadPickup .pickupLine .pickupBox.arrayEnd {
 margin-left:5px;
}

#topHead #topHeadMain #topHeadPickup .pickupLine .pickupBox img {
 float:left;
 display:inline;
 width:60px;
}

#topHead #topHeadMain #topHeadPickup .pickupLine .pickupBox .pickupText {
 float:left;
 display:inline;
 width:260px;
 margin-left:8px;
 padding-top:1px;
}

#topHead #topHeadMain #topHeadPickup .pickupLine .pickupBox .pickupText h5 {
 margin-bottom:2px;
}

#topHead #topHeadMain #topHeadPickup .pickupLine .pickupBox .pickupText h5 a {
 color:#398726;
}

#topHead #topHeadMain #topHeadPickup .pickupLine .pickupBox .pickupText p {
 font-size:86%;
 line-height:140%;
}


/* #topSponsor
-------------------------------------------------------------------------*/
#topSponsor,
#topSponsor2 {
 width:700px;
}

#topSponsor .SponsorBox,
#topSponsor2 .SponsorBox {
 float:left;
 display:inline;
 width:169px;
 margin-right:8px;
}

#topSponsor .SponsorBox.last,
#topSponsor2 .SponsorBox.last {
 margin-right:0px;
}

#topSponsor .SponsorBox img,
#topSponsor2 .SponsorBox img {
 border:1px solid #C3C3C3;
}


/* #topInfo
-------------------------------------------------------------------------*/
#topInfo {
 clear:both;
 width:700px;
}

#topInfo .toList {
 width:700px;
 margin-bottom:5px;
}

#topInfo dl {
 clear:both;
 font-size:92%;
 line-height:1.22em;
 letter-spacing:-1px;
}
* html #topInfo dl { line-height:1.22em; }
*:first-child+html #topInfo dl { line-height:1.22em; }
body:first-of-type #topInfo dl { line-height:1.22em; }

#topInfo dl dt {
 width:7.5em;
 padding:0 0 0.3em 0;
}

#topInfo dl dd {
 margin:-1.5em 0 3px 6.5em;
 padding:0 0 0.3em 8px;
}

#topInfo dl dd.last {
 margin-bottom:0;
}




/* #topHeadSide
-------------------------------------------------------------------------*/
#topHead #topHeadSide {
 float:left;
 display:inline;
 position:relative;
 width:230px;
 padding-top:10px;
}

#topHead #topHeadSide img {
 vertical-align:top;
}

#topHead #topHeadSide .sideJobpu {
 width:230px;
 position:relative;
 margin-bottom:20px;
}

#topHead #topHeadSide .sideJobpu img.sideJobpuTit {
 border-bottom:solid 1px #BBBBBB;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox {
 clear:both;
 width:228px;
 border:solid 1px #BBBBBB;
 border-top:none;
 z-index:1;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner {
 border-top:solid 1px #FFFFFF;
 background:#EFEFEF;
 padding:2px 5px 3px 5px;
 line-height:1.4;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner p {
 width:60px;
 float:left;
 padding-top:2px;
 padding-bottom:3px;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl {
 width:153px;
 float:left;
 padding-left:5px;
 padding-top:0;
}
* html #topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl {
 padding-top:3px;
}
*:first-child+html #topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl {
 padding-top:3px;
 line-height:1.2;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner.type2 dl {
 width:100%;
 float:none;
 padding:0;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dt {
 padding-bottom:1px;
 font-weight:bold;
}
*:first-child+html #topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dt {
 padding-bottom:5px;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dt img {
 position:relative;
 margin-right:5px;
 margin-top:2px;
}
* html #topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dt img {
 top:-2px; 
}
*:first-child+html #topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dt img {
 margin-top:0;
 padding-bottom:2px;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dd {
 color:#333333;
 font-size:85%;
}

#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dd a, 
#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dd a:link {
 color:#008936;
}
#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dd a:hover, 
#topHead #topHeadSide .sideJobpu .sideJobpuBox .inner dl dd a:active {
 color:#00AE46;
}

#topHead #topHeadSide .sideJobpu p.otherPuLink {
 clear:both;
 margin-top:4px;
 text-align:right;
 font-size:80%;
}


/* top head - side - security
--------------------------------------------*/
#topHead #topHeadSide #sideSecurity {
 clear:both;
 width:227px;
 margin-bottom:18px;
}
* html #topHead #topHeadSide #sideSecurity { margin-bottom:22px; }
*:first-child+html #topHead #topHeadSide #sideSecurity { margin-bottom:22px; }

#topHead #topHeadSide #sideSecurity ul li {
 float:left;
 display:inline;
}

#topHead #topHeadSide #sideSecurity ul li img {
 vertical-align:top;
}

#topHead #topHeadSide #sideSecurity ul li.privacy {
 margin-left:11px;
}
#topHead #topHeadSide #sideSecurity ul li.security {
 margin-left:22px;
}