@charset "utf-8"; 
/*
 * This Stylesheet was based on Yahoo! UI Library's Reset and Fonts CSS.
 * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 * http://developer.yahoo.com/yui/reset/
 * http://developer.yahoo.com/yui/fonts/
 * http://developer.yahoo.net/yui/license.txt
*/

html {
  color: #333;
  background: #e9ecf2;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 113%;
  font-weight: bold;
}

fieldset {
  border: none;
}

input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,textarea,select {
  *font-size: 100%;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

body {
  background: #e9ecf2;
  font: 13px/1.231 Helvetica, Arial, sans-serif;
  *font-size: small;
  *font: x-small;
}

table {
  font-size: inherit;
  font: 100%;
}

table th {
  text-align: left;
}

/* ----------------------------------------
 * floating- clear
 * ---------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* ----------------------------------------
 * 角丸矩形下端
 * ---------------------------------------- */
.round .bottom {
  line-height: 1;
  font-size: 1px;
}

/* ----------------------------------------
 * 要素ごとのスタイル
 * ---------------------------------------- */
/* テキスト・リンクカラー */
a,
a:link {
  color: #039;
  text-decoration: underline;
}

a:visited {
  color: #039;
}

a:hover,
a:active {
  color: #039;
}

.red {
  color: #f63400;
}

p, ul, ol,
ul li,
ol li,
table,
table th,
table td {
  font-size: 100%;
}

p {
  line-height: 1.3;
  font-size: 93%;
}

dt,
dd {
  *font-size: 93%;  /* for Win IE */
}

li {
  line-height: 1.3;
  font-size: 93%;
}

/* 行頭ポイント付きリスト */
ul.pt,
ol.pt {
  margin-left: 14px;
}

ul.pt li,
ol.pt li {
  padding: 0 0 2px 12px;
  position: relative;
  background: transparent url(./images/pt.png) no-repeat 0 6px;
}

ul.pt ul,
ol.pt ul,
ul.pt ol,
ol.pt ol {
  margin-top: 2px;
}

/* ポイントなしリスト */
ul.plain li {
  padding: 0;
  background: none;
}

/* 番号付きリスト */
ol.num {
  margin: 0 0 13px 25px;
}
ol.num li {
  list-style-type: decimal;
}
/* -- ISP変更ここから 2009/02/24 -- */
ul.num {
  margin: 0;
  padding: 0px 20px 0px 110px;
}
ul.num li {
  list-style-type: disc;
}
/* -- ISP変更ここまで -- */

table th,
table td {
  
}

table td ul,
table td ul li,
dl dd ul,
dl dd ul li {
  font-size: 100%;
}

strong {
  font-weight: bold;
}

.block {
  display: block;
}

/* ----------------------------------------
 * ワイヤーフレームレイアウト
 * ---------------------------------------- */
body {
  text-align: center;
}

/* 全てを囲むボックス #doc */
#doc {
  margin: 0 auto;
  position: relative;
  width: 780px;
  line-height: 1.5;
  background: #fff url(./images/contentbg.png) repeat-y;
}

/* ヘッダ #header */
#header {
  padding: 32px 24px 0 4px;
  position: relative;
  height: 78px;
  _height: 110px;  /* for Win IE6 */
  overflow: hidden;
  background: url(./images/header_bg.png) no-repeat left top;
  text-align: left;
}

#header .logo {
  margin-top: 10px;
  float: left;
  width: 95px;
  height: 67px;
}

#header .menuarea {
  float: right;
  width: 300px;
  height: 77px;
}

/* ヘッダナビゲーション #headnav (html側のli要素にcurrentクラスを与えるとアクティブ化) */
ul#headnav {
  margin: 0 0 28px 80px;
  width: 220px;
  height: 20px;
  overflow: hidden;
  text-align: left;
}

ul#headnav li {
  float: left;
  height: 20px;
}

ul#headnav li a {
  display: block;
  height: 20px;
}

ul#headnav li.official a {
  width: 82px;
  background: url(./images/headnav_isp_official.png) no-repeat;
}

ul#headnav li.review a {
  width: 86px;
  background: url(./images/headnav_review.png) no-repeat;
}

ul#headnav li.ispnet a {
  width: 52px;
  background: url(./images/headnav_ispnet.png) no-repeat;
}

ul#headnav li.official,
ul#headnav li.official.current a.official {
  width: 82px;
  background: url(./images/headnav_isp_official_on.png) no-repeat;
}

ul#headnav li.review,
ul#headnav li.review.current a.review {
  width: 86px;
  background: url(./images/headnav_review_on.png) no-repeat;
}

ul#headnav li.ispnet,
ul#headnav li.ispnet.current a.ispnet {
  width: 52px;
  background: url(./images/headnav_ispnet_on.png) no-repeat;
}

ul#headnav li a strong {
  display: none;
}

/* システム計画研究所／ISP */
#header .company-name {
  text-align: right;
}

/* フッタ #footer */
#footer {
  padding: 9px 4px 0 4px;
  background: #e9ecf2 url(./images/footer_bg.png) no-repeat left top;
}

#footer ul {
  margin-top: 5px;
  border-left: 1px solid #babdc2;
  float: left;
  width: 320px;
  line-height: 1;
  text-align: left;
}

#footer ul li {
  padding: 0 5px;
  *padding: 0 5px 0 10px;  /* for Win IE */
  border-right: 1px solid #babdc2;
  display: inline;
  font-size: 85%;
  *font-size: 70%;
}

#footer ul li a {
  color: #000;
  text-decoration: none;
}

#footer address {
  padding: 4px 0 15px 0;
  float: right;
  display: block;
  width: 320px;
  font-size: 85%;
  text-align: right;
}

/* グローバルナビゲーション #nav (html側のli要素にcurrentクラスを与えるとアクティブ化) */
#nav {
  height: 29px;
  overflow: hidden;
}

#nav li {
  float: left;
  width: 154px;
  height: 29px;
}

#nav li a {
  display: block;
  width: 154px;
  height: 29px;
}

#nav li.home,
#nav li.current a.home {
  width: 156px;
  background: url(./images/nav_home_on.png) no-repeat;
}

#nav li.guidance,
#nav li.current a.guidance {
  background: url(./images/nav_guidance_on.png) no-repeat;
}

#nav li.profile,
#nav li.current a.profile {
  background: url(./images/nav_profile_on.png) no-repeat;
}

#nav li.employment,
#nav li.current a.employment {
  background: url(./images/nav_employment_on.png) no-repeat;
}

#nav li.access,
#nav li.current a.access {
  background: url(./images/nav_access_on.png) no-repeat;
}

#nav li.home a {
  width: 156px;
  background: url(./images/nav_home.png) no-repeat;
}

#nav li.guidance a {
  background: url(./images/nav_guidance.png) no-repeat;
}

#nav li.profile a {
  background: url(./images/nav_profile.png) no-repeat;
}

#nav li.employment a {
  background: url(./images/nav_employment.png) no-repeat;
}

#nav li.access a {
  background: url(./images/nav_access.png) no-repeat;
}

#nav li a strong {
  display: none;
}

/* コンテンツエリア */
#contents {
  margin: 0 0 0 4px;
  *margin: 0;  /* for Win IE */
  position: relative;
  width: 772px;
  background: url(./images/contents_bg.png) repeat-y;
  text-align: left;
}

#main {
  position: relative;
  float: right;
  width: 616px;
}

#main.info {
  background: url(./images/info/main_info_bg.png) no-repeat left top!important;
}

#profile {
  background: url(./images/profile/main_profile_bg.png) no-repeat right top!important;
}

