@charset "utf-8";

/* -----------------------------------
	Motion Panorama
	Basic HTML Elements Styles
----------------------------------- */

html, body {
height:100%;
background:url(null) fixed;
}

/* --------------------
 Font
--------------------*/
body {
font-family: Helvetica, Arial, sans-serif
}
/* for IE7 */
*:first-child+html * {
letter-spacing:0;
}
*:first-child+html body {
position:relative;
}

img,object,embed {
vertical-align: bottom;
}
a:link {
color:#0d6cb1;
text-decoration:none;
}
a:visited {
color:#0d6cb1;
text-decoration:none;
}
a:hover {
color:#0d6cb1;
text-decoration:underline;
}
a:active {
color:#0d6cb1;
text-decoration:underline;
}
a:focus {
color:#0d6cb1;
text-decoration:underline;
}

/* --------------------
 Base
--------------------*/
#container {
	line-height:1.4;
	padding-top:18px;
}
#contents {
	position: relative;
	overflow:hidden;
	width:100%;
	height:671px;
	color:#444;
	font-size:93%;/*default 12px*/
	/*font-size:85.72%;*/
	zoom:1;
}
#footer {
	color: #797979;
	font-size:93%;
	background: url(../../img/shared/bg_footer_01.gif) repeat-x left top;
}
#footer #footerInner {
	width:958px;
	margin:0 auto;
	padding:38px 0 18px;
}
#footer .logo img {
	vertical-align: baseline;
}
#footer .logo p {
	float:left;
	margin-right:8px;
}
#footer .menu {
	float:right;
}
#footer .menu a {
	padding-left:10px;
	background: url(../../img/shared/ico_footer_01.gif) no-repeat 0 0.3em;
}



/* clearfix */
.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .clear {zoom:1;}
*:first-child+html .clear {zoom:1;}

/* textlink */
.textlink {
	display:block;
	padding-left:8px;
	font-size:86%;
	text-align:center;
	background:url(../../img/shared/ico_textlink_01.gif) no-repeat left 0.3em;
}
.textlinkLarge {
	display:block;
	padding-left:18px;
	background:url(../../img/shared/ico_textlink_02.gif) no-repeat left 0.2em;
}
.textlinkAL {
	background:url(../../img/shared/ico_textlink_01.gif) no-repeat left 0.3em;
    font-size: 86%;
    padding-left: 8px;
}
a:link .textlink,
a:visited .textlink {
	color:#0d6cb1;
	text-decoration:underline;
}
a:hover .textlink,
a:active .textlink {
	color:#0d6cb1;
	text-decoration:none;
}

/* --------------------
 mpContentsBg
--------------------*/
#mpContentsBg {
	position: absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:100%;
	height:671px;
	background:url(../../img/shared/bg_img_01.jpg) repeat-x left 52px;
	z-index:1;
}

/* --------------------
 mpLoadingLayer
--------------------*/
#mpLayer {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:671px;
	background:#fff;
	z-index:4;
}
#mpLoadingLayer {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:671px;
	background: url(../../img/shared/loading.gif) no-repeat center center;
	z-index:5;
}

/* --------------------
 mpGlobalNav
--------------------*/
#mpGlobalNav {
	position:relative;
	margin:22px auto 0;
	width:958px;
	height:30px;
	background-color:#fff;
	z-index: 3;
}
#mpGlobalNav ul {
	background:url(../../img/shared/line_gnav_01.gif) repeat-y top left;
}
#mpGlobalNav ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html #mpGlobalNav ul {zoom:1;}
*:first-child+html #mpGlobalNav ul {zoom:1;}

