@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	color: #333333;
	background: #ffffff url(../images/bg_body.gif);
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#frame {
  margin: 0 auto;
  width: 774px;
  background: url(../images/back_contents.gif) repeat-y;
}


/* ヘッダ・ナビゲーション・サブメニュー
---------------------------------------------------- */
#header {
  margin: 0 auto; 
  width: 748px;
  background: url(../images/logo.gif);
  height: 91px;
}
#logo{
  float: left ;
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
  height: 30px;
}
#logo img {
  border: none;
  color: #ffffff;
  background: transparent;
  }
#navigation {
  float: right ;
  margin: 0;
  padding: 0;
  width: 504px;
}
#navigation ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation li {
  position: absolute;
  top: 31px;
  display: block;
  height: 30px;
  margin: 0;
  padding: 0;
  text-indent: -3000px;
}
#navigation li#company {
  width: 135px;
  left: 41px;
  background: url(../images/company_on.gif) no-repeat;
}
#navigation li#company a {
  width: 135px;
  left: 41px;
  background: url(../images/company_off.gif) no-repeat;
}
#navigation li#company a:hover  {
  width: 135px;
  left: 41px;
  background: url(../images/company_on.gif) no-repeat;
}
#navigation li#localization {
  width: 109px;
  left: 176px;
  background: url(../images/localization_on.gif) no-repeat;
}
#navigation li#localization a {
  width: 109px;
  left: 176px;
  background: url(../images/localization_off.gif) no-repeat;
}
#navigation li#localization a:hover {
  width: 109px;
  left: 176px;
  background: url(../images/localization_on.gif) no-repeat;
}
#navigation li#web {
  width: 116px;
  left: 285px;
  background: url(../images/web_on.gif) no-repeat;
}
#navigation li#web a {
  width: 116px;
  left: 285px;
  background: url(../images/web_off.gif) no-repeat;
}
#navigation li#web a:hover {
  width: 116px;
  left: 285px;
  background: url(../images/web_on.gif) no-repeat;
}
#navigation li#contact {
  width: 103px;
  left: 401px;
  background: url(../images/contact_on.gif) no-repeat;
}
#navigation li#contact a {
  width: 103px;
  left: 401px;
  background: url(../images/contact_off.gif) no-repeat;
}
#navigation li#contact a:hover {
  width: 103px;
  left: 401px;
  background: url(../images/contact_on.gif) no-repeat;
}
#navigation li#english a:hover {
  width: 77px;
  left: 420px;
  top: 25px;
  height: 20px;
  background: url(../images/english_on.gif) no-repeat;
}
#navigation a {
  display: block;
  height: 30px;
  text-decoration: none;
}
#submenu {
  float: left ;
  position: relative;
  width:270px;
  left: 310px;
  top: 0px;
  height: 30px;
}

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

#content {
  margin: 0 auto;
  width: 748px;
}
#main {
  float: right;
  width: 559px;
  margin: 0px;
  padding-bottom: 3em;
  background: url(../images/contents_back.gif) repeat-y;
}
#main h2 {
  margin: 0 auto;
  padding-bottom: 11px;
  font-size: small;
}
#main h2 img {
  vertical-align: bottom;
}
#main h3 {
  margin: 25px 20px 3px 22px;
  line-height: 120%;
  padding :5px 0px 10px 5px; 
  font-size: 11pt;
  font-weight: bold;
  color: #3366FF;
  background: #ffffff url(../images/h3_back.gif) no-repeat;
}
#main .top {
  margin: 5px 20px 3px 22px;
  line-height: 120%;
  padding :5px 0px 10px 5px; 
  font-size: 11pt;
  font-weight: bold;
  color: #3366FF;
  background: #ffffff url(../images/h3_back.gif) no-repeat;
}
#main .twoline_top {
  margin: 5px 20px 3px 22px;
  line-height: 120%;
  padding :5px 0px 10px 5px; 
  font-size: 11pt;
  font-weight: bold;
  color: #3366FF;
  background: #ffffff url(../images/h3_back_2line.gif) no-repeat;
}
#main h4 {
  margin: 20px 20px 3px 25px;
  line-height: 120%;
  padding :0 0px 0 5px; 
  font-size: 10pt;
  font-weight: bold;
  color: #FF6600;
  border-left-width:5px;
  border-left-style:solid;
  border-left-color:#CCCCCC;
}
#main p {
  font-size: small;
  line-height: 1.5;
  margin: 5px 20px 10px 25px;
}
#main h2+p {
  margin-top: 0.3em;
}
#main .p_top {
  margin-top: 15px ;
}
#main ul {
  font-size: small;
  line-height: 1.5;
  margin: 5px 10px 10px 10px;
  padding-left: 40px;
}
#main li {
  margin: 0 10px 0px 0px;
}
#main .li_top {
  margin-top: 15px ;
}
#main .li_sitemap{
  list-style-image:url(../images/sub_r.gif);
  margin-left: 20px;
}
#main .li_sitemap_lv2_last{
  list-style-image:url(../images/sub_b.gif);
  margin-left: 20px;
}
#main ol {
  font-size: small;
  line-height: 1.5;
  margin: 5px 10px 10px 20px;
  padding-left: 40px;
}

