@charset "UTF-8";
/* ------------------------------

clearfix Hack

------------------------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide Mac IE \*/
* html .clearfix { height: 1%; }
.clearfix { 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;
}

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; }
#btn-access { position: absolute; }
#btn-inquiry { position: absolute; left: 80px; }
#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;
	background: url(/cn/img/common/bg-nav-global.jpg) no-repeat right top;
}
#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-archives li {
	border-bottom: 2px solid #990000;
}
#aside #nav-sub li li, #aside #nav-archives li li {
	border-bottom: none;
	border-top: 1px dotted #CCCCCC;
	margin-left: 20px;
}
#aside #nav-sub 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-archives a:hover {
	color: #333333;
	background: url(/img/common/btn-allow-red.jpg) no-repeat left center;
}

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

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 #article {
	width: 100%;
}
#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 #article {
	width: 100%;
}
#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-about .list-img li {
	float: left;
	margin-right: 10px;
	font-size: 80%;
}
#p-sightseeing .detail li {
	clear: both;
}
#p-sightseeing .detail li .align-right {
	float: right;
	display: block;
	width: 200px;
	margin-bottom: 25px;
	margin-left: 5px;
}