@charset "UTF-8";

/*
 * Style Name: topics.css
 * Description: トピックスページ
 */

/* ----------------------------------------
 ■ 基本的なレイアウトの設定 
 * ---------------------------------------- */

#topics_box {
	width: 760px;
	margin: 0 0 0 10px;
	clear:both;
	}

/*右のメニューバー*/
#rightsidebar {
	width: 200px;
	float: right;
	font-size: 80%;
	}

/*左のボックス*/
#topics_left {
	width: 540px;
	font-size: 80%;
	line-height: 1.8;	
	float: left;
	}

/* ----------------------------------------
 ■ メニュー関連
 * ---------------------------------------- */
 	
/* エントリーのタイトル */
#topics_left h2 {
	width: 520px;
	font-size: 120%;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/ma-green.gif") no-repeat 0% 50% ;
	margin: 0;
	padding: 0 0 0 25px;
	}

#topics_left h2 a	{
	text-decoration: none;
	}

/* リストページでのタイトル*/

#topics_left h3 {
	font-size: 120%;
	margin: 7px 0;
	clear: both;
	border: none;
	background: none;
	padding: 0;
	}

/* アーカイブ名*/
#archive-title	{
	font-size: 150%;
	font-weight: bold;
	border-bottom:2px dotted #C4D031;	
	margin: 0 0 20px 0;
	}

/*前後へのリンク*/
.content-nav {
	text-align: center;
	clear: both;
	}

.content-nav a {
	margin: 0 10px;
	}
	
/* topicsのボックス設定 */
.entry {
	clear:both;
	}

.entry p{
	margin:10px 0 10px 0;
	}
	
/* topics内のテーブル基本*/
.entry table {
	border-collapse: collapse;
	margin:5px 0 10px 0; 
	}

.entry table  td {
	padding: 3px;
	}

/* ----------------------------------------
 ■ トピックスの装飾
 * ---------------------------------------- */

.taishi { 
	width:520px;
	background:#EFEFEF;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:20px 0;
	}

.taishi ol { 
	list-style:decimal;
	list-style-position:inside;
	}

.taishi ol li { 
	padding:3px 0;
	}


/* ----------------------------------------
 ■ PDFのアイコン
 * ---------------------------------------- */

/* pdf要素 */
.entry a[href$=".pdf"] {  
    padding: 3px 20px 3px 0;     
    background: url("http://www.welcome.wakkanai.hokkaido.jp/img/pdf.gif") no-repeat 100% 50%;   
	}
   
* html a.pdf{
    padding: 3px 20px 3px 0;          
    background: url("http://www.welcome.wakkanai.hokkaido.jp/img/pdf.gif") no-repeat 100% 50%;   
	} 
 


/* IE6の要素 */
* html a{   
    behavior: expression(     
    this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",   
    this.style.behavior = "none"  
    );   
	} 
	
/* テンプレートのpic要素 */
.pic {
	padding: 0 3px 0 3px;
	}
			
.entry-meta, 
.entry-meta a { 
	font-weight: bold;
	text-align:	right;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/ent_titborder.gif") repeat-x;
	padding: 10px 5px 10px 0;
	}

#more {
	clear: both;
	}

/*記事下のカテゴリ*/
.ent_cat {
	border-top: 1px dotted #999999;
	margin: 30px 0 20px 0;
	padding: 4px 0 10px 0;
	clear: both;
	}

/* 概要の設定（トピックスTOP） */
.entry h3 a { 
	font-size: 100%;
	line-height:1.2;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/mark05.gif") no-repeat left center;
	margin-bottom: 0;
	padding:0 0 0 15px;
	}
	
.entry h3 a:hover { 
	font-size: 100%;
	line-height:1.2;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/mark06.gif") no-repeat left center;
	margin-bottom: 0;
	padding:0 0 0 15px;
	}	
	
/* ----------------------------------------
 ■ メニュー関連
 * ---------------------------------------- */
 
/* メニューの見出し */
#rightsidebar h2 { 
	width: 200px;
	font-size: 100%;
	text-indent: 10px;		
	background: #EFEFCD;
	padding: 4px 0 4px 0;
	clear: both;
	}


.rightsidebar_2 ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	}

.rightsidebar_2 li {
	list-style:none;   
	margin: 8px 0 8px 0;
	}	
		
.rightsidebar_2 li a {
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/mark05.gif") no-repeat left 2px;
	padding: 0 0 0 12px;
		}	

.rightsidebar_2 li a:hover {
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/mark06.gif") no-repeat left 2px;
	padding: 0 0 0 12px;
		}	

/* 最近の写真*/
#photos	{
	margin: 0;
	}

#photos ul {
	list-style-type: none;
	margin: 5px 0 5px 0;
	padding: 0;
	}

#photos li {
	display: inline;
	float: left;
	margin: 0px 5px 10px 5px;
	overflow: hidden;
	width: 90px;
	height: 60px;
	}