/* #siteTop */

/*------------------------------ header ------------------------------*/
#siteTop #header-name {
	height: 150px;
	color: #000;
	background: transparent url(../img/top201006/site_banner_main.jpg) no-repeat left top;
}
#siteTop #header-name a {
	visibility: hidden;
}
/* widget */
#siteTop #header-widget {
	/*right: 210px;*/
	right: 0;
}
/* search */
#siteTop #header-search {
	width: 190px;
	position: absolute;
	top: 0;
	right: 8px;
}
#siteTop #header-search #searchTxt {
	width: 120px;
	margin: 0;
	padding: 2px 0 0 17px;
	color: #000;
	background: transparent url(../img/top201006/search_bg.gif) no-repeat left top;
	border: 0 none;
}
#siteTop #header-search #searchBtn {
	position: relative;
	top: 4px;
}
/* english highlights */
#siteTop #header .englishBnr {
	width: 121px;
	height: 20px;
	position: absolute;
	top: 154px;
	left: 12px;
}
/*------------------------------ body ------------------------------*/
#siteTop #content-inner {
	padding: 8px 0 0 8px;
}
#siteTop #content-inner h2,
#siteTop #content-inner h3 {
	margin: 0;
}
/*hack*/
#siteTop #foodsArea li img,
#siteTop #cultureArea li img,
#siteTop #aboutArea li img {
	display: block;
}
* html #siteTop #foodsArea li img,
* html #siteTop #cultureArea li img,
* html #siteTop #aboutArea li img {
	display: inline;
}
*:first-child+html #siteTop #foodsArea li img,
*:first-child+html #siteTop #cultureArea li img,
*:first-child+html #siteTop #aboutArea li img {
	display: inline;
}

/*-------------------- left --------------------*/
#siteTop .leftSide {
	width: 586px;
	float: left;
}
/*---------- foods area ----------*/
#siteTop #foodsArea {
	width: 586px;
	min-height: 244px;
	margin-bottom: 6px;
	padding-bottom: 22px;
	color: #666;
	background: transparent url(../img/top201006/foods_bg.gif) no-repeat left bottom;
}
#siteTop #foodsArea:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
*:first-child+html  #siteTop #foodsArea,
* html #siteTop #foodsArea{
	height: auto !important;
	height: 242px;
}
#siteTop #foodsArea .leftbox {
	width: 310px;
}
#siteTop #foodsArea .leftbox ul {
	width: 291px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
#siteTop #foodsArea .leftbox li {
	margin: 6px 0 0;
	padding: 0;
}
#siteTop #foodsArea .rightbox {
	width: 276px;
}
#siteTop #foodsArea .rightbox .thumbnail {
	width: 254px;
	padding: 0 0 7px 7px;
	text-align: center;
}
#siteTop #foodsArea .rightbox .toSP {
	width: 254px;
	padding-left: 7px;
	zoom: 100%;
}
#siteTop #foodsArea .rightbox .toSP:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#siteTop #foodsArea .rightbox .specialTxt {
	width: 130px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	color: #ff9933;
	background-color: transparent;
}
#siteTop #foodsArea .rightbox .specialBtn {
	width: 121px;
	float: right;
}
/*---------- news area ----------*/
#siteTop #newsArea {
	width: 586px;
	margin-bottom: 12px;
	padding-bottom: 22px;
	color: #666;
	background: transparent url(../img/top201006/news_bg.gif) no-repeat left bottom;
}
#siteTop #newsArea .ttlHead {
	width: 586px;
	position: relative;
	zoom: 100%;
}
#siteTop #newsArea .ttlHead:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#siteTop #newsArea .ttlHead .press {
	width: 200px;
	position: absolute;
	top: 42px;
	right: 15px;
}

#siteTop #newsArea .ttlHead .twitter {
    position: absolute;
    top: 0;
    right: 2px;
	height: 57px;
	width: 270px;
}

