/* CSS Document */

*{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.5px;
}

body{
	margin:0;
	padding:0;
	background-color:#F7F6F2;
	font-size:0.9em;
	color:#333;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, p, input{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, textarea{
	font-size:100%;
}

img{
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
}

a{
	text-decoration:none;
	color:#005BAB;
}

a:hover{
	text-decoration:underline;
	color:#DD2C00;
}

a:visited{
	color:#925783;
}

table[border="1"]{
	background:#AA8D88;
	border-spacing:1px;
	border:none;
}

table[border="1"]>tbody>tr>td{
	padding:5px;
	background:#FFF;
	border:none;
}

table[border="1"]>tbody>tr>th,table[border="1"]>thead>tr>th{
	padding:5px;
	background:#e7e7e7;
	border:none;
}

table td{
	word-break: break-all;
	word-wrap: break-word;
}

.text_black{
	color:#333;
}

.text_brown{
	color:#C65400;
}

.text_green{
	color:#008813;
}

.text_red{
	color:#EF0000;
}

/* CMSKIT用 */

#wcv_sys_wrapper #contents{
	background-color:#F7F6F2;
}

/* トップイメージ */
#topimage{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}

#topimage img{
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
}

/* トップページサブメニュー */

#sub_left .banner img{
	margin-bottom:10px;
}

#sub_left h2 a{
	color:#FFF;
}

/* メールフォーム */

#detail h2.mailform{
	border:solid 1px #CCC;
	padding:20px;
	font-size:100%;
	/*角丸*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#detail .toiawaseform form{
	margin:0;
	padding:0;
}

#detail .toiawaseform select#select_contact,
#detail .toiawaseform textarea.form_set,
#detail .toiawaseform h2.mailform select,
#detail .toiawaseform input.form_set,
#detail .toiawaseform select{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	font-size:100%;
	width:98%;
	border:0;
	color:#222;
	border:solid 1px #CCC;
	background-color:#FAFAFA;
	/*角丸*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*影*/
	-moz-box-shadow: inset 0px 0px 6px -1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 0px 6px -1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 6px -1px rgba(0,0,0,0.1);
}

#detail .toiawaseform input.radiocheck{
	margin-top:10px;
	margin-bottom:10px;
	padding:5px 0;
	font-size:100%;
	border:0;
	color:#222;
	border:0;
	background-color: transparent;
	/*角丸*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
}


#detail .toiawaseform select#select_contact, #detail .toiawaseform input.form_set, #detail .toiawaseform h2.mailform select,#detail .toiawaseform select{
	height:3em;
}

.toiawaseform textarea.form_set{
	height:6em;
}

#detail .toiawaseform select img, #detail .toiawaseform input img, #detail .toiawaseform textarea img{
	width:80px;
}

#detail .toiawaseform select:focus, #detail .toiawaseform input:focus, #detail .toiawaseform textarea:focus{
	background-color:#F9F8F3;
	border:solid 2px #0073db;
}

#detail .toiawaseform textarea{
	width:96%;
	height:8em;
	padding:10px;
}

#detail .toiawaseform span.hissu{
	font-size:85%;
	color:#FFFFFF;
	background-color:#CF0003;
	padding:1px 4px;
	margin-right:5px;
	border-radius:3px;
	margin-top:-2px;
}

#detail .toiawaseform span.nini{
	font-size:85%;
	color:#FFFFFF;
	background-color:#004EB9;
	padding:1px 4px;
	margin-right:5px;
	border-radius:3px;
	margin-top:-2px;
}

#detail .toiawaseform .sendbutton{
	margin:auto;
}

#detail .toiawaseform .sendbutton td{
	padding:10px;
}

.button_set{
	text-align:center;
	margin-top:20px;
}

#detail .toiawaseform .submit_button{
	background-color:#0073DB;
	border-radius: 5px;
	border:0;
	color:#FFF;
	height:4em;
	width:12em;
	font-size:120%;
	font-weight:nomal;
	cursor:pointer;
}

#detail .toiawaseform .submit_button:hover, #detail .toiawaseform .submit_button:focus{
	background-color: #DD0003;
}

#detail .toiawaseform .cancel_button{
	background-color:#EEE;
	border-radius: 5px;
	border:0;
	color:#222;
	height:4em;
	width:10em;
	font-size:120%;
	font-weight:bold;
}

#detail .toiawaseform .cancel_button:hover{
	background-color: #CCC;
}

#detail .toiawaseform input[type="radio"], #detail .toiawaseform input[type=checkbox]{
	vertical-align:-2px;
	margin-right:2px;
	height:1em;
	width:2em;
	margin-left:20px;
}

#detail .toiawaseform label{
	cursor:pointer;
}

#detail .toiawaseform h2.mailform label{
	cursor: default;
}



#main #content #oshirase_list .day{
	padding-left:80px;
}

#detail.conf input{
	width:200px;
	border:solid 2px #ef0000;
}

input.capt{
	color:#999;
}

.send_bt{
	text-align:center;
}

#detail .sub_send_bt{
	background-color:#0073DB;
	border-radius: 5px;
	border:0;
	color:#FFF;
	height:4em;
	width:10em;
	font-size:120%;
	font-weight:nomal;
	cursor:pointer;
	margin-top:20px;
}

#detail .sub_send_bt:hover, #detail .sub_send_bt:focus{
	background-color: #DD0003;
}

#detail .sub_cancel_bt{
	background-color:#EEE;
	border-radius: 5px;
	border:0;
	color:#222;
	height:4em;
	width:10em;
	font-size:120%;
	font-weight:bold;
	cursor:pointer;
	margin-top:20px;
}

#detail .sub_cancel_bt:hover{
	background-color: #CCC;
}


/* Newsアイコン */

