@charset "UTF-8";

/* 基本
構成-----------------------------------------*/

body {
	color: #333333;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF;
}
img {
	vertical-align: top;
}
a {
	color: #003399;
	text-decoration: none;
}
a:visited {
	color: #333333;
}
a:hover,a:focus {
	color: #3366CC;
	text-decoration: underline;
}
a:active {
	color: #CC3300;

}
#wrapper {
	width: 760px;
	margin: 0 auto;
}
#header {
	position: relative;
	padding-bottom: 4px;
	background : url(../images/header_bg.gif) left bottom repeat-x;

}
#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 10px;
}
#content #primary {
	float: right;
	width: 570px;
}
#content #secondary {
	float: left;
	width: 170px;
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7*/
	padding-top: 50px;
}

/* ロゴとユーティリティナビ------------------------------------*/

#logo {
	padding: 11px 0;
}
#counter {
	position: absolute;
	left: 686px;
	top: 5px;
}
#utility_navi {
	position: absolute;
	right: 0;
	top: 35px;
	width: 160px;
	font-size: 95%;
	line-height: 1.2;
}
#utility_navi li {
	position: absolute;
	top: 0;
	width: 8em;
}
#utility_navi li#nav_sitemap {
	right: 8em;
}
#utility_navi li#nav_question {
	right: 0;
}
#utility_navi li a {
	padding-left: 14px;
	text-decoration: none;
}
#utility_navi li#nav_sitemap a {
	background : url(../common/ico_sitemap.gif) left top no-repeat;
}
#utility_navi li#nav_question a {
	background : url(../common/ico_question.gif) 0px -0.2px no-repeat;
}

/* グローバルナビ-----------------------------------------*/

#global_navi {
	height: 34px;
	border-top: 0px solid #70747C;
	border-right: 0px solid #70747C;
	border-left: 12px solid #FFFFFF;
	background-color: #FFFFFF;
	background-position : 12px;
}
#global_navi li {
	float: left;
	height: 34px;
	padding-right: 0px;
	margin-left: 1px;
      	background : url(../common/navibackground.jpg) repeat-x;
}
#global_navi li a {
	display: block;
}
#global_navi li a:hover,#globalNavigation li a:focus {
	background: #A05050 repeat-x; 
}

/* パンくずリスト----------------------------------------*/

#topic_path {
	height: 50px;
	margin: 10px 0 20px 0;
	font-size: 100%;
	line-height: 1.2;
}
#topic_path li {
	float: left;	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 32px;
	background : #eeeeee url(../common/topicpath_li_bg.gif) no-repeat left center;
}
#topic_path li.first {
	padding-left: 30px;
	background : #eeeeee url(../common/topicpath_li_bg_first.gif) no-repeat left center;
}
#topic_path li.last {
	background : #ffffff url(../common/topicpath_li_bg_last.gif) no-repeat left center;
}

/* What's New
（ニュースリリース）--------------------------------*/

#whats_new {
	margin: 20px 0 20px 0;
	padding: 0px 0px 5px 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 100%;
	background: #F5F5F5;
	line-height: 1.5;
}
#whats_new dl {
	width: 568px;
	height: 100px;
	overflow: auto;
}
#whats_new dl dd {
	padding: 7px 10px 0px 0;
}
#whats_new dl dt {
	padding: 7px 10px 0px 20px;
	float: left;
	clear: left;
	font-size: 100%;
}
.new {
	padding: 7px 10px 0px 0;
	text-indent: 2.8em;
	background: url(../images/new.gif) 114px 10px no-repeat;

}
.info {
	padding: 7px 10px 0px 0;
	text-indent: 2.8em;
	background: url(../images/info.gif) 114px 10px no-repeat;

}

.event {
	padding: 7px 10px 0px 0;
	text-indent: 2.8em;
	background: url(../images/event.gif) 114px 10px no-repeat;

}
.report {
	padding: 7px 10px 0px 0;
	text-indent: 2.8em;
	background: url(../images/report.gif) 114px 10px no-repeat;

}
.loca {
	padding: 7px 10px 0px 0;
	text-indent: 2.8em;
	background: url(../images/loca.gif) 114px 10px no-repeat;

}

/* 下階層への導入部分----------------------------------------*/


#lead .column {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}
#lead .column .section {
	width: 275px;
}
#lead .column #lead_a {
	float: left;
}
#lead .column #lead_b {
	float: right;
}
#lead .column .section h2 {
	border-top: 1px solid #D9D9D9;
	border-bottom: 2px solid #F5F5F5;
	font-weight: normal;
	line-height: 1.3;
}
#lead .column .section h2 a {
	display: block;
	width: 235px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #D9D9D9;
	background : url(../common/lead_a_bg.gif) no-repeat left center;
	text-decoration: none;
}
#lead .column .section h2 a:active {
	background : url(../common/lead_a_bg.gif) no-repeat right center;
}
#lead .column .section .section_comment {
	margin: 7px 10px 18px 7px;
	line-height: 1.5;
}
#lead .column .section .section_photo {
	margin: 5px 5px 18px 0px;
	padding: 3px;
	border: 1px solid #D9D9D9;
	float: left;
	clear: left;
}

/* ローカルナビ-----------------------------------------*/

#local_navi ul {
	background: #F5F5F5;
	line-height: 1.2;
}
#local_navi ul li {
	padding-bottom: 2px;
	background : url(../common/ln_li_bg.gif) repeat-x left bottom;
}
#local_navi ul li a {
	display: block;
	width: 142px; /* for WinIE6 */
	padding: 8px 10px 8px 18px;
	background : url(../common/arrow_big.gif) no-repeat 9px 13px;
	text-decoration: none;
}
#local_navi ul li a:hover,#localNavigation ul li a:focus {
	background : #E6E6E6 url(../common/arrow_big.gif) no-repeat 11px 13px;
}
#local_navi ul li ul {
	margin-left: 20px;
	font-size: 100%;
}
#local_navi ul li ul li {
	padding-bottom: 0;
	background: none;
	border-top: 1px solid #E5E5E5;
}
#local_navi ul li ul li a {
	width: 126px; /* for WinIE6 */
	padding: 6px 10px 6px 14px;
	background : url(../common/arrow_small.gif) no-repeat 6px 11px;
}
#local_navi ul li ul li ul li {

	padding-bottom: 0;

	background: none;

	border-top: 1px solid #E5E5E5;

}

#local_navi ul li ul li ul li a {

	width: 106px; /* for WinIE6 */

	padding: 6px 10px 6px 14px;

	background: url(../images/arrow_small.gif) 6px 11px no-repeat;

}
#local_navi ul li ul li a:hover,#local_navi ul li ul li a:focus {
	background : #e6e6e6 url(../common/arrow_small.gif) no-repeat 7px 11px;
}

/* フッターナビ-----------------------------------------*/

#footer_navi {
	padding-left: 10px;
	border-top: 1px solid #E5E5E5;
	font-size: 100%;
	line-height: 1.2;
}
#footer_navi li {
	float: left;
	margin-right: 10px;
	padding: 8px 0;
}
#footer_navi li a {
	display: block;
	padding-left: 6px;
	background : url(../common/arrow_big.gif) no-repeat left center;
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 726px; /* for WinIE6,7 */
	padding: 20px 17px;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	font-size: 100%;
	line-height: 1;
}
.okuooi_link {
	padding: 0 3px 20px 0;
}