@charset "utf-8";

/* レイアウト
----------------------------------------------------*/
#page {
	background:#fff;
}

/* メインビジュアル
----------------------------------------------------*/
#visual {
	width: 980px;
	height: 355px;
}
#slider{
	height: 330px;
}
/* Easy Slider */
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	width:980px;
	height:330px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:0;
	top:140px;
	z-index:1000;
	text-indent: -9999px;
}	
#nextBtn, #slider1next{ 
	left:950px;
}							
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:30px;
	background:url(./img/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
	background:url(./img/btn_next.gif) no-repeat 0 0;	
}	
ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* グローバルナビ
----------------------------------------------------*/
#gnavi-box {
	position: absolute;
	top: 320px;
	width: 980px;
	background: url(../common/img/header/gn-bg.png);
}
#gnavi-box #gnavi {
	padding: 10px 10px 0 10px;
}


/* メイン
----------------------------------------------------*/
/* 重要なお知らせ
----------------------------------------------------*/
#important {
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 10px;
	background: #f1f1f1;
}
#important dt {
	float: left;
	width: 110px;
	height: 20px;
	background: url(./img/important.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#important dd {
	line-height: 1.6;
}
#important dd ul {
	margin-left: 120px;
}
#important dd ul li a {
	color: #555;
}
#important dd .date {
	margin-right: 0.5em;
}

/* セクション
----------------------------------------------------*/
#main .section {
	padding: 5px;
	background: url(../common/img/bg-dot.gif) ;
	margin-bottom: 20px;
}
#main .section-inner {
	padding: 5px 15px;
	background: #fff;
}

/* セクション 見出し
----------------------------------------------------*/
#main .section-inner .ttl {
	position: relative;
	width: 670px;
	height: 35px;
	margin: 10px 0;
}
#main .section-inner .ttl ul {
	position: absolute;
	right: 0;
	bottom: 7px;
}
#main .section-inner .ttl ul li {
	float: left;
}
#main .section-inner .ttl ul li a {
	display: block;
	height: 18px;
	text-indent: -9999px;
}
#main .section-inner .ttl ul li.rss a {
	width: 40px;
	margin-right: 2px;
	background: url(./img/rss.gif) 0 0 no-repeat;
}
#main .section-inner .ttl ul li.rss a:hover {
	background: url(./img/rss.gif) 0 -18px no-repeat;
}
#main .section-inner .ttl ul li.btn-list a {
	width: 80px;
	background: url(./img/btn-list.gif) 0 0 no-repeat;
}
#main .section-inner .ttl ul li.btn-list a:hover {
	background: url(./img/btn-list.gif) 0 -18px no-repeat;
}

/* セクション 中身
----------------------------------------------------*/
/* 記事一覧リスト */
.section-inner dl.entries {
	margin: 10px 0;
}
.section-inner dl.entries dt {
	float: left;
	width: 115px;
	padding-left: 15px;
	background: url(../common/img/arrow-dot-off.gif) left center no-repeat;
}
.section-inner dl.entries dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 130px;
	border-bottom: dotted 1px #ccc;
}
.section-inner dl.entries dt .date {
	padding-right: 10px;
}
.section-inner dl.entries dt p {
	padding-left: 5px;
}

.section-inner dl.entries dt a {
	font-size: 85%;
	text-decoration: none;
}
.section-inner dl.entries dt a:hover {
	text-decoration: underline;
}
.section-inner dl.entries .entry-title {
	line-height: 16px;
	padding-top:4px;
}
.section-inner dl.entries .entry-title h4 {
	float: left;
}
.section-inner dl.entries .entry-title span.ic {
	padding-left: 1.5em;
	padding-top: 2px;
	font-size: 11px;
}
.section-inner dl.entries .entry-title span.ic a {
	color: #888;
}
.section-inner dl.entries .entry-photo {
	float: right;
	width: 120px;
	margin-left: 10px;
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
}
.section-inner dl.entries .entry-text {
	width: 535px;
}
.section-inner dl.entries .entry-text.hasimg {
	float: left;
	width: 395px;
}

/*----------------------------------------------------
#side（サイドバー）
----------------------------------------------------*/
#side {
	margin-top: 20px;
}