@charset "Shift_JIS";
/* 基本デザイン */
*             { font-family: "ＭＳ Ｐゴシック", "Osaka"; }
a             { color: #3333ff; }
a:visited     { color: #990099; }
a:hover       { color: #ff3333; }
td            { color: #333333; font-size: 12px; line-height: 18px; padding-left:3px; }
th            { color: #333333; font-size: 12px; line-height: 18px; text-align: left; vertical-align: middle; }
div           { color: #333333; font-size: 12px; line-height: 18px; }
ul            { margin: 3px 0 3px 20px; padding: 0;}
p             { position: relative; z-index: 0;}
.middle       { font-size: 14px; line-height: 21px; }
.small        { font-size: 12px; }
.ime_act      { ime-mode: active;   }
.ime_dis      { ime-mode: disabled; }
.ime_inact    { ime-mode: inactive; }

/* 全体レイアウト＆メニューデザイン */
body          { background: url(img/back.jpg) repeat-y center;  margin: 0 auto 10px auto; text-align: center; }
body#check    { background: none;  margin: 10px 0; text-align: center; }
table#body    { width: 750px; height: 100%; margin: 0 auto 0 auto; }
table#check   { width: 550px; height: auto; }
td#header     { width: 750px; height: 80px; background: url(img/header.jpg) ; }
h1            { width: 750px; height: 80px; position: absolute; z-index: 1; top: 0; color: #ffffff; font-size: 10px;}
div#header    { width: 750px; height: 80px; position: absolute; z-index: 2; top: 0; background: url(img/header.jpg) ; }
td#menu       { width: 170px; height: auto; background: url(img/menu_back.jpg) repeat-y left; text-align: left; vertical-align: bottom; }
td#menu a#b_privacypolicy_image    { background: url(img/b_privacypolicy_image_201011.jpg); width: 160px; height: 75px; margin: 0 0 5px 0;}

div#navigationMenu {
	position: absolute;
	z-index: 13;
	width: 170px;
	height: 320px;
	margin: 0;
	padding: 80px 0 0 0;
	text-align: left;
} 
div#navigationMenu ul         {
	width:  160px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}
div#navigationMenu li         { width:  100%; height: 40px; margin: 0; padding: 0; }
div#navigationMenu li a       { display: block; width: auto; height: 40px; margin: 0; padding: 0;}
div#navigationMenu li a#b_top                { background: url(img/b_top.jpg); }
div#navigationMenu li a#b_top:hover          { background: url(img/b_top_on.jpg); }
div#navigationMenu li a#b_about              { background: url(img/b_about.jpg); }
div#navigationMenu li a#b_about:hover        { background: url(img/b_about_on.jpg); }
div#navigationMenu li a#b_enterprise         { background: url(img/b_enterprise.jpg); }
div#navigationMenu li a#b_enterprise:hover   { background: url(img/b_enterprise_on.jpg); }
div#navigationMenu li a#b_access             { background: url(img/b_access.jpg); }
div#navigationMenu li a#b_access:hover       { background: url(img/b_access_on.jpg); }
div#navigationMenu li a#b_graduate           { background: url(img/b_graduate.jpg); }
div#navigationMenu li a#b_graduate:hover     { background: url(img/b_graduate_on.jpg); }
div#navigationMenu li a#b_intermediate       { background: url(img/b_intermediate.jpg);  }
div#navigationMenu li a#b_intermediate:hover { background: url(img/b_intermediate_on.jpg); }
div#navigationMenu li a#b_privacy            { background: url(img/b_privacy.jpg); }
div#navigationMenu li a#b_privacy:hover      { background: url(img/b_privacy_on.jpg); }

td#main                   { width: 580px; height:  auto; text-align: center; vertical-align: top; margin: 0; padding: 10px 0 0 0;}
td#submenu                { width: 580px; height:  40px; margin: 0; padding: 0; vertical-align: bottom;}
td#f_menu                 { width: 170px; height:  80px; margin: 0; padding: 0; border-buttom: 10px; background: url(img/menu_back.jpg) repeat-y left; vertical-align: top; }
td#f_menu ul              { width: 160px;                margin: 0; padding: 0; list-style-type: none; float: left;}
td#f_menu li a            { width:  auto; height:  40px; margin: 0; padding: 0; display: block;}
a#b_privacypolicy         {                              background: url(img/b_privacypolicy.jpg); margin: 10px 0 0 0;}
a#b_privacypolicy:hover   {                              background: url(img/b_privacypolicy_on.jpg); }
td#f_main                 { width: 580px; height:  40px; margin: 0; padding: 0; border-buttom: 10px; background: url(img/futter.jpg); text-align: center; line-height: 16px; text-align: right; font-size: 12px; line-height: 12px; padding: 14px 0 24px 0;}
div#sub1                  { width: 170px; height:   0px; left: 160px; top: 120px; position: absolute; z-index: 2; visibility: hidden;}
div#sub1 ul               { width:  100%; height:  100%; margin: 0; padding: 0; } 
div#sub1 li               { width:  100%; height:  30px; margin: 0; padding: 0; } 
div#sub1 li a             { width:  100%; height:  30px; background:  url(img/sub_back.jpg) no-repeat; display: block; margin: 0; padding: 6px 0 0 21px; text-decoration: none;} 
div#sub1 li a:hover       {                              background:  url(img/sub_back_on.jpg) no-repeat; } 

div#sub2                  { width: 170px; height:   0px; position: absolute; left: 160px; top: 160px; z-index: 2; background:  url(img/sub_back.jpg); visibility: hidden;}
div#sub2 ul               { width:  100%; height:  100%; margin: 0; padding: 0; } 
div#sub2 li               { width:  100%; height:  30px; margin: 0; padding: 0; } 
div#sub2 li a             { width:  100%; height:  30px; background:  url(img/sub_back.jpg) no-repeat; display: block; margin: 0; padding: 6px 0 0 21px; text-decoration: none;} 
div#sub2 li a:hover       {                              background:  url(img/sub2_back_on.gif); } 

/*a#sub2_1:hover            {                              background:  url(img/sub2_back_1.gif); }*/
/*a#sub2_2:hover            {                              background:  url(img/sub2_back_on.gif); }*/
/*a#sub2_3:hover            {                              background:  url(img/sub2_back_3.gif); }*/

div#sub3                  { width: 170px; height:   0px; position: absolute; left: 160px; top: 200px; z-index: 2; visibility: hidden;}
div#sub3 ul               { width:  100%; height:  100%; margin: 0; padding: 0; } 
div#sub3 li               { width:  100%; height:  30px; margin: 0; padding: 0; } 
div#sub3 li a             { width:  100%; height:  30px; background:  url(img/sub_back.jpg) no-repeat; display: block; margin: 0; padding: 6px 0 0 21px; text-decoration: none;} 
div#sub3 li a:hover       {                              background:  url(img/sub_back_on.jpg) no-repeat; } 

div#sub4                  { width: 170px; height:   0px; position: absolute; left: 160px; top: 240px; z-index: 20; visibility: hidden;}
div#sub4 ul               { width:  100%; height:  100%; margin: 0; padding: 0; } 
div#sub4 li               { width:  100%; height:  30px; margin: 0; padding: 0; } 
div#sub4 li a             { width:  100%; height:  30px; background:  url(img/sub_back.jpg) no-repeat; display: block;margin: 0; padding: 6px 0 0 21px; text-decoration: none;} 
div#sub4 li a:hover       {                              background:  url(img/sub_back_on.jpg) no-repeat; } 

div#sub4 li.large         { width:  100%; height:  42px; margin: 0; padding: 0; } 
div#sub4 li.large a       { width:  auto; height:  42px; background:  url(img/sub_back_large.jpg) no-repeat; display: block; margin: 0; padding: 3px 0 0px 21px; } 
div#sub4 li.large a:hover {                              background:  url(img/sub_back_large_on.jpg) no-repeat; } 

div#sub5                  { width: 170px; height:   0px; position: absolute; left: 160px; top: 280px; z-index: 21; visibility: hidden;}
div#sub5 ul               { width:  100%; height:  100%; margin: 0; padding: 0; } 
div#sub5 li               { width:  100%; height:  30px; margin: 0; padding: 0; } 
div#sub5 li a             { width:  100%; height:  30px; background:  url(img/sub_back.jpg) no-repeat; display: block; margin: 0; padding: 6px 0 0 21px; text-decoration: none;} 
div#sub5 li a:hover       {                              background:  url(img/sub_back_on.jpg) no-repeat; } 

div#sub5 li.large         { width:  100%; height:  42px; margin: 0; padding: 0; } 
div#sub5 li.large a       { width:  auto; height:  42px; background:  url(img/sub_back_large.jpg) no-repeat; display: block; margin: 0; padding: 3px 0 0px 21px; } 
div#sub5 li.large a:hover {                              background:  url(img/sub_back_large_on.jpg) no-repeat; } 

div#sub6                  { width: 170px; height:   0px; position: absolute; left: 160px; top: 320px; z-index: 21; visibility: hidden;}
div#sub6 ul               { width:  100%; height:  100%; margin: 0; padding: 0; } 
div#sub6 li               {	width:  100%; height:  30px; margin: 0;	padding: 0;	background-repeat: no-repeat;} 
div#sub6 li a             { width:  100%; height:  30px; background:  url(img/sub_back.jpg) no-repeat; display: block; margin: 0; padding: 6px 0 0 21px; text-decoration: none;} 
div#sub6 li a:hover       {                              background:  url(img/sub_back_on.jpg) no-repeat; } 

div#sub6 li.large         {	width:  100%; height:  42px; margin: 0;	padding: 0;	background-repeat: no-repeat;} 
div#sub6 li.large a       { width:  auto; height:  42px; background:  url(img/sub_back_large.jpg) no-repeat; display: block; margin: 0; padding: 3px 0 0px 21px; } 
div#sub6 li.large a:hover {                              background:  url(img/sub_back_large_on.jpg) no-repeat; } 

/* パンくずガイド */
h2            { width:  100%; height: 20px; margin: 0 0 5px 0; padding: 0; background: url(img/h2_back.jpg) no-repeat right top; color: #3333cc; font-size: 12px; line-height: 12px; font-weight: normal; text-align: left; vertical-align: top; }
h2 a:visited  { color: #990099; }
h2 a:hover    { color: #ff6666; }
h2.index      { color: #009900; font-size: 14px; line-height: 20px; text-align: center; background: none;}

/* タイトル */
h3               { color: #333333; width: 585px; font-size: 20px; background: url(img/h3_back.jpg); margin: 0; padding: 0 0 6px 0; line-height: 24px; font-style: normal; font-weight: bold; text-align:center; margin-top:10px; }

/* サブメニュー */
h4               { width: 580px; height: 20px; font-size: 14px; margin: 0; padding: 0; line-height: 20px; font-style: normal; font-weight: normal; text-align: center;}
h4 ul            { width: 580px; margin: 0px; padding: 0; border-right: 1px #000000;}
ul.h4_no2 li     { width: 290px; float: left; border-left: 1px #000000;}
ul.h4_no3 li     { width: 193px; float: left;}
ul.h4_no4 li     { width: 145px; float: left;}
ul.h4_no4 li.sp1 { width: 145px; float: left; font-size: 12px;}
ul.h4_no4 li.sp2 { width: 290px; float: left; font-size: 12px;}
ul.h4_no5 li     { width: 116px; float: left;}
h4 ul li a       { display: block; width: 100%; margin: 0 1px 0 0; padding: 2px; text-decoration: none; background: url(img/h4_back.jpg);}
h4 ul li a:hover { background: url(img/h4_back_on.jpg);}
h4 ul li a.on    { background: url(img/h4_back_on.jpg);}

/* index */
/* 全体レイアウト＆メニューデザイン */
body          { background: url(img/back.jpg) repeat-y center;  margin: 0px; padding: 0px; }
div#content   { width: 750px; height:  100%;   text-align:center; margin:0 auto; }

div#index1         { background: url(img/index1_back.jpg); width: 100%; height: 150px; margin: 0 0 10px 0; padding: 112px 100px 13px 330px;}
div#index1 a       { background: url(img/index1_b.jpg);    display: block; width: 100%; height: 25px; margin: 0; padding: 0;} 
div#index1 a:hover { background: url(img/index1_b_on.jpg); } 
div#index1 a em    { display: none;}
div#index2              { background: url(img/index2.jpg); width: 560px; height: 410px; margin: 0; padding: 75px 10px; line-height: 20px;}
td.index2               { width: 330px; height: 20px; margin: 0px; padding: 0; line-height: 16px; text-align: left; vertical-align: top; }
td.index2   a           { display: block; width: 100%; height:  100%; margin: 0; padding: 4px 6px; border: 1px outset #ffffff; text-decoration: none;}
td.index2   a:hover     { border: 1px inset #ffffff;}
td.index2   a h2        { font-size: 14px; line-height: 20px; width: auto; height: 21px; margin: 0 0 1px 0; padding: 0; color: #ffffff; font-weight: bold;}
td.index2   a:hover h2  { color: #ff3333;}
td.index2   a span      { color: #333333;}
td.index2r              { width: 210px; height: 20px; margin: 0px; padding: 0; line-height: 16px; text-align: left; vertical-align: top; }
td.index2r  a           { display: block; width: 100%; height:  100%; margin: 0; padding: 4px 6px; border: 1px outset #ffffff; text-decoration: none;}
td.index2r  a:hover     { border: 1px inset #ffffff;}
td.index2r  a h2        { font-size: 14px; line-height: 20px; width: auto; height: 21px; margin: 0 0 10px 0; padding: 0; color: #ffffff; font-weight: bold;}
td.index2r  a:hover h2  { color: #ffcccc;}
td.index2r  a span      { color: #333333;}


/* コンテンツ */
.gb                             { background: #ccdddd; filter: Alpha(opacity=50); } 
.gb_green                       { background: #acd44f; filter: Alpha(opacity=50); } 
div#page                        { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; } 
div#page_about_us               { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_about_us.jpg) no-repeat top right; } 
div#page_about_us-enkaku        { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_about_us-enkaku.jpg) no-repeat top right; } 
div#page_about_us-torihikisaki  { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_about_us-torihikisaki.jpg) no-repeat top right; }
div#page_jigyou                 { width: 580px; height: auto; margin: 0; padding: 160px 0 0 0; background: url(img/page_jigyou.jpg) no-repeat top right;} 
div#page_jigyou_rs              { width: 580px; height: auto; margin: 0; padding: 160px 0 0 0; background: url(img/page_jigyou_rs.jpg) no-repeat top right; } 
div#page_saiyou                 {
	width: 580px;
	height: auto;
	margin: 0;
	padding: 10px 0px 0 0px;
	background: url(img/page_saiyou.jpg) no-repeat top right;
} 
div#page_saiyou_schedule        {
	width: 580px;
	height: auto;
	margin: 0;
	background: url(img/page_saiyou_schedule.jpg) no-repeat top right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 
div#page_saiyou_youkou          { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_saiyou_youkou.jpg) no-repeat top right; } 

div#page_saiyou_youkou_syuryu   { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/saiyou_syuuryo.jpg) no-repeat top right; filter: Alpha(opacity=50); } 

/* */
div#page_saiyou_application     { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_saiyou_application.jpg) no-repeat top right; } 
div#page_saiyou_infrastructure  { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_saiyou_infrastructure.jpg) no-repeat top right; } 
div#page_saiyou_server          { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_saiyou_server.jpg) no-repeat top right; } 
div#page_saiyou_ancestor_msg    { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_saiyou_ancestor_msg.jpg) no-repeat top right; margin:0 auto 0 auto;  } 
/* */
div#page_hogohoushin            { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_hogohoushin.jpg) no-repeat top right; } 
div#page_hogohoushin_kojinjouho { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_hogohoushin_kojinjouho.jpg) no-repeat top right; } 
div#page_hogohoushin_saiyou     { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_hogohoushin_saiyou.jpg) no-repeat top right; } 
div#page_hogohoushin_jyouhou    { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_hogohoushin_kihon.jpg) no-repeat top right; } 
div#page_sitemap                { width: 580px; height: auto; margin: 0; padding: 10px 0 0 0; background: url(img/page_sitemap.jpg) no-repeat top right; } 

td.saiyou              { width: 200; margin: 0px; padding: 0; line-height: 14x; vertical-align: middle;}
td.saiyou   a          { background: #eeeeee; display: block; width: 100%; height:  40px; margin: 0; padding: 10px 5px; border: 1px outset #ffffff; text-decoration: none; font-size: 18px; vertical-align: middle;}
td.saiyou   a:hover    { background: #dddddd; border: 1px inset #ffffff;}
td.saiyou_s            { width: 200; margin: 0px; padding: 0; line-height: 14x; vertical-align: middle;}
td.saiyou_s a          { background: #eeeeee; display: block; width: 100%; height:  40px; margin: 0; padding: 10px 5px; border: 1px outset #ffffff; text-decoration: none; font-size: 14px; vertical-align: middle;}
td.saiyou_s a:hover    { background: #dddddd; border: 1px inset #ffffff;}
h4.read                { padding: 20px 0; font-size: 20px; line-height: 20px; font-family: "ＭＳ Ｐ明朝", "細明朝体"; color: 333333; font-weight: normal; font-style: italic;}

ul#green     { list-style-image: url(img/point_green.jpg) ; margin: 0 0 10px 15px; padding: 0 0 0 5px ;}
ul#green  li { margin: 0; padding: -2px 0 7px 0; line-height: 20px;}
ul#blue      { list-style-image: url(img/point_blue.jpg)  ; margin: 0 0 10px 15px; padding: 0 0 0 5px ;}
ul#blue   li { margin: 0; padding: -2px 0 7px 0; line-height: 20px;}
ul#orange    { list-style-image: url(img/point_orange.jpg); margin: 0 0 10px 15px; padding: 0 0 0 5px ;}
ul#orange li { margin: 0; padding: -2px 0 7px 0; line-height: 20px;}

/* 基本テーブル */
table.data    { background:#999999; width: 100%; }
table.data td { background:#ffffff; font-size: 12px; line-height: 18px; padding: 3px 5px; }
table.data th { background:#cccccc; font-size: 14px; line-height: 20px; padding: 3px 5px; }

/* 採用チェック */
div#saiyou_check { width: auto; border: 1px solid #999999; background: #f8f8f8; padding: 10px;}
.red{ color:#F00;}