@charset "UTF-8";

/* ***************

 共通レイアウト

**************** */



/* jsが効いていない時に表示 */

.noscriptCom {

	padding-bottom: 5px;

	padding-top: 5px;

	text-align: center;

	line-height: 150%;

}



/* i-search用 非表示 */

.i-search{

	display:none;

}



/* 市長カレンダーの土日祝日の色付け */

#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;

}

#wrapper {

	background-image: url(../img_common/wrapper_bg.gif);

	background-repeat: no-repeat;

	background-position: center top;

}

.liquidCom {

	width: 950px;

}

#header {

	width: 100%;

}

#headerUp {

	margin-left: auto;

	margin-right: auto;

	position: relative;

}

#headerLogo {

	top: 9px;

	left: 0px;

	position: absolute;

	width: 373px;

	height: 59px;

}

#headerLogo .logo {

	top: 0px;

	left: 0px;

	position: absolute;

}

#headerLogo .logo2 {

	top: 24px;

	right: 0px;

	position: absolute;

}

#headerLogo2 {

	position: absolute;

	left: 212px;

	top: 33px;

}

#headerSubNav {

	text-align: right;

	margin-left: 390px;

	padding-top: 10px;

}

#headerSubNav li {

	display: inline;

}

#headerSubNav .icon {

}

#headerSubNav .icon {

	background-image: url(../img_common/headersubnav_arrow.gif);

	background-repeat: no-repeat;

	background-position: left 5px;

	padding-left: 16px;

}

#headerControl {

	width: 476px;

	margin-left: auto;

	overflow: hidden;

	margin-top: 10px;

}

#headerSize {

	width: 235px;

	height: 43px;

	position: relative;

	float: left;

}

#headerSize .title {

	position: absolute;

	left: 0px;

	top: 24px;

}

#headerSize .item {

	position: absolute;

	left: 106px;

	top: 18px;

}

#headerSize .item2 {

	position: absolute;

	left: 170px;

	top: 18px;

}

#headerEtsuranShien {

	float: right;

	width: 231px;

}

#headerNav {

	margin-top: 10px;

	background-color: #0079B1;

	background-image: url(../img_common/headernav_bg.gif);

	background-repeat: repeat-x;

	background-position: left top;

	height: 50px;

	width: 100%;

}

#headerNav .bg2 {

	background-image: url(../img_common/headernav_bg.gif);

	background-repeat: repeat-x;

	background-position: left top;

	margin-left: auto;

	margin-right: auto;

	height: 50px;

}

#headerNav .list {

	width: 100%;

	padding-top: 1px;

	background-image: url(../img_common/headernav_split.gif);

	background-repeat: no-repeat;

	background-position: right top;

}

#headerNav .list .bg a {

	display: block;

	height: 49px;

	width: 100%;

	overflow: hidden;

	text-indent: -9999px;

	background-repeat: no-repeat;

	background-position: center 17px;

	background-color: transparent !important;

}

#headerNav .list .nav {

	background-image: url(../img_common/headernav_split.gif);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	position: relative;

}

#headerNav .list .hoverOn .bg {

	background-image: url(../img_common/headernav_bg_hover.gif);

	background-repeat: repeat-x;

	background-position: left top;

	display: block;

}

#headerNav .nav1 {

	width: 13%;

}

#headerNav .nav1 .bg a {

	background-image: url(../img_common/headernav_kurashi_off.gif);

}

#headerNav .nav1 .hoverOn .bg a {

	background-image: url(../img_common/headernav_kurashi_on.gif);

}

#headerNav .nav2 {

	width: 12%;

}

#headerNav .nav2 .bg a {

	background-image: url(../img_common/headernav_kosodate_off.gif);

}

#headerNav .nav2 .hoverOn .bg a {

	background-image: url(../img_common/headernav_kosodate_on.gif);

}

#headerNav .nav3 {

	width: 14%;

}

#headerNav .nav3 .bg a {

	background-image: url(../img_common/headernav_kenko_off.gif);

}

#headerNav .nav3 .hoverOn .bg a {

	background-image: url(../img_common/headernav_kenko_on.gif);

}

#headerNav .nav4 {

	width: 10%;

}

#headerNav .nav4 .bg a {

	background-image: url(../img_common/headernav_machi_off.gif);

}

#headerNav .nav4 .hoverOn .bg a {

	background-image: url(../img_common/headernav_machi_on.gif);

}

#headerNav .nav5 {

	width: 17%;

}

#headerNav .nav5 .bg a {

	background-image: url(../img_common/headernav_manabi_off.gif);

}

