@charset "utf-8";

/* --------------------------------------------------------
　1.レイアウト
　2.タイトル
　3.ナビ
　4.パンくず
　5.記事関連
　6.写真グラフ
-------------------------------------------------------- */

/* ----------------------------------------------------------------
　1.レイアウト
---------------------------------------------------------------- */
/* コンテンツ外枠 */
#common_main {
	padding:0;
}
#Box {
	width: 620px;
	padding:5px;
}
.none{ display:none;}

/* --------------------------------------------------------
 2.タイトル
-------------------------------------------------------- */
#title {
	clear:both;
	width:630px;
	height:110px;
	margin:5px 0 0 0;
	padding:0;
	background:url(images/title_bg.jpg) no-repeat;
	border-bottom:5px solid #C00;
}
#title h2 {
	height:68px;
	margin:0;
	padding:0;
}
#title ul {
	margin:0 10px 0 285px;
	list-style:none;
}
#title ul li {
	padding:1px 10px 1px 18px;
	margin-bottom:2px;
	font-size:12px;
    background: url(images/ya.gif) no-repeat left center;
}
/* リンク */
#title h2 a{
	display:block;
	height:68px;
	text-decoration:none;
}
#title li a{ color:#FFF; text-decoration:none;}
#title li a:hover{ color: #FFF; text-decoration: underline;}

/* --------------------------------------------------------
 3.ナビ
-------------------------------------------------------- */
#tnavi {
	clear:both;
	width:630px;
	height:30px;
	margin:0;
	background: url(images/navi_bg.gif) no-repeat left top;
}
#tnavi ul{
	margin:0;
	padding:0;
	list-style:none;
}
#tnavi ul li {
	float:left;
	display:inline;
	width:70px;
	height:30px;
	margin:0;
	padding:0;
	color: #FFF;
	font-size:10px;
	list-style:none;
	line-height:12px;
}
#tnavi ul li span{ display:none;}

#tnavi li a{
	display:block;
	width:70px;
	height:30px;
	color: #FFF;
	text-decoration: none;
}
#tnavi li a:hover{
	color: #000;
	text-decoration: none;
	background-position:bottom left;
} 

/*
n01　行事のあらまし
n02　山笠ニュース
n03　山笠動画
n04　山笠標題一覧
n05　飾り山紹介
n06　飾り山ＭＡＰ
n07　追い山ならし・追い山コース
n08　追い山写真グラフ
n09　追い山タイム
*/

#tnavi li.n01 a{ background:url(images/navi1.gif) no-repeat top left;}
#tnavi li.n02 a{ background:url(images/navi2.gif) no-repeat top left;}
#tnavi li.n03 a{ background:url(images/navi3.gif) no-repeat top left;}
#tnavi li.n04 a{ background:url(images/navi4.gif) no-repeat top left;}
#tnavi li.n05 a{ background:url(images/navi5.gif) no-repeat top left;}
#tnavi li.n06 a{ background:url(images/navi6.gif) no-repeat top left;}
#tnavi li.n07 a{ background:url(images/navi7.gif) no-repeat top left;}
#tnavi li.n08 a{ background:url(images/navi8.gif) no-repeat top left;}
#tnavi li.n09 a{ background:url(images/navi9.gif) no-repeat top left;}


#y01 #tnavi li.n01 a,
#y03 #tnavi li.n02 a,
#y04 #tnavi li.n03 a,
#y06 #tnavi li.n04 a,
#y07 #tnavi li.n05 a,
#y08 #tnavi li.n06 a,
#y09 #tnavi li.n07 a,
#y11 #tnavi li.n08 a,
#y10 #tnavi li.n09 a{
	color: #000;
	text-decoration: none;
	background-position:bottom;}

