@charset "UTF-8";
/* Copyrightc 2010 THE TOKYO CHAMBER OF COMMERCE AND INDUSTRY */
/* 本CSSを無断で使用、転載、流用、改変することを一切禁止します。 */

div#container {
  /*background-image: url(/img/bg-sub.gif); background-position: 0 0; background-repeat: repeat-x;*/
  background: transparent;
}
div#contents {
}
div#alphaBlock {
}
div#betaBlock {
}





/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 検索 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#betaBlock div#search {
  float: left;
  background: #ffffff;
  /*background-image: url(/img/search/bg-s-ep.jpg); background-position: 0px 0px; background-repeat: no-repeat;*/
  text-align: left;
  margin: 0px; padding: 0 10px 10px 10px;
  width: 720px;
}

/*  検索BOX  */
div#betaBlock div#search div.inner {
  background-image: url(/img/search/bg-ep-inner.jpg); background-position: 0px -20px; background-repeat: repeat-x;
  border: 1px solid #6a8799;
  margin: 4px 0 10px 0; padding: 5px;
  clear: both;
}
div#betaBlock div#search dl dt{
  float: left;
  width: 120px;
  font-weight: bold;
}
div#betaBlock div#search dl dd{
  margin-bottom: 5px; padding: 0;
}

div#betaBlock div#search dl#search_box{
  clear: both;
  margin: 5px 0;
}
div#betaBlock div#search dl#search_box dt{
  clear: both;
  width: auto;
  font-weight: normal;
  padding-left: 15px;
  background-image: url(/img/accordion_icon1.gif); background-position: 0 3px; background-repeat: no-repeat;
}
div#betaBlock div#search dl#search_box dt.open{
  background-image: url(/img/accordion_icon2.gif); background-position: 0 3px; background-repeat: no-repeat;
}
div#betaBlock div#search dl#search_box dd{
  clear: both;
  padding: 0 0 3px 15px;
}

div#betaBlock div#search div#inner_box {
  width: 150px;
  background: #ffffff;
  border: 1px solid #6a8799;
  text-align: left;
  padding: 10px;
}
div#betaBlock div#search div#inner_box span {
  font-size: 90%;
}

/* 検索結果 */
div#betaBlock div#search ul#result {
  margin: 10px 0;
}
div#betaBlock div#search ul#result:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}

/* 検索結果 タイトル */
div#betaBlock div#search ul#result li {
  float: left;
  width: 720px; height: auto;
  text-align: left;
  /*background-image: url(/img/matter/bg-category-d.jpg); background-position: -70px 0px; background-repeat: no-repeat;*/ 
  margin: 0; padding: 0;
}
div#betaBlock div#search ul#result li h2 {
  height: 34px; line-height: 34px;
  color: #3e547d; font-size: 100%;
  background-image: url(/img/matter/bg-category-header-d.gif); background-position: top left; background-repeat: no-repeat;
  margin: 0 0 10px 0; padding: 0px 0px 0 10px;
}

/* 検索結果企業情報 */
div#betaBlock div#search ul#result li ul.enterprise:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}
div#betaBlock div#search ul#result li ul.enterprise li {
  width: 680px;
  text-align: left;
  background: #F5FAFD;
  background-image: url(/img/matter/bg-category-item-d.jpg); background-position: top left; background-repeat: no-repeat;
  border: 1px solid #ecf6f9;
  margin: 0 10px 7px 10px; padding: 10px;
}

div#betaBlock div#search ul#result li ul.enterprise li p {
  margin: 0; padding: 0 0 0.1em 0;
}

div#betaBlock div#search ul#result li ul.enterprise li p.date {
  float: right;
  padding: 0 0 0.1em 0;
}

div#betaBlock div#search ul#result li table.enterprise{
  width: 720px;
  text-align: left;
  background: #F5FAFD;
  background-image: url(/img/matter/bg-category-item-d.jpg); background-position: top left; background-repeat: no-repeat;
  border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;
  margin: 0; padding: 0px;
}
div#betaBlock div#search ul#result li table.enterprise td{
  border-right: 1px solid #dddddd;   border-bottom: 1px solid #dddddd;
  margin: 0; padding: 5px;
}
div#betaBlock div#search ul#result li table.enterprise p {
  margin: 0; padding: 0 0 0.1em 0;
}


