/*IE5/Mac
------------------------------------------------------------------------- */
/*\*//*/
@import "base_ie5mac.css";
/**/

*{
	margin: 0;
	padding: 0;
	font-style: normal;
	line-height: 1.5em;
	text-align: left;
}

img{
	border: 0;
	vertical-align: bottom;
}

body{
	padding: 0px;
}

#wrap {
	width: auto !important;
}

html > body {
	background:none;
}


#logo{
	width: 100%;
	height: 40px;
	background: url(../img/logo_bg.jpg) no-repeat right top;
	background-color: #FFFFFF;
	color: #000000;
}

#lang,
#sub{
	display:none;
}

#main{
	margin: 0px;
	position: relative;
}

#wrap > #main {
	background-image: url(../img/bg_opacity80.png);
}

h1{
	margin-bottom: 0.5em;
	border-top: 1px solid #969492;
	border-bottom: 1px solid #969492;
	font-size: 80%;
}

h1 img{
	vertical-align: bottom;
}


#cha1 h1{
	background: url(../../cha1/images/h1_bg.jpg) 100% 50% no-repeat;
}
#cha2 h1{
	background: url(../../cha2/images/h1_bg.jpg) 100% 50% no-repeat;
}
#cha3 h1{
	background: url(../../cha3/images/h1_bg.jpg) 100% 50% no-repeat;
}
#cha4 h1{
	background: url(../../cha4/images/h1_bg.jpg) 100% 50% no-repeat;
}
#cha5 h1{
	background: url(../../cha5/images/h1_bg.jpg) 100% 50% no-repeat;
}

#intro h1{
	background: url(../../utility/images/h1_intro_bg.jpg) 100% 50% no-repeat;
}

#about h1,
#chonology h1,
#links h1,
#list h1,
#reference h1,
#sitemap h1{
	background-color: #69CDCD;
}

#skipNavi,
#contentsStart{
	top:-3px;
	overflow:hidden;
	height:1px;
	border: none;
}

#content{
	position: relative;
}

#crumbs{
	margin-bottom: 1em;
	font-size: 80%;
}

#crumbs a:hover,
#crumbs a:active,
#crumbs a:focus{
	color: #c30;
}

ol.jump {
	list-style: none;
	margin-bottom: 20px;
	padding-left: 2em;
	float: left;
	font-size:90%;
}

/*\*/
ol.jump {
	float: none;
}

* html ol.jump {
	width: 100%;
}
/**/

ol.jump:after {
	clear: both;
	display: block;
	height: 1px;
	margin-top: -1px;
	content: "";
}

ol.jump li{
	margin-bottom: 0.5em;
	padding-left: 17px;
	padding-right: 2em;
	float: left;
	line-height: 14px;
	min-height: 14px;
	background: url(../img/icon_0.gif) 0 50% no-repeat !important;
}

ol.jump li a{
	float: left;
	display: block;
	white-space: nowrap;
	color: #333;
	font-size: 90%;
}

ol.jump li a:hover,
ol.jump li a:active,
ol.jump li a:focus{
	color: #c30;
}

.textTitle {
	position: absolute;
	margin: 0px !important;
	padding: 0px !important;
	top: -20em;
}

h2 {
	clear: both;
	margin-bottom: 0.8em;
	padding-left: 0.5em;
	font-size: 120%;
}

h3{
	clear: both;
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-bottom: 1px solid #999;
	border-left: 3px solid #666;
	font-size: 100%;
}

#cha1 h2,
#cha2 h2,
#cha3 h2,
#cha4 h2,
#cha5 h2,
#cha1 h3.imgTitle,
#cha2 h3.imgTitle,
#cha3 h3.imgTitle,
#cha4 h3.imgTitle,
#cha5 h3.imgTitle {
	border: none;
	background-color: #ECECEC;
	padding: 0px;
	margin: 0px 0.5em 1.5em 0px;
	font-size: 90%;
}

#cha1 h3.imgTitle,
#cha2 h3.imgTitle,
#cha3 h3.imgTitle,
#cha4 h3.imgTitle,
#cha5 h3.imgTitle {
	position: relative;
}

#cha1 h3,
#cha2 h3,
#cha3 h3,
#cha4 h3,
#cha5 h3{
	border: none;
	margin: 0px 1em 1em 1em;
	padding: 0px 0px 0px 22px;
	color: #5F2F2F;
	background: url(../img/icon_1.gif) no-repeat 0% 49%;
}

#cha1 h4,
#cha2 h4,
#cha3 h4,
#cha4 h4,
#cha5 h4{
	clear: both;
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-bottom: 1px solid #999;
	border-left: 3px solid #666;
	margin-left: 1em;
}

#cha1 h4.expTitle,
#cha2 h4.expTitle,
#cha3 h4.expTitle,
#cha4 h4.expTitle,
#cha5 h4.expTitle {
	font-size: 90%;
	border: none;
	border-bottom: 1px solid #5F2F2F;
	border-left: 3px solid #5F2F2F;
	margin: 0px 1em 1em 1em;
