@charset "utf-8";

/*****************************************
				Container
*****************************************/
#container {
	min-height: 100%;
	_height: 100%;
}
/*****************************************
				Header
*****************************************/
#header {
	background: url(../img/parts/line_gray.png) 0 100% repeat-x;
	height: 163px;
	position: relative;
}
#headerInner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#headerContents {
	width: 665px;
	float: right;
	overflow: hidden;
}
#logoTitle {
	width: 286px;
	height: 138px;
	margin: 20px 0 0 0;
	float: left;
}
#logoTitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/header/logo_title.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_city {
	background: url(../img/parts/logo_city.png) 0 0 no-repeat;
	width: 154px;
	height: 48px;
	float: right;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
/*****************************************
				Search
*****************************************/
#searchBox {
	width: 665px;
	padding: 18px 0 0 0;
	overflow: hidden;
}
#search {
	background: #FFF;
	width: 340px;
	height: 35px;
	margin: 4px 0 0 120px;
	padding: 0 12px;
	line-height: 36px;
	border: solid 2px #82CBD1;
	border-radius: 20px;
	float: left;
}
#field_search {
	background: none;
	width: 304px;
	line-height: 36px;
	border: none;
	float: left;
	_display: inline;
}
#btn_search {
	width: 30px;
	height: 36px;
	background: url(../img/parts/btn_search.png) 50% 50% no-repeat;
	border: none;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	float: right;
	_display: inline;
}
#btn_search:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*****************************************
			Global Navigation
*****************************************/
#gNav {
	width: 665px;
	padding: 42px 0 0 0;
	float: right;
	overflow: hidden;
}
#gNav ul {
	width: 680px;
	list-style: none;
	overflow: hidden;
}
#gNav ul li {
	width: 121px;
	height: 55px;
	margin: 0 15px 0 0;
	float: left;
	_display: inline;
}
#gNav ul li.nav05 { margin: 0; }
#gNav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/gnav/gnav.png) 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#gNav ul li.nav01 a { background-position: 0 0; }
#gNav ul li.nav02 a { background-position: -121px 0; }
#gNav ul li.nav03 a { background-position: -242px 0; }
#gNav ul li.nav04 a { background-position: -363px 0; }
#gNav ul li.nav05 a { background-position: -484px 0; }
#gNav ul li.nav01 a:hover { background-position: 0 -55px; }
#gNav ul li.nav02 a:hover { background-position: -121px -55px; }
#gNav ul li.nav03 a:hover { background-position: -242px -55px; }
#gNav ul li.nav04 a:hover { background-position: -363px -55px; }
#gNav ul li.nav05 a:hover { background-position: -484px -55px; }
#TEIJYU_NEWS #gNav ul li.nav01 a { background-position: 0 -55px; }
#TEIJYU_KNOW #gNav ul li.nav02 a { background-position: -121px -55px; }
#TEIJYU_LIVE #gNav ul li.nav03 a { background-position: -242px -55px; }
#TEIJYU_WORK #gNav ul li.nav04 a { background-position: -363px -55px; }
#TEIJYU_EXPERIENCE  #gNav ul li.nav05 a { background-position: -484px -55px; }
/*****************************************
				Wrapper
*****************************************/
#wrapper {
	clear: both;
	width: 100%;
	padding: 0 0 470px 0;
}
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	width: 100%;
	margin: 0 0 40px 0;
	padding: 1px 0;
	border-bottom: 1px solid #EEE;
}
#topicpath ol {
	width: 1000px;
	margin: 0 auto;
	list-style: none;
	letter-spacing: -0.4em;
}
#topicpath ol li {
	font-size: 88%;
	line-height: 38px;
	margin: 0 8px 0 0;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: top;
}
#topicpath ol li a {
	background: url(../img/parts/topicpath_arw.png) 100% 0 no-repeat;
	margin: 0 8px 0 0;
	padding: 0 30px 0 0;
	display: block;
}
#topicpath ol li.first {
	width: 90px;
	height: 38px;
}
#topicpath ol li.first a {
	background: url(../img/parts/current.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#topicpath ol li.first a:hover { background-position: 0 -38px; }
/*****************************************
			Local Navigation
*****************************************/
#lNav {
	background: #FFF;
	width: 996px;
	border: 2px solid #DDD;
	margin: 0 auto 25px auto;
}
#lNav ul {
	padding: 8px 10px 0 10px;
	border-top: none;
	letter-spacing: -0.4em;
	text-align: left;
	font-size: 93%;
	list-style: none;
}
#lNav ul li {
	background: url(../img/parts/list_point02.png) 0 10px no-repeat;
	margin: 0 14px 5px 0;
	padding: 2px 0 2px 11px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: top;
}
/*****************************************
			Category Title
*****************************************/
#TEIJYU_NEWS #categoryTitle,
#TEIJYU_KNOW #categoryTitle,
#TEIJYU_LIVE #categoryTitle,
#TEIJYU_WORK #categoryTitle,
#TEIJYU_EXPERIENCE #categoryTitle {
	width: 1000px;
	height: 102px;
	margin: 0 auto 50px auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#TEIJYU_NEWS #categoryTitle { background: url(../img/title/cat_news.png) 50% 0 no-repeat; }
