/* default link*/
a:link {color:#339; text-decoration:underline; }
a:visited {color:#339; text-decoration:underline; }
a:active {color:#F30; text-decoration:underline; }
a:hover {color:#F30; text-decoration:underline; }

/* non text decoration Link */
.noline a:link{ color:#339; text-decoration:none; }
.noline a:visited { color:#339; text-decoration:none; }
.noline a:active { color:#F30; text-decoration:none; }
.noline a:hover{ color:#F30; text-decoration:none; }

/* text color */
.txt-red { color:#F00; }
.txt-blue { color:#069; }
.txt-green { color:#090; }
.txt-orange	{ color:#F90; }
.txt-grey { color:#999; }
.txt-black { color:#000; }

h1.imgtxt,h2.imgtxt,h3.imgtxt,h4.imgtxt,h5.imgtxt,h6.imgtxt {
	margin: 0;
	padding: 0;
}

img { border: 0 none; }

body {
	background-color: #E6E6E6;
	margin: 0;
	padding: 0;
}

/* LISTS */
/*
ul{ margin-left: 20px; }
ol{ margin-left: 25px; }
li{ margin-bottom: 4px; }
*/
ul,ol,dl {
	margin: 0.25em inherit;
	list-style-position: outside;
}
ul.horizontal, ul.vertical,
ul.imgIco  {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.horizontal li, ul.horizontal li a { 
	float: left;
}
ul.horizontal li a ,
ul.vertical li a {
	display: block;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul.imgIco li {
	padding-left: 1em;
	background-position: 0 .4em;
	background-repeat: no-repeat;
}

/* --------------------------------------------
			CLEAR -HACK:CLEARFIX-
----------------------------------------------- */
#container:after, #header:after, #navcontainer:after,
#content:after, #btmNav:after, #btmNav ul:after, #footer:after,
.clr:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: .1px;
	font-size: .1em;
	line-height: 0;
	clear: both;
}
/* for ie */
#container, #header, #navcontainer,
#content, #btmNavr, #btmNav ul, #footer,
* html .clr {
	display: inline-block;
}
/* no ie mac \*/
#container, #header, #navcontainer,
#content, #btmNavr, #btmNav ul, #footer,
* html .clr {
	height: 1%;
}
#container, #header, #navcontainer,
#content, #btmNavr, #btmNav ul, #footer,
.clr {
	display: block;
}
/* */


/* INDEX STYLE
----------------------- */
div#topImage {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
div#topImage #logo {
	position: absolute;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

/* HEADER STYLE
----------------------- */
#header {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#header-inner {
	position: static;
	width: 100%;
}
#header #logo {
	position: absolute;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}
p#headLink,
ul#headList { clear:right; float:right; }

/* GLOBAL NAVIGATION STYLE
----------------------- */
#navcontainer { 
	clear: both;
	position: relative;
	width: 100%;
}
#navcontainer ul#gNavList1 {}
#navcontainer ul#gNavList1 li {}
#navcontainer ul#gNavList1 li a{}

#navcontainer ul#gNavList2 {}
#navcontainer ul#gNavList2 li {}
#navcontainer ul#gNavList2 li a{}

#navcontainer ul#gNavList3 {}
#navcontainer ul#gNavList3 li {}
#navcontainer ul#gNavList3 li a{}


/* layer lyout */
#pagewrap {
	width: 680px;
	background-color: #FFF;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
#headnavi {
	text-align: left;
	width: 680px;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
}
#globalnavi {
	/*
	text-align: left;
	background-color: #71BFBF;
	width: 680px;
	margin: 0px 0px 1px;
	padding: 0px;
	*/
}
#contentImage {
	background-color: #FFF;
	width: 680px;
	margin: 0px 0px 10px;
	padding: 0px;
}
#contentsly {
	text-align: left;
	background-color: #FFF;
	width: 680px;
	margin: 0px;
	padding: 0px;
}
#contentMain{
	text-align: left;
	background-color: #FFF;
	width: 490px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#contentNavi{
	text-align: left;
	background-color: #FFF;
	width: 173px;
	margin: 0px;
	padding: 0px;
	float: right;
}
#footer {
	width: 740px;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	clear: both;
}


h1 {
	width: 100%;
	color: #000;
	/* background-color: #99CCFF; */
	margin: 0;
	padding: 0;
	/*
	padding: 2px 3px 2px 5px;
	border: 1px solid #09C;
	border-width: 0;
	*/
}
h2 {
	color: #003366;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 3px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #003366;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
h3 {
	color: #036;
}

/*  */
body#emergency h1 {
	background-color: #FF3333;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-bottom-color: #990000;
	margin: 0px;
	color: #FFF;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
}
body#emergency h2 {
	color: #FF0000;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 3px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0000;
}
body#emergency h3 {
	color: #FF0000;
}

/* style of the contents Navigation */
#cnavi-1 {
	background-color: #EAFDFA;
	border: 1px solid #339999;
	padding: 5px;
	margin-bottom: 10px;
}
#cnavi-2 {
	background-color: #FFFFCC;
	border: 1px solid #CC9933;
	padding: 5px;
	margin-bottom: 10px;
}
body#emergency #cnavi-1 {
	background-color: #FFE2FF;
	border: 1px solid #FF6666;
	padding: 5px;
	margin-bottom: 10px;
}
div#cnavi-1 ul{
	margin: 0px;
	padding: 0px;
}
div#cnavi-2 ul{
	margin: 0px;
	padding: 0px;
}
#cnavi-1 ul li{
	list-style-position: outside;
	list-style-image: url(../lib_image/common/link_point_1.gif);
	list-style-type: disc;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 20px;
	padding: 0px;

}
#cnavi-2 ul li{
	list-style-position: outside;
	list-style-image: url(../lib_image/common/link_point_2.gif);
	list-style-type: disc;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 20px;
	padding: 0px;

}
#cnavi-1 ul li ul li{
	list-style-position: outside;
	list-style-image: url(../lib_image/common/link_point_1-2.gif);
	list-style-type: circle;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;

}
#cnavi-2 ul li ul li{
	list-style-position: outside;
	list-style-image: url(../lib_image/common/link_point_2-2.gif);
	list-style-type: circle;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;

}

/* for emergency */
body#emergency div#cnavi-1 ul li{
	list-style-image: url(../lib_image/common/link_point_e1.gif);

}
body#emergency div#cnavi-1 ul li ul li{
	list-style-image: url(../lib_image/common/link_point_e1-2.gif);

}


/* style of the Global Navigation */
#globalnavi td {
	/*
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	*/
}
#globalnavi td#gn6 {
	/*
	border: none;
	*/
}
#globalnavi td a {
	/*
	width: 100%;
	height: 100%;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-weight: 600;
	*/
}
#globalnavi td a:hover {
	/*
	background: #6699CC;
	color: #FFF;
	*/
}
#globalnavi td#gn3 a:hover {
	/*
	background: #FF3333;
	color: #FFF;
	*/
}
#globalnavi a:active	{
	/*
	background: #6699CC;
	color: #FFF;
	*/
}
#globalnavi td#gn3 a:active {
	/*
	background: #FF3333;
	color: #FFF;
	*/
}

body#city #globalnavi td#gn1 a, 
body#life #globalnavi td#gn2 a,
body#facility #globalnavi td#gn4 a,
body#sight #globalnavi td#gn5 a,
body#administration #globalnavi td#gn6 a{
	/*
	background: #003399;
	color: #FFF;
	*/
}

body#emergency #globalnavi td#gn3 a{
	/*
	background: #FF3333;
	color: #FFF;
	*/
}