/*	padding: 0px 0px 0px 20px;*/
	padding: 0px 0px 0px 3px;
	color: #5F2F2F;
/*	background: url(../img/icon_1.gif) no-repeat 0% 49%;*/
}

/*\*/
* html #cha1 h4,
* html #cha2 h4,
* html #cha3 h4,
* html #cha4 h4,
* html #cha5 h4{
	height: 1%;
}
/**/

/*.col1,
.colThumb{
	display: inline-table;
}*/

.col1{
	margin-bottom: 1em;
/*	padding-left: 2.5em;*/
/*	padding-right: 2.5em;*/
	margin-left: 2.5em;
	margin-right: 2.5em;
	height:1%;
	clear:both;
}


.colThumb{
	position: relative;
	float: none !important;
	margin-right: 2.5em;
	padding-bottom: 15px;
}

.col1:after,
.colThumb:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	width: 100%;
	height:0%;
}

/*\*/
* html .col1 {
	height: 1em;
}

* html .colThumb{
	position: static;
	margin-left: 0.5em;
	height: 100px;
}
/**/

.colThumb h5,
.colThumb ul{
/*	margin-left: 84px;*/
	font-size: 90%;
}

.colThumb h5{
	color: #633;
	text-decoration: none;
	background-color:#FFFFFF;
}

.colThumb h5 img{
	float:left;
	display:block;
	padding-right:8px;
	padding-bottom:20px;
}

.colThumb h5 a{
	display: block;
}

.colThumb h5 a span.txtlinks{
	display:block;
	text-decoration:underline !important;
	font-weight: normal;
	font-size:93%;
}

.colThumb h5 a:link,
.colThumb h5 a:visited{
	text-decoration:none;
	color: #633;
}

.colThumb h5 a:hover,
.colThumb h5 a:active,
.colThumb h5 a:focus{
	color: #c30;
	text-decoration:none;
}

.colThumb ul {
	padding-left: 84px;
}

.colThumb ul li{
	font-size: 90%;
	line-height: 1.2;
	margin-left: 1.5em;
}

.lcol {
	position: relative;
	padding-left: 2.5em;
	margin-bottom: 30px;
	margin-top: 20px;
    overflow: hidden;
}



.lcol:after {

	content: "";

	display: block;

	clear: both;

	height: 1px;

	overflow: hidden;

}



/*\*/

* html .lcol {

	height: 142px;

	overflow: visible;

}

/**/

.lcolThum {
	width: 230px;
	float: left;
}

.lcolThum img {
	vertical-align: bottom;
}

br.clearFloat {
	clear: both;
	line-height: 1px;
}


.data {
	margin-left: 240px;
	font-size: 70%;
/*	position: absolute;
	bottom: 5px;
	left: 280px;
*/}

.data ul {
	list-style: none;
}

.detail {
	margin-bottom: 10px;
}

.imgBtn {
	height: 20px;
	padding: 0px !important;
}

.imgBtn li {
	float: left;
	height: 20px;
	width: 68px;
	margin-right: 8px;
}

.imgBtn li a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/btn_01.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

.imgBtn li.iBtn01 a {background-position: 0px 0px;}

.imgBtn li.iBtn02 a {background-position: 0px -20px;}

.imgBtn li.iBtn03 a {background-position: 0px -40px;}

.imgBtn li.iBtn01 a:hover {background-position: -68px 0px;}

.imgBtn li.iBtn02 a:hover {background-position: -68px -20px;}

.imgBtn li.iBtn03 a:hover {background-position: -68px -40px;}


.bottomNavi {
	clear: both;
	padding-top: 20px;
	margin: 0px !important;
	list-style: none;
	font-size: 80% !important;
	text-align: center;
}

.bottomNavi li {
	display: inline;
	margin: 0px 8px !important;
	padding: 0px !important;
	background: none !important;
}

.bottomNavi li a {
	color: #333;
	background-color: #FFF;
	text-decoration: none;
	padding-left: 15px
}

.bottomNavi li a:hover {
	text-decoration: underline;
}

.bottomNavi li.btBack a {
	background: url(../img/arrow_01.gif) no-repeat left center;
}

.bottomNavi li.btTop a {
	background: url(../img/arrow_02.gif) no-repeat left center;
}

.bottomNavi li.btNext a {
	background: url(../img/arrow_03.gif) no-repeat left center;
}

.arrowLink a{
	padding-left: 15px;
	background: url(../img/arrow_03.gif) no-repeat left center;
}

p.text{
	text-indent: 1em;
	font-size: 90%;
}

p.cap{
	margin-bottom: 2em;
	font-size: 90%;
}

span.cap{
	font-size:70%;
}

