@charset "UTF-8";

/*ボックス左=====================================================*/
#content-left {
	float: left;
	width: 740px;
	margin-top:10px;
}
#content-right {
	float: right;
	width: 220px;
}
/*中央カラム設定=====================================================*/
#centerBox{
	float:right;
	display:inline;
	width:520px;
	}
/*リンク設定---------------------------------------------*/
#centerBox a:link {text-decoration: none; }
#centerBox a:visited {text-decoration: none; }
#centerBox a:hover {text-decoration: underline; }
	
/*文字サイズ～重要なお知らせボックス設定-----------------*/
.miniBox{
	border:solid 2px #cac8c8;
	background-color:#FFFFFF;
	height:31px;
	margin-top:10px;
	}
/*文字サイズ変更*/
div#textsize {
	float:right; display:inline;
	padding-top:5px;
	padding-right:5px;
}
.miniBox p {
	float:left; display:inline;
	padding-top:10px;
	padding-left:10px;
	}
.miniBox img {	float:left; display:inline;}
.miniBox-top{ margin-bottom:10px; margin-top:7px;}


/*標語・重要なお知らせ・インフォメーションボックス*/
.miniBox2{
	border:solid 2px #cac8c8;
	background-color:#FFFFFF;
	margin-top:10px;
	font-size:120%;
	clear:left;
	overflow:hidden;
	background-repeat:repeat-y;
	height:100%;
	}
.miniBox2 p {
	float:left; display:inline;
	padding: 8px 10px 5px 10px;
	}
.miniBox2 p.R {
	width:338px;
	}
.miniBox2 img {	float:left; display:inline;}

.juyou p a:link{ color:#c21f2f;}
.juyou p a:visited { color:#c21f2f;}
.juyou p a:hover { color:#c21f2f;}

.info p a:link{	color:#007083;}
.info p a:visited{	color:#007083;}
.info p a:hover{	color:#007083;}

.slogan{ 
	background-image:url(../img/icon_s_slogan_bg.gif);
	}
.juyou{ 
	background-image:url(../img/icon_s_juyou_bg.gif);
	}
.info{ 
	background-image:url(../img/icon_s_info_bg.gif);
	}

	
/*新着、イベント、くらしのナビ設定-----------------------*/
#centerBox .news{
	border:solid 2px #cac8c8;
	background-color:#FFFFFF;
	width:516px;
	padding-bottom:3px;
	clear: both;
	margin-bottom: 10px;

	}
#centerBox .news ul{
	padding: 8px 4px 0px 0px;
	}
#centerBox .news ul li{
	list-style:none;
	background-image:url(../img/arrow_18.gif);
	background-repeat:no-repeat;
	background-position:8px 7px;
	padding:1px 0px 1px 30px;
	line-height:130%;
	font-size:120%;
	margin-left:10px;
	}
#centerBox .news ul li a{	
	color:#007083;
	}
#centerBox .news ul li.ichiran{
	text-align:right;
	background-image:none;
	}
#centerBox .news ul li.ichiran a{
	text-align:right;
	background-image:url(../img/arrow03.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:17px;
	}
/*緊急災害情報*/
#centerBox .news ul.kinkyu li{				background-image:url(../img/arrow01.gif); 	}
#centerBox .news ul.kinkyu li a{			color:#c21f2f;}
#centerBox .news ul.kinkyu li.ichiran{	background-image:none;}
#centerBox .news ul.kinkyu li.ichiran a{	background-image:url(../img/arrow01.gif);}


/*Facebook ページプラグイン設定-----------------------*/

#centerBox #facebookPageMod {
	border:solid 2px #cac8c8;
	background-color:#FFFFFF;
	margin-bottom:10px;
	width:500px;
	padding:8px;
	}

/*目的別で探す設定-----------------------*/

#centerBox #mokuteki{
	border:solid 2px #cac8c8;
	background-color:#FFFFFF;
	margin-bottom:10px;
	width:516px;
	padding-bottom:8px;
	}
#centerBox #mokuteki ul{
	padding: 8px 8px 0px 8px;
	}
#centerBox #mokuteki ul li{
	float:left;
	display:inline;
	list-style:none;
	margin-top:8px;
	}
#centerBox #mokuteki ul li a{ 
	background-repeat:no-repeat;
	background-position:0px 50%;
	width:181px;
	padding-left: 65px;
	padding-top: 17px;
	padding-bottom:17px;
	display:block;
	color:#007083;
	font-size:130%;
	}
