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

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





/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 検索 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#betaBlock div#search {
  text-align: center;
  margin: 10px 0;
}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< CMS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#betaBlock div#cms_contents {
  text-align: left;
  background: #FFFFFF;
  padding: 10px; margin-bottom: 10px;
  /* border-bottom: 1px dotted; */
}


/* <<<<<<<<<<<< ピックアップ（製品情報、サービス情報、イベント・セミナー情報） >>>>>>>>>>>> */

/* 共通要素
  ----------------------------------------------------------------------------------------- */
div#betaBlock div#matter {
  clear: both;
  text-align: left;
}

div#betaBlock div#matter #matter_product{float:left; width:245px;}
div#betaBlock div#matter #matter_service{float:left; width:245px;}
div#betaBlock div#matter #matter_event  {float:left; width:245px;}

/* カテゴリタイトル */
/*
div#betaBlock div#matter ul {
  list-style-type: none;
}
div#betaBlock div#matter ul li {
  float: left;
  width: 720px;
  margin: 10px 10px 15px 10px;
}
*/
div#betaBlock div#matter h3 {
  /*width: 720px;*/ height: 34px;
  /*margin-bottom: 10px;*/ padding-left: 8px;
}
div#betaBlock div#matter h3 a {
  /*width: 720px;*/ height: 34px; line-height: 34px;
  color: #3e547d; text-decoration: none;
  display: block;
  margin: 0; padding: 0;
}
div#betaBlock div#matter h3 a:hover {
  /*width: 720px;*/ height: 34px; line-height: 34px;
  color: #ff872a; text-decoration: underline;
  display: block;
  margin: 0; padding: 0;
}

/* 記事枠 */
div#betaBlock div#matter ul { /* ↓に各設定有り */
  margin: 5px 5px;
  list-style-type: none;
}
div#betaBlock div#matter ul li { /* ↓に各設定有り */
  /*float: left;
  width: 137px;*/
  color: #777;
  display: block;
  margin: 0; padding: 0;
}
div#betaBlock div#matter ul li: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#matter ul li img {
  /*float: left;*/
  margin: 0 50px; padding 0;
  border: none;
}
div#betaBlock div#matter ul li img.pref {
  margin: 2px 5px 0 0;
}

/* 記事タイトル */
div#betaBlock div#matter ul li h4 {
  text-align: left;
  font-size: 100%;
  margin: 0; padding: 0.5em 10px 0em 10px;
}
/* 記事社名 */
div#betaBlock div#matter ul li h4 span {
  color: #666; font-size: 85%; font-weight: normal;
  margin: 0; padding: 0;
}
/* 記事社名 */
div#betaBlock div#matter ul li h5 {
  color: #666; font-size: 85%; font-weight: normal;
  margin: 0; padding: 0 10px 0 10px;
}

/* 記事日時 */
div#betaBlock div#matter ul li span {
  color: #666; font-size: 90%; font-weight: normal;
  margin: 3px 5px 0 10px; padding: 0;
}

/* 記事PR文 */
div#betaBlock div#matter ul li p {
  color: #666; font-size: 90%; font-weight: normal;
  margin: 0; padding: 3px 5px 0 10px;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
}


/* 各カテゴリの設定
  ----------------------------------------------------------------------------------------- */

/* 製品・技術情報：大外背景 */
div#betaBlock div#matter #matter_product ul li.product {
  /*background-image: url(/img/matter/bg-category-a.jpg); background-position: top right; background-repeat: no-repeat;*/
}

/* 製品・技術情報：タイトル */
div#betaBlock div#matter #matter_product h3 {
  background-image: url(/img/matter/bg-category-header-a-top.gif); background-position: top left; background-repeat: no-repeat;
}
div#betaBlock div#matter #matter_product h3 a {
  background-image: url(/img/button-category-a-top.gif); background-position: -309px 6px; background-repeat: no-repeat;
}
div#betaBlock div#matter #matter_product h3 a:hover {
  background-image: url(/img/button-category-a-top.gif); background-position: 189px 6px; background-repeat: no-repeat;
}

/* 製品・技術情報：記事枠 */
div#betaBlock div#matter #matter_product ul li.product {
  /*float: left;
  width: 245px;*/
  min-height: 12em;
  background: #f5faff;
  background-image: url(/img/matter/bg-category-item-a-top.jpg); background-position: top left; background-repeat: no-repeat;
  /*border-right: 1px solid #e9f3fd; border-bottom: 1px solid #e9f3fd;*/
  border: 1px solid #dddddd;
  margin-bottom: 8px;
}

/* 製品・技術情報：記事タイトル */
div#betaBlock div#matter #matter_product ul li.product h4 {
  background-image: url();
}
div#betaBlock div#matter #matter_product ul li.product h4 a {
  color: #2088f6; font-weight: bold; text-decoration: none;
}
div#betaBlock div#matter #matter_product ul li.product h4 a:hover {
  color: #2088f6; font-weight: bold; text-decoration: underline;
}



/* サービス情報：大外背景 */
div#betaBlock div#matter #matter_service ul li.service {
  /*background-image: url(/img/matter/bg-category-b.jpg); background-position: top right; background-repeat: no-repeat;*/
}

/* サービス情報：タイトル */
div#betaBlock div#matter #matter_service h3 {
  background-image: url(/img/matter/bg-category-header-b-top.gif); background-position: top left; background-repeat: no-repeat;
}
div#betaBlock div#matter #matter_service h3 a {
  background-image: url(/img/button-category-b-top.gif); background-position: -309px 6px; background-repeat: no-repeat;
}
div#betaBlock div#matter #matter_service h3 a:hover {
  background-image: url(/img/button-category-b-top.gif); background-position: 189px 6px; background-repeat: no-repeat;
}