.fl,
.fl2,
.fr,
.frS1,
.frS2,
.frS3,
.frL1,
.frL2,
.fl span,
.fl2 span,
.fr span,
.frS1 span,
.frS2 span,
.frS3 span,
.frL1 span,
.frL2 span {
	line-height: 1.0;
}

.fl img,
.fl2 img,
.fr img,
.frS1 img,
.frS2 img,
.frS3 img,
.frL1 img,
.frL2 img {
	margin-bottom: 5px;;
}

.fl{
	float: left;
	margin-right: 1em;
	font-size: 70%;
	width: 180px;
}

.fl2{
	float: left;
	margin-right: 1em;
	font-size: 70%;
	width:175px;
}

.fr{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	font-size: 70%;
}

.frS1{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 150px;
	font-size: 70%;
}

.frS2{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 118px;
	font-size: 70%;
}

.frS3{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 180px;
	font-size: 70%;
}


.frL1{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 180px;
	font-size: 70%;
}

.frL2{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 142px;
	font-size: 70%;
}


address{
	clear: both;
	margin: 0;
	border-top: 1px solid #333;
	text-align: right;
	font-size: 80%;
	font-family:Verdana;
	padding-bottom:20px;
	width: auto !important;
}

#cha1 div.toColunm h4.coTitle,
#cha2 div.toColunm h4.coTitle,
#cha3 div.toColunm h4.coTitle,
#cha4 div.toColunm h4.coTitle,
#cha5 div.toColunm h4.coTitle {
border:none !important;
font-size: 90%;
margin: 0 1em 0.5em !important;
padding: 0 0 0 20px !important;
color: #5f2f2f !important;
background: url(../img/icon_1.gif) no-repeat 0 49%;
letter-spacing: 0.2em; }



div.toColunm ul.toCo{
	position: relative;
	margin:0em 1em;
	padding:1em;
	list-style-type:none;
	background-color:#EBEBEB;
	color: #000000;
	font-size: 85%;
}

div.toColunm ul.toCo li {
}

div.toColunm ul.toCo li a {
	line-height: 36px;
	color: #000000;
	background-color: #EBEBEB;
}

div.toColunm ul.toCo li a:hover {
	color: #CC3300;
	background-color: #EBEBEB;
}

div.toColunm ul.toCo li img{
	vertical-align: middle;
}

.imgBtn {
	text-align: right;
	padding-top: 30px;
}

/*#common
--------------------------------------------------------------------------------------*/
.Clear {
	clear:both;
	line-height: 1px !important;
	height: 1px;
	display: block;
}

.imgC {
	text-align: center;
}

.imgC2 {
	margin-bottom: 1em;
	text-align: center;
}


/*#home
--------------------------------------------------------------------------------------*/

#home h1{
	border-top: 0;
	border-bottom: 0;
}

/*#intro
--------------------------------------------------------------------------------------*/

#intro #content {
	background: url(../img/content_bg.jpg) no-repeat right bottom;
}

#intro #content p.text,
#intro #content p.imgBtn {
	padding-left: 2.0em;
	padding-right: 2.0em;
}

#intro #content p.imgBtn{
	padding-top:1.5em;
}

/*#column
--------------------------------------------------------------------------------------*/
#column h1 {
	background:url(../../column/images/h1_bg.jpg) no-repeat 100% 50%;
}

#column .columnContent {
	padding: 0px 60px 60px 60px;
	background: url(../../column/images/content_bg.gif) no-repeat right bottom;
}

#column #content {
	background: url(../../column/images/column_bg.gif) no-repeat 0px 30px;
}

.columnList {
	padding-left: 50px;
	padding-top: 40px;
	list-style: none;
	min-height: 550px;
	background: url(../../column/images/content_bg.jpg) no-repeat right bottom;
}

* html .columnList {
	height: 550px;
}

.columnList a {
	color: #000000;
	text-decoration: none;
}

.columnList a:hover {
	color: #6E3923;
}

.columnList li {
	padding-left: 30px;
	margin-bottom: 1em;
}

.columnList li.num01 {
	background:url(../../column/images/column_num_01.gif) no-repeat left 0.2em;
}

.columnList li.num02 {
	background:url(../../column/images/column_num_02.gif) no-repeat left 0.2em;
}

.columnList li.num03 {
	background:url(../../column/images/column_num_03.gif) no-repeat left 0.2em;
}

.columnList li.num04 {
	background:url(../../column/images/column_num_04.gif) no-repeat left 0.2em;
}

.columnList li.num05 {
	background:url(../../column/images/column_num_05.gif) no-repeat left 0.2em;
}

.columnList li.num06 {
	background:url(../../column/images/column_num_06.gif) no-repeat left 0.2em;
}

.columnList li.num07 {
	background:url(../../column/images/column_num_07.gif) no-repeat left 0.2em;
}

#column h2 {
	border: none;
	line-height: 1.0;
	padding-top: 2px;
	padding-left: 35px;
	padding-bottom: 10px;
	margin-top: 60px;
	border-bottom: 1px solid #000000;
}

