/* CSS Document */ /*---------------------------------------------- recruit ---------------------------------------------*/ body {background: #000; margin: 0; padding: 0; font-size: 80%; color:#333333; line-height: 150%; text-align :center;} div#container {width: 660px; background: #fff url(../recruit/img/bg.gif) no-repeat left bottom; margin: 20px auto; padding: 10px 0 90px 0; text-align :left;} div#content {width: 630px; margin: 15px;} h1,h2,h3 {text-indent: -9999px; display: block; margin: 0; padding: 0; line-height: 100%;} h4 {margin: 0; padding: 0; line-height: 100%;} img {border: 0;} ul,li {list-style: none; margin: 0; padding: 0;} h1 {width: 630px; height: 50px; background: url(../recruit/img/h1.gif) no-repeat;} .right {float: right;} #recruit h3#h3_01 {width: 180px; height: 20px; background: url(../recruit/img/h3_01.gif) no-repeat; margin: 20px 0 10px;} #recruit h3#h3_02 {width: 180px; height: 20px; background: url(../recruit/img/h3_02.gif) no-repeat; margin: 20px 0 10px;} /* #recruit h2 {width: 530px; height: 45px; background: url(../recruit/img/h2.gif) no-repeat; margin: 20px 0 20px 50px;} #recruit h4 {width: 110px; height: 18px; background: url(../recruit/img/h4.gif) no-repeat; margin: 10px 0;} #recruit h3#h3_03 {width: 180px; height: 20px; background: url(../recruit/img/h3_03.gif) no-repeat; margin: 20px 0 10px;} #recruit h3#h3_04 {width: 180px; height: 20px; background: url(../recruit/img/h3_04.gif) no-repeat; margin: 20px 0 10px;} */ table {margin: 10px 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;} th {padding: 5px; color: #3F3333; background: #C7BBA3; font-weight: normal; text-align: left;} td {padding: 5px; color: #3F3333; background: #E3DDD1;} #recruit #area_00 {width: 420px; float: left;} #recruit #area_01 {width: 590px;} #recruit #area_01 div {width: 180px; float: left; margin: 0 0 0 15px;} #recruit #area_01 li {margin: 3px 0 3px 5px;} #recruit #area_01 li a {color:#DE5F02;} #recruit #area_01 h4 {line-height: 150%; font-size: 110%;} #recruit #area_02 {width: 530px; margin: 0 0 0 50px;} /* .voice {width: 340px; float: left; background: url(../recruit/img/bg_top.gif) no-repeat; } .voice p.voice_top {width: 330px; padding:5px;} .voice p.voice_bottom {width: 340px; background: url(../recruit/img/bg_bottom.gif) no-repeat left bottom; color: #FFEBA7; font-size: 1px; padding: 5px; line-height: 1px;} #recruit #area_01 p,#recruit #area_02 p {text-align: left;} #recruit #area_01 img,#recruit #area_02 img {float: right;} */ /*---------------------------------------------- recruit 2008.9.12 ---------------------------------------------*/ #recruit_navi {width: 500px; height: 25px; margin: 0; padding: 0;} #recruit_navi li {float: left; display: block; height: 25px; margin: 0; padding: 0;} #recruit_navi li a {float: left; display: block; height: 25px; text-indent:-9999px;} li#r_top a {background:url(../recruit/img/recruit_navi.gif) no-repeat 0 0; width:85px;} li#r_front a {background:url(../recruit/img/recruit_navi.gif) no-repeat -85px 0; width:150px;} li#r_nakai a {background:url(../recruit/img/recruit_navi.gif) no-repeat -235px 0; width:135px;} li#r_chouri a {background:url(../recruit/img/recruit_navi.gif) no-repeat -370px 0; width:130px;} li#r_top a:hover,body#recruit li#r_top a {background:url(../recruit/img/recruit_navi_h.gif) no-repeat 0 0; width:85px;} li#r_front a:hover,body#front li#r_front a {background:url(../recruit/img/recruit_navi_h.gif) no-repeat -85px 0; width:150px;} li#r_nakai a:hover,body#nakai li#r_nakai a {background:url(../recruit/img/recruit_navi_h.gif) no-repeat -235px 0; width:135px;} li#r_chouri a:hover,body#chouri li#r_chouri a {background:url(../recruit/img/recruit_navi_h.gif) no-repeat -370px 0; width:130px;} #recruit h2 {width: 420px; height: 65px; background: url(../recruit/img/h2_2.gif) no-repeat;} /*--------------- common ----------------*/ #front p#rec_navi,#nakai p#rec_navi,#chouri p#rec_navi {background: #E3DDD1; border: 1px solid #CDC4B1; margin: 20px 0; padding: 8px; text-align: center;} #front p#rec_navi a,#nakai p#rec_navi a,#chouri p#rec_navi a {color: #DE5F02; text-decoration: underline;} #front #area_01 table,#nakai #area_01 table,#chouri #area_01 table {margin: 0 0 0 50px;} #table_01 td {background: none; border: none; margin: 0; padding: 0;} #front #area_02 table,#nakai #area_02 table,#chouri #area_02 table {border: none; margin: 0; padding: 0;} #front #area_02 table td,#nakai #area_02 table td,#chouri #area_02 table td {vertical-align: top; padding: 5px 0;} #front #area_02,#nakai #area_02,#chouri #area_02 {background: url(../recruit/img/area_02_bg.gif) repeat-y; padding: 0 0 0 10px; margin: 0;} #front #area_03 h4,#nakai #area_03 h4,#chouri #area_03 h4 {width: 590px; height: 18px; display: block; text-indent: -9999px; margin: 15px 0 15px 20px;} #front #area_03 h4#h4_01,#nakai #area_03 h4#h4_01,#chouri #area_03 h4#h4_01 {background: url(../recruit/img/h4_q_01.gif) no-repeat;} #front #area_03 h4#h4_02,#nakai #area_03 h4#h4_02,#chouri #area_03 h4#h4_02 {background: url(../recruit/img/h4_q_02.gif) no-repeat;} #front #area_03 h4#h4_03,#nakai #area_03 h4#h4_03,#chouri #area_03 h4#h4_03 {background: url(../recruit/img/h4_q_03.gif) no-repeat;} #front #area_03 p,#nakai #area_03 p,#chouri #area_03 p {background: #E3DDD1; padding: 5px; margin: 0 10px 0 20px;} /*--------------- front ----------------*/ #front h2#h3_01 {width: 290px; height: 20px; background: url(../recruit/img/h3_f_01.gif) no-repeat; margin: 20px 0 10px;} #front h3#h3_02 {width: 290px; height: 20px; background: url(../recruit/img/h3_f_02.gif) no-repeat; margin: 20px 0 10px;} #front h3#h3_03 {width: 340px; height: 20px; background: url(../recruit/img/h3_f_03.gif) no-repeat; margin: 20px 0 10px;} /*--------------- nakai ----------------*/ #nakai h2#h3_01 {width: 290px; height: 20px; background: url(../recruit/img/h3_n_01.gif) no-repeat; margin: 20px 0 10px;} #nakai h3#h3_02 {width: 290px; height: 20px; background: url(../recruit/img/h3_n_02.gif) no-repeat; margin: 20px 0 10px;} #nakai h3#h3_03 {width: 340px; height: 20px; background: url(../recruit/img/h3_n_03.gif) no-repeat; margin: 20px 0 10px;} /*--------------- chouri ----------------*/ #chouri h2#h3_01 {width: 290px; height: 20px; background: url(../recruit/img/h3_c_01.gif) no-repeat; margin: 20px 0 10px;} /*--------------- Hack for IE6 ----------------*/ /* \*/ *html #recruit #area_01 div {width: 180px; float: left; margin: 0 0 0 12px;} *html th {font-size: 80%;} *html td {font-size: 80%;} /* */