.blank_space {
  margin-bottom: 200px;
}

/* WEB制作例
---------------------------------------- */
.example {
	width: 510px;
	margin-top: 15px;
	margin-left: 25px;
	margin-right : 20px;
	padding-bottom: 1em;
    border-bottom: 1px dotted #cccccc;
}
.example p {
  margin-top: 0px;
  margin-left: 0;
  margin-right: 10px;
  line-height: 1.4;
  font-size: small;
  color: #333333;
}
.example img {
  float: left;
  margin: 0 1em 0.5em 0;
}
.example img a {
  float: left;
  margin: 0 1em 0.5em 0;
}
.example .title {
  margin-top: 0;
  margin-right: 0;
  line-height: 1.4;
  font-size: small;
  color: #336666;
  font-weight:bold;
}

/* 会社案内 テーブル
---------------------------------------- */

.company {
   margin-left: 25px;
   margin-top: 10px;
   font-size: small;
   }
.company td{
	border: dotted 1px #999999;
	border-style:none none dotted none;
	padding :5px 3px 5px 3px; 
    }
.td_top{
    height:1px;
	border: dotted 1px #999999;
	border-style:none none dotted none;
	padding :0 ; 
    }

.recruit_table {
   margin-left: 25px;
   margin-top: 10px;
   font-size: small;
   }
.recruit_table td{
	border: solid 1px #999999;
	border-style:none none solid none;
	padding :5px 3px 5px 3px; 
    }

	
/* レフトナビゲーション
---------------------------------------------------- */
#left {
  clear:both;
  float: left;
  width: 189px;
  padding: 0;
  margin: 0;
}
#left h1 {
  float: left ;
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
  vertical-align: bottom;
}
#left img {
  vertical-align: bottom;
  margin-left: 0;
}


/* ローカリゼーション
----------------------------------------- */
#left_navi ul {
  clear:both;
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
#left_navi li {
  margin: 0;
  padding: 0;
  width: 189px;
  height: 33px;
  text-indent: -3000px;
}
#left_navi li a {
  text-decoration: none;		/* Firefox用 */
  display: block;
  width: 189px;
  height: 33px;
}
#left_navi li#doclocalize {
  background: url(../images/doclocalize_but_on.gif) no-repeat;
}
#left_navi li#doclocalize a {
  background: url(../images/doclocalize_but_off.gif) no-repeat;
}
#left_navi li#doclocalize a:hover  {
  background: url(../images/doclocalize_but_on.gif) no-repeat;
}
#left_navi li#softlocalize {
  background: url(../images/softlocalize_but_on.gif) no-repeat;
}
#left_navi li#softlocalize a {
  background: url(../images/softlocalize_but_off.gif) no-repeat;
}
#left_navi li#softlocalize a:hover {
  background: url(../images/softlocalize_but_on.gif) no-repeat;
}
#left_navi li#weblocalize {
  background: url(../images/weblocalize_but_on.gif) no-repeat;
}
#left_navi li#weblocalize a {
  background: url(../images/weblocalize_but_off.gif) no-repeat;
}
#left_navi li#weblocalize a:hover {
  background: url(../images/weblocalize_but_on.gif) no-repeat;
}
#left_navi li#testing {
  background: url(../images/testing_but_on.gif) no-repeat;
}
#left_navi li#testing a {
  background: url(../images/testing_but_off.gif) no-repeat;
}
#left_navi li#testing a:hover {
  background: url(../images/testing_but_on.gif) no-repeat;
}
#left_navi a {
  display: block;
  height: 30px;
  text-decoration: none;
}
#left_navi div {
  margin: 5px 0 0 15px;
}
#left_navi p {
  padding: 1em 0 0 1px;
  text-align: right;
  font-size: x-small;
  line-height: 1.5;
  color: #333333;
}
#banner_space {
  float: left;
  width: 150px;
  margin-left: 10px;
  padding-top: 50px;
  padding-bottom: 20px;
}
#letter {
  font-size: small;
  text-align:left;
  padding-left:10px;
}