/*\*/
* html #column h2 {
	width: 100%;
}
/**/

#column .c1 h2 {
	background:url(../../column/images/h2_01_bg.gif) no-repeat 0px 0px;
}

#column .c2 h2 {
	background:url(../../column/images/h2_02_bg.gif) no-repeat 0px 0px;
}

#column .c3 h2 {
	background:url(../../column/images/h2_03_bg.gif) no-repeat 0px 0px;
}

#column .c4 h2 {
	background:url(../../column/images/h2_04_bg.gif) no-repeat 0px 0px;
}

#column .c5 h2 {
	background:url(../../column/images/h2_05_bg.gif) no-repeat 0px 0px;
}

#column .c6 h2 {
	background:url(../../column/images/h2_06_bg.gif) no-repeat 0px 0px;
}

#column .c7 h2 {
	background:url(../../column/images/h2_07_bg.gif) no-repeat 0px 0px;
}

#column .columnImg {
	margin: 1em 0px;
	width: 80%;
	padding: 15px 10% 10px 10%;
	background-color: #E9EAE4;
	color: #000000;
}

/*\*/
* html #column .columnImg {
	width: 100%;
}
/**/

#column .columnImg .columnImg01 {
	text-align: center !important;
	width: 49%;
	min-width: 112px;
	float: left;
}

#column .columnImg02 {
	width: 180px;
	text-align: center !important;
	background-color: #E9EAE4;
	color: #000000;
	padding: 15px 0px 10px 0px;
	margin: 0px 0px 1em 1em;
	float: right;
}

#column .columnImg03 {
	margin: 1em 0px;
	padding: 25px 0px 15px 0px;
	background-color: #E9EAE4;
	color: #000000;
	text-align: center;
}


#column .columnImg04 {
	width: 240px;
	text-align: center !important;
	background-color: #E9EAE4;
	color: #000000;
	padding: 15px 0px 10px 0px;
	margin: 0px 0px 1em 1em;
	float: right;
}


#column .columnImg04 span{
	display:block;
	text-align:center;
	padding:5px;
}


#column .columnImg,
#column .columnImg02,
#column .columnImg03,
#column .columnImg04 {
	line-height: 1.3;
}

#column .columnImg span,
#column .columnImg02 span,
#column .columnImg03 span,
#column .columnImg04 span {
	font-size: 80%;
	color: #7A422A;
	background-color: #E9EAE4;
}

#column h3.imgCaption {
	position: relative;
	color: #FFFFFF;
	background: #666666 url(../img/arrow_07.gif) no-repeat 6px 0.5em;
	font-weight: normal;
	font-size: 80%;
	margin: 30px 0px 20px 0px;
	padding: 5px 23px;
	line-height: 1.0;
	border: none;
}

#column h3.imgCaption .date {
	font-size: 90%;
	vertical-align: baseline;
	line-height: 110%;
	margin-left: 10px;
}

#column h3.imgCaption .document {
	font-size: 90%;
	vertical-align: baseline;
	line-height: 110%;
	margin-left: 10px;
}

#column .text img{
	vertical-align:baseline;
}

#column .height20 {
	line-height:20px;
}

#print{
margin-top:-2.5em;
}

/*#chonology
--------------------------------------------------------------------------------------*/
#chonology h1 {
	background:url(../../utility/images/h1_chonology_bg.jpg) no-repeat 100% 50%;
}

#chonology .imgTitle {
	background-image: none;
	background-color: #ECECEC;
	padding: 0px;
	margin: 0px 0.5em 2.5em 0px;
	font-size: 90%;
}

#chonology #content h3 {
	background: url(../img/icon_1.gif) no-repeat left center;
	border:none;
	font-size: 100%;
	margin:2.5em 0px 0.3em 0.5em;
	padding-left: 1.5em;
}

#chonology table{
/*	margin-top: 0px;
	margin-bottom: 3em;*/
	width: 100%;
}

#chonology table th,
#chonology table td{
	padding:0 15px;
	font-size: 80%;
	vertical-align:top;
}

#chonology table th{
	border-bottom:1px solid #999;
	text-align: center;
	background-color: none;
	color:#000 !important;
	vertical-align:middle !important;
	white-space: nowrap;
}

#chonology table caption{
	clear: both;
	padding-left: 0;
	width: 100%;
	border:none;
	background-color: #ececec;
}

/*#chonology .color1{
	background-color: #E5DFB6;
}

#chonology .color2{
	background-color: #E0FC92;
}*/

#chonology .year{
	font-size:80% ;
	background-color:none;
	color:#333;
	width:10%;!important
}

#chonology td.yearBttm{
	border-bottom:1px solid #999;
	background-color:none;
	color:#333;
	vertical-align:top;
	width:10%;!important
}

#chonology .date{
	font-size:80%;	
	background-color:none;
	width:18%!important;
}