#main.profile {
  background: url(./images/profile/main_profile_bg.png) no-repeat left top!important;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/1追加分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
#member {
  background: url(./images/member/main_member_bg.png) no-repeat right top!important;
}
/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/1追加分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
#main.member {
  background: url(./images/member/main_member_bg.png) no-repeat left top!important;
}

#member-top {
  background: url(./images/member/main_member_top_bg.png) no-repeat right top!important;
}

#main.member-top {
  background: url(./images/member/main_member_top_bg.png) no-repeat left top!important;
}

#qa {
  background: url(./images/qa/main_qa_bg.png) no-repeat right top!important;
}

#main.qa {
  background: url(./images/qa/main_qa_bg.png) no-repeat left top!important;
}

#inquiry {
  background: url(./images/inquiry/main_inquiry_bg.png) no-repeat right top!important;
}

#main.inquiry {
  background: url(./images/inquiry/main_inquiry_bg.png) no-repeat left top!important;
}

.sub {
  float: left;
  width: 156px;
}

/* トップへ移動ページ内リンク */
.totop {
  padding: 0 10px 13px 0;
  text-align: right;
  font-size: 85%;
}

.totop a {
  padding-left: 12px;
  background: url(./images/totop.png) no-repeat 0 5px;
}

/* ----------------------------------------
 * サイドメニュー .sub #side-menu
 * ---------------------------------------- */
#sub-info {
  background: url(./images/sub/sub_bg_info.png) no-repeat;
}

#sub-profile {
  background: url(./images/sub/sub_bg_profile.png) no-repeat!important;
}

#sub-member {
  background: url(./images/sub/sub_bg_member.png) no-repeat!important;
}

#sub-qa {
  background: url(./images/sub/sub_bg_qa.png) no-repeat!important;
}

#sub-inquiry {
  background: url(./images/sub/sub_bg_inquiry.png) no-repeat!important;
  height: 500px;
}

#side-menu {
  margin: 9px 8px 0 8px;
  background: transparent;
}

#side-menu li,
#side-menu li div,
#side-menu li a {
  display: block;
  width: 139px;
  line-height: 1;
  background: transparent;
}

#side-menu li a strong {
  display: none;
}

/* 採用案内 */
#side-menu li.employment div {
  height: 33px;
  background: transparent url(./images/sub/sub_employment_on.png) no-repeat;
}

/* 会社案内を表示中の採用案内 */
#sub-profile #side-menu li.employment div {
  height: 39px;
  background: transparent url(./images/sub/sub_employment1_on.png) no-repeat;
}

#sub-profile #side-menu li.employment div a.employment {
  height: 39px;
  background: transparent url(./images/sub/sub_employment1.png) no-repeat;
}

/* 所員の声を表示中の採用案内 */
#sub-member #side-menu li.employment div {
  height: 33px;
  background: transparent url(./images/sub/sub_employment2_on.png) no-repeat;
}

#sub-member #side-menu li.employment div a.employment {
  height: 33px;
  background: transparent url(./images/sub/sub_employment2.png) no-repeat;
}

/* Q＆Aを表示中の採用案内 */
#sub-qa #side-menu li.employment div {
  height: 33px;
  background: transparent url(./images/sub/sub_employment3_on.png) no-repeat;
}

#sub-qa #side-menu li.employment div a.employment {
  height: 33px;
  background: transparent url(./images/sub/sub_employment3.png) no-repeat;
}

/* お問い合わせを表示中の採用案内 */
#sub-inquiry #side-menu li.employment div {
  height: 33px;
  background: transparent url(./images/sub/sub_employment4_on.png) no-repeat;
}

#sub-inquiry #side-menu li.employment div a.employment {
  height: 33px;
  background: transparent url(./images/sub/sub_employment4.png) no-repeat;
}

/* エントリー */
.sub.info #side-menu li.employment li.employment1 div {
  height: 23px;
  background: transparent url(./images/sub/sub_employment_01_on.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment1 div a {
  height: 23px;
  background: transparent url(./images/sub/sub_employment_01.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment1.current div a.employment1 {
  height: 23px;
  background: transparent url(./images/sub/sub_employment_01_active.png) no-repeat;
}

/* 会社セミナー */
.sub.info #side-menu li.employment li.employment2 div {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_02_on.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment2 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_02.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment2.current div a.employment2 {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_02_active.png) no-repeat;
}

/* セミナーの内容 */
.sub.info #side-menu li.employment li li.employment3 div {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_03_on.png) no-repeat;
}

.sub.info #side-menu li.employment li li.employment3 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_03.png) no-repeat;
}

.sub.info #side-menu li.employment li li.employment3.current div a.employment3 {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_03_active.png) no-repeat;
}

/* 日時と予約 */
.sub.info #side-menu li.employment li li.employment4 div {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_04_on.png) no-repeat;
}

.sub.info #side-menu li.employment li li.employment4 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_04.png) no-repeat;
}

.sub.info #side-menu li.employment li li.employment4.current div a.employment4 {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_04_active.png) no-repeat;
}

/* 予備選考について */
.sub.info #side-menu li.employment li li.employment5 div {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_05_on.png) no-repeat;
}

.sub.info #side-menu li.employment li li.employment5 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_05.png) no-repeat;
}

.sub.info #side-menu li.employment li li.employment5.current div a.employment5 {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_05_active.png) no-repeat;
}

/* 選考について */
.sub.info #side-menu li.employment li.employment6 div {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_06_on.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment6 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_06.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment6.current div a.employment6 {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_06_active.png) no-repeat;
}

/* 募集要項 */
.sub.info #side-menu li.employment li.employment7 div {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_07_on.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment7 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_07.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment7.current div a.employment7 {
  height: 24px;
  background: transparent url(./images/sub/sub_employment_07_active.png) no-repeat;
}

/* 勤務条件 */
.sub.info #side-menu li.employment li.employment8 div {
  height: 31px;
  background: transparent url(./images/sub/sub_employment_08_on.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment8 div a {
  height: 31px;
  background: transparent url(./images/sub/sub_employment_08.png) no-repeat;
}

.sub.info #side-menu li.employment li.employment8.current div a.employment8 {
  height: 31px;
  background: transparent url(./images/sub/sub_employment_08_active.png) no-repeat;
}

/* 会社紹介 */
#side-menu li.profile div {
  height: 36px;
  background: transparent url(./images/sub/sub_profile_on.png) no-repeat;
}

#side-menu li.profile a {
  height: 36px;
  background: url(./images/sub/sub_profile.png) no-repeat;
}

/* 会社紹介選択時 */
#side-menu li.profile.current a.profile,
#side-menu li.profile.current div {
  height: 33px;
}

/* 所員の声を表示中の会社紹介 */
#sub-member #side-menu li.profile div {
  height: 45px;
  background: transparent url(./images/sub/sub_profile2_on.png) no-repeat;
}

#sub-member #side-menu li.profile div a.profile {
  height: 45px;
  background: transparent url(./images/sub/sub_profile2.png) no-repeat;
}

/* Q＆Aを表示中の会社紹介 */
#sub-qa #side-menu li.profile div {
  height: 39px;
  background: transparent url(./images/sub/sub_profile3_on.png) no-repeat;
}

#sub-qa #side-menu li.profile div a.profile {
  height: 39px;
  background: transparent url(./images/sub/sub_profile3.png) no-repeat;
}

/* お問い合わせを表示中の会社紹介 */
#sub-inquiry #side-menu li.profile div {
  height: 39px;
  background: transparent url(./images/sub/sub_profile4_on.png) no-repeat;
}

