@charset "Shift_JIS";

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

.modalMyphrase{
	width: 902px;
	height: 446px;
	background: #fff;
	position: relative;
	border:3px solid #00a0d1; 
}

.modalClose{
	position: absolute;
	top: 16px;
	right: 19px;
	width: 36px;
	height: 36px;
	z-index: 10;
}

.modalClose a{
	display: block;
	background: url(../common/img/icon_modal_close.png) 0 0;
	width: 36px;
	height: 36px;
	cursor: pointer;
}

.modalClose a:hover{
	opacity: 0.7;
}

.modalName{
	position: absolute;
	top: 49px;
	left: 43px;
	z-index: 1;
	border-bottom:2px solid #00a0d1; 
}

.modalImg{
	position: absolute;
	top: 135px;
	left: 43px;
	z-index: 1;
}

.modalTxt{
	position: absolute;
	top: 135px;
	left: 292px;
	width: 570px;
	font-size:14px;
	font-size:116.66%;
	line-height: 1.6;
	z-index: 1;
}

#cboxClose{
	display: none !important;
}

/* list-indent */
.listIndent {
}

.listIndent li {
  position: relative;
  padding-left: 1.0em;
  margin-bottom: 0;
}

.listIndent li span.indent {
  position: absolute;
  text-align: left;
  display: inline-block;
  top: 0;
  left: 0;
}
.listIndent li:last-child {
  margin-bottom: 0;
}
.listIndent li.indent-02 {
  padding-left: 2em;
}
.listIndent li.indent-02 span.indent {
  width: 2em;
  left: 0;
}
.listIndent li.indent-03 {
  padding-left: 3.0em;
}
.listIndent li.indent-03 span.indent {
  width: 3em;
  left: 0;
}

.listIndent li.indent-13 {
  padding-left: 13.0em;
}
.listIndent li.indent-13 span.indent {
  width: 13em;
  left: 0;
}

.titBtmLine{
	border-bottom: 2px solid #55bfe0;
}

body.page-kidscampus .titBtmLine{
	border-bottom: 2px solid #8bc2c4;
}

body.page-prevention .titBtmLine{
	border-bottom: 2px solid #d96d00;
}

body.page-volunteerbank .titBtmLine{
	border-bottom: 2px solid #322b64;
}

.fs14{
	font-size:14px !important;
	font-size:116.66% !important;
	line-height: 1.6 !important;
}

.tC{
	text-align: center;
}

.tC img{
	margin-left: auto;
	margin-right: auto;
}

.mlr15{
	margin: 0 15px !important;
}
.mt15{
	margin-top: 15px !important;
}

.mb05{
	margin-bottom: 5px !important;
}

.mb06{
	margin-bottom: 6px !important;
}

.mb08{
	margin-bottom: 8px !important;
}


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

.mb12{
	margin-bottom: 12px !important;
}

.mb15{
	margin-bottom: 15px !important;
}

.mb16{
	margin-bottom: 16px !important;
}

.mb20{
	margin-bottom: 20px !important;
}

.mb25{
	margin-bottom: 25px !important;
}

.mb30{
	margin-bottom: 30px !important;
}

.mb35{
	margin-bottom: 35px !important;
}

.mb40{
	margin-bottom: 40px !important;
}

.mb50{
	margin-bottom: 50px !important;
}

.mb55{
	margin-bottom: 55px !important;
}

.mb65{
	margin-bottom: 65px !important;
}

.pt44{
	padding-top: 44px !important;
}

.pt55{
	padding-top:55px !important;
}
/* fs 12=100% */

.normalTxt{
	font-size:12px;
	font-size:100%;
	line-height: 1.6;
}

.kvEventImg{

}

.kvEventCon{
	width: 720px;
	display: table;
	position: relative;
	margin-bottom: 52px;
	padding: 20px 0;
}

body.page-akv .kvEventCon{
	background: url(../event/img/kv_akv_tex.png) 0 0 repeat;
}

body.page-kidscampus .kvEventCon{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}