/*  会社案内
------------------------------------------ */
#left_navi2 ul {
  clear:both;
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
#left_navi2 li {
  margin: 0;
  padding: 0;
  width: 189px;
  height: 33px;
  text-indent: -3000px;
}
#left_navi2 li a {
  text-decoration: none;		/* Firefox用 */
  display: block;
  width: 189px;
  height: 33px;
}
#left_navi2 li#overview {
  background: url(../images/comgaiyou_but_on.gif) no-repeat;
}
#left_navi2 li#overview a {
  background: url(../images/comgaiyou_but_off.gif) no-repeat;
}
#left_navi2 li#overview a:hover  {
  background: url(../images/comgaiyou_but_on.gif) no-repeat;
}
#left_navi2 li#vision {
  background: url(../images/comvision_but_on.gif) no-repeat;
}
#left_navi2 li#vision a {
  background: url(../images/comvision_but_off.gif) no-repeat;
}
#left_navi2 li#vision a:hover {
  background: url(../images/comvision_but_on.gif) no-repeat;
}
#left_navi2 li#history {
  background: url(../images/comhistory_but_on.gif) no-repeat;
}
#left_navi2 li#history a {
  background: url(../images/comhistory_but_off.gif) no-repeat;
}
#left_navi2 li#history a:hover {
  background: url(../images/comhistory_but_on.gif) no-repeat;
}
#left_navi2 li#contact2 {
  background: url(../images/comcontact_but_on.gif) no-repeat;
}
#left_navi2 li#contact2 a {
  background: url(../images/comcontact_but_off.gif) no-repeat;
}
#left_navi2 li#contact2 a:hover {
  background: url(../images/comcontact_but_on.gif) no-repeat;
}
#left_navi2 li#map {
  background: url(../images/commap_but_on.gif) no-repeat;
}
#left_navi2 li#map a {
  background: url(../images/commap_but_off.gif) no-repeat;
}
#left_navi2 li#map a:hover {
  background: url(../images/commap_but_on.gif) no-repeat;
}
#left_navi2 li#client {
  background: url(../images/comclient_but_on.gif) no-repeat;
}
#left_navi2 li#client a {
  background: url(../images/comclient_but_off.gif) no-repeat;
}
#left_navi2 li#client a:hover {
  background: url(../images/comclient_but_on.gif) no-repeat;
}
#left_navi2 li#recruit {
  background: url(../images/comrecruit_but_on.gif) no-repeat;
}
#left_navi2 li#recruit a {
  background: url(../images/comrecruit_but_off.gif) no-repeat;
}
#left_navi2 li#recruit a:hover {
  background: url(../images/comrecruit_but_on.gif) no-repeat;
}
#left_navi2 li#privacy {
  background: url(../images/comprivacy_but_on.gif) no-repeat;
}
#left_navi2 li#privacy a {
  background: url(../images/comprivacy_but_off.gif) no-repeat;
}
#left_navi2 li#privacy a:hover {
  background: url(../images/comprivacy_but_on.gif) no-repeat;
}
#left_navi2 a {
  display: block;
  height: 30px;
  text-decoration: none;
}
#left_navi2 div {
  margin: 5px 0 0 15px;
}
#left_navi2 p {
  padding: 1em 0 0 1px;
  text-align: right;
  font-size: x-small;
  line-height: 1.5;
  color: #333333;
}

/* サイトマップ
---------------------------------------------------- */
.sitemap {
  margin-left: -10px;
  padding: 0;
  list-style: square;
}


/* フッター
---------------------------------------------------- */
#footer {
  clear: both;
  margin: 0 auto;
  position: relative;
  width: 774px;
  height: 37px;
  background: #ffffff url(../images/footer.gif) no-repeat;
}
#footer p {
  margin: 0px 10px 10px 0px;
  padding: 7px 10px;
  text-indent:-3000px;
  font-size: x-small;
  color: #666666;
  background: transparent;
}