/* ----------------------------------------------------------------
 4.パンくず
---------------------------------------------------------------- */
div.bread-crumbs {
	margin: 4px 0px 0px 5px;
}
div.bread-crumbs a:link { color: #000; text-decoration: none;}
div.bread-crumbs a:visited { color: #000; text-decoration: none;}
div.bread-crumbs a:hover { color: #00f; text-decoration: underline;}
div.bread-crumbs a:active { color: #00f; text-decoration: underline;}

/* ----------------------------------------------------------------
 5.記事関連
---------------------------------------------------------------- */
#news_item {
	clear: both;
	line-height:1.5em;
	margin-top:10px;
	padding:3px 5px;
}

/* ニュース記事タイトル */
.news_item_title {
	margin:0;
	padding:5px 10px 5px 30px;
	font-size:105%;
    background: url(images/h3_t.gif) no-repeat left center;
}

/* 記事追加情報 */
.news_item_meta {display:none;}

/* ニュース記事本文 */
.news_item_body {
	padding:5px;
	line-height:1.4em;
}
.news_item_body p {
	padding:0;
	margin-bottom:0.6em;
}
.news_item_body .img_box {
	clear:both;
	margin:5px;
	line-height:1.2em;
}

/* 本文内リンク */
#Box #news_item div.news_item_body a { color: #C00; text-decoration: none;}
#Box #news_item div.news_item_body a:link{ color: #C00;}
#Box #news_item div.news_item_body a:visited{ color: #C00;}
#Box #news_item div.news_item_body a:hover{ color: #C00; text-decoration:underline;}
#Box #news_item div.news_item_body a:active{ color: #C00;}

/* ニュース記事追加 */
.news_item_more a { color: #C00; text-decoration: none;}
.news_item_more a:link{ color: #C00;}
.news_item_more a:visited{ color: #C00;}
.news_item_more a:hover{ color: #C00; text-decoration:underline;}
.news_item_more a:active{ color: #C00;}

#news_item p a { color: #C00; text-decoration: none;}
#news_item p a:link{ color: #C00;}
#news_item p a:visited{ color: #C00;}
#news_item p a:hover{ color: #C00; text-decoration:underline;}
#news_item p a:active{ color: #C00;}

/* ニュース記事追加内容 */
.news_item_foot {
	clear:both;
	padding:3px 5px 8px;
	border-bottom:3px solid #CC0000;
}

/* ニュース付属コンテンツ */
#news_item_sub {
	margin:5px;
}
#news_item_sub h3{
	margin-bottom:3px;
}

/* 写真窓 */
.img_box {
	border:1px solid #b8c0c8;
	text-align:center;
	padding:0;
}
.img_box img {
	margin:5px;
}
.img_box .caption {
	text-align:left;
	font-size:80%;
}

/* -------------------------------------------------------
　6.写真グラフ
------------------------------------------------------- */
/* 個別ページ用 */
.news_item_body2 {
	width:400px;
	margin:5px auto;
	padding:5px;
	font-size:0.1em;
	line-height:0.1em;
	text-align:center;
}
/* 記事本文非表示用090806shibata */
.news_item_body2 .kiji_body{
	display:none;
}
.img_box2 {
	margin:0;
	padding:0;
}
.img_box2 img {
	margin:0;
	padding:5px;
}
div.photo_txt{
	width:400px;
	margin:0 auto;
	padding:0 5px;
	font-size:12px;
	line-height:1.3;
	text-align:left;
}
#photo_list2{
	clear:both;
	margin:0;
	padding:0;
}
#photo_list2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#photo_list2 li{
	float: left;
	display:inline;
	width:120px;
	height:110px;
	overflow:hidden;
	margin:0 0 5px 5px;
	padding:0;
}
#photo_list2 li img{
	margin:0 auto;
	padding:5px;
}
#photo_list2 li a {
	display:block;
	width:120px;
	height:110px;
	overflow:hidden;
	background-color: #EFEFEF;
	text-align:center;
}
#photo_list2 li a:hover{
	/*background-color: #e60412;*/
	background-color: #DDD;
}