body.page-shikano_challege .kvEventCon{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}
body.page-minamiyamashiro_village .kvEventCon{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}

body.page-crime_prevention .kvEventCon{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}
body.page-moriguti_recipe .kvEventCon{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}
body.page-shopping_street .kvEventCon{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}
body.page-kadoma_house .kvEventCon{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}
body.page-prevention .kvEventCon{
	background: url(../event/img/kv_prevention_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}

body.page-volunteerbank .kvEventCon{
	background: url(../volunteerbank/img/kv_volunteerbank_tex.png) 0 0 repeat;
	padding: 28px 0 32px;
	margin-bottom: 52px;
}

.kvEventTips{
	display: table-cell;
	vertical-align: middle;
	width: 172px;
	text-align: center;
}

.kvEventTxt{
	display: table-cell;
	vertical-align: middle;
	padding-right: 25px;

}

.kvEventTxt p{
	font-size:12px;
	font-size:100%;
	line-height: 1.6;
}

.eventWhoName{
	font-size:10px;
	font-size:83.33%;
	line-height: 1.4;
}

.eventWhoName span{
	display: block;
	margin-top: 3px;
	font-size:14px;
	font-size:116.66%;
	line-height: 1.4;
	font-weight: bold;
}

.layoutEventAkv{
	width: 720px;
}

.layoutEventAkv h3{
	margin-bottom: 16px;
}

.layoutEventAkv p{
	font-size:12px;
	font-size:100%;
	line-height: 1.4;
}

.akvMessage{
	width: 100%;
	width: 720px;
	border: 2px solid #55bfe0;
	position: relative;
}

.akvMessageRibbon{
	position: absolute;
	top: -41px;
	left: 16px;
}

.akvMessageInner{
	padding: 55px 28px 28px 28px;
}
.layoutJr .eventWhoName{
	text-align: right;
}
.width500{width: 500px;}
.width184{width: 184px;}
.width185{width: 185px;}
.width220{width: 220px;}
.width230{width: 230px;}
.width260{width: 260px;}
.width350{width: 350px;}
.width370{width: 370px;}
.width380{width: 380px;}
.width460{width: 460px;}
.width470{width: 470px;}
.width320{width: 320px;}
.width325{width: 325px;}
.width330{width: 330px;}
.width335{width: 335px;}
.width340{width: 340px;}
.width345{width: 345px;}
.width350{width: 350px;}
.width284{width: 284px;}
.width317{width: 317px;}

.layoutL{
	float: left;
}

.layoutR{
	float: right;
}

.akvMyPhrase{
	width: 100%;
	height: 388px;
	position: relative;
}

.akvMyPhrase ul li{
	position: absolute;
}

.akvMyPhrase ul li a{
	position: relative;
	display: block;
	width: 228px;
	height: 186px;
	overflow: hidden;
}

.akvMyPhrase ul li a img{
	display: block;
	position: absolute;
	width: 228px;
	height: 186px;
	z-index: 1;
}

.akvMyPhrase ul li a span{
	position: absolute;
	display: block;
	width: 228px;
	height: 186px;
	opacity: 0;
	z-index: 2;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.akvMyPhrase ul li a:hover span{
	opacity: 1;
	-webkit-transition: opacity 0.1s ease;
	-moz-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
}

.myphrase01{
	top: 0;
	left: 0;
}

.myphrase01 span{
	background: url(../event/img/myphrase_01_cover.png) 0 0 no-repeat;
}

.myphrase02 span{
	background: url(../event/img/myphrase_02_cover.png) 0 0 no-repeat;
}

.myphrase03 span{
	background: url(../event/img/myphrase_03_cover.png) 0 0 no-repeat;
}

.myphrase04 span{
	background: url(../event/img/myphrase_04_cover.png) 0 0 no-repeat;
}

.myphrase05 span{
	background: url(../event/img/myphrase_05_cover.png) 0 0 no-repeat;
}

.myphrase02{
	top: 0;
	left: 245px;
}

.myphrase03{
	top: 0;
	right: 0;
}

.myphrase04{
	bottom: 0;
	left: 126px;
}

.myphrase05{
	bottom: 0;
	left: 371px;
}

.akvVoice{
	background: #d6eff8;
	padding: 30px 28px;
}

.akvMapItems{
	margin-bottom: 15px;
}

.akvMapItems li{
	margin-bottom: 10px;
}

.akvMapItems li img{
	border: 1px solid #e3e5e5;
}

.akvMapItems li:last-child{
	margin-bottom: 0;
}

.akvProjectNo{
	font-size:14px;
	font-size:116.66%;
	margin-bottom: 10px;
	text-indent: 2px;
}

.eventToggleItems .eventToggleItem:last-child{
	margin-bottom: 0;
}

.eventToggleItem{
	margin-bottom: 30px;
}

.eventToggleItemTit{
	display: table;
	width: 100%;
	height: 62px;
}

.eventToggleItemTit a{
	background: #008ebd;
	color: #fff;
	font-size:16px;
	font-size:133.33%;
	display: table-cell;
	vertical-align: middle;
	text-indent: 20px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

.eventToggleItemTit a.state-wait{
	cursor: default;
}

.eventToggleItemTit a.state-wait span.yoko,
.eventToggleItemTit a.state-wait span.tate{
	display: none;
}

.eventToggleItemTit a.state-active span.tate{
	display: none;
}

body.page-kidscampus .eventToggleItemTit a{
	background: #52a5a8;
}

.eventToggleItemTit a span{
	display: block;
	position: absolute;
}

.eventToggleItemTit a span.yoko{
	width: 20px;
	height: 2px;
	background: #fff;
	right: 21px;
	top: 30px;
}

.eventToggleItemTit a span.tate{
	width: 2px;
	height: 20px;
	background: #fff;
	right: 30px;
	top: 21px;
}

.eventToggleItemCon{
	height: 0;
	overflow: hidden;
}



.eventToggleItemConInner{
	padding: 20px 0 10px;
}

table.dotsTable{
	table-layout: fixed;
}

table.dotsTable tr{
	background: url(../common/img/line_dot.gif) 0 bottom repeat-x;
}

table.dotsTable th{
	width: 150px;
	text-align: right;
	font-size:14px;
	font-size:116.66%;
	line-height: 1.6;
	padding: 10px 0;
}

table.dotsTable td{
	padding: 10px 10px 10px 30px;
	text-align: left;
	font-size:14px;
	font-size:116.66%;
	line-height: 1.6;
}

table.normalTable{
	border-top: 1px solid #008ebd;
	border-left: 1px solid #008ebd;
	table-layout: fixed;
}

table.normalTable th{
	background: #d6eff8;
	padding: 13px 0;
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.4;
}
table.normalTable td,
table.normalTable th{
	border-bottom: 1px solid #008ebd;
	border-right: 1px solid #008ebd;
	font-size:14px;
	font-size:116.66%;
	padding: 13px 0;
	text-align: center;
}

table.normalTable td{
	padding: 13px 20px 13px 20px;
}


table.normalTable td a{
	text-decoration: none;
}

table.normalTable td a:hover{
	text-decoration: underline;
}

body.page-kidscampus table.normalTable{
	border-top: 1px solid #52a5a8;
	border-left: 1px solid #52a5a8;
	table-layout: fixed;
}

body.page-kidscampus table.normalTable th{
	background: #deefef;
	line-height: 1.4;
}

body.page-kidscampus table.normalTable td,
body.page-kidscampus table.normalTable th{
	border-bottom: 1px solid #52a5a8;
	border-right: 1px solid #52a5a8;
}

body.page-kidscampus table.normalTable td{
	padding: 10px 6px;
	text-align: left;
}

body.page-kidscampus table.normalTable td.tdNum{
	padding: 10px 0 13px 6px;
}



body.page-prevention table.normalTable{
	border-top: 1px solid #d96d00;
	border-left: 1px solid #d96d00;
}

body.page-prevention  table th{
	background: #f9f1e7;
}

body.page-prevention table.normalTable td,
body.page-prevention table.normalTable th{
	border-bottom: 1px solid #d96d00;
	border-right: 1px solid #d96d00;
}

body.page-prevention table.normalTable td{
	padding: 13px 8px 13px 10px;
	text-align: left;
}

body.page-prevention table.normalTable td a{
	color: #d96d00;
}


body.page-volunteerbank table.normalTable{
	border-top: 1px solid #322b64;
	border-left: 1px solid #322b64;
}

body.page-volunteerbank  table th{
	background: #e8ecf2;
}

body.page-volunteerbank table.normalTable td,
body.page-volunteerbank table.normalTable th{
	border-bottom: 1px solid #322b64;
	border-right: 1px solid #322b64;

}

body.page-volunteerbank table.normalTable td{
	padding: 13px 13px;
	text-align: left;
	width: 330px;
}

body.page-volunteerbank table.normalTable td a{
	color: #322b64;
}

table.normalTable.normalTable02 td{
	padding: 10px 10px;
	text-align: left;
	vertical-align: middle;
}
table.normalTable.normalTable03 td{
	padding: 10px 10px;
	vertical-align: middle;
}

.taL{
	text-align: left !important;
}
.w03{
	width: 140px;
}
.w130{
	width: 130px;
}
.w01{
	width: 135px;
}
.w02{
	width: 260px;
}

.w01Kidscampus{
	width: 4.4em;
}

.w02Kidscampus{
	width: 7.2em;
}

.w03Kidscampus{
	width: 4.0em;
}

.w04Kidscampus{
	width: 60px;
}

.w05Kidscampus{
	width: 125px;
}

.w06Kidscampus{
	width: 125px;
}


.w01Prevention{
	width: 170px;
}

/* kidscampus */

.kidscampusExample{
	position: relative;
}

.kidscampusExample ul{
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
}
.kidscampusExample ul li{
	margin-right: 15px;
}
.kidscampusExample ul li:nth-child(3n){
	margin-right: 0;
}


.eventBgBox{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 22px 28px;
}

body.page-prevention .eventBgBox{
	background: url(../event/img/kv_prevention_tex.png) 0 0 repeat;
}

.eventBgBox{
	background: url(../event/img/kv_kidscampus_tex.png) 0 0 repeat;
	padding: 22px 15px 22px 25px;
}

.imgCaption{
	text-align: center;
	margin-top: 5px;
}

.eventIndexItems{
	position: relative;
	width: 640px;
	margin: 0 auto;
}

.eventIndexItems li{
	width: 300px;
	margin-bottom: 30px;
}

.eventIndexItems li a{
	display: block;
	text-decoration: none;
}

.eventIndexItems li a:hover{
	opacity: 0.8;
}

.eventIndexItems li .spanBlock{
	text-align: center;
	display: block;
	font-size:14px;
	font-size:116.66%;
	color:#51a4a7;
	margin-top: 10px;
}

.eventIndexItems li .spanBlock span{
	letter-spacing: 0.06em;
}

.eventIndexItems li .spanBlock span.type02{
	padding-right: 2px;
}


.eventIndexItems li:nth-child(odd){
	float: left;
}

.eventIndexItems li:nth-child(even){
	float: right;
}

.pageLinkItems li{
	width: 354px;
	margin-bottom: 15px;
}

.pageLinkItems li img{
	vertical-align: top;
}

.pageLinkItems.row05 li{
	width: 136px;
	margin-right:10px; 
}

.pageLinkItems.row05 li:nth-child(5){
	width: 136px;
	margin-right:0; 
}

.pageLinkItems.row05 li:nth-child(10){
	width: 136px;
	margin-right:0; 
}
.pageLinkItems.row05 li:nth-child(even){
	float: left;
}

.pageLinkItems li a:hover{
	opacity: 0.85;
}

.pageLinkItems li:nth-child(odd){
	float: left;
}

.pageLinkItems li:nth-child(even){
	float: right;
}

.stepItem{
	width: 100%;
	display: table;
	background: url(../volunteerbank/img/kv_volunteerbank_tex.png) 0 0 repeat;
	padding: 16px 0 16px;
	position: relative;
	margin-bottom: 51px;
}

.stepItem:after{
	position: absolute;
	content: '';
	width: 50px;
	height: 51px;
	bottom: -51px;
	left: 50%;
	margin-left: -25px;
	background: url(../volunteerbank/img/step_arrow_btm.png) 0 0 repeat;
}

.stepItems .stepItem:last-child{
	margin-bottom: 0;
}

.stepItems .stepItem:last-child:after{
	display: none;
}

.stepItemNum{
	display: table-cell;
	vertical-align: middle;
	width: 94px;
	text-align: center;
}

.stepItemTxt{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;

}

.stepItemTxt p{
	font-size:14px;
	font-size:116.66%;
	line-height: 1.6;
}

.numItems{

}

.numItems .numItem:last-child{
	background: none;
}

.numItem{
	width: 100%;
	display: table;
	background: url(../volunteerbank/img/line_repeat.png) 0 bottom repeat-x;
	padding: 24px 0 24px;
}

.numItemNum{
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	text-align: center;
}

.numItemTxt{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	font-size:14px;
	font-size:116.66%;
	line-height: 1.6;
}

.linkItems{}

.linkItems li{
	margin-bottom: 8px;
	background: url(../common/img/icon_arrow.png) 0 center no-repeat;
	padding: 0 0 0 12px;
}

.linkItems.pdf li a{
	background: url(../common/img/icon_pdf.png) right center no-repeat;
	padding: 3px 18px 3px 0;
}

.borderImg img{
	border: 1px solid #ccc; 
}

.extensionItems .extensionItem:last-child{
	margin-bottom: 0;
}

.extensionItem{
	background: url(../event/img/kv_akv_tex.png) 0 0 repeat;
	padding: 28px 25px;
	margin-bottom: 25px;
}

.tit-bold{
	font-size:16px;
	font-size:133.33%;
	line-height: 1.6;
	margin-bottom: 10px;
}

.extensionItem dl{
	margin-bottom: 15px;
	padding-top: 0px;
}

.extensionItem dl dt{
	margin-bottom: 5px;
}

.extensionItem dl dt span{
	margin-bottom: 5px;
	font-weight: bold;
	background: #f2f2f2;
	padding: 5px 12px;
}

.extensionItem dl dd{
	margin-bottom: 20px;
}

.btnDetail{
	text-align: center;
}

.btnDetail a{
	display: block;
	width: 204px;
	height: 39px;
	background: url(../common/img/btn_detail.png) 0 0 no-repeat;
	text-indent: -9999px;
}

.btnDetail a:hover{
	background: url(../common/img/btn_detail.png) 0 -39px no-repeat;
}

.layoutTable{
	width: 100%;
	display: table;
}

.layoutTable .layoutR,
.layoutTable .layoutL{
	display: table-cell;
	vertical-align: top;
	float: none;
}

.layoutTable .layoutR{
	padding-left: 30px;
	position: relative;
}

.layoutTable .layoutR .btnDetail{
	position: absolute;
	bottom: 0;
}

.btnBackExtension{
	text-align: center;
	margin: 35px 0 30px; 
}

.btnBackExtension a{
	display: block;
	width: 280px;
	height: 39px;
	background: url(../common/img/btn_back_extension.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0 auto; 
}

.btnBackExtension a:hover{
	background: url(../common/img/btn_back_extension.png) 0 -39px no-repeat;
}

.btnBackEvent{
	text-align: center;
	margin: 35px 0 30px; 
}

.btnBackEvent a{
	display: block;
	width: 280px;
	height: 39px;
	background: url(../common/img/btn_back_event.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0 auto; 
}

.btnBackEvent a:hover{
	background: url(../common/img/btn_back_event.png) 0 -39px no-repeat;
}