#chonology td.dateBttm{
	border-bottom:1px solid #999;
	font-size:80%;
	background-color:none;
	width:13%!important;
}

#chonology .material{
	font-size:80%;	
	width:20%!important;
}

#chonology td.materialBttm{
	border-bottom:1px solid #999;
	font-size:80%;	
	width:20%!important;
}

#chonology .material{
	font-size:80%;	
}

#chonology .matters{
	font-size:80%;
}

#chonology td.mattersBttm{
	border-bottom:1px solid #999;
	font-size:80%;
}




/*#list
--------------------------------------------------------------------------------------*/
#list h1 {
	background:url(../../utility/images/h1_list_bg.jpg) no-repeat 100% 50%;
}

#list #content ul{
	list-style-type: none;
	margin-left: 2.5em;
	margin-right: 1em;
	margin-bottom: 1.5em;
	font-size: 90%;
}

#list .col1{
	padding-top: 1.3em;
	margin-bottom: 0px;
	margin-right: 1.3em;
	position: relative;
}

#list .col1 .text2 {
	margin: 0px 2.0em 1.0em 2.0em;
	font-size: 95%;
}

#list .col1 .text3 {
	margin: 0px 2.0em 2.0em 2.0em;
	font-size: 90%;
}

#list .imgTitle {
	border: none;
	background-color: #ECECEC;
	padding: 0px;
	margin: 0px 0.5em 0.5em 0px;
	font-size: 90%;
}

#list h3{
	border:none !important;
	font-size: 100%;
	margin: 0px 0 1em 0 !important;
	padding: 0px 0px 0px 20px !important;
	color: #5F2F2F !important;
	background: url(../img/icon_1.gif) no-repeat 0% 49%;
}

#list .menuList {
	list-style: none;
	margin: 0px 2em 1em 2em;
	font-size: 90%;
}

#list .menuList li {
	padding-left: 20px;
}

#list .menuList li.me01 {
	background: url(../img/icon_circle_1.gif) no-repeat 0px 50%;
}

#list .menuList li.me02 {
	background: url(../img/icon_circle_2.gif) no-repeat 0px 50%;
}

#list .menuList li.me03 {
	background: url(../img/icon_circle_3.gif) no-repeat 0px 50%;
}

#list .menuList2 {
	list-style: none;
	margin: 0px 2em 1em 2em;
	font-size: 90%;
}

#list .menuList2 li {
	display: inline;
	margin-right: 15px;
}

#list .menuList2 a:link,
#list .menuList2 a:visited {
	color: #663333;
}

#list .menuList2 a:hover,
#list .menuList2 a:active {
	color: #CC3300;
}

#list .menuTab {
	list-style: none;
	margin: 0px 0px 0px 2em !important;
}

#list .menuTab li {
	display: inline;
}

#list h2.listHead {
	margin: 0px 2em 0px 1em !important;
	position: relative;
	background-color: #F7EDE5;
	border: none;
	background:url(../../utility/images/h2_list_bg.gif) repeat-x 0px 0px;
}

#list .itemlist {
	font-size: 90%;
	margin: 0px 45px 0px 45px;
	padding: 1em 0px 2em 0px;
}

#list .itemlist dt {
	font-weight: bold;
	padding-left: 18px;
	background: url(../img/arrow_08.gif) no-repeat 0px 0.35em;
}

/*\*/
* html #list .itemlist dt,
	width: 100%;
}
/**/

#list .itemlist dd {
	margin-bottom: 0.6em;
	padding-left: 10px;
}

#list .itemlist dd.arrow {
	margin-bottom: 0.6em;
	padding-left: 18px;
	background: url(../img/arrow_08.gif) no-repeat 0px 0.35em;
}

#list #picList .text1 ,
#list #conList .text1 {
	margin: 0.5em 2.0em 1em 2.0em;
	font-size: 80%;
}

.pageNavi {
	clear: both;
	padding-top: 20px;
	margin: 0 3em 0.5em 0 !important;
	list-style: none;
	font-size: 90% !important;
	text-align: center;
}

.pageNavi li {
	display: inline;
	margin: 0px 8px !important;
	padding: 0px !important;
	background: none !important;
}

.pageNavi li a {
	color: #333;
	background-color: #FFF;
	text-decoration: none;
	padding-left: 15px
}

.pageNavi li a:hover {
	text-decoration: underline;
}

.pageNavi li.btTopLe a {
	background: url(../img/arrow_02.gif) no-repeat left center;
}


/*#reference
--------------------------------------------------------------------------------------*/
#reference h1 {
	background:url(../../utility/images/h1_reference_bg.jpg) no-repeat 100% 50%;
}

#reference #content ul{
	list-style-type: circle;
	margin:1em 1em 1.5em 2.5em;
	font-size: 90%;
}

#reference #content ul li{
	margin:0.5em 0 0 3em;
}