#centerBox #mokuteki ul li#a a{ background-image:url(../img/top_icon1.gif);}
#centerBox #mokuteki ul li#b a{ background-image:url(../img/top_icon2.gif);}
#centerBox #mokuteki ul li#c a{ background-image:url(../img/top_icon3.gif);}
#centerBox #mokuteki ul li#d a{ background-image:url(../img/top_icon4.gif);}
#centerBox #mokuteki ul li#e a{ background-image:url(../img/top_icon5.gif);}
#centerBox #mokuteki ul li#f a{ background-image:url(../img/top_icon6.gif);}
#centerBox #mokuteki ul li#g a{ background-image:url(../img/top_icon7.gif);}
#centerBox #mokuteki ul li#h a{ background-image:url(../img/top_icon8.gif);}

/*くらしのナビゲーション設定-----------------------*/

#centerBox .news ul.kurashi {
	width: 512px;
}


#centerBox .news ul#kurashi li{
	float:left; display:inline;
	width:165px;
	}





#centerBox .news ul.kurashi li{
	float:left;
	display:inline;
	width:200px;
	}




/*左カラム設定=====================================================*/
#leftBox-Top{
	float:left; display:inline;
	width:180px;
	margin: 7px 15px 0px 20px;
	}
/*リンク設定---------------------------------------------*/
#leftBox-Top a:link {text-decoration: none; }
#leftBox-Top a:visited {text-decoration: none; }
#leftBox-Top a:hover {text-decoration: underline; }
	
/*リスト設定---------------------------------------*/
#leftBox-Top ul{
	background-image:url(../img/side_bg_gray.gif);
	background-repeat:repeat-y;
	padding-top:3px;
	padding-right:5px;
	}
#leftBox-Top ul li{
	list-style:none;
	background-image:url(../img/arrow02.gif);
	background-repeat:no-repeat;
	background-position:15% 4px;
	padding:1px 0px 1px 37px;
	line-height:140%;
	}
#leftBox-Top div.side_bg_btm{
	background-image:url(../img/side_bg_gray_btm.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:180px;
	height:8px;
	margin-bottom:10px;
	margin-top:0px;
	padding-top:0px;
	}
/*赤リスト設定*/
#leftBox-Top ul.sideRed{				background-image:url(../img/side_bg_red.gif);	}
#leftBox-Top ul.sideRed li{				background-image:url(../img/arrow01.gif);	}
#leftBox-Top ul.sideRed li a{ 			color:#c21f2f;	}
#leftBox-Top div.side_bg_btm.sideRed{	background-image:url(../img/side_bg_red_btm.gif);	}
/*住宅関連情報設定*/
#leftBox-Top .housingMod ul {
	background-image:url(../img/side_bg_blue.gif);
}
#leftBox-Top .housingMod div.side_bg_btm{
	background-image:url(../img/side_bg_blue_btm.gif);
}

/*貝塚市の人口---------------------------------------*/

#leftBox-Top dl{
	background-image:url(../img/side_bg_gray.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:5px 0 3px 25px;
	line-height:140%;
	}
#leftBox-Top dt{
	float:left; display:inline;
	width:4em;
	font-weight:bold;
	}
#leftBox-Top dd{
	margin-left:5em;
	}
#leftBox-Top .jinko{
	background-image:url(../img/side_bg_gray.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:5px 5px 3px 25px;
	line-height:140%;
	}
#leftBox-Top .kouhou{
	background-image:url(../img/side_bg_gray.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:5px 10px 3px 23px;
	line-height:140%;
	}
#leftBox-Top .kouhou .imgCom{
  padding: 5px 0px 10px 0px;
	}
#leftBox-Top .kouhou .fileCom{
  padding: 5px 0px 10px 0px;
	}
#leftBox-Top .kouhou #idform{
  padding: 5px;
	}
#leftBox-Top .kouhou .description p{
	font-weight: bold;
	}
#leftBox-Top .kouhou input#inputID {
    width: 130px;
}
#leftBox-Top .kouhou .btn{
	text-align: center;
	padding: 5px 18px 5px 5px;
	}
#leftBox-Top .kouhou #idresult{
	font-weight: bold;
	color:#800000;
}

#leftBox-Top .kouhou .linkCom{
  padding: 5px;
	}
