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

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





/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< カタログ詳細 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#betaBlock div#catalog {
  float: left;
  text-align: left;
  background: #ffffff;
  background-image: url(/img/contents_header.jpg); background-position: 0px 0px; background-repeat: repeat-x;
  padding: 10px 10px 0 10px;
}
div#betaBlock div#catalog: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#catalog span.category {
  float: left;
  text-align: center;
  font-size: 90%; color: #333;
  background: #fff;
  border: 1px solid #666;
  margin-right: 5px; padding: 5px 15px 5px 15px;
}

/* 会社名 */
div#betaBlock div#catalog p.company {
  float: right;
  text-align: right;
  color: #fff;
  display: block;
}

/* 会社名URL */
div#betaBlock div#catalog p.company a {
  color: #fff; text-decoration: none;
  display: block;
}
div#betaBlock div#catalog p.company a:hover {
  color: #fff; text-decoration: underline;
}

/* カテゴリ Inner */
div#betaBlock div#catalog div.inner {
  width: 719px;
  background: #fff;
  background-image: url(/img/search/bg-pt-inner.jpg); background-position: 0px -50px; background-repeat: repeat-x;
  margin: 0; padding: 10px 0 10px 0;
  zoom: 100%;
  display: block;
  clear: both;
}

/* カタログ名 */
div#betaBlock div#catalog div.inner p.sub {
  text-align: center;
  color: #666;
}
div#betaBlock div#catalog div.inner h2 {
  text-align: center;
   color: #2088f6; font-size: 170%; line-height: 1.2em;
  border-bottom: 1px dotted #3C517B;
  margin: 0 10px 0.8em 10px; padding: 0 0 10px 0;
}

/* PR */
div#betaBlock div#catalog div.inner p.pr {
  height: auto;
  text-align: left; line-height: 1.5em;
  margin: 0 0 0px 0; padding: 0 10px 0 10px;
}
div#betaBlock div#catalog div.inner p.pr img {
  float: left;
  border: 0;
  margin: 0; padding: 0 10px 10px 0;
}

/* URL,PDF,掲載期間 */
div#betaBlock div#catalog div.inner ul {
  float: left;
  margin-top: 1.4em; padding: 0 10px;
}
div#betaBlock div#catalog div.inner ul li {
  margin: 0; padding: 0;
  clear: both;
}
div#betaBlock div#catalog div.inner ul li span {
  float: left;
  width: 80px; text-align: left;
  font-size: 100%; color: #3c517b;
  margin: 0; padding: 5px 0;
}
div#betaBlock div#catalog div.inner ul li p {
  float: left;
  width: 455px; text-align: left;
  margin: 0; padding: 5px 10px 5px 10px;
}

/* 会社プロフィール */
div#betaBlock div#catalog div.inner ul.profile {
  width: 720px;
  background: #f5fafd;
  background-image: url(/img/matter/bg-category-item-d.jpg); background-position: top left; background-repeat: no-repeat;
  margin: 1.4em 0; padding: 0 0 10px 0;
}
div#betaBlock div#catalog div.inner ul.profile li {
  text-align: left;
  margin: 0; padding: 0;
  clear: both;
}
div#betaBlock div#catalog div.inner ul.profile li h3 {
  border-bottom: 1px dotted #ccc;
  margin: 0.3em 0 -0.5em 0; padding: 10px 0 0 10px;
}
div#betaBlock div#catalog div.inner ul.profile li ul {
  martgin: 0; padding: 0;
}
div#betaBlock div#catalog div.inner ul.profile li ul li {
  margin: 0; padding: 0 0 0 10px;
  clear: both;
}
div#betaBlock div#catalog div.inner ul.profile li ul li span {
  float: left;
  width: 80px; text-align: left;
  font-size: 100%; color: #3c517b;
  margin: 0; padding: 0;
}
div#betaBlock div#catalog div.inner ul.profile li ul li p {
  width: 595px; text-align: left;
  margin: 0; padding: 0;
}

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

/* 注意書き */
p#attention {
  clear: both;
  width: 720px; text-align: left;
  margin: 0 10px;
}




