@charset "UTF-8";
/****************
 共通レイアウト
*****************/

/*jsが効いていない時に表示*/
.noscriptCom {
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	line-height: 150%;
}

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


#smartphone {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    width: 960px;
}

/*最初のアイテムのトップマージンを除去*/
.firstTopCom {
	margin-top:0px !important;
}
/*最初のアイテムの左マージンを除去*/
.firstLeftCom {
	margin-left:0px !important;
}



#wrapper {
	width: 100%;
	background-image: url(../img_common/wrapper_bg.gif);
}
#wrapper2 {
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 3px;
}
#wrapper2.springCom {
	background-image: url(../img_common/header_img_spring.jpg);
}
#wrapper2.summerCom {
	background-image: url(../img_common/header_img_summer.jpg);
}
#wrapper2.autumnCom {
	background-image: url(../img_common/header_img_autumn.jpg);
}
#wrapper2.winterCom {
	background-image: url(../img_common/header_img_winter.jpg);
}
#wrapper3 {
	width: 100%;
	background-image: url(../img_common/wrapper2_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}
#header {
	height: 158px;
	width: 100%;
	background-image: url(../img_common/header_control_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#header2 {
	width: 960px;
	position: relative;
	margin: 0 auto;
}
#header3{
	height: 158px;
	width: 100%;
	background-image: url(../img_common/header_control_bg2.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#headerLogo {
	left: 0;
	top: 0;
	position: absolute;
}
#headerLogo .in {
	position: relative;
}
#headerLogo .in span {
	position: absolute;
	left: 10px;
	bottom: 11px;
	font-size:10px;
	line-height:100%;
}
#headerShien {
	left: 244px;
	top: 115px;
	position: absolute;
}
#headerControl {
	left: 556px;
	top: 118px;
	position: absolute;
}
#headerSize {
	left: 0;
	top: 0;
	position: absolute;
}
#headerSize .title {
	left: 0;
	top: 4px;
	position: absolute;
}
#headerSize .item {
	left: 102px;
	top: 0;
	position: absolute;
}
#headerSize .item2 {
	left: 152px;
	top: 0;
	position: absolute;
}
#headerColor {
	left: 210px;
	top: 0;
	position: absolute;
}
#headerColor .title {
	left: 0;
	top: 4px;
	position: absolute;
}
#headerColor .item {
	left: 77px;
	top: 0;
	position: absolute;
}
#headerColor .item2 {
	left: 107px;
	top: 0;
	position: absolute;
}
#headerColor .item3 {
	left: 137px;
	top: 0;
	position: absolute;
}

#headerSubNav .list {
	float: right;
	margin-top: 2px;
	width: 700px;
	text-align: right;
	font-size:15px;
}
#headerSubNav .list li {
	display: inline;
}

#container {
	width: 100%;
	background-image: url(../img_common/wrapper_bg.gif);
	padding-bottom: 20px;
}
#container2 {
	width: 960px;
	margin: 0 auto;
}
/*#contents {
	float: left;
	width: 700px;
	margin-left: 15px;
	display: inline;
}*/

#pagetop {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 920px;
	text-align:right;
}

#footer {
	width: 100%;
	background-image: url(../img_common/wrapper_bg.gif);
	color: #FFFFFF;
}
#footer2 {
	width: 100%;
	background-color: #1D7E00;
	padding-top: 20px;
}
#footer .col {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
}
#footer .col .L {
	float: left;
	width: 140px;
	margin-right: 20px;
	display: inline;
}
#footer .col .L2 {
	float: left;
}
#footer .col .L2 address {
	font-style: normal;
}
#footer .col .L2 address a {
	color:#ffffff;
	background-image: url(../img_common/arrow_wh.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}
#footer .col .R {
	float: right;
	text-align: right;
}
#footer .col .R .list li {
	
}
#footer .col .R .list li a {
	color: #FFFFFF;
	background-image: url(../img_common/arrow_wh.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}
#footer .copyright {
	margin-top: 80px;
}
#footer .pageTop {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}