@charset "utf-8";
/* CSS Document */

/*==============================
  Reset
  ==============================*/
body,div,p,strong,em,form,input,select,option,textarea,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address,table,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
img {border: none;}
ul li,ol li {list-style-type: none;}

/*==============================
  Body
  ==============================*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}
/*Firefox,Safari,Opera,Chrome,IE8*/
html>/**/body {
	font-size: 12px;
}
/*IE7*/
*:first-child+html body {
	font-size:81.2%;
}
/*IE4-6*/
* html body {
	font-size:81.2%;
}

/*------------------------------
  link
  ------------------------------*/
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
a:active {
	color: #333;
	text-decoration: underline;
}

/*------------------------------
  clearfix
  ------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*Hides from IE-Mac*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*End hide from IE-Mac*/

/*==============================
  margin
  ==============================*/
.mg10 {
	margin: 0 0 10px 0;
}
.mg20 {
	margin: 0 0 20px 0;
}

/*==============================
  header
  ==============================*/
#header{
	width:900px;
	height:37px;
}
#header img{
	float: left;
}
#header ul{
	float:right;
	margin: 13px 15px 0 0;
}
#header li{
	width:auto;
	float: left;
	margin: 0 10px 0 0;
	vertical-align: bottom;
}

/*==============================
  contents
  ==============================*/
h1{
	margin:0 auto;
	padding:0;
}
#contents{
	width: 740px;
	margin: 30px auto 0 auto;
	background-color:#FFF;
}
#menu ul{
	width:738px;
	margin:10px auto 0 auto;
	padding:0;
}
#menu li{
	width: 246px;
	margin: 10px 0 0 0;
	float: left;
	text-align:center;
}
#title{
	text-align: center;
	margin: 0 0 10px 0;
}
.block{
	width:740px;
	padding: 0 0 40px 0;
	clear: both;
}
.text{
	font-size:14px;
	margin: 10px 0;
	line-height:1.5em;
}
.photoleft{float:left;}
.photoright{float:right;}
#map{
	width:230px;
	height:265px;
	float:left;
}
#location{
	float:right;
	width: 455px;
	margin: 70px 10px 0 0;
	display:inline;
}
#location ul {
	margin:0 0 30px 15px;
}
#location li{
	margin: 10px 25px 5px 0;
	float: left;
	vertical-align:bottom;
}
.japan a{
	color:#236ea2;
	text-decoration: underline;
}
.japan a:hover{
	color:#333;
	text-decoration: none;
}
.china a{
	color:#b94744;
	text-decoration: underline;
}
.china a:hover{
	color:#333;
	text-decoration: none;
}
.point{
	margin: 2px 3px 0 0;
	float: left;
}

/*==============================
  pagetop
  ==============================*/
.pagetop{
	width: 900px;
	height: 17px;
	margin:0 auto;
	text-align: right;
	background:url(img/line_03.gif) repeat-x 0 bottom;
}
.pagetop img{
	width:72px;
	height:17px;
	margin: 0 15px 0 0;
}


/*==============================
  footer
  ==============================*/
#footer{
	width: 860px;
	padding: 10px 20px;
	margin: 0 auto;
	background-color:#eee;
}
.title{
	margin: 0;
	padding: 0 0 20px 0;
}
.link{
	line-height:1.5em;
}
#copyright{
	clear:both;
	width: 900px;
	height: 18px;
	margin: 0 auto;
	background-color:#999;
	text-align:center;
}
#copyright img{margin: 3px 0 0 0;}