@charset "utf-8";


/*---------------------------------------------------------------
main visual
---------------------------------------------------------------*/
#main_visual_area {
	width: 774px;
	margin: 10px 0;
	float: left;
}
#main_visual_area .main_img {
	width: 580px;
	margin: 0;
	padding: 0;
	float: left;
}
#main_visual_area .bnr_area {
	width: 185px;
	margin: 0;
	padding: 0;
	float: right;
}
#main_visual_area .bnr_area ul {
	width: 185px;
	margin: 0;
	padding: 0;
}
#main_visual_area .bnr_area li {
	list-style: none;
	margin: 0 0 14px 0;
	padding: 0;
}
#main_visual_area .bnr_area li.last {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------------------
lead
---------------------------------------------------------------*/
h3 {
	width: 774px;
	font-size: 14px;
	line-height: 150%;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}


/*---------------------------------------------------------------
main navigation
---------------------------------------------------------------*/
#mainnavi {
	width: 774px;
	margin: 0 0 5px 0;
	padding: 0;
}
#mainnavi ul {
	margin: 0;
	padding: 0;
}
#mainnavi li {
	margin: 0 3px 0 0;
	padding: 0;
	display: inline;
}
#mainnavi li.last {
	padding: 0;
	margin: 0;
	display: inline;
}
#mainnavi a {
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#navi_list_area {
	width: 774px;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}
.navi_list_about {
	width: 191px;
	float: left;
	margin: 0;
	padding: 0;
}
.navi_list_right {
	width: 191px;
	float: right;
	margin: 0 0 0 3px;
	padding: 0;
}
.navi_list_about ul,
.navi_list_right ul {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	list-style: none;
}
.navi_list_about li,
.navi_list_right li {
	padding: 2px 2px 0 5px;
	margin:0;
}
.navi_list_about li a,
.navi_list_right li a {
	padding: 0 0 0 10px;
	margin:0;
}
.navi_list_about li a:link,
.navi_list_about li a:visited,
.navi_list_right li a:link,
.navi_list_right li a:visited {
	background-image: url(../images/arrow_blue01.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.navi_list_about li a:hover,
.navi_list_right li a:hover {
	background-image: url(../images/arrow_red01.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------
youtube
---------------------------------------------------------------*/
.youtube {
	width: 774px;
	margin: 0 0 25px 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.youtube object {
	width: 560px;
	padding: 0;
	margin: 0;
	float: left;
}
.youtube p {
	float: right;
	width: 195px;
	margin: 0 5px 0 10px;
	padding: 0;
}

/*---------------------------------------------------------------
info area (news/events欄)
---------------------------------------------------------------*/
#info_area {
	margin: 0;
	padding: 0;
	border: 1px #c1c1c1 solid;
	overflow: hidden;
	clear: both;
}
#info_area .news {
	width: 384px;
	margin: 0;
	padding: 0 0 5px 0;
	float: left;
}
#info_area .events {
	width: 386px;
	margin: 0;
	padding: 0 0 10px 0;
	border-left: 1px #c1c1c1 solid; /* イベント、ニュース欄の長さにより.newsと.events行き来する */
	float: right;
}
#info_area .news h4,
#info_area .events h4 {
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 5px 5px 5px;
	margin: 0;
	background-image: url(../images/news_bg.gif);
	background-repeat: repeat-x;
}
#info_area .news h4 a,
#info_area .events h4 a {
	color: #FFF;
}
#info_area .info-list {
}
#info_area .info-list dl {
	clear: both;
	margin: 0;
	padding: 5px 10px 0 8px;
}
#info_area .info-list dt {
	margin: 0 15px 0 0;
	padding: 0;
	width: 55px;
	float: left;
}
#info_area .info-list dd {
	width: 295px;
	margin: 0;
	padding: 0;
	float: left;
}

/* --------------------------------------------------- 
beo 告知バナー
--------------------------------------------------- */
.bnr_area2 {
	float: left;
	margin: 10px 5px 5px 0;
	padding: 0;
	line-height: 100%;
	overflow: hidden;
}
.bnr_area2 ul {
	margin: 0;
	padding: 0;
}
.bnr_area2 li {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 100%;
}
.bnr_area2 li img {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

/*---------------------------------------------------------------
related links
---------------------------------------------------------------*/
#related_link_area {
	width: 580px;
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px #CCC dotted;
}
#related_link_area dl{
	margin: 0;
	padding: 0;
}
#related_link_area dt{
	color: #CB131C;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
}
#related_link_area dd {
	margin: 0 0 0 2px;
	padding: 0 0 0 15px;
	background-image: url(../images/arrow_blue_square.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*---------------------------------------------------------------
ページトップ
---------------------------------------------------------------*/
#page_top {
	width: 580px;
	float: right;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	text-align: right;
}
#page_top a {
	background-image: url(../images/arrow_top_off.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
	margin: 0;
}
#page_top a:hover {
	background-image: url(../images/arrow_top_on.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
	margin: 0;
}
#page_top a:active {
	background-image: url(../images/arrow_top_on.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
	margin: 0;
}
/*---------------------------------------------------------------
テーブル
---------------------------------------------------------------*/
table {
	border: #CCCCCC 1px solid;	
	width: 579px;
}
td {
	padding: 5px;
	margin: 0;
}
td.border-right {
	padding: 5px;
	margin: 0;
	border-right: #CCCCCC 1px solid;
}
th {
	padding: 5px;
	margin: 0;
	background-color: #CCCCCC;
}
th.border-right {
	padding: 5px;
	margin: 0;
	background-color: #CCCCCC;
	border-right: #FFF 1px solid;
}