@charset "utf-8";

body{
	height:100%;
}

#main {
	border:solid 1px #cccccc;
	width:707px;
}
#main .topFlash{
	margin-bottom:10px;
	zoom:1;
}
#header {
	height: 75px;
	_height: 85px;
	overflow:hidden;
}
#header #hnav{
width:522px;
}
#header #hnav {
	margin-top:0;
}
#header ul{
float:left;
width:280px;
padding:7px 0 6px 0;
text-align:left;
}
#header ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html #header ul{
display:inline-block;
}
*:first-child+html #header ul{
display:inline-block;
}
#header ul li{
float:left;
padding-left:10px;
line-height:1;
font-size:1%;
zoom:1;
}
#header ul li.goTop{
display:none;
}
#header #hnav2{
	float: right;
	margin-top:-1px;
	background:url(/images/2011/header_bg03.gif) no-repeat 0 0;
	width: 522px;
	height:30px;
	margin-bottom:15px;
}
#header #hnav2 ul {
	width:522px;
	padding:5px;
}
#header #hnav2 li {
	float:left;
	padding-left: 0;
}
#header #hnav2 li.fb {
	float: right;
}
#header #hnav2 li.fb img {
	margin:5px 15px 0 0;
}
#header #hnav2 li iframe {
	overflow:hidden;
}
#contents {
	clear:both;
}
#contents h2 {
	margin-bottom:0;
}
#genreNavi{
	float:left;
	width:160px;
	overflow: hidden;
	margin-right:-161px;
}
#genreNavi h2{
	margin-bottom: 0;
}
#genreNavi h3{
	margin-bottom:0;
}
#genreNavi h3.toggleBtn {
	cursor:pointer;
	background:url(/images/2011/lnav_btn_bg.gif) no-repeat 0 0;
	padding:5px 10px;
	height:19px;
}
#genreNavi h3.toggleBtn:hover {
	background:url(/images/2011/lnav_btn_bg.gif) no-repeat -160px 0;
}
#genreNavi ul{
	display:none;
	margin-bottom:0;
}
#genreNavi li{
	margin-bottom:0;
	border-bottom: solid 1px #ccc;
}
#genreNavi li a {
	display: block;
	padding:5px 10px;
}
#genreNavi li a:link,
#genreNavi li a:visited{
	color:#333;
	text-decoration:none;
}
#genreNavi li a:hover,
#genreNavi li a:active{
	background:#e9edf3;
	color:#333;
	text-decoration:none;
}

#indexArchive{
	float:right;
	margin-left:160px;
	width:546px;
	_width:545px;
	_overflow:hidden;
	border-left:solid 1px #ccc;
}
#indexArchive h2.border {
	border-top: solid 1px #CCC;
}
#indexArchive p.btn {
	text-align:right;
}
#indexArchive div.archiveList{
	background:url(/images/2011/index_archiveList_bg.gif) repeat-y 0 0;
	margin:-1px 0 0 0;
	line-height:0;
	font-size:0;
	/font-size:100%;
	zoom:1;
}
#indexArchive div.archiveList ul {
	border-top: solid 1px #CCC;
	overflow: hidden;
	width:546px;
}
#indexArchive div.archiveList li {
	padding:6px 7px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	width:168px;
	_width:182px;
	min-height:168px;
	_height:168px;
	margin:0;
	vertical-align:top;
	line-height:0;
	font-size:0;
	/font-size:100%;
	zoom:1;
}
* html #indexArchive div.archiveList li {
	height:182px;
}
#indexArchive div.archiveList li a {
	vertical-align: baseline;
}
#indexArchive div.archiveList li img{
display:block;
margin-bottom:3px;
}
#indexArchive div.archiveList li div{
	font-size:14px;
	/font-size:120%;
	line-height:1.4;
	zoom:1;
}
#indexArchive div.archiveList li div h3 {
	font-size:12px;
	font-weight: normal;
}
#indexArchive div.archiveList li div .number {
	margin-bottom: 7px;
	padding:5px 0 0 0;
	padding-left: 84px;
	font-size:10px;
	/font-size:68%;
	line-height:1.3;
}
#indexArchive div.archiveList li div .description {
	padding-top: 5px;
	color:#333;
	font-size:10px;
	/font-size:68%;
	line-height:1.3;
}
#indexArchive .accordion p.btnOpen{
	margin-bottom:0;
	border-top:solid 1px #ccc;
	background:#f2f2f2 url(/images/2011/btn_open.gif) no-repeat right center;
	height:20px;
	font-size:1%;
	line-height:1;
	padding-bottom:0;
	text-indent:-9999px;
	cursor:pointer;
}
#indexArchive .accordion p.btnOpen.active{
	background:#f2f2f2 url(/images/2011/btn_close.gif) no-repeat right center;
	font-size:1%;
	line-height:1;
	text-indent:-9999px;
	cursor:pointer;
}