#TEIJYU_KNOW #categoryTitle { background: url(../img/title/cat_know.png) 50% 0 no-repeat; }
#TEIJYU_LIVE #categoryTitle { background: url(../img/title/cat_live.png) 50% 0 no-repeat; }
#TEIJYU_WORK #categoryTitle { background: url(../img/title/cat_work.png) 50% 0 no-repeat; }
#TEIJYU_EXPERIENCE #categoryTitle { background: url(../img/title/cat_experience.png) 50% 0 no-repeat; }
#TEIJYU_DEFAULT #categoryTitle {
	background: url(../img/title/cat_default.png) 50% 0 no-repeat;
	width: 1000px;
	margin: 0 auto 30px auto;
	text-align: center;
}
#TEIJYU_DEFAULT #categoryTitle .innerTitle {
	padding: 72px 0 0 0;
	display: block;
	font-size: 150%;
	font-weight: bold;
	color: #000;
}
/*****************************************
				Main
*****************************************/
#main { overflow: hidden; }
/*****************************************
			Main Contents
*****************************************/
#mainContents { margin: 0 auto 60px auto; }
/*****************************************
			Page Title
*****************************************/
#pageTitle,
.newsTitle {
	background: url(../img/title/page_title.png) 0 0 repeat;
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 18px 0;
}
#pageTitle .innerTitle,
.newsTitle .innerTitle {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 0 13px;
	border-left: 7px solid #00AA8C;
	display: block;
	font-size: 179%;
	font-weight: bold;
	line-height: 1.41;
	color: #000;
}
/*****************************************
				Contents
*****************************************/
#contents,
.contentsCalendar {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}
/*****************************************
			Contents Title
*****************************************/
#contents h2,
.contentsCalendar h2 {
	background: url(../img/title/h2_title.png) 12px 19px no-repeat #87DCCD;
	margin: 15px -10px 8px -10px;
	padding: 7px 5px 5px 30px;
	font-size: 136%;
	font-weight: bold;
	color: #000;
}
#contents h3,
.contentsCalendar h3 {
	background-image: url(../img/title/h3_title_point.png), url(../img/title/h3_title_line2.png), url(../img/title/h3_title_line2.png), url(../img/title/h3_title_line.png);
	background-position: 9px 10px, 0 0, 0 100%, 0 0;
	background-repeat: no-repeat, repeat-x, repeat-x, repeat-y;
	margin: 15px -10px 8px -10px;
	padding: 5px 5px 3px 20px;
	font-size: 129%;
	font-weight: bold;
	color: #000;
	background: url(../img/title/h3_title_point.png) 9px 10px no-repeat\9;
	border: 2px #87DCCD solid\9;
}
#contents h3:not(:target),
.contentsCalendar h3:not(:target) {
	border: none;
}
#contents h4,
.contentsCalendar h4 {
	margin: 15px -10px 8px -10px;
	padding: 4px 5px 4px 10px;
	border: 1px solid #87DCCD;
	border-left: 5px solid #87DCCD;
	font-size: 115%;
	font-weight: bold;
}
#contents h5,
.contentsCalendar h5 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 3px 8px;
	border: 3px double #CCC;
	font-size: 107%;
	font-weight: bold;
}
#contents h6,
.contentsCalendar h6 {
	margin: 15px -10px 8px -10px;
	padding: 3px 5px 1px 10px;
	border: 1px solid #CCC;
	font-size: 107%;
	font-weight: bold;
}
/*****************************************
			List Index
*****************************************/
.list_index { clear: both; }
.list_index ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.list_index ul li {
	background-position: 7px 10px !important;
	margin: 0 !important;
	padding: 4px 3px 4px 26px !important;
	border-bottom: 1px dotted #CCC;
}
/*****************************************
			Directory News
*****************************************/
#dirNews {
	width: 1000px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	position: relative;
}
#dirNews h3 {
	background: #BEE4EC;
	padding: 5px 12px;
	font-size: 172%;
	font-weight: bold;
	color: #000;
}
#dirNewsList {
	background: #FFF;
	height: 190px;
	margin: 0 auto;
	border-top: none;
	overflow: auto;
	position: relative;
	border: 2px solid #BEE4EC;
	border-top: none;
}
#dirNews dl {
	margin: -1px 0 0 0;
	padding: 8px;
	border-top: dotted 1px #999;
	overflow: hidden;
}
#dirNews dl dt {
	width: 10.5em;
	padding: 4px 0;
	float: left;
	_display: inline;
	color: #000;
}
#dirNews dl dd {
	padding: 4px 0;
	margin: 0 0 0 11em;
}
/*****************************************
			Directory Index
*****************************************/
#dir,
#dirRel {
	width: 1020px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	overflow: hidden;
	letter-spacing: -0.4em;
}
#dirRel {
	margin: 15px auto 0 auto;
}
.dirIndex,
.dirIndexSpecial,
#dirRelInfo {
	background: #FFF;
	width: 314px;
	margin: 0 20px 20px 0;
	padding: 1px;
	border: 2px solid #BEE4EC;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	overflow: hidden;
}
.dirIndex h3,
.dirIndexSpecial h3,
#dirRelInfo h3 {
	background: #BEE4EC;
	padding: 8px;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.41;
	overflow: hidden;
	color: #000;
}
#dirRelInfo { border: 2px solid #FFB9B9;}
#dirRelInfo h3 { background: #FFB9B9; }
#dirRel .dirIndex { border: 2px solid #DDD; }
#dirRel .dirIndex h3 { background: #DDD; }
.dirIndexSpecial { border: 2px solid #CC3300; }
.dirIndexSpecial h3 { background-color: #CC3300; }
.dirIndex h3 a,
.dirIndexSpecial h3 a,
#dirRelInfo h3 a { color: #000; }
.dirIndex h3 a:hover,
.dirIndexSpecial h3 a:hover,
#dirRelInfo h3 a:hover { color: #D00; }
.dirIndex p,
#dirRelInfo p {
	margin: 5px 0 0 0;
	padding: 0 16px;
	line-height: 1.41;
}
.dirIndex ul,
.dirIndexSpecial ul,
#dirRelInfo ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
.dirIndex ul li,
.dirIndexSpecial ul li,
#dirRelInfo ul li {
	padding: 4px 8px 4px 16px;
	background: url(../img/parts/list_point02.png) 7px 12px no-repeat;
}
.dirIndex ul li p,
.dirIndexSpecial ul li p,
#dirRelInfo ul li p {
	display: block;
	margin: 2px 0 0 0 !important;
	padding: 0 0 0 8px;
	border-left: solid 3px #AAA;
	_zoom: 1;
}
.dirIndex ul li.bg,
.dirIndexSpecial ul li.bg,
#dirRelInfo ul li.bg { background-color: #E4ECF7; }
/*****************************************
		Directory Index Q&A
*****************************************/
#dirIndexQA {
	background: #FFF;
	width: 994px;
	margin: 10px 0 0 0;
	padding: 1px;
	border: 2px solid #BEE4EC;
	overflow: hidden;
	letter-spacing: normal;
}
#dirIndexQA h3 {
	background: #BEE4EC;
	padding: 8px;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.41;
	color: #000;
}
#dirIndexQA h3 a { color: #000; }
#dirIndexQA h3 a:hover { color: #D00; }
#dirIndexQABox {
	padding: 1px 0 2px 0;
	border-top: none;
}
#searchQA {
	padding: 8px;
	background: #F2F2F2;
	overflow: hidden;
	_zoom: 1;
}
#field_search_QA {
	padding: 0 5px;
	width: 912px;
	height: 36px;
	line-height: 36px;
	border: none;
	float: left;
	_display: inline;
}
#btn_search_QA {
	margin: 0 0 0 10px;
	width: 36px;
	height: 36px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	background: url(../img/parts/btn_search_dir.png) 50% 50% no-repeat;
	background-color: #999;
	border: none;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	color: #000;
}
#dirIndexQA ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#dirIndexQA ul li {
	margin: 0;
	padding: 4px 8px 4px 18px;
	background: url(../img/parts/list_point02.png) 8px 12px no-repeat;
}
/*****************************************
			Page Information
*****************************************/
#pageInfo {
	background: url(../img/title/page_title.png) 0 0 repeat;
	padding: 20px 0;
}
#pageInfoInner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 93%;
	color: #000;
}
#pageInfo ul {
	background: url(../img/parts/pageinfo.png) 0 0 repeat-y;
	width: 490px;
	float: left;
	_display: inline;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
