@charset "UTF-8";
/*
 * 各ブロック構造を定義するCSS
 */



/* *********************************************
 * 中央カラム
 ********************************************* */

/*
 * 緊急情報
 */
#maincol #urgent {
	border: 1px solid #FFE1E1;
	margin: 0px 0px 15px 20px;
}
#maincol #urgent h2 {
	background-image: url(/share/image/ccol_urgent_ttl.png);
	background-repeat: repeat;
	font-weight: bold;
	color: #F00;
/*	height: 30px;*/
	padding: 0px 0px 2px 10px;
	margin: 0px 0px 5px 0px;
}
#maincol #urgent ul {
	margin: 5px 0px 5px 25px;
}
/* 大野市からのお知らせ */
#maincol #information {
	border: 1px solid #E2F5FE;
	margin: 0px 0px 15px 20px;
}
#maincol #information .rss {
	margin: 0px 0px 3px 20px;
}
#maincol #information h2 {
	background-image: url(/share/image/ccol_info_ttl.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #003A8A;
	padding: 4px 0px 3px 35px;
	font-size: 120%;
}
#maincol #information ul {
	margin: 5px 0px 5px 25px;
}
#maincol #information li {
	list-style-image: url(/share/image/ccol_info_arrow.png);
}
/* 新着情報 */
#maincol #newly {
	border: 1px solid #E2F5FE;
	margin: 0px 0px 15px 20px;
}
#maincol #newly .wrapper {
	background-image: url(/share/image/ccol_newly_ttl.png);
	background-repeat: no-repeat;
}
#maincol #newly .rss {
	margin: 0px 0px 3px 20px;
}
#maincol #newly h2 {
	font-weight: bold;
	color: #003A8A;
	padding: 5px 0px 0px 35px;
	font-size: 120%;
}
#maincol #newly h2 span {
	font-size: 80%;
	font-weight: normal;
}
#maincol #newly h2 span a {
	color: #333;
}
#maincol #newly ul {
	margin: 5px 0px 5px 25px;
}
#maincol #newly li {
	list-style-image: url(/share/image/ccol_newly_arrow.png);
}
/* 分類ボックス */
#maincol .categories {
	width: 16.4em;
/*	width: 237px;*/
	height: 15em;
	float: left;
	z-index: 10;
}
*html #maincol .categories {
	width: 16.4em;
/*	width: 237px;*/
	height: 16em;
	float: left;
}
#maincol .categories .index {
	padding: 0px 0px 0px 20px;
	word-break: break-all;
}
#maincol .categories .index h2 {
	padding: 0px 0px 3px 35px;
}
#maincol .categories .index p {
	padding: 0px;
	margin: 0px;
}
#maincol .categories .index h2 a {
	color: #003A8A;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#maincol .categories .index .golist {
	text-align: right;
	font-size: 90%;	
}
#maincol .categories .index .golist p {
	margin: 0px;
}
#maincol .categories .index .golist img {
	vertical-align:middle;
}
/* 分類アイコン */
#maincol .categories .index h2#life {
	background-image: url(/share/image/ccol_cat_icon01.png);
	background-repeat: no-repeat;
}
#maincol .categories .index h2#health {
	background-image: url(/share/image/ccol_cat_icon02.png);
	background-repeat: no-repeat;
}
#maincol .categories .index h2#town {
	background-image: url(/share/image/ccol_cat_icon03.png);
	background-repeat: no-repeat;
}
#maincol .categories .index h2#sightseeing {
	background-image: url(/share/image/ccol_cat_icon04.png);
	background-repeat: no-repeat;
}
#maincol .categories .index h2#education {
	background-image: url(/share/image/ccol_cat_icon05.png);
	background-repeat: no-repeat;
}
#maincol .categories .index h2#government {
	background-image: url(/share/image/ccol_cat_icon06.png);
	background-repeat: no-repeat;
}
/* 観光のご案内 */
#maincol .sightseeing {
	margin: 0px 0px 15px 20px;
}
#maincol #sightseeing-banner {
	margin: 0px 0px 15px 20px;
	background-image: url(/share/image/sightseeing_top_bg.jpg);
	height: 350px;
	padding: 50px 0px 0px 50px;
}
#maincol #sightseeing-banner .index {
	height: 250px;
}
/* 事業者の方へ */
#maincol .business {
	margin: 0px 0px 15px 20px;
}