#sub-inquiry #side-menu li.profile div a.profile {
  height: 39px;
  background: transparent url(./images/sub/sub_profile4.png) no-repeat;
}

/* トップインタビュー */
.sub.profile #side-menu li.profile li.profile1 div {
  height: 23px;
  background: transparent url(./images/sub/sub_profile_01_on.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile1 div a {
  height: 23px;
  background: transparent url(./images/sub/sub_profile_01.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile1.current div a.profile1 {
  height: 23px;
  background: transparent url(./images/sub/sub_profile_01_active.png) no-repeat;
}

/* 会社概要 */
.sub.profile #side-menu li.profile li.profile2 div {
  height: 24px;
  background: transparent url(./images/sub/sub_profile_02_on.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile2 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_profile_02.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile2.current div a.profile2 {
  height: 24px;
  background: transparent url(./images/sub/sub_profile_02_active.png) no-repeat;
}

/* 事業紹介 */
.sub.profile #side-menu li.profile li.profile3 div {
  height: 24px;
  background: transparent url(./images/sub/sub_profile_03_on.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile3 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_profile_03.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile3.current div a.profile3 {
  height: 24px;
  background: transparent url(./images/sub/sub_profile_03_active.png) no-repeat;
}

/* 教育・研修 */
.sub.profile #side-menu li.profile li.profile4 div {
  height: 32px;
  background: transparent url(./images/sub/sub_profile_04_on.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile4 div a {
  height: 32px;
  background: transparent url(./images/sub/sub_profile_04.png) no-repeat;
}

.sub.profile #side-menu li.profile li.profile4.current div a.profile4 {
  height: 32px;
  background: transparent url(./images/sub/sub_profile_04_active.png) no-repeat;
}

/* 所員の声 */
#side-menu li.member div {
  height: 39px;
  background: transparent url(./images/sub/sub_member_on.png) no-repeat;
}

#side-menu li.member a {
  height: 39px;
  background: url(./images/sub/sub_member.png) no-repeat;
}

.sub.member #side-menu li.member.current a.member,
.sub.member #side-menu li.member.current div {
  height: 33px;
  background: url(./images/sub/sub_member_active.png) no-repeat;
}

/* 会社案内を表示中の所員の声 */
#sub-profile #side-menu li.member div {
  height: 36px;
  background: transparent url(./images/sub/sub_member1_on.png) no-repeat;
}

#sub-profile #side-menu li.member div a.member {
  height: 36px;
  background: transparent url(./images/sub/sub_member1.png) no-repeat;
}

/* Q＆Aを表示中の所員の声 */
#sub-qa #side-menu li.member div {
  height: 45px;
  background: transparent url(./images/sub/sub_member3_on.png) no-repeat;
}

#sub-qa #side-menu li.member div a.member {
  height: 45px;
  background: transparent url(./images/sub/sub_member3.png) no-repeat;
}

/* お問い合わせを表示中の所員の声 */
#sub-inquiry #side-menu li.member div {
  height: 39px;
  background: transparent url(./images/sub/sub_member4_on.png) no-repeat;
}

#sub-inquiry #side-menu li.member div a.member {
  height: 39px;
  background: transparent url(./images/sub/sub_member4.png) no-repeat;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/1修正分　2009/10/1修正追加
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */

/* 医療プロダクツ */
.sub.member #side-menu li.member li.member1 div {
  height: 23px;
  background: transparent url(./images/sub/sub_member_01_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member1 div a {
  height: 23px;
  background: transparent url(./images/sub/sub_member_01.png) no-repeat;
}

.sub.member #side-menu li.member li.member1.current div a.member1 {
  height: 23px;
  background: transparent url(./images/sub/sub_member_01_active.png) no-repeat;
}

/* 医療Webシステム */
.sub.member #side-menu li.member li.member2 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_02_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member2 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_02.png) no-repeat;
}

.sub.member #side-menu li.member li.member2.current div a.member2 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_02_active.png) no-repeat;
}

/* プラント制御システム */
.sub.member #side-menu li.member li.member3 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_03_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member3 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_03.png) no-repeat;
}

.sub.member #side-menu li.member li.member3.current div a.member3 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_03_active.png) no-repeat;
}

/* 半導体検査装置 */
.sub.member #side-menu li.member li.member4 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_04_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member4 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_04.png) no-repeat;
}

.sub.member #side-menu li.member li.member4.current div a.member4 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_04_active.png) no-repeat;
}

/* 次世代無線通信 */
.sub.member #side-menu li.member li.member5 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_05_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member5 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_05.png) no-repeat;
}

.sub.member #side-menu li.member li.member5.current div a.member5 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_05_active.png) no-repeat;
}

/* Webアプリケーション */
.sub.member #side-menu li.member li.member6 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_06_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member6 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_06.png) no-repeat;
}

.sub.member #side-menu li.member li.member6.current div a.member6 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_06_active.png) no-repeat;
}

/* IPA未踏プロジェクトン */
.sub.member #side-menu li.member li.member7 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_07_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member7 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_07.png) no-repeat;
}

.sub.member #side-menu li.member li.member7.current div a.member7 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_07_active.png) no-repeat;
}

/* 画像処理技術 */
.sub.member #side-menu li.member li.member8 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_08_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member8 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_08.png) no-repeat;
}

.sub.member #side-menu li.member li.member8.current div a.member8 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_08_active.png) no-repeat;
}

/* 新人研修 */
.sub.member #side-menu li.member li.member9 div {
  height: 24px;
  background: transparent url(./images/sub/sub_member_09_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member9 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_member_09.png) no-repeat;
}

.sub.member #side-menu li.member li.member9.current div a.member9 {
  height: 24px;
  background: transparent url(./images/sub/sub_member_09_active.png) no-repeat;
}

/* 自由研究 */
.sub.member #side-menu li.member li.member10 div {
  height: 32px;
  background: transparent url(./images/sub/sub_member_10_on.png) no-repeat;
}

.sub.member #side-menu li.member li.member10 div a {
  height: 32px;
  background: transparent url(./images/sub/sub_member_10.png) no-repeat;
}

.sub.member #side-menu li.member li.member10.current div a.member10 {
  height: 32px;
  background: transparent url(./images/sub/sub_member_10_active.png) no-repeat;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/1修正分　2009/10/1修正追加
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */

/* Q＆A */
#side-menu li.qa div {
  height: 39px;
  background: transparent url(./images/sub/sub_qa_on.png) no-repeat;
}

#side-menu li.qa a {
  height: 39px;
  background: url(./images/sub/sub_qa.png) no-repeat;
}

/* Q＆A選択時 */
#side-menu li.current.qa div,
#side-menu li.current.qa div a.qa {
  height: 33px;
}

/* 採用案内を表示中のQ＆A */
#sub-info #side-menu li.qa div {
  height: 39px;
  background: transparent url(./images/sub/sub_qa_on.png) no-repeat;
}

#sub-info #side-menu li.qa div a.qa {
  height: 39px;
  background: transparent url(./images/sub/sub_qa.png) no-repeat;
}

/* 会社案内を表示中のQ＆A */
#sub-profile #side-menu li.qa div {
  height: 39px;
  background: transparent url(./images/sub/sub_qa1_on.png) no-repeat;
}

#sub-profile #side-menu li.qa div a.qa {
  height: 39px;
  background: transparent url(./images/sub/sub_qa1.png) no-repeat;
}

/* 所員の声を表示中のQ＆A */
#sub-member #side-menu li.qa div {
  height: 36px;
  background: transparent url(./images/sub/sub_qa2_on.png) no-repeat;
}

