@charset "UTF-8";

/* ------------------------------

clearfix Hack

------------------------------ */
.clearfix:after,
.btn-back:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix,
.btn-back { display: inline-block; }

/* Hide Mac IE \*/
* html .clearfix,
* html .btn-back { height: 1%; }

.clearfix,
.btn-back { display: block; }

/* ------------------------------

Common

------------------------------ */
body {
 font-size: small;
 line-height: 1.6;
 color: #333333;
 background: #f3e7e7 url(/img/common/bg-body.jpg) repeat-x left top;
 text-align: center;
 margin: 0px;
 padding: 0px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img { border-style: none; }

a {
 color: #006699;
 text-decoration: none;
}

a:hover { color: #0099CC; }

h1,
h2,
h3,
h4,
h5,
h6,
form {
 margin: 0;
 padding: 0;
}

h1,
h2,
h3 {
 font-size: 110%;
 font-weight: bold;
}

p {
 margin: 0px;
 padding: 0px 0px 15px;
}

.menu,
.entry-list {
 list-style-type:none;
 margin: 0;
 padding: 0;
}

.txt-red { color: #CC0000; }

.txt-small { font-size: 80%; }

.txt-source {
 padding: 7px;
 background: #fbf9f1;
 margin-top: 5px;
 margin-bottom: 30px;
 font-size: 80%;
}

.txt-sup {
 font-size: 60%;
 vertical-align: super;
}

.external-link {
 background: url(/img/common/icon-link.gif) no-repeat left center;
 padding-left: 18px;
}

.mail-link {
 background: url(/img/common/icon-mail.gif) no-repeat left center;
 padding-left: 18px;
}

.icon-doc {
 background: url(/img/common/icon-doc.gif) no-repeat left center;
 padding-left: 18px;
}

.icon-xsl {
 background: url(/img/common/icon-xsl.gif) no-repeat left center;
 padding-left: 18px;
}

.icon-pdf {
 background: url(/img/common/icon-pdf.gif) no-repeat left center;
 padding-left: 18px;
}

#wrap {
 width: 912px;
 margin-right: auto;
 margin-left: auto;
 background: url(/img/common/bg-wrap.jpg) repeat-y;
}

/* ------------------------------

Header

------------------------------ */
#header {
 background: url(/img/common/bg-header.jpg) no-repeat;
 position: relative;
 height: 250px;
}

#header .section,
#nav-global,
#contents {
 width: 864px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
}

#header .section {
 border-top: 4px solid #f6cdcb;
 position: relative;
}

#logo {
 position: absolute;
 top: 11px;
}

/* ------------------------------

Header Navi

------------------------------ */
/*#nav-header { position: absolute; top: 21px; right: 0px; width: 337px; }*/
#nav-header {
 position: absolute;
 top: 21px;
 right: 0px;
 width: 355px;
}

#btn-access { position: absolute; }

#btn-inquiry {
 position: absolute;
 left: 98px;
}

#btn-switch-jp {
 position: absolute;
 right: 96px;
}

#btn-switch-cn {
 position: absolute;
 right: 53px
}

#btn-switch-en {
 position: absolute;
 right: 0px;
}

/* ------------------------------

Global Navi

------------------------------ */
#nav-global {
 position: absolute;
 top: 74px;
 left: 24px;
}

#nav-global li { float: left; }

#category-img {
 position: absolute;
 top: 125px;
 left: 17px;
}

#contents { padding: 15px 0px 20px; }

/* ------------------------------

Article

------------------------------ */
#article {
 float: left;
 width: 580px;
}

#article .section {
 margin-bottom: 25px;
 clear: both;
}

#article .float-right {
 float: right;
 margin-top: 5px;
 margin-bottom: 20px;
 margin-left: 20px;
 font-size: 80%;
 width: 180px;
}

#article .float-right img {
 display: block;
 margin-bottom: 2px;
}

#article h2 {
 border-bottom: 2px solid #F6CDCB;
 margin-bottom: 10px;
 padding-bottom: 5px;
}