/* カレンダー */
#maincol .calendar {
	float: left;
	padding:5px;
	background-color:#CCC;
	width:173px;
	height:159px;
	margin: 0px 10px 10px 0px;
}
#maincol .calendar table {
	width: auto;
	margin: 0px;
}
#maincol .calendar caption {
	font-weight:bold;
}
#maincol .calendar th {
	font-size: 70%;
	text-align:center;
	border: medium none;
	padding: 0px;
	width:25px;
}
#maincol .calendar td {
	background-color:#FFF;
	font-size: 85%;
	border: 1px solid #CCC;
	text-align:center;
	padding: 0px;
}
#maincol .calendar th.sun {
	color: #C30;
}
#maincol .calendar th.sat {
	color: #36C;
}
#maincol .calendar td.holyday {
	color: #C30;
}
#maincol .calendar td.open {
	background-color: #519323;
	color: #FFF;
}





/* *********************************************
 * 左カラム
 ********************************************* */
#leftcol h2 {
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #0056CA;
	padding: 5px 0px 5px 5px;
	margin: 0px;
	background: transparent;
	font-size: 110%;
}
#leftcol h2#quickmenu {
	background-image: url(/share/image/lcol_quickmenu_ttl.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 30px;
}
#leftcol .inner h3 {
	color: #0D74FF;
	font-weight: bold;
	font-size: 90%;
	margin: 0px 0px 5px;
	border: none;
}
#leftcol .inner {
	background-image: url(/share/image/lcol_inner_bg.png);
	background-repeat: no-repeat;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #B4E4FC;
	margin: 0px 0px 10px;
}
#leftcol .inner .index {
	border-bottom: 1px dashed #0D74FF;
	padding: 10px;
}
#leftcol .inner .index-noboder {
	padding: 10px;
}
/* こんな時は */
#leftcol .inner #such-time {
	font-weight: bold;
	padding: 10px;
}
#leftcol .inner ul {
	margin: 0px 0px 0px 20px;
}
#leftcol .inner ul li {
	list-style-image: url(/share/image/lcol_arrow.gif);
/*	behavior: expression(IEPNGFIX.fix(this));*/
}
#leftcol .inner ul#lifemenu-shortcut {
	margin: 0px;
}
#leftcol .inner ul#lifemenu-shortcut li {
	display:inline;
	float: left;
	list-style-type: none;
	width: 80px;
}





/* *********************************************
 * 右カラム
 ********************************************* */
#rightcol h2 {
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #0056CA;
	padding: 5px 0px 10px 5px;
	margin: 0px;
	background: transparent;
/*	height: 29px;*/
	font-size: 110%;
}
#rightcol .inner {
	background-image: url(/share/image/lcol_inner_bg.png);
	background-repeat: no-repeat;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #B4E4FC;
	margin: 0px 25px 20px 0px;
}
#rightcol .inner .index {
	padding: 0px 10px;
	/*border-bottom: 1px solid #D9F1FE;*/
}
#rightcol .inner h3 {
	font-size: 110%;
	border: none;
}
#rightcol .inner p {
	padding: 0px 0px 5px;
	margin: 0px;
}
#rightcol .inner ul {
	margin: 0px 0px 0px 20px;
}
#rightcol .inner ul li {
	list-style-image: url(/share/image/lcol_arrow.gif);
}
#rightcol .banner {
	padding: 0px 0px 10px;
	margin: 0px 25px 20px 0px;
}
#rightcol .banner p {
	margin: 0px 0px 5px;
}
#rightcol .banner img {
	border: 0px;
}

/* 防災・緊急情報 */
#rightcol #urgent {
	background: transparent;
	border: 1px solid #FFE1E1;
	padding: 0px 0px 10px;
	margin: 0px 25px 20px 0px;
}
#rightcol #urgent h2 {
	background-image: url(/share/image/ccol_urgent_ttl.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #F00;
	height: 22px;
	padding: 3px 0px 0px 10px;
}
#rightcol #urgent ul {
	margin: 5px 0px 5px 25px;
}




/* *********************************************
 * カテゴリページ
 ********************************************* */
#maincol #category {
	margin: 0px 0px 20px 20px;
}
#maincol #category h2 {
	background-image: url(/share/image/cat_ttl_bg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #003A8A;
	height: 29px;
	padding: 4px 0px 0px 35px;
	font-size: 120%;
	margin: 0px 0px 10px;
}
#maincol #category h3 {
	font-weight: bold;
	color: #003A8A;
	font-size: 120%;
	border:none;
	margin-bottom: 0px;
}
#maincol #category ul {
	padding: 0px 0px 0px 0px;
}
#maincol #category li {
	padding: 0px 0px 0.3em;
	list-style-image: url(/share/image/cat_arrow.png);
}
#maincol #category .summary {
	color: #333;
	font-size: 90%;
}
#maincol #category .date {
	color: #666;
	font-size: 90%;
}