#sub-member #side-menu li.qa div a.qa {
  height: 36px;
  background: transparent url(./images/sub/sub_qa2.png) no-repeat;
}

/* お問い合わせを表示中のQ＆A */
#sub-inquiry #side-menu li.qa div {
  height: 39px;
  background: transparent url(./images/sub/sub_qa4_on.png) no-repeat;
}

#sub-inquiry #side-menu li.qa div a.qa {
  height: 39px;
  background: transparent url(./images/sub/sub_qa4.png) no-repeat;
}

/* 詳しい業務内容は？ */
.sub.qa #side-menu li.qa li.qa1 div {
  height: 23px;
  background: transparent url(./images/sub/sub_qa_01_on.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa1 div a {
  height: 23px;
  background: transparent url(./images/sub/sub_qa_01.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa1.current div a.qa1 {
  height: 23px;
  background: transparent url(./images/sub/sub_qa_01_active.png) no-repeat;
}

/* 大学の専攻は関係する？ */
.sub.qa #side-menu li.qa li.qa2 div {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_02_on.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa2 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_02.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa2.current div a.qa2 {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_02_active.png) no-repeat;
}

/* システムプランナって？ */
.sub.qa #side-menu li.qa li.qa3 div {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_03_on.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa3 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_03.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa3.current div a.qa3 {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_03_active.png) no-repeat;
}

/* プログラマは35歳定年？ */
.sub.qa #side-menu li.qa li.qa4 div {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_04_on.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa4 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_04.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa4.current div a.qa4 {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_04_active.png) no-repeat;
}

/* 「自由研究」制度とは？ */
.sub.qa #side-menu li.qa li.qa5 div {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_05_on.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa5 div a {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_05.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa5.current div a.qa5 {
  height: 24px;
  background: transparent url(./images/sub/sub_qa_05_active.png) no-repeat;
}

/* 会社資料の請求は？ */
.sub.qa #side-menu li.qa li.qa6 div {
  height: 32px;
  background: transparent url(./images/sub/sub_qa_06_on.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa6 div a {
  height: 32px;
  background: transparent url(./images/sub/sub_qa_06.png) no-repeat;
}

.sub.qa #side-menu li.qa li.qa6.current div a.qa6 {
  height: 32px;
  background: transparent url(./images/sub/sub_qa_06_active.png) no-repeat;
}

/* 採用お問い合わせ */
#side-menu li.inquiry div {
  height: 51px;
  background: transparent url(./images/sub/sub_inquiry_on.png) no-repeat;
}

#side-menu li.inquiry a {
  height: 51px;
  background: url(./images/sub/sub_inquiry.png) no-repeat;
}

/* 会社案内を表示中のお問い合わせ */
#sub-profile #side-menu li.inquiry div {
  height: 51px;
  background: transparent url(./images/sub/sub_inquiry1_on.png) no-repeat;
}

#sub-profile #side-menu li.inquiry div a.inquiry {
  height: 51px;
  background: transparent url(./images/sub/sub_inquiry1.png) no-repeat;
}

/* 所員の声を表示中のお問い合わせ */
#sub-member #side-menu li.inquiry div {
  height: 51px;
  background: transparent url(./images/sub/sub_inquiry2_on.png) no-repeat;
}

#sub-member #side-menu li.inquiry div a.inquiry {
  height: 51px;
  background: transparent url(./images/sub/sub_inquiry2.png) no-repeat;
}

/* Q＆Aを表示中のお問い合わせ */
#sub-qa #side-menu li.inquiry div {
  height: 33px;
  background: transparent url(./images/sub/sub_inquiry3_on.png) no-repeat;
}

#sub-qa #side-menu li.inquiry div a.inquiry {
  height: 33px;
  background: transparent url(./images/sub/sub_inquiry3.png) no-repeat;
}

/* 採用要綱(PDF) */
#side-menu li.download div {
  height: 40px;
  background: transparent url(./images/sub/sub_download_on.png) no-repeat;
}

#side-menu li.download a {
  height: 40px;
  background: url(./images/sub/sub_download.png) no-repeat;
}

/* サイドバーのマウスオーバー処理 */
.sub #side-menu li a:hover {
  background-image: none!important;
}

/* IE隙間対策 */
#side-menu li {
  *margin-bottom: -2px;  /* for Win IE */
}

/* IE隙間対策によって入れ子のリストの下端が縮まるのを上書き */
#side-menu li.employment,
#side-menu li.profile,
#side-menu li.member,
#side-menu li.qa {
  *margin-bottom: 0;  /* for Win IE */
}

#sub-profile #side-menu li.profile,
#side-menu li.member,
#side-menu li.qa {
  *margin-top: -3px;  /* for Win IE */
}

#sub-employment #side-menu li.employment2,
#sub-employment #side-menu li.employment8,
#sub-profile #side-menu li.profile4,
#sub-member #side-menu li.member8,
#sub-qa #side-menu li.qa6 {
  *margin-bottom: 0;  /* for Win IE */
}

/* ----------------------------------------
 * 共通パーツ
 * ---------------------------------------- */
.wrapper {
  margin: 40px;
}

.wrapper p {
  margin-bottom: 25px;
  line-height: 1.4;
}

ul.button-menu {
  margin: 0 0 40px 51px;
  width: 518px;
}

ul.button-menu li {
  float: left;
}

ul.button-menu li,
ul.button-menu a {
  display: block;
  width: 259px;
  height: 58px;
}

ul.button-menu a strong {
  display: none;
}

ul.button-menu li a:hover {
  background-image: none!important;
}

/* ----------------------------------------
 * 採用情報トップページ index.html
 * ---------------------------------------- */

/* 採用情報トップ用コンテンツエリア背景 (indexクラスが付いた#contentsの場合、背景がリード文章用) */
#contents.index {
  background: url(./images/lead_bg.png) no-repeat left top;
}

/* 採用情報トップ　リード文章 */
#lead {
  position: relative;
  height: 252px;
  background: url(./images/lead_bg.png) no-repeat left top;
}

#lead h1 {
  position: absolute;
  top: 49px;
  right: 0;
  width: 362px;
}

#lead p {
  position: absolute;
  top: 97px;
  right: 0;
  width: 362px;
}

/* 採用情報トップ　メニューエリア */
#menuarea {
  margin: 0 34px;
  position: relative;
}

#menuarea li a {
  margin: 30px 0 0 80px;
  display: block;
  width: 72px;
  height: 15px;
}

#menuarea li a strong {
  display: none;
}

#menuarea li p {
  font-size: 93%;
  letter-spacing: -1px;
  *letter-spacing: 0;  /* for Win IE */
}

/* 採用情報トップ・採用案内 */
#menuarea li.employment {
  float: left;
  width: 232px;
  min-height: 98px;
  background: url(./images/menu_employment.png) no-repeat;
}

#menuarea li.employment a {
  background: url(./images/menu_a_employment.png) no-repeat;
}

#menuarea li.employment p {
  padding: 20px 20px 0 0;
}

/* 採用情報トップ・会社紹介 */
#menuarea li.profile {
  float: left;
  width: 230px;
  min-height: 98px;
  background: url(./images/menu_profile.png) no-repeat;
}

#menuarea li.profile a {
  background: url(./images/menu_a_profile.png) no-repeat;
}

#menuarea li.profile p {
  padding: 20px 20px 0 0;
}

/* 採用情報トップ・所員の声 */
#menuarea li.member {
  float: left;
  width: 241px;
  min-height: 98px;
  background: url(./images/menu_member.png) no-repeat;
}