#mpGlobalNav ul li {
	position: relative;
	float:left;
	height:30px;
	padding-right:1px;
	background:url(../../img/shared/line_gnav_01.gif) repeat-y top right;
	line-height:1;
}
#mpGlobalNav ul li.mpGnav01 {
	width:107px;
	padding-left:1px;
}
#mpGlobalNav ul li.mpGnav02 {
	width:152px;
}
#mpGlobalNav ul li.mpGnav03 {
	width:190px;
}
#mpGlobalNav ul li.mpGnav04 {
	width:112px;
}
#mpGlobalNav ul li.mpGnav05 {
	width:180px;
}
#mpGlobalNav ul li.mpGnav06 {
	width:170px;
}
#mpGlobalNav ul li a,
#mpGlobalNav ul li span {
	display:block;
	padding-top:9px;
	padding-left:15px;
	height:21px;
	font-weight: bold;
	color:#444;
	text-align:center;
	text-decoration:none;
}
#mpGlobalNav ul li.mpGnav01 a{
	padding-left:9px;
}
html > body #mpGlobalNav ul li a,
html > body #mpGlobalNav ul li span {
	height:auto;
	min-height:21px;
}
#mpGlobalNav ul li.mpGnav01 a,
#mpGlobalNav ul li.mpGnav02 a,
#mpGlobalNav ul li.mpGnav03 a,
#mpGlobalNav ul li.mpGnav04 a,
#mpGlobalNav ul li.mpGnav05 a,
#mpGlobalNav ul li.mpGnav06 a {
	background:url(../../img/shared/bg_gnav_01.gif) no-repeat bottom left;
}
#mpGlobalNav ul li.mpGnav01 a:hover,
#mpGlobalNav ul li.mpGnav02 a:hover,
#mpGlobalNav ul li.mpGnav03 a:hover,
#mpGlobalNav ul li.mpGnav04 a:hover,
#mpGlobalNav ul li.mpGnav05 a:hover,
#mpGlobalNav ul li.mpGnav06 a:hover {
	color:#fff;
	background:url(../../img/shared/bg_gnav_01_o.gif) no-repeat bottom left #0d6cb1;
}

/* Disabled */
#mpGlobalNav ul li span {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}
#mpGlobalNav ul li.mpGnav01 span,
#mpGlobalNav ul li.mpGnav02 span,
#mpGlobalNav ul li.mpGnav03 span,
#mpGlobalNav ul li.mpGnav04 span, 
#mpGlobalNav ul li.mpGnav05 span,
#mpGlobalNav ul li.mpGnav06 span {
	color:#444;
	background:url(../../img/shared/bg_gnav_01.gif) no-repeat bottom left;
}