/* *********************************************
 * 個別ページ
 ********************************************* */
#maincol #individual {
	margin: 0px 0px 20px 25px;
}
#maincol #individual #photos {
	margin: 0px 0px 1em;
}
#maincol #individual #photos p {
	float:left;
	width: 200px;
	font-size: 90%;
	color: #666;	
	margin: 0px;
}
#maincol #individual .index {
	margin: 0px 0px 1em;
	padding: 0.5em 0px;
	border-top: 1px solid #CCC;
}
#maincol #individual #date {
	text-align: right;
	font-size: 90%;
	color: #666;
	border-top: 1px solid #CCC;
}
#maincol #individual #questionnaire {
	border: 1px solid #B4E4FC;
	margin: 1em 0px 1em;
	padding: 0px 0px 3px 0px;
}
#maincol #individual #questionnaire h3 {
	background-color: #E2F5FE;
	padding: 0px 0px 0px 10px;
}
#maincol #individual #questionnaire p {
	padding: 0px 0px 0px 2em;
	margin: 0px 0px 0.5em;
}
#maincol #individual #questionnaire ul {
	padding: 0px;
	margin: 0px 0px 0.5em 2em;
}
#maincol #individual #questionnaire li {
	padding: 0px 2em 0px 0px;
	display: inline;
}
#maincol #individual #questionnaire table {
	width: 90%;
	margin: 0px 0px 0px 1em;
}
#maincol #individual #questionnaire th,
#maincol #individual #questionnaire td {
	padding:2px 0px 2px 5px ;
	vertical-align: top;
	color: #444;
	border:1px solid #CCC;
	white-space:nowrap:
}
#maincol #individual #questionnaire th {
	width: 10em;
}



/* 各課連絡先ブロック */
#maincol #individual #sections .indent {
	margin: 0px 0px 1em 1em;
}
#maincol #individual #sections h4 {
	margin: 0px;
}
#maincol #individual #sections h4 span {
	font-size: 90%;
	font-weight: normal;
	margin-left: 1em;
}
#maincol #individual #sections h4 span a {
	font-weight: normal;
}
#maincol #individual #sections p {
	margin: 0px 0px 5px 0px;
}
#maincol #individual #sections table {
	width: 100%;
}
* html body #maincol #individual #sections table { /* for IE6 hack */
	width: 95%;
}
#maincol #individual #sections th,
#maincol #individual #sections td {
	padding: 3px 5px;
	vertical-align: top;
	color: #444;
	border:1px solid #CCC;
}
#maincol #individual #sections th {
	width: 15em;
}
#maincol #individual #sections th span {
	font-size: 90%;
}

/* イベントカレンダー */
#maincol #month-changer {
	text-align: center;
	position:relative;
}
#maincol #month-changer h3 {
	border-left: 0px;
	border-bottom: 1px;
}
/* イベントカレンダー　前の月へ */
#maincol #month-changer-rw {
	text-align: left;
	position:absolute;
}
/* イベントカレンダー　次の月へ */
#maincol #month-changer-fw {
	text-align: right;
	position:absolute;
	right:0px;
}
#maincol #event-calendar table{
	width: 100%;
}
* html body #maincol #event-calendar table{ /* for IE6 hack */
	width: 95%;
}
#maincol #event-calendar th {
	width: 14.28%;
	vertical-align: top;
	border:1px solid #CCC;
}
#maincol #event-calendar td {
	width: 14.28%;
	height: 73px;
	vertical-align: top;
	border:1px solid #CCC;
}
#maincol #event-calendar ul{
	list-style-image: none;
	margin:0px;
}
#maincol #event-calendar li{
	list-style-type: none;	
	font-size: 80%;
}
#maincol #event-calendar .sun {
	color: #C30;
}
#maincol #event-calendar .sat {
	color: #36C;
}
#maincol #event-calendar .holiday {
	color: #36C;
}

/* サイトマップ */
#maincol .sitemap {
	float:left;
	width: 280px;
	margin: 0 10px 10px 0;
}
#maincol .sitemap h4 {
	font-size: 100%;
	border:none;
}