/* サービス情報：記事枠 */
div#betaBlock div#matter #matter_service ul li.service {
  /*width: 700px;*/
  min-height: 12em;
  background: #f4fff9;
  background-image: url(/img/matter/bg-category-item-b.jpg); background-position: top left; background-repeat: no-repeat;
  /*border-right: 1px solid #d7fde9; border-bottom: 1px solid #d7fde9;*/
  border: 1px solid #dddddd;
  margin-bottom: 8px;
}

/* サービス情報：記事タイトル  */
div#betaBlock div#matter #matter_service ul li.service h4 {
  background-image: url();
}
div#betaBlock div#matter #matter_service ul li.service h4 a {
  color: #48d11d; font-weight: bold; text-decoration: none;
}
div#betaBlock div#matter #matter_service ul li.service h4 a:hover {
  color: #48d11d; font-weight: bold; text-decoration: underline;
}



/* イベント・セミナー情報：大外背景 */
div#betaBlock div#matter #matter_event ul li.event {
  /*background-image: url(/img/matter/bg-category-c.jpg); background-position: top right; background-repeat: no-repeat;*/
}

/* イベント・セミナー情報：タイトル */
div#betaBlock div#matter #matter_event h3 {
  background-image: url(/img/matter/bg-category-header-c-top.gif); background-position: top left; background-repeat: no-repeat;
}
div#betaBlock div#matter #matter_event h3 a {
  background-image: url(/img/button-category-c-top.gif); background-position: -309px 6px; background-repeat: no-repeat;
}
div#betaBlock div#matter #matter_event h3 a:hover {
  background-image: url(/img/button-category-c-top.gif); background-position: 189px 6px; background-repeat: no-repeat;
}

/* イベント・セミナー情報：記事枠  */
div#betaBlock div#matter #matter_event ul li.event {
  /*width: 700px;*/
  min-height: 12em;
  background: #fffcf3;
  background-image: url(/img/matter/bg-category-item-c-top.jpg); background-position: top left; background-repeat: no-repeat;
  /*border-right: 1px solid #fdeee1; border-bottom: 1px solid #fdeee1;*/
  border: 1px solid #dddddd;
  margin-bottom: 8px;
}

/* イベント・セミナー情報：記事タイトル  */
div#betaBlock div#matter #matter_event ul li.event h4 {
  background-image: url();
}
div#betaBlock div#matter #matter_event ul li.event h4 a {
  color: #ff9040; font-weight: bold; text-decoration: none;
}
div#betaBlock div#matter #matter_event ul li.event h4 a:hover {
  color: #ff9040; font-weight: bold; text-decoration: underline;
}



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Blocl1 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/*
div#betaBlock div#search {
  float: left;
  width: 600px; text-align: left;
  background-image: url(/img/search/bg-top.jpg); background-position: -220px -245px; background-repeat: no-repeat;
  margin: 0 0 20px 0px; padding: 0px;
}

div#betaBlock div#search ul {
  list-style-type: none;
}

div#betaBlock div#search ul li {
  float: left;
  width: 285px; text-align: left;
  margin: 0; padding: 10px 0 10px 10px;
}

div#betaBlock div#search ul li h3 {
  border-bottom: 1px solid #3c4e7c;
  margin: 0 0 10px 0; padding: 0px;
  display: block;
}
*/

/* adwordsお知らせ
  ----------------------------------------------------------------------------------------- */
/*
div#betaBlock div#search ul li a.login {
  width: 160px; height: 33px;
  background-image: url(/img/button-login.gif); background-position: -241px 0px; background-repeat: no-repeat;
  display: block;
  margin: 0;
}
div#betaBlock div#search ul li a:hover.login {
  width: 160px; height: 33px;
  background-image: url(/img/button-login.gif); background-position: 0px 0px; background-repeat: no-repeat;
  margin: 0;
}
div#betaBlock div#search ul li table.special {
  float: none;
  width: 100%;
  margin-top: 5px;
}
*/

/* 新規登録企業
  ----------------------------------------------------------------------------------------- */
/*
div#betaBlock div#search ul li ul {
  width: 250px;
  margin: 0px; padding: 0px;
  list-style-type: none;
}

div#betaBlock div#search ul li div {
  height: 85px; overflow: auto;
}

div#betaBlock div#search ul li ul li {
  width: 235px;
  font-size: 90%;
  margin: 0 0 5px 0px; padding: 0;
}
div#betaBlock div#search ul li ul li a {
  color: #333333; text-decoration: none;
  background-image: url(/img/list.gif); background-position: -500px 0px; background-repeat: no-repeat;
  margin: 0; padding: 0 0 0 15px;
 }
div#betaBlock div#search ul li ul li a:hover {
  color: #ff872a; text-decoration: underline;
  background-image: url(/img/list.gif); background-position: 1px 0px; background-repeat: no-repeat;
  margin: 0; padding: 0 0 0 15px;
 }
*/

/* 企業検索
  ----------------------------------------------------------------------------------------- */
/*
div#betaBlock div#search ul li table {
  float: left;
  width: 285px;
}
div#betaBlock div#search ul li table tr td {
  padding: 0px 3px; //padding入れるとIE6でhoverバグ//
}
div#betaBlock div#search ul li table tr td.search {
}
div#betaBlock div#search ul li table tr td.test {
  padding-top: 0.2em;
}
*/