﻿p {
	font-size: 9pt;
	line-height: 1.4em;
}

a {
	text-decoration: none;
}

a:hover {
	color: #0000FF;
	text-decoration: underline;
}

li {
	font-size: 9pt;
	line-height: 1.4em;
}

h1 {
	margin: 10px 10px 0;
}

#contentsArea {
	width: 745px;
	margin: 20px 10px 0 0;
}

#contentsArea img, #contentsArea2 img {
	margin: 0;
	padding: 0;
	border: 0;
}

.textHeading {
	font-weight: bold;
	margin: 5px 0 20px;
}

.textHeading p {
	line-height: 37%;
}


/******************************************
 Map area style
******************************************/

#mapArea
{
	position: relative;
	width: 702px;
	height: 412px;
	margin: 0 11px 0 12px;
	background: url(../images/map_all_new.jpg) no-repeat;
}


#area01
{
	position: absolute;
	top: 9px;
	left: 240px;
}

#area02
{
	position: absolute;
	top: 123px;
	left: 96px;
}

#area03
{
	position: absolute;
	top: 121px;
	left: 231px;
}

#area04
{
	position: absolute;
	top: 204px;
	left: 231px;
}


#area05
{
	position: absolute;
	top: 232px;
	left: 438px;
}

#area06
{
	position: absolute;
	top: 183px;
	left: 485px;
}

#area07
{
	position: absolute;
	top: 260px;
	left: 46px;
}

#area08
{
	position: absolute;
	top: 329px;
	left: 176px;
}

#area09
{
	position: absolute;
	top: 24px;
	left: 24px;
}


/******************************************
 List area style
******************************************/

.textExplanation
{
	padding: 5px;
	border-left: 4px solid #333333;
	border-bottom: 1px solid #333333;
}

.textExplanation p
{
	margin: 0;
	padding: 0;
}

ul#mapList
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#mapList01,
#mapList02,
#mapList03,
#mapList04,
#mapList05,
#mapList06,
#mapList07,
#mapList08,
#mapList09
{
	width: 725px;
	border-bottom: 1px dotted #333333;
}

#mapList01
{
	background: url(../images/list01_off.jpg) no-repeat;
}

#mapList02
{
	background: url(../images/list02_off.jpg) no-repeat;
}

#mapList03
{
	background: url(../images/list03_off.jpg) no-repeat;
}

#mapList04
{
	background: url(../images/list04_off.jpg) no-repeat;
}

#mapList05
{
	background: url(../images/list05_off.jpg) no-repeat;
}

#mapList06
{
	background: url(../images/list06_off.jpg) no-repeat;
}

#mapList07
{
	background: url(../images/list07_off.jpg) no-repeat;
}

#mapList08
{
	background: url(../images/list08_off.jpg) no-repeat;
}

#mapList09
{
	background: url(../images/list09_off.jpg) no-repeat;
}

#mapList01 img,
#mapList02 img,
#mapList03 img,
#mapList04 img,
#mapList05 img,
#mapList06 img,
#mapList07 img,
#mapList08 img,
#mapList09 img
{
	width: 40px;
	height: 1px;
	visibility: hidden;
	_float: left;
}

#mapList01 a,
#mapList02 a,
#mapList03 a,
#mapList04 a,
#mapList05 a,
#mapList06 a,
#mapList07 a,
#mapList08 a,
#mapList09 a
{
	width: 100%;
	height: 100%;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #000000;
}

#mapList01 a:hover,
#mapList02 a:hover,
#mapList03 a:hover,
#mapList04 a:hover,
#mapList05 a:hover,
#mapList06 a:hover,
#mapList07 a:hover,
#mapList08 a:hover,
#mapList09 a:hover
{
	width: 100%;
	height: 100%;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #000000;
}

#mapList01 a:hover
{
	background: url(../images/list01_on.jpg) no-repeat #ffdb0d;
}

#mapList02 a:hover
{
	background: url(../images/list02_on.jpg) no-repeat #ffdb0d;
}

#mapList03 a:hover
{
	background: url(../images/list03_on.jpg) no-repeat #ffdb0d;
}

#mapList04 a:hover
{
	background: url(../images/list04_on.jpg) no-repeat #ffdb0d;
}

#mapList05 a:hover
{
	background: url(../images/list05_on.jpg) no-repeat #ffdb0d;
}

#mapList06 a:hover
{
	background: url(../images/list06_on.jpg) no-repeat #ffdb0d;
}

#mapList07 a:hover
{
	background: url(../images/list07_on.jpg) no-repeat #ffdb0d;
}

#mapList08 a:hover
{
	background: url(../images/list08_on.jpg) no-repeat #ffdb0d;
}

#mapList09 a:hover
{
	background: url(../images/list09_on.jpg) no-repeat #ffdb0d;
}


.areaBlock
{
	padding: 0 0 0 0.5em;
	font-weight: bold;
}

.areaPoint
{
	padding: 0 1em;
}

.areaExplanation
{
}

/******************************************
 Area pages style
******************************************/

#contentsArea2
{
	width: 780px;
	margin: 20px 10px 0 0;
}

#contentsArea2:after
{
	display: block;
	content: "";
	clear: both;
}

#contentsArea2 p
{
	margin: 0;
	padding: 0;
}

#tabMenu
{
	width: 780px;
	height: 46px;
	_margin-bottom: -3px;
	background: url(../images/tab_bg.gif) 0 100% repeat-x;
	_background: url(../images/tab_bg.gif) 0 44px repeat-x;
}

#tabMenu ul
{
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
}

#tabMenu ul li
{
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
	float: left;
}

#areaDetail
{
	position: relative;
	width: 757px;
	height: 308px;
	margin: 15px 10px 0;
	background: url(../images/area_detail.gif) no-repeat;
}

h2
{
	position: absolute;
	top: 12px;
	left: 15px;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

h2 img
{
	vertical-align: top;
	_vertical-align: middle;
}

h2 span
{
	margin: 0;
	padding: 0 0 0 2px;
}

#cameraImage
{
	position: absolute;
	top: 50px;
	left: 10px;
}

#movieArea
{
	position:relative;
	top: 50px;
	left: 415px;
	width: 320px;
	height: 240px;
	overflow: hidden;
}

#sampleImage
{
	position: absolute;
	visibility: visible;
}

#movieFrame
{
	width: 320px;
	height: 240px;
	padding: 0;
	border: 0;
	overflow: hidden;
	background: #000000;
	_overflow-x: no-scroll;
	_overflow-y: no-scroll;
}


#areaDetailBody
{
	position: relative;
	width: 757px;
	margin: 0 10px;
	background: url(../images/area_detail_body.gif) repeat-y;
}

#areaDetailFoot
{
	width: 757px;
	margin: 0px;
	padding: 2 10px 21px;
	background: url(../images/area_detail_foot.gif) 0 100% no-repeat;
}

#showMovieSwitch
{
	padding-right: 30px;
	_padding-right: 10px;
	float: right;
}

#loadingText
{
	position: absolute;
	top: -13px;
	_top: -17px;
	left: 415px;
	width: 325px;
	color: #ff0000;
	font-weight: bold;
	visibility: hidden;
}

#stopSwitch
{
	margin: 2px 0 0 65px;
}

#areaDetailFoot p
{
	margin: 0 0 5px;
}

#areaDetailFoot p img
{
	margin: 1px 5px 0 0;
	_margin: -2px 5px 0 0;
	vertical-align: top;
}

.smallCaption
{
	margin: 2px 15px 0 0;
	font-size: 70%;
	text-align: right;
}

.ieCaution
{
	text-align: right;
	font-weight: bold;
	clear: both;
}