#pageInfo ul li {
	background: url(../img/parts/pageinfo.png) 100% 0 repeat-y;
	float: left;
	_display: inline;
	line-height: 26px;
	color: #004594;
}
#pageInfo ul li span {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#counter span {
	background: url(../img/parts/icon_count.png) 10px 3px no-repeat;
	padding: 0 10px 0 54px;
}
#update span {
	background: url(../img/parts/icon_update.png) 10px 6px no-repeat;
	padding: 0 10px 0 63px;
}
#print a {
	background: url(../img/parts/icon_print.png) 10px 2px no-repeat;
	padding: 0 10px 0 44px;
	display: block;
	color: #000;
}
#print a:hover { color: #000; }
/*****************************************
			Page Top
*****************************************/
#pageTop {
	background: url(../img/parts/pagetop.png) 0 0 no-repeat;
	width: 123px;
	height: 123px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#pageTop:hover { background-position: 0 -123px; }
/*****************************************
				Footer
*****************************************/
#footer {
	background: url(../img/footer/footer_bg.png) 50% 186px no-repeat;
	height: 470px;
	margin-top: -470px;
	overflow: hidden;
	position: relative;
	z-index: 1001;
}
#footer h2 {
	background: url(../img/footer/footer_logo.png) 0 0 no-repeat;
	width: 670px;
	height: 107px;
	margin: 75px auto 30px auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_contact {
	background: url(../img/footer/btn_inq.png) 0 0 no-repeat;
	width: 412px;
	height: 76px;
	margin: 0 auto 75px auto;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#btn_contact:hover { background-position: 0 -76px; }
#footer_city {
	background: url(../img/parts/logo_city.png) 0 0 no-repeat;
	width: 154px;
	height: 48px;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
/*****************************************
			Copy Right
*****************************************/
#copyright {
	background: #FFF;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 88%;
}