@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: #333333 !important;
	margin:0px !important;
	padding:4px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	border: 1px solid #333333 !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
.gsc-input {
	padding: 0px 10px 0px 0px !important;
}
.gsc-adBlock {
	display: none !important;
}


/* google検索v2のカスタマイズ */
table.gsc-search-box td.gsc-input {
	padding: 0;
}
input.gsc-input {
	font-size: 13px;
	padding: 2px 5px;
	width: 170px;
	height: 21px;
	border-radius: 5px 0px 0px 5px;
	/* border: 2px solid #f6f6f6 !important; */
	border-right: none;
}
.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover,
.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
	border: 2px solid #f6f6f6;
	border-right: none;
	box-shadow: none;
}
/* Search button */
td.gsc-search-button {
	width: auto;
}
.cse input.gsc-search-button,
input.gsc-search-button,
.cse input.gsc-search-button:hover,
input.gsc-search-button:hover,
.cse input.gsc-search-button:focus,
input.gsc-search-button:focus,
.cse button.gsc-search-button,
button.gsc-search-button,
.cse button.gsc-search-button:hover,
button.gsc-search-button:hover,
.cse button.gsc-search-button:focus,
button.gsc-search-button:focus {
	margin: 0;
	padding: 4px 12px;
	height: 29px;
	min-width: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,dedede+100 */
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top, #f6f6f6 0%, #dedede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6f6f6 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6f6f6 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	border: none;
	font-size: 12px;
}
.gsc-search-box .gsc-search-button {
	position: relative;
	margin: 0;
	padding: 0px 12px;
	height: 0px;
	width: 30px;
	min-width: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,dedede+100 */
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top, #f6f6f6 0%, #dedede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6f6f6 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6f6f6 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	border: none;
	font-size: 12px;
	cursor: pointer;
}
/* 検索ボタンの背景部分にテキストを表示させる */
.gsc-search-box .gsc-search-button:before {
	position: absolute;
	top: 2px;
	left: 13px;
	content: '検索' !important;
	color: #000;
	font-size: 14px;
}
/* 検索ボタンを透明化し背景のみを表示させる */
.gsc-search-box button.gsc-search-button-v2,
.gsc-search-box button.gsc-search-button {
	width: 100%;
	height: 29px;
	padding: 0 !important;
	opacity: 0;
}
#cse-search-form {
	position: relative;
}
div.gsc-clear-button {
	position: absolute;
	top: 5px;
	right: 50px;
}





#header {
}
#headerIn {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 136px;
}
#headerSubNav {
	position: absolute;
	left: 293px;
	top: 18px;
}
#headerSubNav li {
	position: absolute;
	top: 0px;
}
#headerSubNav .nav1 {
	left:0px;
}
#headerSubNav .nav2 {
	left:55px;
}
#headerSubNav .nav3 {
	left:122px;
}
#headerSubNav .nav4 {
	left:164px;
}
#headerSubNav .nav5 {
	left:231px;
}
#headerSubNav .nav6 {
	left:296px;
}
#headerLogo {
	position: absolute;
	left: 0px;
	top: 47px;
}
#headerSubNav2 {
	position: absolute;
	top: 6px;
	right: 0px;
}
#headerSubNav2 li {
	position: absolute;
	top: 0px;
}
#headerSubNav2 .nav3 {
	right:0px;
}
#headerSubNav2 .nav2 {
	right:87px;
}
#headerSubNav2 .nav1 {
	right:164px;
}
#headerColor {
	position: absolute;
	left: 293px;
	top: 94px;
}
#headerColor .title {
	position: absolute;
	left: 0px;
	top: 9px;
}
#headerColor .item {
	position: absolute;
	left: 87px;
	top: 0px;
}
#headerColor .item2 {
	position: absolute;
	left: 120px;
	top: 0px;
}
#headerColor .item3 {
	position: absolute;
	left: 153px;
	top: 0px;
}
#headerSize {
	position: absolute;
	left: 486px;
	top: 90px;
}
#headerSize .title {
	position: absolute;
	left: 0px;
	top: 12px;
}
#headerSize .item {
	position: absolute;
	left: 70px;
	top: 0px;
}
#headerSize .item2 {
	position: absolute;
	left: 112px;
	top: 0px;
}
#headerSearch {
	position: absolute;
	right: 0px;
	top: 86px;
	width:313px;
}
#headerSearch dl{
	background-color: #0078b1;
}
#headerSearch dd{
	padding-left:8px;
	padding-right:8px;
	padding-bottom: 5px;
	background-color: #0078b1;
}



#headerNav {
	background-color: #0078B1;
	margin-top: 25px;
	background-image: url(../img_common/headernav_off.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#headerNav .list {
	width: 959px;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;	
}