#menuarea li.member a {
  margin: 30px 0 0 82px;
  background: url(./images/menu_a_member.png) no-repeat;
}

#menuarea li.member p {
  padding: 20px 0 18px 82px;
}

/* 採用情報トップ・採用Information, Q＆A, 採用お問い合わせ,採用要綱ダウンロードを含むエリア */
#menuarea .clearfix {
  position: relative;
}

/* 採用情報トップ・採用Informationのボックス */
#menuarea .clearfix .information {
  margin-top: 15px;
  margin-bottom: 30px;
  float: left;
  width: 426px;
}

#menuarea .clearfix .information dl {
  background: url(./images/round_bg.png) repeat-y;
}

#menuarea .clearfix .information dd {
  padding-bottom: 10px;
  background: url(./images/round_bottom.png) no-repeat left bottom;
}

#menuarea .clearfix .information dd ul {
  margin: 0;
  padding: 12px 10px 5px 15px;
  float: none;
  width: auto;
  line-height: 1.5;
  font-size: 93%;
  *font-size: 85%  /* for Win IE */
}

#menuarea .clearfix .information dd ul li {
  margin: 0 10px 16px 20px;
  list-style-type: disc;
}

#menuarea .clearfix .information dd ul li.last {
  margin-bottom: 0;
}

/* 採用情報トップ・Q＆A, 採用お問い合わせ,採用要綱ダウンロードを含むエリア */
#menuarea .clearfix ul {
  float: right;
  width: 241px;
}

/* 採用情報トップ・Q＆A */
#menuarea li.qa {
  width: 241px;
  min-height: 104px;
  background: url(./images/menu_qa.png) no-repeat left top;
}

#menuarea li.qa div.title {
  padding-top: 33px;
}

#menuarea li.qa a {
  margin: 0 0 0 82px;
  background: url(./images/menu_a_qa.png) no-repeat;
}

#menuarea li.qa p {
  padding: 5px 0 18px 82px;
}

/* 採用情報トップ・採用お問い合わせ */
#menuarea li.inquiry {
  width: 241px;
  height: 50px;
  background: url(./images/menu_inquiry.png) no-repeat;
}

#menuarea li.inquiry div.title {
  padding-top: 8px;
}

#menuarea li.inquiry a {
  margin: 0 0 0 82px;
  width: 124px;
  background: url(./images/menu_a_inquiry.png) no-repeat;
}

/* 採用情報トップ・ダウンロード */
#menuarea li.download {
  margin-bottom: 15px;
  width: 241px;
  min-height: 47px;
  _height: 47px;  /* for Win IE6 */
  background: url(./images/menu_download.png) no-repeat;
}

#menuarea li.download div.title {
  padding-top: 11px;
}

#menuarea li.download a {
  margin: 0 0 0 82px;
  width: 159px;
  background: url(./images/menu_a_download.png) no-repeat;
}

/* 採用情報トップ・メニューのリンクマウスオーバー効果 */
#menuarea li a:hover {
  background: none;
}

/* ----------------------------------------
 * 採用案内 info.html
 * ---------------------------------------- */
/* リード文章 */
p.employment-lead {
  margin-bottom: 35px;
}

/* エントリーボタン・コラム枠を囲むボックス */
div.employment-entry {
  margin: 0 46px 0 53px;
}

/* エントリー関連ボタンエリア */
div.employment-entry ul.entry {
  margin-bottom: 19px;
  width: 516px;
}

/* 横長エントリーボタン */
div.employment-entry ul.entry li.entry {
  width: 516px;
  height: 57px;
  background: url(./images/info/btn_entry_on.png) no-repeat;
}

div.employment-entry ul.entry li.entry a {
  width: 516px;
  height: 57px;
  display: block;
  background: url(./images/info/btn_entry.png) no-repeat;
}

/* 会社セミナーエリア */
div.employment-entry dl.seminar {
  float: left;
  width: 265px;
  height: 203px;
  line-height: 0;
}

div.employment-entry dl.seminar dt {
  margin: 0;
  padding: 0;
  *margin-bottom: -3px;  /* for Win IE */
}

div.employment-entry dl.seminar li,
div.employment-entry dl.seminar li a {
  margin: 0;
  padding: 0;
  display: block!important;
  width: 265px!important;
  height: 51px;
}

div.employment-entry dl.seminar li {
  *margin-bottom: -3px;  /* for Win IE */
}

/* セミナーの内容 */
div.employment-entry dl.seminar li.seminar {
  background: url(./images/info/btn_seminar_on.png) no-repeat;
}

div.employment-entry dl.seminar li.seminar a {
  background: url(./images/info/btn_seminar.png) no-repeat;
}

/* 開催日時と予約方法 */
div.employment-entry dl.seminar li.date {
  background: url(./images/info/btn_date_on.png) no-repeat;
}

div.employment-entry dl.seminar li.date a {
  background: url(./images/info/btn_date.png) no-repeat;
}

/* 予備選考について */
div.employment-entry dl.seminar li.pre {
  height: 58px;
  background: url(./images/info/btn_pre_on.png) no-repeat;
}

div.employment-entry dl.seminar li.pre a {
  height: 58px;
  background: url(./images/info/btn_pre.png) no-repeat;
}

/* 選考について・募集要項・勤務条件ボタンエリア */
div.employment-entry ul.right {
  padding-top: 39px;
  float: right;
  width: 251px;
  line-height: 0;
}

div.employment-entry ul.right li,
div.employment-entry ul.right li a {
  width: 251px!important;
  height: 51px;
  display: block;
}

div.employment-entry ul.right li {
  *margin-bottom: -3px;
}

/* 選考について */
div.employment-entry ul.right li.select {
  background: url(./images/info/btn_select_on.png) no-repeat;
}

div.employment-entry ul.right li.select a {
  background: url(./images/info/btn_select.png) no-repeat;
}

/* 募集要項 */
div.employment-entry ul.right li.recruit {
  background: url(./images/info/btn_recruit_on.png) no-repeat;
}

div.employment-entry ul.right li.recruit a {
  background: url(./images/info/btn_recruit.png) no-repeat;
}

/* 勤務条件 */
div.employment-entry ul.right li.condition {
  background: url(./images/info/btn_condition_on.png) no-repeat;
}

div.employment-entry ul.right li.condition a {
  background: url(./images/info/btn_condition.png) no-repeat;
}

/* エントリー関連ボタンエリア　マウスオーバー処理 */
div.employment-entry li a:hover {
  background-image: none!important;
}

div.employment-entry li a strong {
  display: none;
}

/* 角丸黄枠コラムエリア */
div.employment-entry div.column {
  margin-bottom: 10px;
  padding-top: 68px;
  width: 516px;
  background: url(./images/info/column_top.png) no-repeat left top;
}

div.employment-entry p {
  padding: 0 35px 20px 30px;
  background: url(./images/info/column_bg.png) repeat-y;
}

div.employment-entry div.bottom {
  height: 11px;
  background: url(./images/info/column_bottom.png) no-repeat bottom left;
}

/* ----------------------------------------
 * セミナーの内容 seminar_info.html
 * ---------------------------------------- */
div.column-orange {
  position: relative;
  padding: 0 0 0 0;
  background: transparent url(./images/info/column_or_bg.png) repeat-y;
}

div.column-orange ol {
  margin: 0;
/* -- ISP変更ここから 2008/10/24 --
  padding: 70px 0px 15px 110px;
 * -------------------------------- */
/* -- ISP変更ここから 2009/10/01 --
  padding: 70px 20px 15px 110px;
 * -------------------------------- */
  padding: 70px 20px 0 110px;
/* -- ISP変更ここまで -- */
  background: transparent url(./images/info/column_or_top.png) no-repeat top left;
}

