@charset "UTF-8";
/*
-----------------------------------------------
大阪府　能勢町 Web Site ver2 Layout
Author:   Hideyuki Koyama -MONTAGE lab.(http://www.montagelab.jp)
Version:  25 Feb 2008
----------------------------------------------- */

* {
	margin:0;
	padding:0;
}
body{
	margin:0 auto;
	text-align: center;/* Center the content for IE */
	background:#fff url(img/bg_body.gif) repeat-y center top;
}
#wrapper{
	position:relative;
	margin:0 auto;
	padding:0 1px;
	width:760px;
	text-align:left;
	background:#fff;
}

/* ページ段組み設定
--------------------------------------------------------------------------------- */
.col-sub-main #subcol{
	float:left;
	width:145px;
}
.col-sub-main #maincol{
	float:right;
	width:604px;
}
#container{
	padding:10px 0 20px 0;
}

/* Whitespace Reset
--------------------------------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* for IE5.x-mac */
.clearfix {display:inline-block;}

/* for only IE-win  -- hide from IE-mac ¥*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ------------------------------------------------------------------------------ */

/* Header : ヘッダー表示指定／ヘッダーのボタン指定
--------------------------------------------------------------------------------- */
#headerwrap{
	position:relative;
	padding:67px 0 0 0;
	width: 760px;
	height:34px;
	background:url(img/bg_header.jpg) no-repeat 0 0;
}
#branding h1{
	margin:0;
	position:absolute;
	top:20px;
	left:20px;
}
#branding h1 a{
	display:block;
	width:120px;
	height:45px;
	text-indent:-9000px;
	text-decoration:none;
}
#headnav{
	position:relative;
	width:760px;
	height:34px;
	font:100%/120% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#headnav li{
	float:left;
}
#headnav #searchwin{
	padding:6px 0 0 130px;
	width:265px;
	height:28px;
	background:url(img/bg_search.gif) no-repeat 0 0;
	vertical-align:middle;
}
#headnav #searchwin input.win{
	width:180px;
	height:18px;
	font-size:80%;
	line-height:160%;
}
#headnav #searchwin input.searchbtn{
	width:50px;
	height:20px;
}
#headnav #fontNav_large a,
#headnav #fontNav_default a,
#headnav #sitemap a{
	display:block;
	padding:10px 0 0 0;
	height:24px;
	text-align:center;
	color:#fff;
}
#headnav #fontNav_large a,
#headnav #fontNav_default a{
	width:122px;
	background:url(img/nav_fontscale.gif) no-repeat 0 0;
}
#headnav #sitemap a{
	width:121px;
	background:url(img/nav_sitemap.gif) no-repeat 0 0;
}
#headnav #fontNav_large a:hover,
#headnav #fontNav_default a:hover,
#headnav #sitemap a:hover{
	background-position:0 -34px;
}
#headnav #fontNav_large a:active,
#headnav #fontNav_default a:active,
#headnav #sitemap a:active{
	background-position:0 -68px;
}

/* #tabnav : 次階層ページ以降のタブボタン指定
----------------------------------------------------------------------------------------- */
#tabnav ul{
	height:42px;
}
#tabnav li{
	float:left;
}
#tabnav li a{
	margin:0;
	padding:0;
	display:block;
	height:42px;
	text-indent:-9000px;
	text-decoration:none;
	background:url(img/tabnav.png) no-repeat 0 0;
}
#tabnav li#tn_tohome a{
	width:145px;
	background-position:0 0;
}
#tabnav li#tn_tohome a:hover{
	background-position:0 -42px;
}
#tabnav li#tn_tohome a:active{
	background-position:0 -84px;
}
#tabnav li#tn_info a{
	width:156px;
	background-position:-145px 0;
}
#tabnav li#tn_info a:hover{
	background-position:-145px -42px;
}
#tabnav li#tn_info a:active{
	background-position:-145px -84px;
}
#tabnav li#tn_lifeinfo a{
	width:153px;
	background-position:-301px 0;
}
#tabnav li#tn_lifeinfo a:hover{
	background-position:-301px -42px;
}
#tabnav li#tn_lifeinfo a:active{
	background-position:-301px -84px;
}
#tabnav li#tn_sightinfo a{
	width:153px;
	background-position:-454px 0;
}
#tabnav li#tn_sightinfo a:hover{
	background-position:-454px -42px;
}
#tabnav li#tn_sightinfo a:active{
	background-position:-454px -84px;
}
#tabnav li#tn_towninfo a{
	width:153px;
	background-position:-607px 0;
}
#tabnav li#tn_towninfo a:hover{
	background-position:-607px -42px;
}
#tabnav li#tn_towninfo a:active{
	background-position:-607px -84px;
}


#info #tabnav li#tn_info a{
	background-position:-145px -126px;
}
#lifeinfo #tabnav li#tn_lifeinfo a{
	background-position:-301px -126px;
}
#sightinfo #tabnav li#tn_sightinfo a{
	background-position:-454px -126px;
}
#towninfo #tabnav li#tn_towninfo a{
	background-position:-607px -126px;
}