/*  検索ナビ 上段  */
/*
div#betaBlock div#search ul {
  width: 580px; height: 26px;
  list-style-type: none;
  margin-bottom: 10px;
}
div#betaBlock div#search ul li {
  float: left;
  width: 290px; height: 26px; line-height: 26px; text-align: center;
  margin: 0; padding: 0;
}
div#betaBlock div#search ul li.right {
  float: right;
  width: 290px; height: 26px; line-height: 26px; text-align: center;
  margin: 0; padding: 0;
}

div#betaBlock div#search ul li h2 {
  width: 290px; height: 26px; line-height: 26px;
  font-size: 150%;
  color: #fff;
  margin: 0; padding: 0;
}
div#betaBlock div#search ul li h2 a {
  width: 290px; height: 26px; line-height: 26px;
  color: #fff; text-decoration: none;
  margin: 0; padding: 0;
  display: block;
}
div#betaBlock div#search ul li h2 a:hover {
  width: 290px; height: 26px; line-height: 26px;
  color: #ffa537; text-decoration: none;
  margin: 0; padding: 0;
  display: block;
}
div#betaBlock div#search ul li h2 a span {
  margin: 0; padding: 0 0 0 18px;
  background-image: url(/img/search/allow.gif); background-position: -500px center; background-repeat: no-repeat;
}
div#betaBlock div#search ul li h2 a:hover span {
  margin: 0; padding: 0 0 0 18px;
  background-image: url(/img/search/allow.gif); background-position: 1px center; background-repeat: no-repeat;
}
div#betaBlock div#search ul li h2 span {
  background-image: url(/img/search/allow_now.gif); background-position: center left; background-repeat: no-repeat;
  margin: 0; padding: 0 0 0 18px;
}
*/

/*  検索ナビ 下段  */
/*
div#betaBlock div#search ul.srv_navi {
  text-align: left;
  margin: 5px 0 0 0;
  clear: both;
}
div#betaBlock div#search ul.srv_navi li {
  text-align: left;
  width: 580px; 
}
div#betaBlock div#search ul.srv_navi li ul {
  list-style-type: none;
}
div#betaBlock div#search ul.srv_navi li ul li.left {
  float: left;
  width: 286px; text-align: center;
  margin: 0; padding: 0;
  background: #ccc; border: 1px solid #6a8799;
}
div#betaBlock div#search ul.srv_navi li ul li.right {
  float: right;
  width: 286px; text-align: center;
  margin: 0; padding: 0;
  background: #ccc; border: 1px solid #6a8799;
}
*/











/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 企業詳細 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

div#betaBlock ul#company {
  float: left;
  text-align: left;
  background: #ffffff;
  background-image: url(/img/contents_header.jpg); background-position: 0px 0px; background-repeat: repeat-x;
  margin: 0; padding: 5px 10px 5px 10px;
}
div#betaBlock ul#company:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}


/* 最終更新日時 */

div#betaBlock ul#company p.update {
  width: 720px;
  text-align: right;
  font-size: 90%; color: #fff;
}


div#betaBlock ul#company li {
  width: 720px;
  display: block;
}


/* 会社名 */

div#betaBlock ul#company li h2 {
  font-size: 150%; color: #fff; line-height: 1em;
  margin: 0 0 0.5em 0; padding: 0;
}
div#betaBlock ul#company li span.kana {
  font-size: 80%; color: #fff;
}
div#betaBlock ul#company li span {
  font-size: 80%; color: #fff;
}


/* 会社PR */

div#betaBlock ul#company li p.pr {
  min-height: 7em; width: 700px;
  text-align: left; line-height: 1.5em;
  background-image: url(/img/search/bg-ep-inner.jpg); background-position: 0px -50px; background-repeat: repeat-x;
  display: block;
  margin: 0; padding: 10px 10px 1em 10px;
}

div#betaBlock ul#company li p.pr:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}


/* サービス
--------------------------------------------------------------------------------------------- */
div#betaBlock ul#company li ul {
}

div#betaBlock ul#company li ul li.service {
  width: 720px;
  text-align: left;
  background: #fff;
  border: 0px solid #fff; /* IE7:hoverバグ対策 */
  margin: 0 0 1em 0; padding: 0px;
}

div#betaBlock ul#company li ul li.service h3 {
  margin-bottom: 10px;
}


/* 案件 */
div#betaBlock ul#company li ul li.service ul {
}

div#betaBlock ul#company li ul li.service ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}

div#betaBlock ul#company li ul li.service ul li.pt { /* 製品・技術情報 */
  float: left;
  width: 330px;
  text-align: left;
  color: #2088f6;
  background: #f4f9ff;
  background-image: url(/img/matter/bg-category-item-a.jpg); background-position: top left; background-repeat: no-repeat;
  border: 1px solid #e9f3fd;
  display: block;
  margin: 0 7px 10px 0px; padding: 10px;
}




div#betaBlock ul#company li ul li.service ul li.sv { /* サービス情報 */
  float: left;
  width: 330px;
  text-align: left;
  color: #48d11d;
  background: #f4fff9;
  background-image: url(/img/matter/bg-category-item-b.jpg); background-position: top left; background-repeat: no-repeat;
  border: 1px solid #d7fde9;
  display: block;
  margin: 0 7px 10px 0px; padding: 10px;
}