div.column-orange div.bottom {
  height: 7px;
  background: url(./images/info/column_or_bottom.png) no-repeat bottom left;
}

h2.program {
  margin-bottom: 15px;
  font-size: 108%;
}

/* ----------------------------------------
 * 予備選考について seminar_pre.html
 * ---------------------------------------- */
div.pre-button {
  margin: 20px 0 40px 129px;
  width: 266px;
  height: 62px;
  background: url(./images/info/btn_kakomon_on.png) no-repeat;
  text-align: center;
}

div.pre-button a {
  width: 266px;
  height: 62px;
  display: block;
  background: url(./images/info/btn_kakomon.png) no-repeat;
}

div.pre-button a:hover {
  background-image: none;
}

div.pre-button a strong {
  display: none;
}

/* ----------------------------------------
 * 選考について seminar_nominate.html
 * ---------------------------------------- */
ul.people {
  margin-bottom: 30px;
  background: url(./images/dot.png) repeat-x top;
}

ul.people dl {
  padding: 10px 10px 0 0;
  *padding: 5px 10px 0 0;  /* for Win IE */
  position: relative;
  background: url(./images/ico_people.png) no-repeat 5px 7px;
}

ul.people dt {
  padding: 0 0 2px 58px;
  font-size: 108%;
  font-weight: bold;
}

ul.people dd {
  padding: 0 10px 14px 58px;
  background: url(./images/dot.png) repeat-x bottom;
  font-size: 93%;
}

div.privacy {
  background: url(./images/info/round_gray_bg.png) repeat-y;
}

div.privacy dl {
  background: url(./images/info/round_gray_top.png) no-repeat left top;
}

div.privacy dt {
  padding: 15px 20px 2px 20px;
  font-weight: bold;
}

div.privacy dd {
  padding: 0 20px 5px 20px;
}

div.privacy div.bottom {
  height: 7px;
  background: url(./images/info/round_gray_bottom.png) no-repeat left bottom;
}

/* ----------------------------------------
 * 募集要項 application.html・テーブル共通
 * ---------------------------------------- */
table {
  border: 1px solid #a7a7a7;
  width: 535px;
  _line-height: 1.5;  /* for Win IE6 */
  font-size: 93%;
}

table th {
  padding: 10px 5px 10px 10px;
  border: 1px solid #a7a7a7;
  width: 78px;
  background: #f4f4f2;
  font-weight: bold;
  vertical-align: top;
}

table td {
  padding: 10px 15px 10px 10px;
  border: 1px solid #a7a7a7;
}

/* ----------------------------------------
 * 勤務条件 terms.html
 * ---------------------------------------- */
table td div.dot {
  margin-bottom: 4px;
  padding-bottom: 4px;
  background: url(./images/dot.png) repeat-x bottom;
}

/* ----------------------------------------
 * 会社紹介 we_are.html
 * ---------------------------------------- */
ul.button-menu li.interview {
  background: url(./images/profile/btn_interview_on.png) no-repeat;
}

ul.button-menu li.interview a.interview {
  background: url(./images/profile/btn_interview.png) no-repeat;
}

ul.button-menu li.company {
  background: url(./images/profile/btn_company_on.png) no-repeat;
}

ul.button-menu li.company a.company {
  height: 7px;
  background: url(./images/profile/btn_company.png) no-repeat;
}

ul.button-menu li.guidance {
  background: url(./images/profile/btn_guidance_on.png) no-repeat;
}

ul.button-menu li.guidance a.guidance {
  background: url(./images/profile/btn_guidance.png) no-repeat;
}

ul.button-menu li.education {
  background: url(./images/profile/btn_education_on.png) no-repeat;
}

ul.button-menu li.education a.education {
  background: url(./images/profile/btn_education.png) no-repeat;
}

/* ----------------------------------------
 * トップインタビュー we_think.html
 * ---------------------------------------- */
div.wrapper.interview div.section h3 {
  margin-bottom: 27px;
}

div.wrapper.interview div.section dl {
  margin: 0 13px 30px 16px;
  position: relative;
}

div.wrapper.interview div.section dl dt {
  margin-bottom: 15px;
  color: #052c7a;
  font-weight: bold;
  font-size: 108%;
}

div.wrapper.interview div.section dl dt img {
  vertical-align: middle;
}

div.wrapper.interview div.section dl dd div.name {
  float: left;
  width: 40px;
  font-weight: bold;
}

div.wrapper.interview div.section dl dd p {
  margin: 0 0 20px 40px;
}

/* ----------------------------------------
 * 会社概要 outline.html
 * ---------------------------------------- */
div.map {
  width: 73px;
  height: 32px;
  background: url(./images/profile/btn_map_on.png) no-repeat;
}

div.map a {
  display: block;
  width: 73px;
  height: 32px;
  background: url(./images/profile/btn_map.png) no-repeat;
}

div.map a:hover {
  background-image: none;
}

div.map a span {
  display: none;
}

/* ----------------------------------------
 * 事業紹介 project.html
 * ---------------------------------------- */
ul.project-img {
  position: relative;
  width: 616px;
  height: 343px;
  background: url(./images/profile/project_image.png) no-repeat;
}

ul.project-img li a {
  display: block;
}

ul.project-img li.project1 {
  position: absolute;
  top: 0;
  left: 159px;
  width: 284px;
  height: 126px;
}

ul.project-img li.project1 a {
  width: 284px;
  height: 126px;
}

ul.project-img li.project2 {
  position: absolute;
  top: 126px;
  left: 56px;
  width: 232px;
  height: 123px;
}

ul.project-img li.project2 a {
  width: 232px;
  height: 123px;
}

ul.project-img li.project3 {
  position: absolute;
  top: 126px;
  left: 288px;
  width: 272px;
  height: 123px;
  z-index: 10;
}

ul.project-img li.project3 a {
  width: 272px;
  height: 123px;
}

ul.project-img li a strong {
  display: none;
}

ul.project.pt li {
  margin-right: 15px;
  float: left;
  background: url(./images/pt.png) 0 5px no-repeat;
  font-size: 93%;
}

/* ----------------------------------------
 * プロジェクト一覧 project1.html
 * ---------------------------------------- */
div.wrapper-project {
  margin: 20px 40px 20px 40px;
  background: transparent;
}

ul.tab {
  margin-left: 40px;
  width: 537px;
}

ul.tab li {
  float: left;
  width: 179px;
  height: 33px;
}

ul.tab li a {
  display: block;
  width: 179px;
  height: 33px;
}

ul.tab li.project1 {
  background: url(./images/profile/tab_project1_on.png) no-repeat;
}

ul.tab li.project1 a {
  background: url(./images/profile/tab_project1.png) no-repeat;
}

ul.tab li.project1.current a.project1 {
  background: url(./images/profile/tab_project1_on.png) no-repeat;
}

ul.tab li.project2 {
  background: url(./images/profile/tab_project2_on.png) no-repeat;
}

ul.tab li.project2 a {
  background: url(./images/profile/tab_project2.png) no-repeat;
}

ul.tab li.project2.current a.project2 {
  background: url(./images/profile/tab_project2_on.png) no-repeat;
}

ul.tab li.project3 {
  background: url(./images/profile/tab_project3_on.png) no-repeat;
}

ul.tab li.project3 a {
  background: url(./images/profile/tab_project3.png) no-repeat;
}

ul.tab li.project3.current a.project3 {
  background: url(./images/profile/tab_project3_on.png) no-repeat;
}

ul.tab li a:hover {
  background: none;
}