#siteTop #newsArea .ttlHead .twitter a{
	background: transparent url(../img/top2011/twitter_bar.gif) no-repeat;
    display: block;
    height: 57px;
	text-indent: -9998px;
}
#siteTop #newsArea .ttlHead .twitter a:hover{
	background: transparent url(../img/top2011/twitter_bar_o.gif) no-repeat;
}
#siteTop #newsArea .newsTopics {
	width: 562px;
	margin: 7px 0 0;
	color: #666;
	background: transparent url(../img/top201006/news_topics_bg.gif) no-repeat left bottom;
	position: relative;
	left: 9px;
}
#siteTop #newsArea .newsTopics .ttlHead {
	width: 562px;
}
#siteTop #newsArea .newsTopics h3 {
	width: 480px;
	float: left;
}
#siteTop #newsArea .newsTopics .list {
	width: 82px;
	float: right;
}
#siteTop #newsArea .newsTopics ul {
	margin: 0;
	padding: 0 10px 5px;
	list-style-type: none;
	line-height: 1.2;
}
#siteTop #newsArea .newsTopics li .date {
	width: 6em;
	font-weight: bold;
	color: #022C74;
	background-color: transparent;
}
#siteTop #newsArea .newsTopics li a {
	padding-left: 1em;
	text-decoration: none;
	color: #666;
	background-color: transparent;
}
#siteTop #newsArea .newsTopics li .cat{
	padding-left: 5px;
}
.catUpdate{ padding-left:5px; background-color:transparent;}
.catEvent{ padding-left:5px; color:#e4007f; background-color:transparent;}
.catPresent{ padding-left:5px; color:#e4007f; background-color:transparent;}
.catOther{ padding-left:5px; color:#454645; background-color:transparent;}
/**/
.catInfo01{ padding-left:5px; color:#1d78bd; background-color:transparent;}
.catInfo02{ padding-left:5px; color:#1d78bd; background-color:transparent;}


/*---------- banner area ----------*/
#bannerArea {
	width: 580px;
	margin: 0 auto;
	padding: 10px 0 0;
	border-top: 1px solid #a0a0a0;
	overflow: hidden;
}
#bannerArea ul {
	width: 590px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bannerArea ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#bannerArea li{
	width: 190px;
	float: left;
	margin: 0 0 1px;
	padding: 0 5px 0 0;
}

/*-------------------- right --------------------*/
#siteTop .rightSide {
	width: 298px;
	float: right;
}
/*---------- culture area ----------*/
#siteTop #cultureArea {
	width: 298px;
	margin-bottom: 6px;
	padding-bottom: 22px;
	color: #666;
	background: transparent url(../img/top201006/culture_bg.gif) no-repeat left bottom;
}
#siteTop #cultureArea ul {
	width: 272px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	left: 9px;
}
#siteTop #cultureArea li {
	margin: 6px 0 0;
	padding: 0;
}

/*---------- about area ----------*/
#siteTop #aboutArea {
	width: 298px;
	margin-bottom: 6px;
	padding-bottom: 22px;
	color: #666;
	background: transparent url(../img/top201006/about_bg.gif) no-repeat left bottom;
}
#siteTop #aboutArea ul {
	width: 272px;
	margin: 2px 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	left: 9px;
}
#siteTop #aboutArea li {
	margin: 5px 0 0;
	padding: 0;
}
#siteTop #aboutArea ul.banner {
	margin: 0;
}
#siteTop #aboutArea ul.banner li {
	margin: 7px 0 0;
}
#siteTop #aboutArea #usBanner {
	width: 242px;
	margin: 15px auto 0;
	zoom: 100%;
}
#siteTop #aboutArea #usBanner:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#siteTop #aboutArea #usBanner ul {
	width: 135px;
	float: left;
}
#siteTop #aboutArea #usBanner li {
	margin: 0;
	padding: 0;
}
* html #usBanner li,
*:first-child+html #usBanner li{
	display: inline;
}
#siteTop #aboutArea #usBanner div {
	width: 102px;
	float: right;
}