#article h3 {
 margin-bottom: 10px;
 background: #F8F7FA;
 padding: 5px 5px 5px 10px;
 border-left: 5px solid #CC0000;
 margin-top: 15px;
 clear: both;
}

#article h4 {
 margin-bottom: 5px;
 padding: 5px;
 margin-top: 5px;
 border: 1px solid #CCCCCC;
 color: #484C2A;
 clear: both;
}

#article h4.no-clear { clear: none; }

#article table { padding-bottom: 15px; }

#article table.no-margin { padding-bottom: 0px; }

#article tr.even { background: #F8F7FA; }

#article td {
 padding-top: 7px;
 padding-bottom: 7px;
 border-bottom: 1px dotted #CCCCCC;
 text-align: left;
 vertical-align: top;
}

#article td.cell-caps { width: 100px; }

#article td.align-right { text-align: right; }

#article td.align-center { text-align: center; }

#article ul,
#article ol { padding-bottom: 10px; }

#article ul.no-margin,
#article ol.no-margin { padding-bottom: 0px; }

#article li { padding-bottom: 10px; }

#article .flow-list {
 list-style-type: none;
 padding: 0px;
 margin-top: 0px;
}

#article .flow-list li {
 background: #990000;
 margin-bottom: 5px;
 padding: 7px;
 font-weight: bolder;
 color: #FFFFFF;
}

#article strong { color: #666633; }

#recent-list li {
 padding-bottom: 10px;
 border-bottom: 1px dotted #CCCCCC;
 margin-bottom: 10px;
}

#recent-list .post-date {
 font-size: 80%;
 color: #CC0000;
 padding-right: 20px;
}

/* ------------------------------

Aside

------------------------------ */
#aside {
 float: right;
 width: 256px;
}

#aside .section { margin-bottom: 15px; }

#aside .title-nav-sub {
 background: #990000 url(/img/common/bg-nav-sub-top.jpg) no-repeat left top;
 padding: 5px 10px;
 color: #FFFFFF;
 font-size: 80%;
}

/* ------------------------------

Aside - Sub Navi

------------------------------ */
#aside #nav-sub li,
#aside #nav-category li,
#aside #nav-archives li { border-bottom: 2px solid #990000; }

#aside #nav-sub li li,
#aside #nav-category li li,
#aside #nav-archives li li {
 border-bottom: none;
 border-top: 1px dotted #CCCCCC;
 margin-left: 20px;
}

#aside #nav-sub a,
#aside #nav-category a,
#aside #nav-archives a {
 display: block;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 20px;
 color: #666666;
 background: url(/img/common/btn-allow-gray.jpg) no-repeat left center;
}

#aside #nav-sub a:hover,
#aside #nav-category a:hover,
#aside #nav-archives a:hover {
 color: #333333;
 background: url(/img/common/btn-allow-red.jpg) no-repeat left center;
}

/* ------------------------------

Aside - Login Form

------------------------------ */
#aside #login-form li {
 border-bottom: 1px dotted #CCC;
 padding: 7px 0;
}

#aside #login-form label {
 font-size: 90%;
 color: #666;
 font-weight: bold;
}

#aside #login-form .textbox { width: 250px; }

#aside #login-form li.btn-submit {
 border-bottom: 2px solid #990000;
 text-align: right;
}

/* ------------------------------

Bread Navi

------------------------------ */
#nav-bread {
 clear: both;
 background-color: #594841;
 color: #FFFFFF;
 font-size: 80%;
}

#nav-bread li { float: left; }

#nav-bread .last { padding: 5px 10px; }

#nav-bread a {
 color: #FFFFFF;
 display: block;
 background-image: url(/img/common/bg-nav-bread.jpg);
 background-repeat: no-repeat;
 background-position: right center;
 padding: 5px 20px 5px 10px;
}