ul.tab li a strong {
  display: none;
}

div.round.project {
  margin: 0 0 30px 20px;
  width: 576px;
  background: url(./images/profile/project_round_bg.png) repeat-y;
}

div.round.project div.section {
  padding: 20px 32px 0 32px;
  background: url(./images/profile/project_round_top.png) no-repeat;
}

div.round.project div.section h2 {
  margin-bottom: 10px;
}

div.round.project div.section ul {
  margin-bottom: 20px;
  background: url(./images/dot.png) repeat-x top;
}

div.round.project div.section ul li {
  padding: 10px 15px;
  background: url(./images/dot.png) repeat-x bottom;
}

div.round.project div.section dl {
  margin-bottom: 30px;
  padding: 20px 20px 10px 20px;
}

div.round.project div.section dl dt {
  margin-bottom: 8px;
}

div.round.project div.section dl dd {
  padding-bottom: 10px;
}

div.round.project div.section dl dd ul,
div.round.project div.section dl dd ul li {
  margin: 0;
  padding: 0;
  background: none;
}

div.round.project1 div.section dl {
  background: #ebfbe1;
}

div.round.project2 div.section dl {
  background: #f2e8fe;
}

div.round.project3 div.section dl {
  background: #e3f1ff;
}

div.round.project div.bottom {
  height: 4px;
  background: url(./images/profile/project_round_bottom.png) no-repeat bottom;
}

/* ----------------------------------------
 * 教育・研修 education.html
 * ---------------------------------------- */
h2.education {
  margin-bottom: 19px;
}
ul.education {
  margin: 0 5px 0 30px;
}
ul.education li {
  list-style-type: disc;
}


/* ----------------------------------------
 * 自由研究紹介 free-study.html
 * ---------------------------------------- */
div.free-study {
  margin-bottom: 25px;
  position: relative;
}

div.planet {
  margin: 22px 15px 0 0;
  float: left;
  width: 263px;
}

div.baloon-green {
  float: left;
  width: 258px;
  background: url(./images/profile/baloon_green_bg.png) repeat-y;
}

div.baloon-green p {
  margin-bottom: 0;
  padding: 10px 10px 0 10px;
  font-size: 85%;
  *font-size: 70%;
}

div.baloon-green div.bottom {
  width: 258px;
  height: 16px;
  background: url(./images/profile/baloon_green_bottom.png) no-repeat bottom left;
}

dl.free-study dt {
  padding: 5px 0 20px 40px;
  _padding: 10px 0 20px 40px;  /* for Win IE6 */
  position: relative;
  color: #052c7a;
  background: url(./images/profile/icon_interview.png) no-repeat 0 5px;
  _background: url(./images/profile/icon_interview.png) no-repeat 0 7px;  /* for Win IE6 */
  font-weight: bold;
  font-size: 108%;
}

dl.free-study dd {
  padding: 0 0 25px 18px;
  font-size: 93%;
}


/* ----------------------------------------
 * 所員の声トップ voice_top.html
 * ---------------------------------------- */
p.lead {
  margin: 0 57px 40px 57px;
}

ul.member-list {
  margin: 0 0 40px 51px;
  width: 518px;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/1修正分　2009/10/1修正追加
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
ul.member-list li {
  float: left;
}

/* ----------------------------------------
 * 医療プロダクツ
 * ---------------------------------------- */
ul.member-list li.member1 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member01_on.png) no-repeat;
}
ul.member-list li.member1 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member01.png) no-repeat;
}
/* ----------------------------------------
 * 医療Webシステム
 * ---------------------------------------- */
ul.member-list li.member2 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member02_on.png) no-repeat;
}
ul.member-list li.member2 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member02.png) no-repeat;
}
/* ----------------------------------------
 * プラント制御システム
 * ---------------------------------------- */
ul.member-list li.member3 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member03_on.png) no-repeat;
}
ul.member-list li.member3 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member03.png) no-repeat;
}
/* ----------------------------------------
 * 半導体検査装置
 * ---------------------------------------- */
ul.member-list li.member4 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member04_on.png) no-repeat;
}
ul.member-list li.member4 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member04.png) no-repeat;
}
/* ----------------------------------------
 * 次世代無線通信
 * ---------------------------------------- */
ul.member-list li.member5 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member05_on.png) no-repeat;
}
ul.member-list li.member5 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member05.png) no-repeat;
}
/* ----------------------------------------
 * Webアプリケーション
 * ---------------------------------------- */
ul.member-list li.member6 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member06_on.png) no-repeat;
}
ul.member-list li.member6 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member06.png) no-repeat;
}
/* ----------------------------------------
 * IPA未踏プロジェクトン
 * ---------------------------------------- */
ul.member-list li.member7 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member07_on.png) no-repeat;
}
ul.member-list li.member7 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member07.png) no-repeat;
}
/* ----------------------------------------
 * 画像処理技術
 * ---------------------------------------- */
ul.member-list li.member8 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member08_on.png) no-repeat;
}
ul.member-list li.member8 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member08.png) no-repeat;
}
/* ----------------------------------------
 * 新人研修
 * ---------------------------------------- */
ul.member-list li.member9 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member09_on.png) no-repeat;
}
ul.member-list li.member9 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member09.png) no-repeat;
}
/* ----------------------------------------
 * 自由研究
 * ---------------------------------------- */
ul.member-list li.member10 {
  width: 259px;
  height: 84px;
  background: url(./images/member/btn_member10_on.png) no-repeat;
}
ul.member-list li.member10 a {
  width: 259px;
  height: 84px;
  display: block;
  background: url(./images/member/btn_member10.png) no-repeat;
}

/* ----------------------------------------
 * ボタン、ロールオーバー
 * ---------------------------------------- */
ul.member-list li a:hover {
  background-image: none!important;
}

