/*====================================
               TOP
=====================================*/

#top_contentinner {
	padding: 20px 0 0 0;
}

#top_contentinner .primary_content {
	width: 705px;
	float: left;
}

#top_contentinner h3 {
	margin-bottom: 15px;
}

#top_contentinner .secondary_content {
	width: 200px;
	float: right;
	margin: 0 20px 20px 0;
}

#mainvisual {
	width: 100%;
	height: 323px;
	background: url(../img/common/bg_mainvisual.jpg) repeat-x;
}

#mainvisual .inner {
	width: 950px;
	margin: 0 auto;
}

#top_news {
	width: 705px;
	margin-bottom: 25px;
}

#top_news dl {
	margin-bottom: 12px;
	font-size: 77%;
}

#top_news dl dt {
	width: 62px;
	float: left;
	line-height: 140%;
	margin-left: 15px;
	display: inline;
}

#top_news dl dt span {
	padding: 2px 4px;
	background: #ECECEC;
}

#top_news dl dd {
	width: 615px;
	float: right;
	line-height: 140%;
}

#top_news dl dd a {
	text-decoration: none;
	color: #555555;
}

#top_news dl dd a:hover {
	color: #c10000;
}

#top_news p {
	text-align: right;
}

#topics {
	width: 705px;
}

.tabs {
	width: 705px;
	margin-bottom: 10px;
	background: url(../img/top/bg_topics.jpg) repeat-x;
}

#content .tabs h3 {
	width: 441px;
	float: left;
	margin-bottom: 0;
}

.topicsarea {
	width: 685px;
	margin: 0 0 20px 20px;
	font-size: 77%;
}

.topicsarea dl {
	margin-bottom: 10px;
}

.topicsarea dl dt {
	width: 54px;
	float: left;
}

.topicsarea dl dt img {
	padding: 1px;
	border: solid 1px #ECECEC;
}

.topicsarea dl dd {
	width: 621px;
	float: left;
	margin-left: 10px;
	line-height: 140%;
}

.topicsarea dl dd a {
	text-decoration: none;
	color: #555555;
}

.topicsarea dl dd a:hover {
	color: #c10000;
}

.topicsarea dl dd p {
	margin-top: 3px;
}

.topicsarea dl dd span.date {
	padding: 2px 4px;
	background: #ECECEC;
}

.topicsarea .btm {
	margin-top: 3px;
	line-height: 100%;
	text-align: right;
}

.bannerarea {
	margin-bottom: 10px;
}

.bannerarea li {
	margin-bottom: 5px;
}

.bannerarea li.last {
	margin-bottom:0;
}

.flasharea {
	margin-bottom: 10px;
}

/*====================================
               AREA TOP
=====================================*/

#areatop_topics {
	width: 340px;
	float: left;
	padding-bottom: 20px;
}

#areatop_event {
	width: 340px;
	float: left;
	margin: 0 0 0 20px;
	padding-bottom: 20px;
}

#areatop_topics dl,
#areatop_event dl {
	margin: 0 0 10px 20px;
}

#areatop_topics dl dt,
#areatop_event dl dt {
	width: 54px;
	float: left;
}
#areatop_topics dl dt img,
#areatop_event dl dt img {
	padding: 1px;
	border: solid 1px #ECECEC;
}

#areatop_topics dl dd,
#areatop_event dl dd {
	width: 256px;
	float: right;
	font-size: 77%;
	line-height: 140%;
}

#areatop_topics dl dd a,
#areatop_event dl dd a {
	color: #555555;
	text-decoration: none;
}

#areatop_topics dl dd a:hover,
#areatop_event dl dd a:hover {
	color: #c10000;
	text-dwcoration: none;
}

body.cc #areatop_topics dl dd a:hover,
body.cc #areatop_event dl dd a:hover {
	color: #00979b;
	text-dwcoration: none;
}

#areatop_topics dl dd p,
#areatop_event dl dd p {
	margin-top: 5px;
}

#areatop_topics dl dd span.date,
#areatop_event dl dd span.date {
	padding: 2px 4px;
	background: #ECECEC;
}

#areatop_topics .btm,
#areatop_event .btm {
	margin-top: 20px;
	text-align: right;
}

/*====================================
               tab
=====================================*/


@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}


.ui-tabs-nav {
	width: 260px
	height: 22px;
	float: right;
}

.ui-tabs-nav {
	font-size: 77%;
}

.ui-tabs-nav li {
	width: 52px;
	float: left;
	margin-left: 0.5px;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
	display: block;
	background: url(../img/top/bg_tab.jpg) no-repeat;
}

.ui-tabs-nav a {
	color: #666666;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; 
	outline: 0;
}
.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #000;
	text-decoration: none;
}
.ui-tabs-nav a span {
	width: 52px;
	min-width: 52px;
	height: 22px;
	min-height: 22px;
	padding-right: 0;
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
	padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	background: url(../img/top/bg_tab_on.jpg) no-repeat;
	color: #000000;
	text-decoration: none;

}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
	background: url(../img/top/bg_tab_on.jpg) no-repeat;
	text-decoration: none;
}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
	background-position: 0 -50px;
	text-decoration: none;
}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
	text-decoration: none;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	cursor: pointer;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {
	cursor: pointer;
}

.ui-tabs-panel {
	width: 685px;
	background: #fff;
}

/*====================================
               CLEARFIX
=====================================*/

.group:after,
#top_news dl:after,
.ui-tabs-nav:after,
.tabs:after,
#topics:after,
.topicsarea dl:after,
#top_contentinner:after,
#areatop_topics dl:after,
#areatop_event dl:after
{ 
visibility: hidden;  
display: block;  
font-size: 0;  
content: " ";  
clear: both;  
height: 0;  
} 
 
.group,
#top_news dl,
.ui-tabs-nav,
.tabs,
#topics,
.topicsarea dl,
#top_contentinner,
#areatop_topics dl,
#areatop_event dl
{ 
	display: inline-block;
} 

* html .group,
* html #top_news dl,
* html .ui-tabs-nav,
* html .tabs,
* html #topics,
* html .topicsarea dl,
* html #top_contentinner,
* html #areatop_topics dl,
* html #areatop_event dl
{ 
height: 1%;
}  

.group,
#top_news dl,
.ui-tabs-nav,
.tabs,
#topics,
.topicsarea dl,
#top_contentinner,
#areatop_topics dl,
#areatop_event dl
{
display: block;
}