div#betaBlock ul#company li ul li.service ul li.es { /* イベント・セミナー情報 */
  float: left;
  width: 330px;
  text-align: left;
  color: #ff9040;
  background: #fffcf3;
  background-image: url(/img/matter/bg-category-item-c.jpg); background-position: top left; background-repeat: no-repeat;
  border: 1px solid #fdeee1;
  display: block;
  margin: 0 7px 10px 0px; padding: 10px;
}


div#betaBlock ul#company li ul li.service ul li h4 {
  float: right;
  width: 230px;
  font-size: 90%;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
  margin: 0; padding: 0;
}
div#betaBlock ul#company li ul li.service ul li.pt h4 a    {color: #2088f6; text-decoration: none;}
div#betaBlock ul#company li ul li.service ul li.sv h4 a    {color: #48d11d; text-decoration: none;}
div#betaBlock ul#company li ul li.service ul li.es h4 a    {color: #ff9040; text-decoration: none;}
div#betaBlock ul#company li ul li.service ul li h4 a:hover {text-decoration: underline;}

div#betaBlock ul#company li ul li.service ul li p {
  text-align: left;
  color: #555;
  margin: 0; padding: 0 0 10px 0;
  display: block;
}






/* リンク */

div#betaBlock ul#company li ul li.service ul li a.img {
  /*float: left;*/
  width: auto; height: auto;
  margin: 0; padding: 0;
  display: block;
}

div#betaBlock ul#company li ul li.service ul li a.img:hover {
  /*float: left;*/
  width: auto; height: auto;
  margin: 0; padding: 0;
  display: block;
}










/* プロフィール
--------------------------------------------------------------------------------------------- */

div#betaBlock ul#company li ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}


div#betaBlock ul#company li ul li.profile {
  width: 700px; height: auto;
  text-align: left;
  zoom: 1;
  background: #f5fafd;
  background-image: url(/img/matter/bg-category-item-d.jpg); background-position: top left; background-repeat: no-repeat;
  margin: 0 0 1.4em 0; padding: 10px;
}

div#betaBlock ul#company li ul li.profile h3 {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 10px 0; padding: 0;
}


div#betaBlock ul#company li ul li.profile ul li {
  margin: 0; padding: 0px;
  clear: both;
}

div#betaBlock ul#company li ul li.profile ul li span {
  float: left;
  width: 80px; text-align: left;
  font-size: 100%; color: #3c517b;
  margin: 0; padding: 5px 0 5px 5px;
}

div#betaBlock ul#company li ul li.profile ul li p {
  float: left;
  width: 595px; text-align: left;
  margin: 0; padding: 5px 10px 5px 10px;
}





/* 問い合わせボタン */
button.GoForm-ep {
  float: left;
  width: 580px; height: 37px; line-height: 37px;
  background-image: url(/img/catalog/button-goform-ep.jpg); background-position: 0px 0px; background-repeat: no-repeat;
  display: block;
  border: 0;
  margin: 0 70px 1em 70px; padding: 0;
  zoom: 100%;
}
button.GoForm-ep:hover {
  float: left;
  width: 580px; height: 37px; line-height: 37px;
  background-image: url(/img/catalog/button-goform-ep.jpg); background-position: 0px -37px; background-repeat: no-repeat;
  display: block;
  border: 0;
  margin: 0 70px 1em 70px; padding: 0;
  zoom: 100%;
}




/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< マイページ >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

div#betaBlock div#mypage {
  float: left;
  text-align: left;
  background: #ffffff;
  background-image: url(/img/contents_header.jpg); background-position: 0px 0px; background-repeat: repeat-x;
  margin: 0; padding: 5px 10px 0 10px;
}

div#betaBlock div#mypage:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}



/* 会社名 */
div#betaBlock div#mypage h2 {
  font-size: 150%; color: #fff; line-height: 1em;
  margin:  1em 0 0.8em 0; padding: 0;
}

div#betaBlock div#mypage ul {
  width: 700px; height: auto;
  zoom: 1;
  background: #f5fafd;
  background-image: url(/img/matter/bg-category-item-d.jpg); background-position: top left; background-repeat: no-repeat;
  text-align: left;
  margin: 1.4em 0 0 0; padding: 10px 10px 0 10px;
}
div#betaBlock div#mypage ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  margin:0; padding: 0;
  clear: both;
}

div#betaBlock div#mypage ul li {
  margin: 1em 0 4em 0;
}

div#betaBlock div#mypage ul li h3 {
  line-height: 2.0em;
  border-bottom: 1px dotted #ccc; 
  margin: 0 0 10px -5px; padding: 0 0 0 5px;
}