/* Home */
.mpHome #mpGlobalNav ul li.mpGnav01 a {
	color:#fff;
	background:url(../../img/shared/bg_gnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
/* About */
.mpAbout #mpGlobalNav ul li.mpGnav02 a {
	color:#fff;
	background:url(../../img/shared/bg_gnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
/* Tips */
.mpTips #mpGlobalNav ul li.mpGnav03 a {
	color:#fff;
	background:url(../../img/shared/bg_gnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
/* Howto */
.mpModels #mpGlobalNav ul li.mpGnav04 a {
	color:#fff;
	background:url(../../img/shared/bg_gnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
/* Map */
.mpMap #mpGlobalNav ul li.mpGnav05 a {
	color:#fff;
	background:url(../../img/shared/bg_gnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
/* Print */
.mpPrint #mpGlobalNav ul li.mpGnav06 a {
	color:#fff;
	background:url(../../img/shared/bg_gnav_01_o.gif) no-repeat bottom left #0d6cb1;
}

/* --------------------
 mpContents
--------------------*/
#mpContentsWrap {
	position:relative;
	width:869px;
	height:572px;
	margin:47px auto 0;
	z-index:2;
}
#mpPanelArea {
	position:relative;
	width:869px;
}
.mpContents {
	position:absolute;
	top:0;
	left:0;
	width:869px;
}
.mpContents h1 {
	line-height:1;
	margin-bottom:15px;
	padding-left:28px;
	background:url(../../img/shared/bg_h1_01.gif) no-repeat center left;
}
.mpContentsInner {
	background-color:#fff;
}

/* --------------------
 mpContentsNav
--------------------*/
.mpContentsNav {
	height:35px;
}
.mpContentsNav ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .mpContentsNav ul {zoom:1;}
*:first-child+html .mpContentsNav ul {zoom:1;}

.mpContentsNav ul li {
	float:left;
	height:30px;
	line-height:1;
}
.mpContentsNav ul li.mpCnav01 {
	width:217px;
}
.mpContentsNav ul li.mpCnav02 {
	width:217px;
}
.mpContentsNav ul li.mpCnav03 {
	width:217px;
}
.mpContentsNav ul li.mpCnav04 {
	width:218px;
}
.mpContentsNav ul li a {
	display:block;
	padding-top:8px;
	padding-bottom:7px;
	height:20px;
	font-weight: bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
html > body .mpContentsNav ul li a {
	height:auto;
	min-height:20px;
}
.mpContentsNav ul li a:hover,
.mpContentsNav ul li a:visited {
	color:#fff;
	text-decoration: none;
}
.mpContentsNav ul li.mpCnav01 a,
.mpContentsNav ul li.mpCnav02 a,
.mpContentsNav ul li.mpCnav03 a {
	background:url(../../img/shared/bg_cnav_01.gif) no-repeat bottom left #73b2df;
}
.mpContentsNav ul li.mpCnav01 a:hover,
.mpContentsNav ul li.mpCnav02 a:hover,
.mpContentsNav ul li.mpCnav03 a:hover {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
.mpContentsNav ul li.mpCnav04 a {
	background:url(../../img/shared/bg_cnav_02.gif) no-repeat bottom left #73b2df;
}
.mpContentsNav ul li.mpCnav04 a:hover {
	background:url(../../img/shared/bg_cnav_02_o.gif) no-repeat bottom left #0d6cb1;
}
/* about */
#mp02 .mpContentsNav ul li.mpCnav01 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0201 .mpContentsNav ul li.mpCnav02 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0202 .mpContentsNav ul li.mpCnav03 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0203 .mpContentsNav ul li.mpCnav04 a {
	background:url(../../img/shared/bg_cnav_02_o.gif) no-repeat bottom left #0d6cb1;
}
/* tips */
#mp03 .mpContentsNav ul li.mpCnav01 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0301 .mpContentsNav ul li.mpCnav02 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0302 .mpContentsNav ul li.mpCnav03 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0303 .mpContentsNav ul li.mpCnav04 a {
	background:url(../../img/shared/bg_cnav_02_o.gif) no-repeat bottom left #0d6cb1;
}
/* map */
#mp05 .mpContentsNav ul li.mpCnav01 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0501 .mpContentsNav ul li.mpCnav02 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0502 .mpContentsNav ul li.mpCnav03 a {
	background:url(../../img/shared/bg_cnav_01_o.gif) no-repeat bottom left #0d6cb1;
}
#mp0503 .mpContentsNav ul li.mpCnav04 a {
	background:url(../../img/shared/bg_cnav_02_o.gif) no-repeat bottom left #0d6cb1;
}


/* --------------------
 mpSection
--------------------*/
.mpContentsInner {
	position:relative;
	height:436px;
	background:#ffffff;
}
.mpSection {
	height:344px;
	margin-left:20px;
	padding:10px 0 15px;
	overflow:auto;
}
.mpSection.noCnav {
	height:379px;
	margin-left:20px;
	padding:10px 0 15px;
	overflow:auto;
}
.mpSectionInner {
	width:829px;
}

/* mpSectionTitle */
.mpSectionTitle {
	margin-bottom:15px;
	padding-bottom:13px;
	background:url(../../img/shared/bg_line_01.gif) repeat-x bottom left;
}
.mpSectionTitle.noHr {
	background:none;
	margin-bottom:0;
}
.mpSectionTitle:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .mpSectionTitle {zoom:1;}
*:first-child+html .mpSectionTitle {zoom:1;}