.imgBtn li.iBtn03 a {background-position: 0px -40px;}
.imgBtn li.iBtn03 a:hover {background-position: -68px -40px;}



#reference h2{
	background: url(../img/icon_1.gif) no-repeat left center;
	border-bottom:1px solid #666;
	font-size: 90%;
	margin:2.5em 1em 0em 1em;
	padding-left: 1.5em;
	width:100%;
}

#reference h3{
	border:0;
	font-size: 90%;
	margin:1em;
	padding-left: 1.5em;
}

/*#links
--------------------------------------------------------------------------------------*/
#links h1 {
	background:url(../../utility/images/h1_links_bg.jpg) no-repeat 100% 50%;
}

#links dl{
	font-size: 90%;
	margin-left: 2em;
	margin-right: 1em;
	position: relative;

}

#links dt{
	font-weight: bold;
	padding-left: 24px;
}

#links dt.icon{
	background: url(../img/icon_1.gif) no-repeat left center;
}

#links dt a{
	font-weight: normal;
}

#links dd{
	margin-top: 0.5em;
	margin-bottom: 1em;
	margin-left: 24px;
}

/*#about
--------------------------------------------------------------------------------------*/
#about h1 {
	background:url(../../utility/images/h1_about_bg.jpg) no-repeat 100% 50%;
}

#about h2{
	background: url(../img/icon_1.gif) no-repeat left center;
	font-size: 90%;
	margin:1.5em 3em 0 0;
	padding-left: 1.5em;
}

#about h3{
	border:0;
	font-size: 90%;
	margin:1.5em 3em 0 0;
	padding-left: 1.5em;
}

#about ol{
	margin-top: 1em;
	margin-left: 7em;
	margin-right: 6em;
	font-size: 90%;
}

#about p.text{
	margin-right: 3em;
	font-size: 90%;
	padding:0 1em;
}

#about p.bnr{
	margin-top: 1em;
	margin-left: 1em;
}

#about p.address{
	margin-top: 1em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding: 1em;
	border: 1px solid #333;
	font-size: 90%;
}

#about p.arrowLink{
	font-size: 90%;
	text-align: right;
	margin-right:3em;
}

#about  .text{
	margin-left: 2em;
	padding-top:1em;
}

/*#sitemap
--------------------------------------------------------------------------------------*/
#sitemap h1 {
	background:url(../../utility/images/h1_site_bg.jpg) no-repeat 100% 50%;
}

#sitemap #content ul{
	list-style-type: none;
	margin-left: 2em;
	margin-top: 1em;
	position: relative;
}

#sitemap #content ul li{
	margin-bottom: 1em;
	padding-left: 24px;
	background: url(../img/icon_1.gif) no-repeat 0 2px;
	font-size: 90%;
}

#sitemap #content ul li ul{
	margin-top: 0;
}

#sitemap #content ul li ul li{
	margin-left: 0.5em;
	margin-bottom: 0;
	padding-left: 15px;
	background: url(../img/arrow_03.gif) no-repeat left center;
	font-size: 100%;
}


/*#whats
--------------------------------------------------------------------------------------*/
#whats h1{
	background:url(../../guidance/images/h1_whats_bg.jpg) no-repeat 100% 50%;
}

#whats .col1{
	padding-top: 1em;
	margin-bottom: 0px;
	margin-right: 1em;
}

#whats .colW {
	background-color: #EDF0DF;
	color: #000000;
	margin: 1.0em 1.5em 0px 1.5em;
	padding: 2.0em 1.5em 1.0em 1.5em;
	margin-bottom: 2.0em;
}

#whats .colW .colW1 {
	margin: 0px 0px 2em 0px;
}

#whats .imgR260 {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top:4em;
	text-align: center;
	width: 260px;
	height:230px;
	
}

#whats .imgC2 span,
#whats .imgR260 span,
#whats .imgL251 span {
	color: #353F01;
	background-color: #EDF0DF;
	font-size: 80%;
}

#whats .imgC2 img,
#whats .imgR260 img,
#whats .imgL251 img {
	margin-bottom: 5px;
}

#whats .whatImg01 {
	width: 100%;
}

#whats .imgL251 {
	width: 50%;
	min-width: 251px;
	text-align: center !important;
	float: left;
	line-height: 1.1 !important;
	margin-bottom: 1em;
}

* html #whats .imgL251 {
	width: 49%;
}


#whats .colW a:link,
#whats .colW a:visited {
	color: #663333;
}

#whats .colW a:hover,
#whats .colW a:active {
	color: #CC3300;
}


/*#how
--------------------------------------------------------------------------------------*/

#how h1 {
	background:url(../../guidance/images/h1_how_bg.jpg) no-repeat 100% 50%;
}

#how .col1{
	padding-top: 1em;
	margin-bottom: 0px;
	margin-right: 1em;
}