ul.member-list li a strong {
  display: none;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/1修正分　2009/10/1修正追加
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */


/* ----------------------------------------
 * 所員の声共通
 * ---------------------------------------- */

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/1修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */

div.voice-head {
  margin: 20px 0 0 39px;
  /*width: 507px;*/
}

div.voice-head div.photo {
  float: left;
  width: 308px;
  height:250px;
  margin-bottom:0px;
}

div.voice-head div.name {
  float: left;
  width: 250px;
  margin-top:20px;
}
div.voice-head div.name p {
  margin:5px 0 0 20px;
  line-height:1.5em;
}

div.voice {
  clear:both;
  margin: 0 0 20px 57px;
  width: 507px;
}

div.voice h1 {
  margin: 10px 0 20px 0;
  font-size: 120%;
  font-weight: bold;
}

div.voice dl {
  margin-top: 10px;
}

div.voice dl dt {
  padding: 0 0 15px 40px;
  color: #052c7a;
  background: url(./images/member/icon_interview.png) no-repeat;
  font-weight: bold;
  font-size: 108%;
}

div.voice dl dd {
  padding: 0 0 25px 0;
  font-size: 93%;
}

/* 角丸黄枠コラムエリア */
div.voice div.column {
  margin-bottom: 30px;
  padding-top: 68px;
  width: 516px;
  background: url(./images/info/column_top.png) no-repeat left top;
}
div.voice div.column p {
  padding: 0 30px 20px 30px;
  background: url(./images/info/column_bg.png) repeat-y;
}
div.voice div.column table {
  background: url(./images/info/column_bg.png) repeat-y;
  border: 0;
  border-collapse: collapse;
}
div.voice div.column th {
  background: url(./images/info/column_bg.png) repeat-y;
  vertical-align:text-top;
  border: 0;
  padding: 0 0 5px 30px;
}
div.voice div.column th.last {
  background: url(./images/info/column_bg.png) repeat-y;
  vertical-align:text-top;
  border: 0;
  padding: 0 0 20px 30px;
}
div.voice div.column td {
  vertical-align:text-top;
  border: 0;
  padding:0 50px 5px 0 ;
}
div.voice div.column td.last {
  vertical-align:text-top;
  border: 0;
  padding:0 50px 20px 0 ;
}
div.voice div.column ul {
  margin: 0;
  background: url(./images/info/column_bg.png) repeat-y;
}
div.voice div.column ul li {
  margin: 0 25px 0px 45px;
  list-style-type: disc;
  font-size: 93%;
}
div.voice div.column div.bottom {
  height: 11px;
  background: url(./images/info/column_bottom.png) no-repeat bottom left;
}

/* リスト */
div.voice ol.num {
  margin: 0 5px 0 30px;
}
div.voice ol.num li {
  list-style-type: decimal;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/1修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */



/* ----------------------------------------
 * Q＆A q_and_a.html
 * ---------------------------------------- */
ul.questions {
  margin: 20px 40px 0 40px;
  padding: 20px 30px 10px 30px;
  position: relative;
  border: 1px solid #ccc;
  background: #fdfef1;
}

ul.questions li {
  padding: 3px 0 10px 30px;
  position: relative;
  background: url(./images/qa/icon_q_yellow.png) no-repeat;
}

dl.qanda dt {
  margin-bottom: 10px;
  _padding-bottom: 2px;  /* for Win IE6 */
  position: relative;
  background: url(./images/dot.png) repeat-x bottom;
}

dl.qanda dt em {
  padding: 3px 0 6px 30px;
  _padding: 5px 0 6px 30px;
  display: block;
  position: relative;
  color: #052c7a;
  background: url(./images/qa/icon_q_white.png) no-repeat;
  _background: url(./images/qa/icon_q_white.png) no-repeat 0 4px;/* for Win IE6 */
  font-weight: bold;
}

dl.qanda dd {
  padding: 0 0 40px 43px;
  position: relative;
  background: url(./images/qa/icon_a.png) no-repeat 0 4px;
}

dl.qanda dd div.free-study {
  padding: 10px 15px 15px 15px;
  background: #fdfef1;
}

dl.qanda dd div.free-study strong {
  margin: 0 0 4px 5px;
  display: block;
}

a.pt {
  margin-left: 5px;
  padding-left: 10px;
  background: url(./images/qa/pt.png) no-repeat 0 3px;
}

dl.qanda dd div.totop {
  margin-left: 430px;
  position: absolute;
  bottom: 0
  right: 0;
  font-size: 77%;
  *font-size: 70%;
  text-align: right;
}

dl.qanda dd div.totop a {
  background: url(./images/qa/totop.png) no-repeat 0 2px;
}

/* ----------------------------------------
 * 採用お問い合わせ contact.html
 * ---------------------------------------- */
dl.contact dt {
  padding: 5px 0 15px 40px;
  background: url(./images/inquiry/icon_mail.png) no-repeat;
  _background: url(./images/inquiry/icon_mail.png) no-repeat 0 4px;
  position: relative;
  font-weight: bold;
  font-size: 108%;
}

dl.contact dd {
  padding: 0 0 25px 40px;
  font-size: 93%;
}

dl.contact dd.dot {
  margin-bottom: 15px;
  padding-bottom: 10px;
  background: url(./images/dot.png) repeat-x bottom;
}

/* ----------------------------------------
 * ボタン共通パーツ
 * ---------------------------------------- */
ul.button-menu {
  margin: 0 0 40px 51px;
  width: 518px;
}

ul.button-menu li {
  float: left;
}

ul.button-menu li,
ul.button-menu a {
  display: block;
  width: 259px!important;
  height: 58px!important;
}

ul.button-menu a strong {
  display: none;
}

ul.button-menu li a:hover {
  background-image: none!important;
}


table.site-logo {
  width: 400px;
  border: 0;
  margin: 0 0 20px 0;
}
table.site-logo td {
  text-align: center;
  border: 0;
  padding:0;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/1追加分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */

/* ----------------------------------------
 * 開催日時と予約方法 seminar_reservation.html
 * ---------------------------------------- */
 
.seminar-a {
  margin-bottom:25px;
}
	
.seminar-b {
  margin-top:15px;
}
 
.seminar-b-wrap {
  margin-left:35px;
}

.seminar-b-wrap p{
  margin-bottom:20px;
}

h2.seminar {
  padding: 5px 0 5px 35px;
  background: url(./images/info/icon_entry.png) no-repeat top left;
  font-weight: bold;
  font-size: 108%;
  height:40px;
}

ul.seminar {
  font-size:93%;
  margin-bottom:20px;
}
 
 /* 行頭ポイント付きリスト */
ul.pt-s{
  margin-left: 5px;
}

ul.pt-s li{
  padding: 0 0 2px 12px;
  position: relative;
  background: transparent url(./images/pt.png) no-repeat 0 6px;
}

div.column-orange .seminar-column-top {
  margin: 0;
  padding: 70px 20px 15px 30px;
  background: transparent url(./images/info/column_or_top.png) no-repeat top left;
}



/* ----------------------------------------
 * 訪問シート es.html
 * ---------------------------------------- */

/* 全てを囲むボックス #doc */
#doc-es {
  margin: 0 auto;
  position: relative;
  width: 624px;
  line-height: 1.5;
  background: url(./images/info/es_back.png) repeat-y;
}
/* ヘッダ #header */
#header-es {
  padding: 32px 4px 0 4px;
  position: relative;
  /*height: 78px;
  _height: 110px;  /* for Win IE6 */
  overflow: hidden;
  background: url(./images/info/es_header_bg.png) no-repeat left top;
  text-align: left;
}

#contents-es {
	margin:0 0 0 4px;
	text-align:left;
  background: url(./images/info/main_info_bg.png) no-repeat left top!important;
}

/* フッタ #footer */
#footer-es {
  padding: 9px 0 0 4px;
  background: #e9ecf2 url(./images/info/es_footer_bg.png) no-repeat top left;
}

#footer-es address {
  padding: 4px 0 15px 0;
  float: right;
  display: block;
  width: 320px;
  font-size: 85%;
  text-align: right;
}

.es-comment{
	margin:30px;
}

.es-comment-red{
	color: #f63400;
	margin:30px;
}
.es-comment-red p{
	font-size:93%;
}

div.es-seat {
	margin:0 0 0 185px;
	width:250px;
	text-align:center;
}

/* エントリー関連ボタンエリア　マウスオーバー処理 */
div.es-seat li a:hover {
  background-image: none!important;
}

div.es-seat li a strong {
  display: none;
}

/* 横長エントリーボタン */
div.es-seat ul.es li.es {
  width: 246px;
  height: 51px;
  background: url(./images/info/es_btn_on.png) no-repeat;
}

div.es-seat ul.es li.es a {
  width: 246px;
  height: 51px;
  display: block;
  background: url(./images/info/es_btn.png) no-repeat;
}


div.es-close {
	margin:110px 0 10px 280px;
	width:60px;
	text-align:center;
}

div.es-close ul.close li.close {
  width: 55px;
  height: 21px;
  background: url(./images/info/es_close_on.png) no-repeat;
}

div.es-close ul.close li.close a {
  width: 55px;
  height: 21px;
  display: block;
  background: url(./images/info/es_close.png) no-repeat;
}

div.es-close li a:hover {
  background-image: none!important;
}

div.es-close li a strong {
  display: none;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/1追加分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */