body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote {margin:0; padding:0;}

fieldset,img {border:0;}

html {
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
	color: #333333;
	margin: 0;
	padding: 0;
	font-size: 83%;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	line-height: 1.3;
	background: url(img/bg.jpg) repeat-x center top;
}


table {
}

th {
	background: #1D6B28;
	color: #ffffff;
	padding: 2px;
	vertical-align: middle;
}

a {
    color: #0000CC;
	text-decoration: none;
}

a:active {
}

a:visited {
}
a:hover {
	color: #FF6633;
	text-decoration: none;
}

h1{
	font-size: 130%;
	margin: 5px 0;
}

h2 {
	font-size: 120%;
	margin: 5px 0;
}

h3 {
	font-size: 110%;
	margin: 5px 0;
}

h4 {
	font-size: 100%;
	margin: 5px 0;

}

h5 {
	font-size: 90%;
	margin: 5px 0;
}

hr {
    border-top: solid 1px #cccccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	height: 1px;
}

ul {
	margin: 2px 0;
	list-style: none inside;
	text-align: left;
}

ul li {
	padding: 2px 0 1px 10px;
	color: #333333;
	list-style: none outside;
	background: url(img/list.gif) no-repeat 0 10px;
}

ol {
    padding: 5px 0 5px 30px;
	list-style-position: outside;
}
ol li {
    padding: 2px 0;
	background: none;
}


/* ---------- コンテンツ ---------- */
#container {
	width: 850px;
	height: 100%;
	margin:0 auto;
	padding: 0;
	background: url(img/container_bg.jpg) repeat-y center top;
}


body>#container {
    height: auto;
	min-height: 100%;
}

#main {
	width: 850px;
	margin: 0 auto;
	padding: 0 0 150px;
	background: url(img/main_bg.jpg) no-repeat center top;
}

.table {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix {display: inline-block;}

* html .clearfix { height: 1%;}

.clearfix {display: block;}


/* ---------- ヘッダー ---------- */
#header_bg {
	width: 820px;
	margin: 0 auto;
	padding: 0 15px 0;
    background: url(img/header_bg.jpg) no-repeat;
}

#header {
    width: 820px;
	height: 76px;
	margin: 0 auto;
	padding: 0;
}

#header h1 {
    margin: 0;
	padding: 0;
}

#header h1.logo {
    display: block;
	width: 359px;
	height: 50px;
	margin: 0 0 0 10px;
	padding: 16px 0 0 0;
	float: left;
}

.h_right {
    width: 260px;
    float: right;
	margin: 0;
	padding: 0;
}

.h_navi {
    display: block;
	height: 26px;
	margin: 9px 0 0 17px;
	padding: 0;
}

.h_navi li {
    float: left;
	margin: 0 15px 0 0;
	padding: 0;
	display: inline;
}

.site_search {
    margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background: url(img/search.gif) no-repeat left center;
	clear: both;
}

.text {
    width: 130px;
	height: 18px;
	margin: 0 3px 0 87px;
	padding: 0;
    border: solid 1px #CCCCCC;
	vertical-align: middle;
	line-height: 18px;
}

.button {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	overflow: visible;
}

.menu {
    width: 820px;
	height: 35px;
    margin: 0 0 10px 0;
	padding: 0;
}

.menu ul {
	height: 35px;
	margin: 0;
	padding: 0;
}

.menu li {
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}


/* ---------- 左ブロック ---------- */

.leftcolumn {
	width: 190px;
	margin: 0;
	padding: 0 0 50px;
	vertical-align: top;
}

.leftcolumn th {
}
.leftoutline {
    margin: 0 0 10px 0;
	padding: 0;
}

.leftblockTitle p {
    height: 17px;
	margin: 0;
	padding: 7px 3px 5px 20px;
	font-weight: bold;
	background: url(img/lefttitle_bg.jpg) no-repeat;
	
}

.leftblockContent {
	margin: 0;
	padding: 5px;
	background: #ffffff;
    border: solid 1px #cccccc;
}

/* IE6 IE7 */
* html .leftblockContent {
	margin: 0;
	padding: 5px;
	background: #ffffff;
    border: solid 1px #cccccc;
	height: 0;
}
*:first-child+html .leftblockContent {
	margin: 0;
	padding: 5px;
	background: #ffffff;
    border: solid 1px #cccccc;
	min-height: 0;
}
 

.l_margin {
    margin: -6px;
	padding: 0;
	position: relative;
	zoom: 1;
	background: #ffffff;

}

/* ---------- メインメニュー ---------- */

td#leftcolumn #mainmenu  {
	width: 188px;
    margin: 0;
	padding: 0;
}

td#leftcolumn #mainmenu a {
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}

td#leftcolumn #mainmenu a.menuTop {
	margin: -5px -5px -5px;
	padding: 5px 3px 4px 20px;
	xxxborder-bottom: solid 1px #d7d7d7;
	position: relative;
	zoom: 1;
	background: url(img/leftmenu_bg.gif) no-repeat center center;
}


td#leftcolumn #mainmenu a.menuTop:hover {
	text-decoration: none;
	background: #F3FCF4 url(img/leftmenu_bg_h.gif) no-repeat center center;
}

td#leftcolumn #mainmenu a.menuMain {
	margin: 5px -5px -5px;
	padding: 6px 3px 4px 20px;
	border-top: solid 1px #d7d7d7;
	position: relative;
	zoom: 1;
	background: url(img/leftmenu_bg.gif) no-repeat center center;
}

td#leftcolumn #mainmenu a.menuMain:hover {
	text-decoration: none;
	background: #F3FCF4 url(img/leftmenu_bg_h.gif) no-repeat center center;
}

td#leftcolumn #mainmenu a.menuSub {
	width: 160px;
	margin: 0 -5px -5px;
	padding:  4px 3px 4px 25px;
	display: block;
	position: relative;
	zoom: 1;
}

td#leftcolumn #mainmenu a.menuSub:hover {
	margin: 0 -5px -5px;
	padding:  4px 3px 4px 25px;
	background: #F3FCF4;
}


/* ---------- ユーザーメニュー ---------- */

td#leftcolumn #usermenu {
	width: 188px;
    margin: 0;
	padding: 0;
}

td#leftcolumn #usermenu a {
	margin: 5px -5px -5px;
	padding: 6px 3px 4px 20px;
	border-top: solid 1px #d7d7d7;
	position: relative;
	zoom: 1;
	text-decoration: none;
	display: block;
	background: url(img/leftmenu_bg.gif) no-repeat center center;
}

td#leftcolumn #usermenu a:hover {
	text-decoration: none;
	background: #F3FCF4 url(img/leftmenu_bg_h.gif) no-repeat center center;
}

td#leftcolumn #usermenu a.menuTop {
	margin: -6px -5px -6px;
	padding: 6px 3px 4px 20px;
	border-bottom: solid 1px #d7d7d7;
	position: relative;
	zoom: 1;
	background: url(img/leftmenu_bg.gif) no-repeat center center;
}

td#leftcolumn #usermenu a.menuTop:hover {
	text-decoration: none;
	background: #F3FCF4 url(img/leftmenu_bg_h.gif) no-repeat center center;
}


td#leftcolumn #usermenu a.highlight {
}


/* ---------- 中央ブロック ---------- */

.centercolumn {
	margin: 0;
	padding: 0 0 50px 10px;
	vertical-align: top;
}

.centeroutline {
	margin: 0;
	padding: 0;
}

.centercolumn th {
}

.centerCcolumn {
	margin: 0;
	padding: 0;
}

.centerCblockTitle {
	width: 577px;
    height: 17px;
	color: #333333;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 7px 3px 6px 20px;
	background: url(img/top_title_center.jpg) no-repeat;
}

.centerCblockContent {
	margin: 0 0 10px 0;
	padding: 0;
}


/* ---------- 中央ブロック　左 ---------- */

.centerLcolumn {
	width: 410px;
	margin:  0;
	padding: 0 10px 0 0;
	vertical-align: top;
}

.centerLblockTitle {
	width: 387px;
    height: 17px;
	color: #333333;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 7px 3px 6px 20px;
	background: url(img/top_title.jpg) no-repeat;
}

.centerLblockContent {
	width: 410px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* ---------- 中央ブロック　右 ---------- */

.centerRcolumn {
	width: 180px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.centerRblockTitle {
	width: 157px;
    height: 17px;
	color: #333333;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 7px 3px 6px 20px;
	background: url(img/righttitle_bg.jpg) no-repeat;
}

.centerRblockContent {
	width: 180px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* ---------- 中央　コンテンツ ---------- */
.content {
	margin: 0;
	padding: 0;
}

/* ---------- 右ブロック ----------

.rightcolumn {
	width: 190px;
	margin: 0;
	padding: 5px 0 50px 10px;
	vertical-align: top;
}

.rightoutline {
    margin: 0;
	padding: 0;
}

.rightcolumn th {
}

.rightblockTitle {
	color: #333333;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 2px 3px  2px 5px;
	border-left: solid 5px #4CB3F5;
}

.rightblockTitle img {
	margin: 0;
	padding: 0;
}

.rightblockContent {
	margin: 0 0 20px 0;
	padding: 0;
} */

/* ---------- フッター ---------- */
#footer {
	width: 100%;
	height: 150px;
	margin: -150px auto 0;
	padding: 0;
	position: relative;
	background: url(img/footer_bg.gif) repeat-x;
}

#footer .footer_area {
    width: 800px;
	margin: 0 auto;
	padding: 10px 10px 0;
}

#footer .footer_add {
    width: 400px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#footer .footer_r {
	margin: 0 0 0 400px;
	padding: 0;
}

#footer p {
	margin: 0;
	padding: 0;
}


#footer .footer_nav {
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer .inquiry_button {
	margin: 10px 0;
	padding: 0;
	text-align: right;
}

#footer .copyright {
	margin: 45px 0 0 0;
	padding: 0;
	text-align: right;
}

input.formButton {}

/* ---------- 最新ニュースの枠 ---------- */
.item {
	margin-top:5px;
}

/* ---------- 最新ニュースのタイトルバー ---------- */
.itemHead {
	padding: 0px 5px 0 10px;
	border-bottom: solid 1px #cccccc;
}

/* ---------- 最新ニュースの投稿情報欄 ---------- */
.itemInfo {
	text-align: right;
	padding: 3px;
}

/* ---------- 最新ニュースのタイトルの設定 ---------- */
.itemTitle {
	font-weight:bold;
	font-size: 115%;
}

.itemTitle a {
	font-weight:bold;
	text-decoration: none;
}

.itemTitle a:visited {
}

/* ---------- 最新ニュースの投稿者 ---------- */
.itemPoster {
	font-size: 0.9em;
}

/* ---------- 最新ニュースの投稿日 ---------- */
.itemPostDate {
	font-size: 0.9em;
}

/* ---------- 最新ニュースのステータス ---------- */
.itemStats {
	font-size: 0.9em;
}

/* ---------- 最新ニュースのコンテンツ部分 ---------- */
.itemBody {
	padding: 6px;
}

.itemText {
	margin: 5px 10px;
	line-height: 180%;
	font-size: 100%;
}

/* ---------- 最新ニュースのフッター ---------- */
.itemFoot {
	margin-bottom: 15px;
	text-align: right;
	padding: 3px;
	border-bottom: solid 1px #CCCCCC;
}

.itemAdminLink {
	font-size: 0.9em;
}