#how .col1How02{
	margin-bottom: 1em;
	margin-right: 1em;
	padding-top: 1em;
	padding-right: 2.5em;
	padding-left: 1.5em;
}

#how {
	/*IEbackground*/
}

#how #content > .col1,
#how .howBox > .col1{
	/*background: url(../img/bg_opacity80.png) repeat left top;*/
}

#how .text2 {
	font-size: 90%;
}

#how .text3 {
	font-size: 90%;
	margin: 0px -1em 2.5em -1em;
}

#how .col1How02 .text3 {
	font-size: 90%;
	margin: 0px 0em 2.5em 0em;
}

#how .imageBox  {
	margin: 0px 0px 1em 0px;
	width: 80%;
	padding: 15px 10% 6px 10%;
}

/*\*/
* html #how .imageBox {
	width: 100%;
}
/**/

#how .imageBox  .PhotoHowA {
	text-align: center !important;
	width: 49%;
	min-width: 261px;
	margin-bottom: 1em;
	float: left;
	line-height:0.3em;
}

#how .col1  .PhotoHowAr {
	text-align: center !important;
	width: 40%;
	min-width: 250px;
	margin-bottom: 1em;
	float: right;
	font-size:90%;
	line-height:2em;
}


#how .col1 .PhotoHowAr span.not_aural1 {
	speak: none;
	font-size:80%;
	line-height:1.8em;
}

#how .height20 {
	line-height:20px;
}

#how .imageBox span {
	font-size: 80%;

}

.howBox {
	position: relative;
	margin-right: 1em;
	background: url(../../guidance/images/how_sub_tit_bg_m.gif) repeat-x left top;
}

.howBox a {
	color: #663333;
	background-color: #FFFFFF;
}

.howBox a:hover {
	color: #CC3300;
	background-color: #FFFFFF;
}

.howBox h2 {
	border: none;
	padding: 0px;
	margin-bottom: 20px;
	background: url(../../guidance/images/how_sub_tit_bg_r.gif) no-repeat right top;
}

.howBox h2 span {
	width: 100%;
	display: block;
	text-align: center;
	background: url(../../guidance/images/how_sub_tit_bg_l.gif) no-repeat left top;
}

#how .c2 .howBox h2 {
	margin-bottom: 0px;
}

.howBox .text {
	margin-bottom: 1em;
}

.howBox .text4 {
	font-size: 90%;
	text-indent: 1em;
	margin-bottom: 2em;
}

.howBox .text5 {
	font-size: 90%;
	margin-bottom: 2em;
}

.howBox .text6 {
	font-size: 90%;
	margin-bottom: 0;
	
}

.howBox .textIta{
	font-size:75%;
	margin-bottom:2em;
	margin-top:-1em;
	font-style:italic;
	text-align:right;
}

.howBox .howBox02 {
	background-color: #EDF0DF;
	color: #000000;
	margin: 0px 15px 1em 15px;
	padding: 18px 18px 2em 18px;
}

.howBox .howBox03 {
	margin-bottom: 1em;
}

.howBox04 {
	margin: 0px 15px 1em 15px;
	padding: 18px 18px 2em 18px;
}

.howBox .howBox02 h3,
.howBox .howBox04 h4 {
	margin: 0px 0px 1em 0px;
	padding: 3px 7px;
	line-height: 1.1;
	border: none;
	background: url(../../guidance/images/how_tab_bg.gif) repeat-y right top;
	background-color: #9E654C;
	color: #FFFFFF;
	font-size: 90%;
}

.howBox .howBox04 h4 {
	background: url(../../guidance/images/how_tab_bg02.gif) repeat-y right top;
	background-color: #9E654C;
	color: #FFFFFF;
}


/*\*/
* html .howBox .howBox02 h3 {
	height: 1em;
}
/**/

#how .PhotoHowB {
	width: 25%;
	min-width: 120px;
	float: left;
	margin-bottom: 1em;
	text-align: center;
}
/*\*/
* html #how #endPhoto {
	width: 24%;
}
/**/

#how .PhotoHowB dl {
	padding-top: 3px;
	font-size: 80%;
	line-height: 1.2;
	width: 111px;
	margin: 0px auto;
}

#how .PhotoHowB dl dt {
	font-weight: bold;
	color: #353F01;
	background-color: #EDF0DF;
}

#how .imgHowA {
	margin-top: 71px;
}

#how .imageBoxC  {
	margin: 1em 0px 0px 0px;
	padding: 15px 15px 6px 15px;
}

/*\*/
* html #how .imageBoxC  {
	height: 1em;
}
/**/

#how #howBox04 p.imageBoxD {
	margin-bottom:30px;
	padding:20px；
}

#how .imageBoxDx{
	margin-bottom:10px;
	padding:0px;
	font-size:80%;
	float:right;

}

#how .imageBoxL {
	width: 136px;
	margin-right: 15px;
	margin-bottom: 1em;
	float: left;
	line-height: 1.0 !important;
}