/* ------------------------------

Footer

------------------------------ */
#wrap-footer {
 clear: both;
 background: url(/img/common/bg-wrap-footer.jpg) repeat-x left bottom;
 height: 127px;
}

#footer {
 background: url(/img/common/bg-footer.jpg) no-repeat;
 width: 912px;
 margin-right: auto;
 margin-left: auto;
 height: 90px;
 position: relative;
}

#credit {
 text-align: left;
 color: #FFFFFF;
 line-height: 1.2;
 position: absolute;
 left: 24px;
 top: 15px;
 font-size: small;
}

#credit strong {
 border-bottom: 1px dotted #FFFFFF;
 margin-bottom: 5px;
 padding-bottom: 5px;
 display: block;
}

#btn-pagetop {
 position: absolute;
 right: 16px;
}

#copyright {
 font-size: x-small;
 color: #990000;
 margin-top: 10px;
}

/* ------------------------------

#p-top

------------------------------ */
#p-top { background: #f3e7e7 url(/img/top/bg-body.jpg) repeat-x left top; }

#p-top #header {
 height: 383px;
 background: url(/img/top/bg-header.jpg) no-repeat;
}

#p-top #recent-shanghai {
 background: #fbf9f1;
 padding: 15px;
}

#p-top #recent-shanghai .entry-img {
 float: left;
 width: 250px;
 border: 1px solid #CCCCCC;
}

#p-top #recent-shanghai .entry-detail {
 float: right;
 width: 280px;
}

#p-top #recent-shanghai .title {
 border-bottom: 2px solid #e1e0d8;
 margin-bottom: 5px;
 padding-bottom: 3px;
}

#p-top #recent-shanghai .post-date {
 font-size: 80%;
 color: #CC0000;
}

#p-top #recent-shanghai .body {
 height: 120px;
 overflow: auto;
 margin-top: 10px;
 margin-bottom: 15px;
}

#p-top #recent-shanghai .more { text-align: right; }

#p-top #recent-topics .head {
 background: #594841;
 height: 48px;
 position: relative;
}

#p-top #recent-topics .head h2 {
 position: absolute;
 margin: 0px;
 padding: 0px;
 border-style: none;
}

#p-top #recent-topics .head .btn-more {
 position: absolute;
 right: 12px;
 top: 12px;
}

#p-top #recent-topics li {
 border-bottom: 1px dotted #CCCCCC;
 padding: 7px 0px;
 clear: both;
}

#p-top #recent-topics .post-date {
 font-size: 80%;
 color: #CC0000;
 float: left;
 margin-right: 15px;
 padding-top: 3px;
 display: block;
}

#p-top #recent-topics .category {
 font-size: 80%;
 color: #FFFFFF;
 background:#dbbe47;
 float: left;
 width: 100px;
 padding: 3px;
 display: block;
 margin-right: 15px;
 text-align: center;
 font-weight: bold;
}

#p-top #recent-topics .title {
 display: block;
 float: left;
 padding-top: 0px;
}

#p-top #btn-pickup li { margin-bottom: 5px; }

#p-top #btn-relative {
 background: #F5F5F5 url(/img/top/bg-relative-bottom.jpg) no-repeat left bottom;
 padding-bottom: 10px;
}

#p-top #btn-relative li {
 padding-left: 10px;
 padding-top: 5px;
}

/* ------------------------------

#p-about

------------------------------ */

#p-about .inquiry-data td,
#p-assosiation .inquiry-data td {
 padding-left: 5px;
 padding-right: 5px;
}

#p-about #g-map { height: 400px; }

#p-about #location { display: none; }

/* ------------------------------

#p-general

------------------------------ */

#p-general #temperature-data { padding: 0px; }

#p-general #temperature-data td {
 font-size: 80%;
 text-align: center;
 padding: 7px 3px;
}

#p-general #temperature-data td.data-cell {
 border-left: 1px solid #CCCCCC;
 padding: 7px 0px;
 width: 38px;
}

#p-general #airplane-data td {
 font-size: 80%;
 text-align: center;
 vertical-align: middle;
}

