@charset "UTF-8";
/****************
 サブページレイアウト
*****************/



h1.headCom {
    width: 700px;
    background-image: url(../img_sub/h1_head_com_mid.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    font-size: 140%;
}

h1.headCom .bg_ {
    background-image: url(../img_sub/h1_head_com_top.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
}
h1.headCom .bg2_ {
    background-image: url(../img_sub/h1_head_com_btm.gif);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    display: block;
    padding: 20px;
    padding-left: 30px;

}


/*市長カレンダーの土日祝日の色付け*/
#shicho .sat {
    background-color: #EFF9FF;
}
#shicho .sun {
    background-color: #FFF8F8;
}


#pankuzu {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 960px;
}
#pankuzu .title {
    float: left;
    width: 94px;
}
#pankuzu .box {
    float: left;
    width: 866px;
}
#pankuzu .list li {
    display: inline;
}
#pankuzu .icon a, #pankuzu .icon span {
    background-image: url(../img_sub/pankuzu_arrow.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
}




.toiawaseMod {
	border: 1px solid #008563;
	margin-top: 20px;
    padding: 19px;
	width: 660px;
    background-color: #F1FFFC;
}
.toiawaseMod .L {
	float: left;
	width: 135px;
}
.toiawaseMod .R {
	float: left;
	width: 525px;
}
.toiawaseMod .col {
	overflow: hidden;
    width: 660px;
}
.toiawaseMod a {
        padding-left: 18px;
    background-image: url(../img_common/common_arrow_green_white.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.newsMod .title {
	font-size: 120%;
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #999;
	margin-top: 20px;
}





.anchorMod {
    border: 1px solid #D5D5D5;
    font-size: 80%;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 9px;
    padding-left: 9px;
    padding-right: 9px;
    width: 680px;
    margin-left:auto;
    margin-right:auto;
}
.anchorMod li {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    width: 330px;
}
.anchorMod li a {
    background-image: url("../img_sub/anchor_mod_arrow.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
}






.detailBtnMod {
	text-align:center;
	margin-top:20px;
}
.detailBtnMod a {
	padding: 10px;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #ECECEC;
}




h2.eventCom {
	font-size: 120%;
	padding: 7px 7px 7px 13px;
	border: 1px solid #FFBAD1;
	background-color: #FFE8EF;
	margin-top: 20px;
	overflow:hidden;
	width: 677px;
}

h2.eventCom .L {
	float:left;
	width:525px;
}
h2.eventCom .R {
	float:right;
	width:131px;
}



.kakukaMod {
    margin-top: 20px;
    overflow: hidden;
    width: 700px;
}
.kakukaMod .box {
    margin-top: 10px;
}
.kakukaMod .L {
    float: left;
    width: 300px;
}
.kakukaMod .R {
    float: right;
    width: 380px;
	}
#contentsIn {
	width: 700px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
h1.headImgCom {
	margin-right: 2px;
	margin-left: 2px;
}


#container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
#contents {
    float: left;
    width: 700px;
}
#sideNav {
    float: left;
    width: 240px;
    margin-left: 20px;
    display: inline;

}

#lifeNav {
    float: left;
    width: 240px;
    margin-left: 20px;
    display: inline;

}


.sideNavMod .title {
    background-color: #008563;
    background-image: url(../img_sub/sidenav_mod_title_top.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 10px;
    color: #fff;
}
.sideNavMod .title a {
    color: #fff;
}
.sideNavMod .in {
    border: 1px solid #C4C4C4;
    border-top-style: none;
    padding-bottom: 10px;
    padding-top: 1px;
}
.sideNavMod .list {
    padding-left: 10px;
    padding-right: 10px;
}
.sideNavMod .list li {
    padding-left: 18px;
    background-image: url(../img_common/common_arrow_green_white.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    margin-top: 10px;
}
.sideNavMod .list span {
	background-color: #B4DCA6;
}


.catMod {
    background-image: url(../img_sub/cat_mod_bg_mid.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    margin-top: 20px;

    border-bottom: 1px solid #C4C4C4;
}
.catMod .bg {
    background-image: url(../img_sub/cat_mod_bg_top.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 1px;
    padding-top: 5px;
}

.catMod .title {
    background-color: #D8F3FD;

    color: #023894;
    font-size: 120%;

    border-bottom: 2px solid #023894;
    padding: 10px;
    padding-top: 5px;
    padding-left: 40px;
    position: relative;
    background-image: url(../img_sub/cat_mod_icon_i.png);
    background-repeat: no-repeat;
    background-position: 8px 5px;
}

.catMod .in {
    padding-bottom: 10px;
}
.catMod .list {
    padding-left: 10px;
    padding-right: 10px;
}
.catMod .list li {
            background-image: url(../img_common/common_arrow_green_white.png);
    
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 20px;
    margin-top: 10px;
}
.catMod .rss{
    position: absolute;
    right: 10px;
}