.mpSectionTitleInner:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .mpSectionTitleInner {zoom:1;}
*:first-child+html .mpSectionTitleInner {zoom:1;}

.mpSectionTitle h2 {
	margin-top:11px;
	font-size:180%;
	font-weight:bold;
}

/* mpItem */
.mpItemWrap.col3 {
	background:url(../../img/shared/bg_line_03.gif) repeat-y left top;
}
.mpItemWrap.col2 {
	background:url(../../img/shared/bg_line_02.gif) repeat-y left top;
}
.mpItem {
	float:left;
	margin-right:30px;
}
.mpItem.wide {
	margin-right:15px;
}
.mpItemWrap.col3 .mpItem {
	width:253px;
}
.mpItemWrap.col2 .mpItem {
	width:394px;
}
.mpItem .txt {
	margin-top:10px;
}
.mpItem.last {
	margin-right:0;
}
.mpItem.wide.last {
	width:190px;
}
.mpItem .image {
	margin-top:8px;
	border:1px solid #dedede;
}
.mpItem .image img {
	vertical-align: bottom;
}
.mpItem .caption {
	margin-top:15px;
	padding-left:11px;
	background:url(../../img/shared/ico_caption_01.gif) no-repeat left center;
}
.mpItem .notes {
	margin-top:15px;
}
.mpItem .image ul.capCol2 li {
	float:left;
	width:195px;
	margin:5px 0;
	text-align:center;
}
.mpItem .image ul.capCol1 li {
	width:392px;
	margin:5px 0;
	text-align:center;
}

/* mpSubItem mpMainItem */
.mpSubItem {
	float:left;
	width:189px;
	margin-right:19px;
}
.mpMainItem {
	float:left;
	width:621px;
}

.mpSubItem .mpSideNav li {
	margin-bottom:1px;
}
.mpSubItem .mpSideNav li.last {
	margin-bottom:0;
}
.mpSubItem .mpSideNav a,
.mpSubItem .mpSideNav span {
	display: block;
	height:23px;
	padding: 8px 12px 0 12px;
	background: url(../../img/shared/bg_sidenav_01.gif) no-repeat left top;
	color:#ffffff;
}
.mpSubItem .mpSideNav a:hover,
.mpSubItem .mpSideNav span.mpStay {
	text-decoration: none;
	background: url(../../img/shared/bg_sidenav_01_o.gif) no-repeat left top;
}


/* mpContentsLink */
.mpContentsLink:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .mpContentsLink {zoom:1;}
*:first-child+html .mpContentsLink {zoom:1;}

.mpContentsLink {
	position:absolute;
	top:412px;
	left:22px;
	width:822px;
}
.mpContentsLink p.prevLink {
	float:left;
	vertical-align: top;
}
.mpContentsLink p.nextLink {
	float:right;
	vertical-align: top;
}
.mpContentsLink p a {
	background:none;
}


/* --------------------
 mpSwitchBtn
--------------------*/
#mpSwitch {
	position:absolute;
	bottom:-84px;
	left:-46px;
}
#mpSwitchHandle {
	display:block;
	padding-top:8px;
	padding-left:35px;
	width:180px;
	height:22px;
	color:#444;
	font-weight:bold;
	text-decoration:none;
	background:url(../../img/shared/bg_swichbtn_01.gif) no-repeat top left;
}
#mpSwitch.hover #mpSwitchHandle {
	background:url(../../img/shared/bg_swichbtn_01_o.gif) no-repeat top left;
}
#mpSwitchPanel {
	width:956px;
	height:52px;
	background-color:#fff;
}
#mpSwitchPanel ul {
	margin-left:10px;
	padding-top:8px;
}
#mpSwitchPanel ul li {
	float:left;
	width:227px;
	margin-right:9px;
}
#mpSwitchPanel ul li span {
	display: block;
	background: #b3b3b3;
	text-align: center;
	height:25px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
}
#mpSwitchPanel ul li a {
	display: block;
	background: none;
}
#mpSwitchPanel ul li a img {
vertical-align: bottom;
}
#mpSwitchPanel .mpActive img ,
#mpSwitchPanel .mpHover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* --------------------
 mpPrevBtn/mpNextBtn