#p-general .outline-data td {
 padding-left: 5px;
 font-size: 80%;
}

#p-general object { margin-top: 10px; }

#p-general #japan-map { float: right; }

/* ------------------------------

#p-assosiation

------------------------------ */

#p-assosiation #article h3,
#p-assosiation #article h4 { clear: none; }

#p-assosiation #article .float-right { width: 280px; }

/* ------------------------------

#p-link

------------------------------ */

#p-link #recent-list .description { font-size: 80%; }

/* ------------------------------

#p-matching

------------------------------ */
#p-matching #corp-list .category { width: 17em; }
#p-matching #corp-list .num { width: 7em; }

#p-matching.corp-detail #cn-name,
#p-matching.corp-detail #en-name { display: block; }

#p-matching.corp-detail #cn-name {
 float: left;
 width: 300px;
}

#p-matching.corp-detail #en-name {
 float: right;
 font-size: 80%;
 width: 270px;
 text-align: right;
 padding-top: 3px;
 font-weight: normal;
}

#p-matching.corp-detail #basic-data {
 width: 360px;
 float: right;
}

#p-matching.corp-detail #basic-data td p {
 padding: 0;
}

#p-matching.corp-detail #inquiry-form {
 display:none;
}

#p-matching.corp-detail #inquiry-form .btn-form {
 text-align: center;
}

#p-matching.corp-detail #sub-data {
 width: 200px;
 float:left;
}

#p-matching.corp-detail #basic-data th,
#p-matching.corp-detail #sub-data th {
 width: 80px;
 font-size: 80%;
 border-bottom: dotted 1px #CCC;
 padding-top: 9px;
 vertical-align: top;
}


#p-matching.corp-detail #sub-data th { width: 6em; }

#p-matching.corp-detail #sub-data ul {
 margin-bottom: 0;
 padding-bottom: 0;
}

#p-matching.corp-detail #sub-data ul li { padding-bottom: 5px; }

#p-matching.corp-detail #machine-list table { padding-bottom: 0; }

#p-matching.corp-detail #machine-list th,
#p-matching.corp-list #article th {
 font-size: 80%;
 border-bottom: solid 1px #999;
 color: #666;
}

#p-matching.corp-detail #machine-list th.name { width: 150px; }

#p-matching.corp-detail #machine-list th.maker { width: 150px; }

#p-matching.corp-detail #machine-list th.num { width: 60px; }

#p-matching.corp-detail #machine-list td { padding-right: 10px; }

#p-matching.corp-detail #basic-data td,
#p-matching.corp-detail #sub-data td,
#p-matching.corp-detail #machine-list td { border-bottom: dotted 1px #CCC; }

.btn-back { padding-bottom: 25px; }

.btn-back a {
 display: block;
 float: right;
 padding-left: 20px;
 color: #666666;
 background: url(/img/common/btn-allow-gray.jpg) no-repeat left center;
}

.btn-back a:hover {
 color: #333333;
 background: url(/img/common/btn-allow-red.jpg) no-repeat left center;
}

#p-matching.corp-detail #sell-list li,
#p-matching.corp-detail #buy-list li {
 width: 110px;
 float: left;
 margin-right: 5px;
}
#p-matching.corp-detail #sell-list li a,
#p-matching.corp-detail #sell-list li span,
#p-matching.corp-detail #buy-list li a,
#p-matching.corp-detail #buy-list li span {
 display: block;
}

/* -----------------------------------

#Nav Bread

-------------------------------------- */
.nav-pager {
 padding: 5px;
 margin-bottom: 20px;
 text-align: center;
 font-size: 80%;
}

.nav-pager a,
.nav-pager .current_page {
 padding: 5px;
 margin-right: 5px;
 border: solid 1px #CCC;
 text-decoration: none;
}

.nav-pager .current_page {
 border: solid 1px #B2D7FF;
 font-weight: bold;
 color: #003781;
 background: #B2D7FF;
}