.itemPermaLink {
	font-size: 0.9em;
}

/* ---------- カテゴリ別最新ニュース ---------- */
.bulletin_block_category_new {
    margin: 0 0 20px 0;
}

/* ---------- お問い合わせなど ---------- */
.outer {
}

.head {
	background: #D9F4DD;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.even {
	margin: 0;
	padding: 5px;
}

.odd {
	background: #F3FCF4;
	margin: 0;
	padding: 5px;
}

.foot {
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

tr.even td {
	margin: 0;
	padding: 5px;
}

tr.odd td {
	margin: 0;
	padding: 5px;
}


/* ---------- 砂川市の概要 ---------- */
.gaiyo {
    width: 170px;
	height: 163px;
	margin: -6px;
	padding: 10px 10px 7px;
	background: url(img/gaiyo_bg.gif) no-repeat;
	position: relative;
	zoom: 1;
}

.gaiyo ul {
	margin: 70px 0 0 5px;
	padding: 0;
}

.gaiyo li {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(img/icon01.gif) no-repeat 0 4px;
	position: relative;
	font-size: 13px;
}

/* ---------- こんな時は ---------- */
.konnatoki {
    width: 388px;
	height: 253px;
	margin: auto 0 0;
	padding: 12px 7px 15px 15px;
    background: url(img/konnatoki_bg.gif) no-repeat;
}

.konnatoki ul {
    width: 388px;
	height: 65px;
    margin: 8px 0 0;
	padding: 0;
}

.konnatoki ul.top {
    width: 388px;
	height: 65px;
    margin: 17px 0 0;
	padding: 0;
}

/* IE6 IE7 */
* html .konnatoki ul.top {
    width: 388px;
	height: 65px;
    margin: 13px 0 0;
	padding: 0;
}
*:first-child+html .konnatoki ul.top {
    width: 388px;
	height: 65px;
    margin: 13px 0 0;
	padding: 0;
}
 

.konnatoki li {
	width: 89px;
	height: 65px;
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	background: none;
	display: inline;
}

.konnatoki li a{
	width: 89px;
	height: 28px;
	margin: 0;
	padding: 37px 0 0 0;
	float: left;
	list-style: none;
	background: none;
	display: inline;
	line-height: 0.9;
	text-align: center;
	font-size: 13px;
}

.konnatoki li a.konnatoki_link {
	width: 89px;
	height: 23px;
	margin: 0;
	padding: 42px 0 0 0;
	float: left;
	list-style: none;
	background: none;
	display: inline;
	line-height: 0.9;
	text-align: center;
}

/* ---------- バナー広告 ---------- */
.banner {
    margin: 0;
	padding: 0;
}

.banner td {
    margin: 0;
	padding: 0 0 3px 0;
}




div.errorMsg {
	background: #ffcccc;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
	padding: 5px;
}

div.errorMsg ul{
	margin: 10px 0;
}

div.errorMsg ul li{
	text-align: center;
	background: none;
}

div.confirmMsg {
	background: #ddffdf;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.resultMsg {
	background: #ddddff;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote { 
	width:98%;
	height: 100%;
	padding: 0;
}

div.xoopsCode pre {
	border: solid 1px #c0c0c0;
	margin:0;
	overflow:auto;
	padding:0 1em;
	min-height:4em;
	height:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color:#ffffff;
}
/* for IExplorer */
* html div.xoopsCode pre {
	height:4em;
	height:auto;	/* IE 6.x */
	width:40em;
}

div.xoopsQuote blockquote {
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #c0c0c0;
    background-color:#ffffff;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
	line-height: 1.4;
}

.comUserStat {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #c0c0c0;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 0.8em;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}

.comUserImg {
	margin: 2px;
}

.comDate {
	font-size: smaller;
	font-weight: normal;
}

.comDateCaption {
	font-weight: normal;
}

.comUserStatus {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #c0c0c0;
}