@charset "UTF-8";
/* ------------------------------
		RESET
------------------------------ */
*{
	margin:0;
	padding:0;
	line-height:1.5em;
	font-style:normal;
	font-family:Arial,Verdana,Helvetica,sans-serif,"メイリオ","Hiragino Kaku Gothic Pro","Osaka","ＭＳＰゴシック";
	font-weight:normal;
	letter-spacing:0.05em;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
	margin: 0;
	padding: 0;
}

html {
	overflow-x:hidden;
	overflow-y:hidden;
}

li{
	list-style-type:none;
}

a{
	outline-width:none;/*Firefoxp*/
	color:#003F71;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a:visited{
	color:#003F71;
}

p{
	font-size:80%;
}

body{
	background-color:#FFFFFF;
	font-size:100%;
	color:#666666;
}

/* ------------------------------
		header
------------------------------ */


#global_header a{
	background-image:url(../image/logo.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	width:150px;
    height:50px;
}
#global_header p{
	font-size:75%;
	color:#003F71;
	margin-left:240px;
	margin-top:-16px; 
	
}
/* ------------------------------
		tab-navigator
------------------------------ */
#global_tabs {
	width:170px;
}

#global_tabs li{
	font-size:75%;
	float:left;
	padding-left:14px;
	margin-left:2px;
	background-image:url(../image/icon_menu.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:40px;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { 
	.ui-tabs-hide {
		display: none;
	}
}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {
		display: none;
	}
}

.ui-tabs-nav a{
	font-weight:bold;
	text-decoration:none;
	color:#008F93;
}
	
.ui-tabs-nav a:hover{
	color:#003F71;
}
	
.ui-tabs-selected a{
	color:#003F71;
	text-decoration:none;
}
	
.ui-tabs-loading em {
    font-size:50%;
}


/* ------------------------------
		global_splitter
------------------------------ */	

#global_splitter{
	/* Height is set to match window size in $().ready() below */
	border: 0px;
	min-width:  600px;	/* Splitter can't be too thin ... */
	min-height: 300px;	/* ... or too flat */
}

#global_left_pane,  #global_right_pane{
	overflow: auto;
}

#global_left_pane {
	padding: 8px;
}

#global_center_pane {
	padding: 0px;
}

#global_splitter .vsplitbar{
	width: 3px;
	background: #003F71 no-repeat center;
}
#global_splitter .vsplitbar.active, #global_splitter .vsplitbar:hover{
	background: #0089BE no-repeat center;
}

#global_splitter .hsplitbar{
	height: 3px;
	background: #003F71 no-repeat center;
}
#global_splitter .hsplitbar.active, #global_splitter .hsplitbar:hover{
	background: #0089BE no-repeat center;
}
	
	
#global_left_pane {
	overflow-x:hidden;
}

#global_center_pane {
	overflow-x:hidden;
	overflow-y:auto;
}

/* ------------------------------
		global_menu
------------------------------ */
	
#global_menu{
	width:146px;
	margin-left:10px;
	}
#global_menu h2{
	color:#0089BE;
	font-size:95%;
	letter-spacing:0em;
	font-weight:bold;
	padding-left:10px;
	
	}
#global_menu h3{
	background-image:url(../image/icon_cloudmap.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:35px;
	font-weight:bold;
	font-size:85%;
	color:#0089BE;
	}
#maps{
	background-color:#E8F4FF;
	border:1px solid #0089BE;
	padding:10px;
	}
#maps ul{
	margin-bottom:10px;
	}
#maps li{
	font-size:75%;
	margin-top:4px;
	margin-bottom:4px;
	
	display:block;
	border-left:3px solid #0089BE;
	width:113px;
	padding:5px 0 5px 8px;
	text-decoration:none;
	cursor:pointer;
	
	color:#0089BE;
	}
#maps li:hover{
	text-decoration:underline;
	color:#003F71;
	}
#maps li.clicked{
	padding:2px 0 2px 8px;
	background-color:#FFFFFF;
	border:3px solid #0089BE;
	text-decoration:none; 
	color:#003F71;
}
	
/* ------------------------------
		map
------------------------------ */

#map {
	height:100%;
}

#detail img{
	float:right;
}

#detail a{
	font-weight:bold;
	font-size:90%;
	color:#003F71;
	text-decoration:none;
	}
	
#detail a:hover{
	text-decoration:underline;
}
	
#detail a:visited{
	color:#0089BE;
}
#detail div.a{
	padding: 8px;
	font-size:85%;
}
#detail div.b{
	font-size:85%;
	background-color:#ffffff; 
}
#detail div.b_alt{
	font-size:85%;
	background-color:#f6f8f9;
} 
#detail h6{
	text-align:right;
	font-size:70%;
}
/* ------------------------------
		footer
------------------------------ */
#global_footer {
	width:146px;
	margin-left:10px;
	margin-top:7px;
}

#links{
	background-color:#E8F4FF;
	border:1px solid #0089BE;
	
}
	
	
#global_footer h2{
	color:#0089BE;
	font-size:95%;
	letter-spacing:0em;
	font-weight:bold;
	padding-left:10px;
}

#links {
	text-align:center;
}
#links li{
	margin-left:5px;
	font-size:70%;
}
#links a{
	text-decoration:none;
	color:#0089BE;
}
#links a:hover{
	text-decoration:underline;
}
#global_footer p{
	margin-top:5px;
	text-align:center;
	font-size:70%;
}