@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;
}








/*google検索v1のカスタマイズ*/
#gsc-i-id1 {
	width:181px !important;
	height:22px !important;
}
.gsib_a {
	padding:0px !important;
}
.gsc-input-box {
	height:22px !important;
}
input.gsc-search-button {
	background-color: #2359A1 !important;
	margin:0px !important;
	padding:4px !important;
	padding-left:15px !important;
	padding-right:15px !important;
}
.gsc-input {
	padding:0px !important;
}




#header {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 304px;
}
#headerLogo {
	position: absolute;
	top: 0;
	left: 0;
}
#headerHonbun {
	position: absolute;
	top: 9px;
	left: 220px;
}
#headerSearch {
	position: absolute;
	top: 9px;
	left: 335px;
	width: 200px;
}
#headerMobile {
	position: absolute;
	top: 9px;
	right: 0px;
}
#headerTranslate {
	position: absolute;
	top: 9px;
	left: 594px;
}
#headerTranslate li {
	position: absolute;
	top: 0;
}
#headerTranslate .nav1 {
	left: 0;
}
#headerTranslate .nav2 {
	left: 84px;
}
#headerTranslate .nav3 {
	left: 168px;
}


#wrapper {
	background-image: url(../img_common/wrapper.gif);
	background-repeat: repeat-x;
	background-position: 0 212px;
}


#wrapper2 {
	background-image: url(../img_common/wrapper2.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}

#wrapper3 {
	background-image: url(../img_common/wrapper3.png);
	background-repeat: no-repeat;
	background-position: center 0;
}
#headerNav {
	position: absolute;
	top: 251px;
	left: 0;
}
#headerNav li {
	position: absolute;
	top: 0;
}
#headerNav .nav1 {
	left: 0;
}
#headerNav .nav2 {
	left: 141px;
}
#headerNav .nav3 {
	left: 319px;
}
#headerNav .nav4 {
	left: 472px;
}
#headerNav .nav5 {
	left: 625px;
}
#headerNav .nav6 {
	left: 810px;
}


#headerControl {
	position: absolute;
	left: 589px;
	top: 222px;

}
#headerSize .title {
	left: 0;
	top: 5px;
	position: absolute;
}
#headerSize .item {
	left:103px;
	top: 0;
	position: absolute;
}
#headerSize .item2 {
	left: 153px;
	top: 0px;
	position: absolute;
}
#headerColor {
	left: 210px;
	top: 0;
	position: absolute;
}
#headerColor .title {
	left: 0;
	top: 6px;
	position: absolute;
}
#headerColor .item {
	left: 76px;
	top: 0px;
	position: absolute;
}
#headerColor .item2 {
	left: 106px;
	top: 0px;
	position: absolute;
}
#headerColor .item3 {
	left: 136px;
	top: 0px;
	position: absolute;
}

#footer {
	margin-top: 60px;
}
#footer .pagetop {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}
#footer .bg {
	border-top: 2px solid #008563;

}

#footer .col3 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;

}
#footer .logo {
	position: static !important;
	float: left;
	width: 130px;
	margin-top: 10px;
}
#footer .address {
	float: left;
	width: 440px;
	margin-top: 15px;
}
#footer .link {
	padding-left: 18px;
	background-image: url(../img_common/common_arrow_green_white.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#footer .links {
	margin-top: 15px;
	float: left;
	width: 390px;
	text-align: right;
}
#footer .links li {
	display: inline;
}

#footer .bg2 {
	border-top: 1px solid #C4C4C4;
	margin-top: 20px;

}

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

#footer .desc {
	float: left;
	width: 637px;
	margin-top: 10px;
}

#footer .copyright {
	float: left;
	width: 323px;
	margin-top: 15px;
}

.w100Com {
	width:100px;
}
.w150Com {
	width:150px;
}
.w200Com {
	width:200px;
}