/* #maincol
----------------------------------------------------------------------------------------- */
/* #トップページ　カテゴリ表示指定
----------------------------------------------------------------------------------------- */
#maincol #col_lifeinfo h2,
#maincol #col_sightinfo h2,
#maincol #col_towninfo h2{
	margin:0;
	padding:0;
	border:0;
}
#maincol #col_lifeinfo h2 a,
#maincol #col_sightinfo h2 a,
#maincol #col_towninfo h2 a{
	float:left;
	display:block;
	width:199px;
	height:44px;
	text-indent:-9000px;
	text-decoration:none;
}
#maincol #col_lifeinfo h2 a{
	background:url(img/h_lifeinfo.gif) no-repeat 0 0;
}
#maincol #col_sightinfo h2 a{
	background:url(img/h_sightinfo.gif) no-repeat 0 0;
}
#maincol #col_towninfo h2 a{
	background:url(img/h_towninfo.gif) no-repeat 0 0;
}
#maincol #col_lifeinfo h2 a:hover,
#maincol #col_sightinfo h2 a:hover,
#maincol #col_towninfo h2 a:hover{
	background-position:0 bottom;
}

#maincol #col_lifeinfo p,
#maincol #col_sightinfo p,
#maincol #col_towninfo p{
	float:right;
	margin:14px 0 0 0;
	padding:9px 0 0 8px;
	width:397px;
	height:21px;
	font:80%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	vertical-align:bottom;
	overflow:hidden;
}
#maincol #col_lifeinfo p{
	background:#F7D7DE;
}
#maincol #col_sightinfo p{
	background:#FBE3D2;
}
#maincol #col_towninfo p{
	background:#D7EAF5;
}

#maincol #col_lifeinfo ul{
	clear:both;
	margin:0;
	padding:10px 15px;
	width:574px;
	background:#FBEBEE;
	border-top:1px solid #EC98AA;
}
#maincol #col_sightinfo ul{
	clear:both;
	margin:0;
	padding:10px 15px;
	width:574px;
	background:#FDF1E8;
	border-top:1px solid #F4B88C;
}
#maincol #col_towninfo ul{
	clear:both;
	margin:0;
	padding:10px 15px;
	width:574px;
	background:#EBF4FA;
	border-top:1px solid #9AC9E6;
}
#maincol #col_lifeinfo li,
#maincol #col_sightinfo li,
#maincol #col_towninfo li{
	float:left;
	margin:2px 0;
	padding:1px 15px;
	white-space:nowrap;
	border-left: 1px solid #ccc;
}

#maincol #col_lifeinfo ul:after,
#maincol #col_sightinfo ul:after,
#maincol #col_towninfo ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


/* #breadclumb : パンくずナビ
----------------------------------------------------------------------------------------- */
#breadclumb ul{
	padding:1.5em 0 0 0;
	border-top:2px solid;
	height:1.6em;
}
#breadclumb li{
	float:left;
	margin:0 8px 0 0;
	padding:0 0 0 13px;
	font-size:90%;
}
#breadclumb li#bc_tohome{
	padding:0;
	background:none;
}


/* #bannercol : トップページのバナーボタン
----------------------------------------------------------------------------------------- */
#bannercol{
	margin-top:30px;
}
#bannercol img{
	margin:0 1px 0 0;
	padding:0;
}


/* table : 全ページ共通テーブル指定
----------------------------------------------------------------------------------------- */
table{
	margin:16px 0 8px 16px;
	width:588px;
	border:solid #F2AFC3;
	border-width:1px 0 0 1px;
}
table th{
	padding:4px 6px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	background:#FBEBEE;
	border:solid #F2AFC3;
	border-width:0 1px 1px 0;
}
table td{
	padding:4px 6px;
	text-align:left;
	vertical-align:top;
	border:solid #F2AFC3;
	border-width:0 1px 1px 0;
}


/* Footer : フッター指定
----------------------------------------------------------------------------------------- */
#footerwrap {
	margin:0 auto;
	padding: 0;
	clear: both;
	width: 760px;
	font-size:84%;
	line-height:125%;
	border-top:1px solid #ccc;
}
#footnav1, #footnav2 {
	width:760px;
}
#footnav1{
	padding:15px 0;
	border-bottom:1px solid #ccc;
}
#footnav2{
	padding:10px 0;
	border-bottom:2px solid #ccc;
}
#footnav1 p,
#footnav2 p{
	text-align:center;
}
#footnav1 p a,
#footnav2 p a{
	padding:0 12px 0 10px;
	border-right:2px solid #999;
}
#footnav1 p a.end,
#footnav2 p a.end{
	border:none;
}


/* ページの上に戻るボタン設定
----------------------------------------------------------------------------------------- */
#pagetop{
	position:absolute;
	top:-1000px;
}
#topagetop a{
	clear:both;
	float:right;
	display:block;
	width:145px;
	height:26px;
	text-indent:-9000px;
	background:url(img/b_topagetop.gif) no-repeat 0 0;
}
#topagetop a:hover{
	background-position:0 -26px;
}
#topagetop a:active{
	background-position:0 -52px;
}


/* subcol : ボタン設定
----------------------------------------------------------------------------------------- */
.b_qanda a,
.b_joruri a,
.b_hazard a,
.b_bandg a{
	margin:5px 0 0 0;
	display:block;
	width:145px;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
}
.b_qanda a{
	background:url(img/b_qanda.gif) no-repeat 0 0;
}
.b_joruri a{
	background:url(img/b_joruri.gif) no-repeat 0 0;
}
.b_hazard a{
	background:url(img/b_hazard.gif) no-repeat 0 0;
}
.b_bandg a{
	background:url(img/b_bandg.gif) no-repeat 0 0;
}
.b_qanda a:hover,
.b_joruri a:hover,
.b_hazard a:hover,
.b_bandg a:hover{
	background-position:0 -40px;
}