/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 検索 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

div#betaBlock div#search {
  float: left;
  text-align: left;
  background-image: url(/img/search/bg-s-pt.jpg); background-position: 0px 0px; background-repeat: no-repeat;
  padding: 5px 10px 5px 10px;
}


/*  検索ナビ 上段  */
div#betaBlock div#search ul {
  width: 580px; height: 26px;
  list-style-type: none;
  /*zoom: 1;*/
}
div#betaBlock div#search ul li {
  float: left;
  width: 290px; height: 26px; line-height: 26px; text-align: center;
}
div#betaBlock div#search ul li.right {
  float: right;
  width: 290px; 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 {
  clear: both;
  height: 51px;
  text-align: left;
  margin: 10px 0 0 0; padding: 0;
}
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.sv {
  float: left;
  width: 308px; text-align: center;
  margin: 0; padding: 0;
}

div#betaBlock div#search ul.srv_navi li ul li.es {
  float: right;
  width: 135px; text-align: center;
  margin: 0; padding: 0;
}

div#betaBlock div#search ul.srv_navi li ul li.pt {
  float: right;
  width: 135px; text-align: center;
  padding: 0 1px;
}




div#betaBlock div#search ul.srv_navi li ul li h3 {
  height: 51px; line-height: 51px;
}


div#betaBlock div#search ul.srv_navi li ul li h3.now {
  width: 135px; height: 51px; line-height: 51px;
  background-image: url(/img/search/button-pt_now.gif); background-position: 0px 0px; background-repeat: no-repeat;
  margin: 0; padding: 0 0 0 0;
}



div#betaBlock div#search ul.srv_navi li ul li h3 a.sv {
  width: 308px; height: 30px; line-height: 30px;
  background-image: url(/img/search/button-sv.gif); background-position: 0px 0px; background-repeat: no-repeat;
  margin-top: 21px;
  display: block;
}
div#betaBlock div#search ul.srv_navi li ul li h3 a.sv:hover {
  background-image: url(/img/search/button-sv.gif); background-position: 0px -30px; background-repeat: no-repeat;
}



div#betaBlock div#search ul.srv_navi li ul li h3 a.es {
  width: 135px; height: 30px; line-height: 30px;
  background-image: url(/img/search/button-es.gif); background-position: 0px 0px; background-repeat: no-repeat;
  margin-top: 21px;
  display: block;
}
div#betaBlock div#search ul.srv_navi li ul li h3 a.es:hover {
  background-image: url(/img/search/button-es.gif); background-position: 0px -30px; background-repeat: no-repeat;
}




/*  検索 inner  */
div#betaBlock div#search div.inner {
  background-image: url(/img/search/bg-pt-inner.jpg); background-position: 0px -20px; background-repeat: no-repeat;
  border: 1px solid #4db9fb; border-top: 3px solid #4db9fb; /* ###                     ### */
  margin: 0 0 10px 0; padding: 5px;
  clear: both;
}












/* 製品・技術情報の検索結果
--------------------------------------------------------------------------------------------- */
div#betaBlock ul#result {
}


div#betaBlock 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 ul#result li {
  float: left;
  width: 600px; height: auto;
  text-align: left;
  background-image: url(/img/matter/bg-category-a.jpg); background-position: -70px 0px; background-repeat: no-repeat; 
  margin: 0 0 15px 0; padding: 10px 0 0 0;
}

div#betaBlock ul#result li h2 {
  height: 34px; line-height: 34px;
  color: #3e547d; font-size: 100%;
  background-image: url(/img/matter/bg-category-header-a.gif); background-position: top left; background-repeat: no-repeat;
  margin: 0 0 10px 0; padding: 0px 0px 0 10px;
}


/* 案件
--------------------------------------------------------------------------------------------- */

div#betaBlock 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 ul#result li ul.enterprise li {
  float: left;
  width: 560px; text-align: left;
  background-image: url(/img/matter/bg-category-item-a.jpg); background-position: top left; background-repeat: no-repeat;
  border: 1px solid #ecf6f9;
  display: block;
  margin-left: 10px; padding: 10px;
}

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

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