@charset "utf-8";

#main #prof h2,
#main #map h2,
#main #flow h2,
#main #how h2,
#main #sitemap h2 {
	visibility: hidden;
	height: 65px;
}


/*=============================================

	01. Company

=============================================*/
#main #prof {
	width: 700px;
	background-image: url(../../images/new/pages/title_company.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}
#main #prof table {
	width: 100%;
}
#main #prof th {
	text-align: left;
	color: #FF6633;
	border-bottom: dotted 2px #ccc;
	padding: 10px;
}
#main #prof td {
	padding: 10px;
	border-bottom: dotted 2px #ccc;
}
#main #prof ul li {
	margin-left: 10px;
	list-style: circle;
}
#main #map {
	width: 700px;
	background-image: url(../../images/new/pages/title_access.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
	text-align: right;
}
#main #map iframe {
	background-color: #F2EDA8;
	padding: 10px;
	margin-bottom: 10px;
}

/*=============================================

	02.Flow

=============================================*/
#main #flow {
	width: 700px;
	background-image: url(../../images/new/pages/title_flow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}
#main #flow #flow_map {
	overflow: hidden;
	width: 700px;
	height: 390px;
	background-image: url(../../images/new/pages/flow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 30px;
}
#main #flow #flow_map ol {
	float: left;
	width: 350px;
}
#main #flow #flow_map ol li {
	visibility: hidden;
}
#main #flow h3 {
	color: #FF6600;
	font-size: 18px;
	margin-bottom: 10px;
}
#main #flow table {
	text-align: center;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	margin-top: 8px;
}
#main #flow th {
	background-color: #FFFFEC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 15px 0;
}
#main #flow td {
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 15px 0;
}

/*=============================================

	03.How

=============================================*/
#main #how {
	width: 700px;
	background-image: url(../../images/new/pages/title_how.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}


/*=============================================

	04.Sitemap

=============================================*/
#main #sitemap {
	width: 700px;
	background-image: url(../../images/new/pages/title_sitemap.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}
#main #sitemap h3 {
    color: #FF6600;
    font-size: 18px;
    margin-bottom: 10px;
}
#main #sitemap dl {
	font-size: 14px;
	line-height: 180%;
}
#main #sitemap dt {
	margin-bottom: 10px;
}
#main #sitemap dd {
	margin-left: 15px;
	margin-bottom: 20px;
}
#main #sitemap .box_left {
	float: left;
	width: 340px;
}
#main #sitemap .box_right {
	float: right;
	width: 340px;
}


/*=============================================

	05.topics

=============================================*/
#topics {
	width: 700px;
	background-image: url(../../images/new/tobe/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}
#topics h2 {
	height: 115px;
	visibility: hidden;
}
#topics h3 {
	height: 65px;
	visibility: hidden;
}
#topics #topics1 {
	background-image: url(../../images/new/tobe/title2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	margin-bottom: 30px;
}
#topics #topics2 {
	background-image: url(../../images/new/tobe/title3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}
#topics #topics3 {
	background-image: url(../../images/new/tobe/title4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}
#topics #topics3 #maps {
	width: 320px;
	background-image: url(../../images/new/tobe/img_map.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 15px auto;
	padding-left: 320px;
}
#topics #topics3 table {
	width: 640px;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	margin: 0 auto;
}
#topics #topics3 th {
	background-color: #FFFFEC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 8px 5px;
}
#topics #topics3 td {
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 8px 5px;
}
#topics #topics3 td ul {
}
#topics #topics3 td li {
	list-style: none;
	font-size: 110%;
	margin-left: 10px;
	margin-bottom: 10px;
}

#topics .photo_block {
	overflow: hidden;
	width: 640px;
	margin: 15px auto 20px;
}
#topics .photo_block .photo1 {
	float: left;
	width: 280px;
	height: 280px;
	background-image: url(../../images/new/tobe/1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block .photo2 {
	float: right;
	width: 280px;
	height: 280px;
	background-image: url(../../images/new/tobe/2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block .photo3 {
	float: left;
	width: 280px;
	height: 280px;
	background-image: url(../../images/new/tobe/3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block .photo4 {
	float: right;
	width: 280px;
	height: 280px;
	background-image: url(../../images/new/tobe/4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block .photo5 {
	float: left;
	width: 280px;
	height: 280px;
	background-image: url(../../images/new/tobe/5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block .photo6 {
	float: right;
	width: 280px;
	height: 280px;
	background-image: url(../../images/new/tobe/6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block .photo1 p,
#topics .photo_block .photo2 p,
#topics .photo_block .photo3 p,
#topics .photo_block .photo4 p,
#topics .photo_block .photo5 p,
#topics .photo_block .photo6 p {
	margin-top: 215px;
	padding: 0 15px;
}
#topics .photo_block2 {
	overflow: hidden;
	width: 600px;
	margin: 15px auto;
}
#topics .photo_block2 .photo7 {
	float: left;
	width: 260px;
	height: 400px;
	background-image: url(../../images/new/tobe/7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block2 .photo8 {
	float: right;
	width: 260px;
	height: 400px;
	background-image: url(../../images/new/tobe/8.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topics .photo_block2 .photo7 p,
#topics .photo_block2 .photo8 p {
	margin-top: 335px;
	padding: 0 15px;
}