#headerNav .list li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	display:block;
	position:relative;
}


#headerNav .list a.btn {
	font-size: 24px;
	width: 143px;
	text-align: center;
	display:block;
	padding-top:10px;
	padding-bottom:21px;
	color: #FFF;
	text-decoration:none;
	background-image: url(../img_common/headernav_off.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#headerNav .list a.btn:hover {
	background-image: url(../img_common/headernav_on.gif);
	background-color: #004E74;
}

#headerNav .list a.btn:focus {
	background-color:#004E74;
}

#headerNav .on a.btn {
	background-color: #004E74;
	background-image: url(../img_common/headernav_on.gif);
}
#headerNav .catch {
	position: absolute;
	right: 0px;
	top: -60px;
}
#headerNav .catch a {
	padding-top: 0 !important;
}
#headerNav .in {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

/*drop menu用*/
#headerNav .bg2 {
	display:none;
	top:0px;
	left:0px;
	position:absolute;
	width:484px;

}
/*drop menu手前表示*/
#headerPrint {
	position:relative;
	z-index:2;
}


#headerNav .list2 {
	width:450px;
	background-color: #FFF;
	border: 3px solid #004E74;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;

	top:0px;
	left:0px;

	position:absolute;
	


}

#headerNav .arrow2 {
	position:absolute;
	top:41px;
	right:0px;

}
#headerNav .list2 li {
	position: relative;
	top:0px;
    background-image: url(../img_common/headersubnav3_arrow.gif);
    background-position: 7px 5px;
    background-repeat: no-repeat;
    margin-top: 5px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 0;
    float:left;
    width:200px;
    
}







#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	margin-top: 30px;
}
#footer .col {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer .logo {
	float: left;
	width: 180px;
	padding-top: 25px;
}
#footer .address {
	float: left;
	margin-left: 20px;
	width: 655px;
	padding-top: 25px;
	font-style: normal;
}
#footer .pagetop {
	float: right;
	width: 89px;
	padding-top: 15px;
}

#footer .list {
	margin-top:20px;
	background-color: #E4EDF0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#footer .list li {
	display:inline;
}
#footer .copyright {
	background-color: #004E74;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sideCol2BannerMod {
	padding-top:10px;
	width: 240px;
}
.sideCol2BannerMod li {
	float: left;
	width: 120px;
	margin-top: 10px;
}
.sideSearchMod .title {
	background-color: #004E74;
	padding: 10px;
	margin-top: 20px;
	color: #FFF;
	text-align: center;
}
.sideSearchMod .in {
	background-color: #DCE5E8;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.sideSearchMod .text {
	padding-top: 10px;
}
.sideSearchMod .input {
	text-align: center;
	padding-top: 10px;
}
.sideSearchMod .btn {
	text-align: center;
	padding-top: 10px;
}
.sideSearchMod .btn a {
	background-color: #333333;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 60px;
	background-image: url(../img_common/sidesearch_mod_mushimegane.gif);
	background-repeat: no-repeat;
	background-position: 25px 5px;
}
.sideBanner2Mod {
	background-color: #DCE5E8;
	padding-top: 4px;
	margin-top: 20px;
}
.sideBanner2Mod li {
	padding-right: 5px;
	padding-left: 5px;
	margin-top:1px;
}
.sideBanner2Mod li.contact {
	padding-right: 0px;
	padding-left: 0px;
	margin-top:0px;
}
.sideTenkiMod .title {
	background-color: #004E74;
	padding: 10px;
	margin-top: 20px;
	color: #FFF;
	text-align: center;
}
.sideTenkiMod .col {
	width: 240px;
	margin-top: 10px;
	overflow: hidden;
}
.sideTenkiMod .L {
	float:left;
	width: 135px;
}
.sideTenkiMod .R {
	float:right;
	width: 105px;
}
.sideTenkiMod .R p img {
	margin-left:5px;
}
.sideTenkiMod .detail {
	margin-top: 10px;
}
.sideTenkiMod .kion strong {
	color: #be3702;
	font-weight:bold;
}
.sideBanner3Mod {
	margin-top: 20px;
}
.sideBanner3Mod li {
	margin-top: 1px;
}

.sideBannerMod {
	padding-top:10px;
}
.sideBannerMod li {
	margin-top:10px;
}



#headerSubNav3 {
	padding-right:215px;
	width:745px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	margin-top:20px;
}
#headerSubNav3 li {
	display:inline;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-left:10px;
	background-image: url(../img_common/headersubnav3_arrow.gif);
	padding-left:12px;
	font-size:100%;
}
#headerSubNav3 a {
	color:#004E74;
	text-decoration:none;
}



.fb-like {
	margin-top: 20px !important;
}