@charset "UTF-8";
/*----------------
 トップ、サブで共通で使うパーツ
----------------*/


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


/*みたまま編集入力補助系*/
.attention {
	background-color:#FFCC00;
	font-size:13px;
}
.attentionL {
	background-color:#00CCFF;
	font-size:13px;
}
.attentionR {
	background-color:#00CCFF;
	font-size:13px;
	text-align:right;
	margin-right:20px;
	margin-left:300px;
}
.attentionR2 {
	background-color:#00CCFF;
	font-size:13px;
	text-align:right;
	margin-right:20px;
}
.attention2 {
	background-color:#5ED5F2;
	font-size:13px;
}




.attention3 {
	background-color:#5BF48D;
	font-size:13px;
}



.attention4 {
	background-color:#80E0E0;
	font-size:13px;
}


/*wysiwyg系*/
/*エディタの中のみ*/
body.wysiwygCom {
	background-color: #FFF;
}
.wysiwygCom ul {
	list-style: disc;
	margin-top:10px;
	overflow:hidden;
}
.wysiwygCom ul li {
	margin-left: 2em;
}
.wysiwygCom ol {
	list-style: decimal;
	margin-top:10px;
	overflow:hidden;
}
.wysiwygCom ol li {
	margin-left: 2em;
}
.wysiwygCom p {
	margin-top:10px;
	padding-right: 10px;
	padding-left: 10px;
}
.wysiwygCom table {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-top: 10px;
}
.wysiwygCom table td, .wysiwygCom table th {
	border-collapse: collapse;
	border: 1px solid #B1B1B1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.wysiwygCom table th {
	background-color: #4E7D1D;
	color: #FFF;
}

/*スペランツァ専用*/
.wysiwygCom table#spe {
	margin-top: 0;
}
.wysiwygCom table#spe th {

	background-color: #3e4bab;

	color: #FFF;

}
/*スペランツァ専用ここまで*/

.wysiwygCom div {
	line-height: 150%;
	margin-top:10px;
}
.wysiwygCom h2 {
	background-image: url(../img_sub/h2_head_com_mid.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 20px;
	font-size: 120%;
	overflow:hidden;
}
* html .wysiwygCom h2 {
	display:inline-block;
}
.wysiwygCom h2 .box {
	background-image: url(../img_sub/h2_head_com_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;
}
.wysiwygCom h2 .box2 {
	background-image: url(../img_sub/h2_head_com_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}


.wysiwygCom .col {
	width:700px;
	overflow:hidden;
}
.wysiwygCom .L {
	width:330px;
	float:left;
}
.wysiwygCom .R {
	width:330px;
	float:right;
}
.wysiwygCom .box3 {
	background-image: url(../img_common/btn_com_mid.gif);
	background-repeat: repeat-y;
	background-position: left top;
	display:block;
}
.wysiwygCom .box4 {
	background-image: url(../img_common/btn_com_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
.wysiwygCom .box5 {
	background-image: url(../img_common/btn_com_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;
}
.wysiwygCom .box6 {
	/*background-image: url(../img_common/btn_com_arrow.gif);*/
	background-repeat: no-repeat;
	background-position: 12px center;
	display:block;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 25px;
	width:290px;
	text-align: center;
}





.wysiwygCom h3 {
	margin-top: 20px;
	font-size: 110%;
	background-image: url(../img_sub/h3_head_com_bg.gif);
	background-repeat: no-repeat;
	background-position: 3px bottom;
	padding-left: 13px;
	padding-bottom: 2px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CBE2A5;
	overflow:hidden;
}
* html .wysiwygCom h3 {
	display:inline-block;
}

.wysiwygCom h4 {
	background-image: url(../img_sub/h4_head_com_bg.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #787878;
	margin-top: 20px;
	padding-bottom: 4px;
	font-size: 100%;
	overflow:hidden;
}
* html .wysiwygCom h4 {
	display:inline-block;
}

.wysiwygCom h5 {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	overflow:hidden;
}
* html .wysiwygCom h5 {
	display:inline-block;
}

/*cke_panel_listをいれなければリストにもスタイルが効かない*/
.wysiwygCom .text_, .cke_panel_list .text_ {
	color: #c00;
}
.wysiwygCom .text2_, .cke_panel_list .text2_{
	color: #00c;
}



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



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








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

/*googleサイト内検索の背景画像*/
#headerSearch .input {
	vertical-align: top;
	font-size: 110%;
	width: 240px;

	background-image: url(/material/template/img_common/headersearch_bg.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}
#headerSearch .input.focus {
	background-image: none !important;

}