#how .imageBoxL img {
	margin-bottom: 3px;
}

#how .imageBoxL span {
	font-size: 80%;
	font-weight: bold;
	color: #353F01;
	background-color: #EDF0DF;
}

#how .center {
	text-align: center;
	margin: 1em 0px;
}
#how .howBox strong {
	color: #890101;
}

#how .howTables {
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	position: relative;
	margin: 1em 0px 4em 0px;
}

/*\*/
* html #how .howTables {
	width: 100%;
}
/**/

#how .howTable {
	font-size: 100%;
	width: 100%;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

#how .howTable caption {
	font: 95% ;
	color:#660000;
	
}

#how .howTable td,
#how .howTable th {
	font-size: 90%;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	vertical-align: middle;
	padding: 10px 10px;
	background-color: #E0E1DE;
	color: #000000;
	line-height: 1.2;
}

#how .howTable td {
	text-align: center;
}

#how .howTable .gh {
	background-color: #D2E1CD;
	color: #000000;
	text-align: center;
}

#how .howTable .rh {
	background-color: #DFDACF;
	color: #000000;
	text-align: center;
}

#how .howTable .g {
	background-color: #E9F6E9;
	color: #000000;
}

#how .howTable .r {
	background-color: #F6F2E9;
	color: #000000;
}
/*\*/
#how .howTable img {
	right: 13%;
	bottom: -21px;
	position: absolute;
}
/**/

#how .LinkBox {
	text-align: center;
	padding: 0.7em 0px 1em 0px;
}

#how .LinkBox li {
	list-style: none;
	display: inline;
	margin-bottom: 1em;
}

#how .LinkBox li img {
	margin: 0px 5px 1em 5px;
}

#how .imagePaper {
	vertical-align: top;
	margin-left: 2em;
}

#how .imagePaper2 {
	float:right;
}

#how .howDef {
	font-size: 90%;
}

#how .howDef dt {
	color: #465201;
}

#how .howDef dd {
	margin-bottom: 1em;
}

#how .Center {
	text-align: center;
	margin-bottom: 2em;
	font-size:80%;
}

.footNote {
	margin-right: 4px;
	vertical-align: top;
}


/*#slideshow
--------------------------------------------------------------------------------------*/

#slideshowSWF {
	background: #EBEFDD;
	padding: 0px;
	}

#slideshowSWF .obj{
	text-align:center;
}

#slideshow h1{
	background:url(../../slideshow/images/h1_bg.jpg) no-repeat 100% 50%;
}

#slideshow h3{
	border:0;
	clear:none;
}

#slideshow .slideWrap{
	margin-left:15px;
	width:100%;

}

.slideWrap .LeftF 
#slideshow .LeftF{
	float:left;
	margin-right:10px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
}

#slideshow .LeftF img {
	vertical-align: bottom;
}


#slideshow hr{
	color:#999;
	height:1px;
	border:1px;
	border-style:solid none none none;
	margin: 30px 10px 20px;
}

#slideshowNoscript {
	background-image: none;
	background-color: #EBEFDD;
	color: #000000;
	margin: 0px;
	padding: 0px;
	/*text-align: center !important;*/
}

#slideshowNoscript #wrap {
	width: 80%;
	margin: 0px auto;
	padding:0px;
}

#slideshowNoscript #main {
	margin: 0px;
	background-image: none;
	background-color: #FBFBF8;
	color: #000000;
}

#slideshowNoscript #content {
	margin: 0px 15px;
	padding-bottom: 30px;
}

#slideshowNoscript h1{
	background:url(../../slideshow/images/h1_bg.jpg) no-repeat 100% 50%;
	margin-bottom: 20px;
}

#slideshowNoscript h3{
	border:0;
	clear:none;
}

#slideshowNoscript .slideWrap{
	padding: 20px 15px 30px 15px;
}

#slideshowNoscript hr{
	color:#999;
	height:1px;
	border:1px;
	border-style:solid none none none;
	margin: 10px 0px 10px 0px;
}

#slideshowNoscript .LeftF{
	float:left;
	margin-right:10px;
	padding:5px;
	width:250px;
	border:1px solid #ccc;
	background-color:#fff;
}
#slideshow .LeftF{
	float:left;
	margin-right:10px;
	padding:5px;
	width:250px;
	border:1px solid #ccc;
	background-color:#fff;
}

.slideWrap .LeftF 
#slideshow .LeftF{
	float:left;
	margin-right:10px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
}

.textLink{
	text-align:center;
	margin-top:100px;
	line-height:1.8em;
}

#slideshowNoscript address {
	width: 80% !important;
	margin: 0px auto !important;
	background-color: #FBFBF8;
	color: #000000;
	padding-right: 0px;
	min-width:700px;
}

/* IE5/Win
----------------------------------------------- */
@media tty {
	i{content:"\";/*" "*/}} @import 'base_ie5.css'; /*";}
}/* */