/*バナー設定---------------------------------------*/

#leftBox-Top .bnr img{
	margin-bottom:7px;
}


#leftBox-Top .bnr ul{
	padding:0px;
	background-image: none;
}
#leftBox-Top .bnr li{
	padding:0px;
	background-image: none;
}



/*右カラム設定=====================================================*/
#rightBox{
	right:0px;
	float: left;
	margin: 10px 0 0 20px;
	padding-right:20px;
	width: 180px;
	}
/*リンク設定---------------------------------------------*/
#rightBox a:link {text-decoration: none; }	
#rightBox a:visited {text-decoration: none; }	
#rightBox a:hover {text-decoration: underline; }
	
/*リスト設定---------------------------------------*/
#rightBox ul{
	background-image:url(../img/side_bg_gray2.gif);
	background-repeat:repeat-y;
	padding-top:3px;
	padding-right:5px;
	}
#rightBox ul li{
	list-style:none;
	background-image:url(../img/arrow02.gif);
	background-repeat:no-repeat;
	background-position:15% 4px;
	padding:1px 0px 1px 37px;
	line-height:130%;
	}
#rightBox div.side_bg_btm{
	background-image:url(../img/side_bg_gray2_btm.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:154px;
	height:8px;
	margin-bottom:10px;
	margin-top:0px;
	padding-top:0px;
	}
	
/*バナー設定---------------------------------------*/
#rightBox .bnr img{
	margin-bottom:10px;
	}

/*フッタ設定=====================================================*/

/*広告---------------------------------------*/
#koukoku{
	border-bottom:solid 1px #949494;
	border-top:solid 1px #949494;
	padding-top:10px;
	padding-bottom:10px;
	margin:10px 9px 10px 9px;
	width:760px;
	margin-bottom:20px;
	}
#koukoku img{ 
	margin: 0px 5px 10px 5px;
	float:left; display:inline;
	}



/*FLASH---------------------------------------*/
#flash {
	position:absolute;
	top: 0px;
	z-index: 0;
	left:-4px;

	background-image: url(../img/header_flash.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 1006px;
	height: 160px;
}
#sub {
	z-index: 10;
}
#header {
	z-index: 12;
}











/*新着、緊急などの一覧*/
.miniBox3{
	border:solid 2px #cac8c8;
	background-color:#FFFFFF;
	margin-top:10px;
	font-size:120%;
	overflow:hidden;
	background-repeat:repeat-y;
	width:390px;
}
.miniBox3 .L {
	float:left;
	width:33px;
}
.miniBox3 .R {
	float:right;
	width:347px;
	padding-bottom: 8px;
}
.miniBox3 .item{
	line-height:110%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.miniBox3 a {
	color: #007083;
}
.miniBox3 a:link {
	text-decoration: none;
}




.kinkyuMod {
    margin-top: 15px;
    border: 2px solid #E47476;
    width: 520px;
    overflow: hidden;
}

.kinkyuMod h2 {
    float: left;
    width: 110px;
    background-color: #D3272C;
}

.kinkyuMod .box {
    background-color: #FFFFFF;
    float: right;
    padding: 10px;
    width: 380px;
	border: 2px solid #FFFFFF;
}


.oshiraseMod {
    border: 2px solid #8FB39C;
    margin-top: 15px;
    width: 520px;
    overflow: hidden;
}

.oshiraseMod h2 {
    float: left;
    width: 110px;
    background-color: #77C261;
}

.oshiraseMod .box {
    background-color: #FFFFFF;
    float: right;
    padding: 10px;
    width: 380px;
	border: 2px solid #FFFFFF;
}





/*wysiwygCom*/
.wysiwyg ul {
	margin-left: 20px;
	list-style: disc;
	margin-top:10px;
}
.wysiwyg ol {
	margin-left: 30px;
	list-style: decimal;
	margin-top:10px;
}
.wysiwyg p {
	margin-top:10px;
}
.wysiwyg table {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-top: 10px;
}
.wysiwyg table td, .wysiwyg table th {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.wysiwyg table th {
	background-color: #e0fbe4;
}
.wysiwyg div {
	line-height: 150%;
	margin-top:10px;
}
.wysiwyg .text_ {
	color: #F00;
}
.wysiwyg .text2_ {
	color: #00F;
}

#news {
	margin-top: 10px;
}