#headerNav .nav5 .hoverOn .bg a {

	background-image: url(../img_common/headernav_manabi_on.gif);

}

#headerNav .nav6 {

	width: 13%;

}

#headerNav .nav6 .bg a {

	background-image: url(../img_common/headernav_kanko_off.gif);

}

#headerNav .nav6 .hoverOn .bg a {

	background-image: url(../img_common/headernav_kanko_on.gif);

}

#headerNav .nav7 {

	width: 10%;

}

#headerNav .nav7 .bg a {

	background-image: url(../img_common/headernav_shisei_off.gif);

}

#headerNav .nav7 .hoverOn .bg a {

	background-image: url(../img_common/headernav_shisei_on.gif);

}

#headerNav .nav8 {

	width: 11%;

}

#headerNav .nav8 .bg a {

	background-image: url(../img_common/headernav_jigyosha_off.gif);

}

#headerNav .nav8 .hoverOn .bg a {

	background-image: url(../img_common/headernav_jigyosha_on.gif);

}

#headerNav {

	z-index: 5;

}

#headerNav .menu {

	padding-top: 10px;

	width: 560px;

	position: absolute;

	top: 49px;

	left: 0px;

	background-color: #EDEDED;

	padding: 10px;

	padding-top: 0;

	z-index: 5;

	-moz-box-shadow: 0px 1px 1px #666666;

	-webkit-box-shadow: 0px 1px 1px #666666;

	box-shadow: 0px 1px 1px #666666;

	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#666666');

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#666666')"; /* Shadows look very different in IE (Only cardinal directions supported) */

	/* INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES */

/* Element should have a background-color */

/* All filters must be placed together */

/* IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS */



display: none;

}

#headerNav .title {

	background-image: url(../img_common/headernav_menu_arrow.gif);

	background-repeat: no-repeat;

	background-position: 46px 0px;

	padding-top: 8px;

}

#headerNav .R .title {

	background-position: 510px 0px;

}

#headerNav .titleBg {

	display: block;

	background-color: #333333;

	color: #fff;

	padding: 5px;

	padding-left: 10px;

	padding-right: 10px;

	position: relative;

}

#headerNav .close {

	position: absolute;

	top: 5px;

	right: 5px;

	cursor: pointer;

}

#headerNav .list2 {

	margin-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

	float: left;		/**** 追加部分20150729　*****/
}

/**** ↓追加部分20150729　*****/
#headerNav .list2 li {
    background-image: url(../img_top/common_arrow_orange2a.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
	padding-left: 10px;
	margin-left: 5px;

	margin-top: 5px; 

	float: left;
	width: 30%;
}
.menu .title a, .menu .title a:link, .menu .title a:visited {
	color: #ffffff;
}
/**** ↑追加部分　*****/




#headerNav .col {

	width: 540px;

	margin-left: auto;

	margin-right: auto;

}

#headerNav .box {

	width: 245px;

	float: left;

	margin-left: 10px;

	background-color: #fff;

	background-image: url(../img_common/headernav_menu_arrow2.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

	padding: 10px;

	padding-top: 1px;

	margin-top: 10px;

}

#headerNav .desc {

	margin-top: 10px;

}

#headerNav .list3 {

	margin-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

}

#headerNav .list3 li {

	display: inline;

}

#pagetop {

	text-align: right;

	margin-top: 40px;

	margin-right: auto;

	margin-left: auto;

}

#footer {

	margin-top: 10px;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #007EB8;

	background-image: url(../img_common/footer_bg.gif);

	background-repeat: repeat-x;

	background-position: left top;

}

#footer .copyright {

	background-color: #007EB8;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align: center;

	margin-top: 20px;

}

#footer .col {

	overflow: hidden;

	margin-left: auto;

	margin-right: auto;

	padding-top: 20px;

}

#footer .L {

	float: left;

	width: 580px;

	overflow: hidden;

}

#footer .R {

	float: right;

	width: 530px;

}

#footer .logo {

	float: left;

	width: 100px;

}

#footer .address {

	font-style: normal;

	float: right;

	width: 460px;

}

#footer .links {

	text-align: right;

}

#footer .links li {

	display: inline;

	background-image: url(../img_common/footer_arrow.gif);

	background-repeat: no-repeat;

	background-position: left 5px;

	margin-left: 10px;

	padding-left: 10px;

}

#footer .links2 {

	text-align: right;

	margin-top: 10px;

}

#footer .links2 li {

	display: inline;

	margin-left: 0px;

}

#footer .icon {

	background-image: url(../img_common/footer_arrow.gif);

	background-repeat: no-repeat;

	background-position: left 5px;

	margin-left: 10px;

	padding-left: 10px;

}