#news .icon-kurashi{
	background-image: url(../contents_image/top/news_icon_kurashi.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-kankou{
	background-image: url(../contents_image/top/news_icon_kankou.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-kyouiku{
	background-image: url(../contents_image/top/news_icon_kyouiku.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-kenkou{
	background-image: url(../contents_image/top/news_icon_kenkou.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-shigoto{
	background-image: url(../contents_image/top/news_icon_shigoto.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-jouhou{
	background-image: url(../contents_image/top/news_icon_jouhou.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-sonota{
	background-image: url(../contents_image/top/news_icon_sonota.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

.mail_button {
    background-color: #0072c5;
    background-image: url("../contents_image/icon_mailbutton.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 5px;
    width: 16em;
}

.mail_button a {
    color: white;
    display: block;
    padding: 10px 10px 10px 50px;
}


.privacy_box {
    border-left: 4px solid #ccc;
    border-right: 4px solid #ccc;
    margin: auto;
	margin-top:20px;
    text-align: center;
    width: 280px;
}

.privacy_box a {
    color: #c40003;
    display: block;
    font-size: 110%;
    padding: 10px 0;
}

/* 市からのお知らせ下部バナー枠 */
.banner_area{
	text-align: center;
}

.banner_area p{
	display: inline-block;
	margin-bottom: 5px;
}

/* リスト設定 */

#page .inner li{
	margin-left:20px;
}

/* Googleマップ用 */
#page iframe[src*="maps"]{
	width: 100%;
	height: 400px;
}



/* 編集画面用 */
.camera_wrap{
	display:block !important;
}

/* 読み上げ対応 */
.shadow {
　position: absolute;
　left: -9999em;
display:none;
}



/***** 公共施設一覧用設定 *****/
.sports_wrap{
}

.sports_shisetsu{
}

.shisetsu_box{
	border: 1px solid #CCC;
}

.shisetsu_box .shisetsu_sub_title{
	background-image:url(../contents_image/page/h2.png);
	background-repeat: repeat-y;
	background-color:#E8CF1C;
	font-size:120%;
	padding:10px 20px 8px 20px;
	font-weight:normal;
	color:#222;
	border-bottom:solid 2px #2D1509;
	margin:0 -20px 10px;
}

.shisetsu_box li{
	position: relative;
	list-style: none;
	padding: 5px 5px 5px 20px;
	margin-left: -10px !important;
	border-bottom: 1px dashed #CCC;
}

.shisetsu_box li::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 3px;
	height: 0;
	width: 0;
	border-top: 5px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #f45900;
}