#localNavi dl.newsList{
	margin-bottom:5px;
	border:#c8cdcd 1px solid;
	border-width:0 1px;
}
#localNavi dl.newsList dt{
padding:5px 5px 0 5px;
}
#localNavi dl.newsList dd{
padding:0 5px 5px 5px;
border-bottom:#c8cdcd 1px solid;
}
#localNavi p.newsBtn{
margin-bottom:15px;
text-align:right;
font-size:90%;
}
#localNavi p.newsBtn a{
padding-right:13px;
background:url(../images/icon_arw01.gif) no-repeat right 0.3em;
}
#localNavi .news {
	position: relative;
}
#localNavi .news a {
	position:absolute;
	top:1px;
	right: 5px;
	width: 42px;
	height: 23px;
}
#localNavi dl.blogsList{
	margin:5px 0;
	line-height: 1.5;
}
#localNavi dl.blogsList dt {
	float: left;
	width: 55px;
}
#localNavi dl.blogsList dd {
	float: left;
	width: 180px;
}
#localNavi dl.blogsList dd.name {
	font-size: 84%;
}
#localNavi dl.blogsList dd.name a {
	color: #666;
}
.blogsBtn {
	clear: both;
}
.bnrAreaS {
	margin-top: 20px;
	border-top:solid 1px #CCC;
}
.bnrAreaS img {
	border-bottom:solid 1px #CCC;
	margin-bottom: 5px;
}
.bnrAreaS a.border img {
	border-bottom:solid 7px #999;
	margin-bottom: 0;
}
.qrcode p{
	margin: 10px 0;
	text-align:center;
	font-size:10px;
}

/* ----------
notice
---------- */
#knt_noticebar {
  border-bottom: solid 1px #ccc;
  padding: 10px;
  text-align: left;
  background: #eee;
}
#knt_noticebar .inner {
  width: 960px;
  margin: 0 auto;
}
#knt_noticebar .ttl {
  font-weight: bold;
  margin-bottom: 5px;
  background: url('/common/images/i-attention.gif') 0 center no-repeat;
  padding: 0 10px 0 25px;
}
#knt_noticebar .lead {
  margin-bottom: 5px;
}
#knt_noticebar .box {
  border-radius: 5px;
  background: #fff;
  padding: 10px;
}
#knt_noticebar .date {
  font-weight: bold;
  color: #c00;
}
#knt_noticebar .sub {
  color: #333;
}
.newsList dt.notice {
	display: block;
  font-weight: bold;
  margin-bottom: 5px !important;
  background: url('/common/images/i-attention.gif') 5px center no-repeat;
  padding: 5px 10px 5px 25px !important;
}
.newsList dd.notice {
  font-weight: bold;
}
.newsList dd.notice p {
  margin-bottom: 5px !important;
}
.newsList dd.notice .date {
  font-weight: bold;
  color: #c00;
}
.newsList dd.notice .sub {
  color: #666;
}


.rollover a {
  opacity: 1;
}
.rollover a:hover {
  opacity: 0.8;
}