/* 担当者一覧テーブル */
table.user {
  width: 100%;
  border: 1px solid #6a8799; background: #fff;
  display: block;
  clear: both;
}
table.user tr.item      {background: #ddd; color: #333;}
table.user tr.item td   {text-align: center;}
table.user tr td        {padding: 2px; text-align: left;}



/* カタログ登録テーブル */
table.catalog {
  width: 100%;
  border: 1px solid #6a8799; background: #fff;
  display: block;
  clear: both;
}
table.catalog tr td        {padding: 2px; text-align: center;}
table.catalog tr td.name   {padding: 2px; text-align: left;}
table.catalog tr.item      {background: #ddd; color: #333;}
table.catalog tr.item td   {text-align: center;}
table.catalog tr.pt        {background: #f5fafe; color: #666666;}
table.catalog tr.sv        {background: #f6fffa; color: #666666;}
table.catalog tr.es        {background: #fffcf3; color: #666666;}

table.catalog tr.pt a       {color: #2088f6;}
table.catalog tr.pt a:hover {color: #2088f6; text-decoration: underline;}

table.catalog tr.sv a       {color: #48d11d;}
table.catalog tr.sv a:hover {color: #48d11d; text-decoration: underline;}

table.catalog tr.es a       {color: #ff9040; }
table.catalog tr.es a:hover {color: #ff9040; text-decoration: underline;}


/* カタログ登録テーブル - 登録ボタン */
div#betaBlock div#mypage ul li a.pt {
  float: left;
  width: 166px; height: 24px; line-height: 24px;
  background-image: url(/img/catalog/button-regist-pt.gif); background-position: 0px 0px; background-repeat: no-repeat;
  display: block;
  margin-right: 2px; margin-bottom: 2px;
}
div#betaBlock div#mypage ul li a.pt:hover {
  background-image: url(/img/catalog/button-regist-pt.gif); background-position: 0px -24px; background-repeat: no-repeat;
}

div#betaBlock div#mypage ul li a.sv {
  float: left;
  width: 150px; height: 24px; line-height: 24px;
  background-image: url(/img/catalog/button-regist-sv.gif); background-position: 0px 0px; background-repeat: no-repeat;
  display: block;
  margin-right: 2px; margin-bottom: 2px;
}
div#betaBlock div#mypage ul li a.sv:hover {
  background-image: url(/img/catalog/button-regist-sv.gif); background-position: 0px -24px; background-repeat: no-repeat;
}

div#betaBlock div#mypage ul li a.es {
  float: left;
  width: 188px; height: 24px; line-height: 24px;
  background-image: url(/img/catalog/button-regist-es.gif); background-position: 0px 0px; background-repeat: no-repeat;
  display: block;
  margin-bottom: 2px;
}
div#betaBlock div#mypage ul li a.es:hover {
  background-image: url(/img/catalog/button-regist-es.gif); background-position: 0px -24px; background-repeat: no-repeat;
}




/* 商談（依頼案件） */
table.business {
  width: 100%;
  border: 1px solid #6a8799; background: #fff;
  display: block;
  clear: both;
}

table.business tr         {background: #fff;}
table.business tr.item    {background: #ddd; color: #333;}
table.business tr.item td {text-align: center;}
table.business tr td.name {text-align: left;}
table.business tr td.name a       {}
table.business tr td.name a:hover {text-decoration: underline;}

table.business tr td   {padding: 2px; text-align: center;}


/* 販路開拓 - 登録ボタン */
div#betaBlock div#mypage ul li a.market {
  width: 166px; height: 24px; line-height: 24px;
  background-image: url(/img/catalog/button-regist-market.gif); background-position: 0px 0px; background-repeat: no-repeat;
  display: block;
  margin-right: 2px; margin-bottom: 2px;
}
div#betaBlock div#mypage ul li a.market:hover {
  background-image: url(/img/catalog/button-regist-market.gif); background-position: 0px -24px; background-repeat: no-repeat;
}

/* 商談（依頼案件） - 登録ボタン */
div#betaBlock div#mypage ul li a.request {
  width: 166px; height: 24px; line-height: 24px;
  background-image: url(/img/catalog/button-regist-request.gif); background-position: 0px 0px; background-repeat: no-repeat;
  display: block;
  margin-right: 2px; margin-bottom: 2px;
}
div#betaBlock div#mypage ul li a.request:hover {
  background-image: url(/img/catalog/button-regist-request.gif); background-position: 0px -24px; background-repeat: no-repeat;
}



/* マイページ共通 - 削除ボタン */
a.delete         {
  width: 25px; text-align: center;
  font-size: 15px; color: #ff3f3f; text-decoration: none;
  display: block;
  padding: 2px 0;
}

a.delete:hover   {
  color: #ff6464;
  text-decoration: underline;
}