--------------------*/
#mpPrevBtn {
	position:absolute;
	top:50%;
	left:-34px;
	width:32px;
	height:88px;
	margin-top:-44px;
	cursor:pointer;
	z-index:2;
}
#mpNextBtn {
	position:absolute;
	top:50%;
	right:-34px;
	width:32px;
	height:88px;
	margin-top:-44px;
	cursor:pointer;
	z-index:2;
}

/* --------------------
 mpTooltip
--------------------*/
.mpTooltip {
	display: none;
	position:absolute;
	top:30px;
	left:-15px;
	width:210px;
	padding-top:30px;
	background: url(../../img/shared/tooltip_bg_01.png) no-repeat left top;
}
.mpTooltip .mpTooltipInner {
	padding: 10px 25px 25px 25px;
	background: url(../../img/shared/tooltip_bg_02.png) no-repeat left bottom;
}
.mpTooltip .mpTooltipBody {
	margin-top:5px;
}

/* --------------------
 footer
--------------------*/
#footer {
	margin-top:0;
}


/* --------------------
 panorama360Layer
--------------------*/
.panorama360Layer {
position:fixed;
width:100%;
height:100%;
left:0px;
top:0px;
background:#000000;
z-index:10000;
}
* html .panorama360Layer {
position:absolute;
top:expression(documentElement.scrollTop + 0 + 'px');
left:expression(documentElement.scrollLeft + 0 + 'px');
}
.panorama360Layer .layerInner {
overflow:hidden;
position:absolute;
left:0;
top:50%;
width:100%;
height:702px;
margin-top:-351px;
background:url(../../img/shared/panorama360_loading_01.gif) no-repeat center center;
}
.panorama360Layer .layerImage {
display:none;
position:absolute;
top:50%;
}
.panorama360Layer .panorama360Logo,
.panorama360Layer .panorama360Close,
.panorama360Layer .panorama360AutoPlay,
.panorama360Layer .panorama360AutoStop,
.panorama360Layer .panorama360Left,
.panorama360Layer .panorama360Right {
position:absolute;
}
.panorama360Layer .panorama360Logo span,
.panorama360Layer .panorama360Close span,
.panorama360Layer .panorama360AutoPlay span,
.panorama360Layer .panorama360AutoStop span,
.panorama360Layer .panorama360Left span,
.panorama360Layer .panorama360Right span {
display:block;
text-indent:-9999px;
}
.panorama360Layer .panorama360Logo {
left:28px;
top:33px;
width:88px;
height:53px;
z-index:3;
}
.panorama360Layer .panorama360Logo span {
width:100%;
height:100%;
background:url(../../img/shared/panorama360_logo_01.png) no-repeat left top;
}
.panorama360Layer .panorama360Close {
right:40px;
top:28px;
width:31px;
height:31px;
z-index:3;
cursor:pointer;
}
.panorama360Layer .panorama360Close span {
width:100%;
height:100%;
background:url(../../img/shared/panorama360_close_01.png) no-repeat left top;
}
.panorama360Layer .panorama360Left {
left:0;
top:50%;
width:81px;
height:81px;
margin-top:-40px;
z-index:2;
}
.panorama360Layer .panorama360Left span {
width:100%;
height:100%;
background:url(../../img/shared/panorama360_left_01.png) no-repeat left center;
}
.panorama360Layer .panorama360Right {
right:0;
top:50%;
width:81px;
height:81px;
margin-top:-40px;
z-index:2;
}
.panorama360Layer .panorama360Right span {
width:100%;
height:100%;
background:url(../../img/shared/panorama360_right_01.png) no-repeat right center;
}