@charset "utf-8";

/*-------------*/
/*bodyBox*/
/*-------------*/
	body{
		background          : #f7f7f2;

	}

	h2{ font-weight        : normal;}
	h3{ font-weight        : normal;}

	.crl_01{ color         : #f7363f;   /* 赤系 */ }
	.crl_02{ color         : #0a9cf9;   /* 青系 */ }
	.crl_03{ color         : #006bb6;   /* 濃青系 */ }
	.bg_001{ background    : #fefefb;   /* 背景色 薄い黄色*/ }
	.bg_002{ background    : #f7363f;   /* 背景色 薄い	赤色*/ 
			 color         : #fff;
			 padding       : 3px;
			 margin        : 5px 0 10px 0;
	}
	.bg_003{ background    : #006bb6;   /* 濃青系*/ }

	.bg_004{ background    : #0a9cf9;   /* 背景色 薄い黄色*/ 
			 color         : #fff;
			 padding       : 5px 10px;
			 margin        : 5px 0 10px 0;
	}

	.bol_01{ font-weight   : bold;      /* 太文字 */ }
	.big_01{ font-size     : 170%;      /* 大きい文字サイズ */ }
	.big_02{ font-size     : 130%;      /* 大きい文字サイズ */ }
	.sml_01{ font-size     : 80%;       /* 小さい文字サイズ */ }
	.cnt{ text-align       : center;    /* 文字センター */ }

	.border{
		border           : 1px solid #000;
		padding          : 7px 8px 5px 5px;
		/*width            : auto;*/
	}

	.border_02{
		border           : 1px solid #fff;
		padding          : 7px 8px 5px 5px;
		/*width            : auto;*/
	}

	.border_03{
		border           : 1px solid #fff;
		padding          : 7px 8px 5px 5px;
		/*width            : auto;*/
	}

	.border_btm{
		border-bottom           : 1px solid #fff;
	}

	.border_left{
		border-left           : 5px solid #283143;
	}

	.horiz{
		margin             : 20px 0;
		width              : 980px;
		height             : 2px;
		padding            : 10px 10px 20px 10px;
		border-bottom      : 1px solid #000;
		
	}

	.indent-01 {
		padding-left       : 1em;
		text-indent        : -1em;
	}

	.indent-02 {
		padding-left       : 1em;
	}

	.indent-03 {
		padding-left       : 1em;
		text-indent        : 2em;
	}

	.indent-04 {
		padding-top        : 5px;
		padding-left       : 1em;
	}

	.l_height {
		line-height       :1.8;
	}

	.dl:after {
		content           : url(../img_header/pdf.png);
		margin            : 5px;
		position          : relative;
		top               : 6px;
		left              :5px;
		right             :5px;
	}

	/*---------------------*/
	/*矢印アイコン*/
	/*---------------------*/

	.arrow{
		position          : relative;
		display           : inline-block;
		padding           : 0 0 0 16px;
		color             : #000;
		vertical-align    : middle;
		text-decoration   : none;
		font-size         : 15px;
	}

	.arrow::before,
	.arrow::after{
		position         : absolute;
		top              : 0;
		bottom           : 0;
		left             : 0;
		margin           : auto;
		content          : "";
		vertical-align   : middle;
	}

	.arr_ku::before{
		width            : 12px;
		height           : 12px;
		-webkit-border-radius: 50%;
		border-radius    : 50%;
		background       : #f7363f;
		/*background       : #0a9cf9;*/
	}
	.arr_ku::after{
		left            : 3px;
		width           : 3px;
		height          : 3px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/*---------------------*/
	/*コンテンツ(index含む)*/
	/*---------------------*/

	.contents {
		width              : 1000px;
		margin             : 30px auto 30px auto;
		padding            : 10px 20px;
		overflow           : hidden;
		background         : #fff;
	}

	/*トップページ*/

	.swip_width{
		width              : 450px;

	}

	.mainBox_01 {
		width              : 940px;
		margin             : 20px auto;
		padding            : 10px 30px 10px 30px;
		overflow           : hidden;
		line-height        : 1.7;

	}

	/*全ページ共通 パンくず*/

	.pan {
		width              : 1000px;
		font-size          : 80%;
		margin             : 28px 0 10px 0;
		padding            : 5px ;
		background         : #f0f0f0;

		/*border             : 1px solid #ccc;*/
	}

	/*----------------------------*/
	/*サイドメニューがない場合*/
	/*----------------------------*/

	.box_01 {
		width              : 940px;
		padding            : 10px 30px 10px 30px;
		overflow           : hidden;
		line-height        : 1.6;
		background         : #fff;

	}

	.box_01_in {
		width              : 920px;
		padding            : 10px;
		overflow           : hidden;
		line-height        : 1.6;

	}

	/*----------------------------*/
	/*サブトップ*/
	/*----------------------------*/

	.box_01_a {
		width              : 990px;
		margin             : 30px 0 0 0;
		overflow           : hidden;
		line-height        : 1.6;
		background         : #fff;

	}

	/*取組*/

	.box_01_eff {
		width              : 1000px;
		height             : 90px;
		margin             : 0 auto;
		line-height        : 3.3;
		background-image   : url(../img_effort/back.png);
		background-repeat  : no-repeat;
		background-position: bottom center;
		background-color   : #fff;
	}

	/*活動*/

	.box_01_con {
		width              : 1000px;
		height             : 90px;
		margin             : 0 auto;
		line-height        : 3.3;
		background-image   : url(../img_contents/back.png);
		background-repeat  : no-repeat;
		background-position: bottom center;
		background-color   : #fff;
		

	}

	.subTop_01_b {
		width              : 960px;
		margin             : 0px 0 50px 0;
		padding            : 10px 20px 10px 20px;
		overflow           : hidden;
		line-height        : 1.6;
		color              : #fff;
		background         : #0a9cf9;

	}

	.subTop_01 {
		width              : 960px;
		margin             : 30px 0 50px 0;
		padding            : 10px 20px 10px 20px;
		overflow           : hidden;
		line-height        : 1.6;
		color              : #fff;
		background         : #0a9cf9;

	}


	.thumb_box{
		width              : 1000px;
		margin             : 30px auto;

	}

	.thumb {
		float              : left;
		width              : 200px;
		height             : 225px;
		margin-left        : 40px;
		margin-bottom      : 20px;
		position           : relative;
		/*background-image   : url(../img_contents/blockback.png);*/
		/*background-repeat  : no-repeat;*/
		/*background-position: bottom center;*/
		border             : 1px solid #e1e1e1;
	}

	.thumb a{
		display             : block;
		position            : absolute;
		top                 : 0;
		left                : 0;
		width               : 100%;
		height              : 100%;
	}

	.thumb a:hover{
		box-shadow          : 0 6px 8px 2px #a8a8a8;
		background-color    :#21b0d9;
		filter              :alpha(opacity=50);
		-moz-opacity        : 0.5;
		opacity             : 0.5;
		transition          : all 0.8s;
	}

	.thumb_img{
		width              : 200px;
	}

	.thumb_txt{
		width              : 190px;
		padding            : 30px 5px 5px 5px;
		text-align         : center;
		color              : #3c3c3c;
		background         : #fff;
		font-size          : 86%;
	}

	/*----------------------------*/
	/*左にサイドメニューがある場合*/
	/*----------------------------*/

	.rightbox {
		float              : left;
		width              : 710px;
		margin-left        : 20px;
		padding            : 10px;
		background         : #fff;
	}
/*
	.rightbox :after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		overflow: hidden;
	}
*/

	/*----------------------------------------------------*/
	/*セレクトボックス*/
	/*----------------------------------------------------*/

	.sltBox {
		width              : 710px;
		text-align         : center;
		margin-bottom      : 20px;
	}

	select {
		font-size              : 100%;
		width                  : 450px;
		padding                : 6px;
		border                 : 1px solid #999;
		color                  : #3c3c3c;
		background             : #fdfdf6;
	}

	.countView {
		width                 : 690px;
		padding-left          : 20px;
		font-size             : 80%;
		margin-bottom         : 10px;
	}

	/*----------------------------------------------------*/
	/*都道府県列挙*/
	/*----------------------------------------------------*/

	.pref_regi {
		width                : 300px;
		margin-left          : 6px;
		padding-left         : 30px;
		font-size            : 85%;
		color                : #fff;
		background           : #f7363f;
		/*border               : 1px solid #0a9cf9;*/
	}

	.prefBox {
		width                : 670px;
		margin               : 0 auto 20px auto;
		padding-left         : 30px;
		background           :#fdfaea;
		/*border               : 1px solid #0a9cf9;*/
	}

	.prefBox ul {

		padding-top          : 20px;
		padding-bottom       : 20px;
	}

	.prefBox ul li {
		display              : inline-block;
		text-align           : center;
		width                : 120px;
		font-size            : 90%;
	}



	/*----------------------------------------------------*/
	/*左にサイドメニューがある場合の最下段で前後ページ案内*/
	/*----------------------------------------------------*/

	.bottmbox_01 {
		width              : 710px;
		margin-top         : 50px;
		margin-bottom      : 330px;
		margin-left        : 0px;
		/*height             : 15px;*/
		padding            : 10px 0px;
		overflow           : hidden;
		line-height        : 1.6;
		background         : #fcfaf0;
		/*border-bottom      : 1px dotted #ccc;*/
	}

	.nextP {
		float             : right;
		padding-right     : 30px;
		font-size         : 85%;
		/*width             : 300px;*/
	}


	.prevP {
		float             : left;
		padding-left      : 30px;
		font-size         : 85%;
		/*width             : 300px;*/
	}

	/*--------------*/
	/*会員の活動内容*/
	/*--------------*/

	.title_act{
		margin             : 20px 0 40px 0;
		font-size          : 130%;
		width              : 100%;
		color              : #000;
		/*color              : #0a9cf9;*/
		border-bottom      : 2px solid #ccc;
	}

	.exp {
		float              : left;
		width              : 690px;
		padding            : 0px 40px 0px 10px;
	}

	.update {
		float              : left;
		width              : 690px;
		text-align         : right;
		font-size          : 90%;
		padding            : 0px 40px 10px 10px;
	}

	.byYearBox {
		float              : left;
		width              : 680px;
		padding            : 20px 0 20px 10px;
		border-bottom      : 1px solid #e1e1e1;
		/*border             : 1px solid #ccc;*/
	}

	.subYear{ 
		width              :95%;
		padding-left       : 20px;
	}

	.migi {
		float             : right;
		margin            : 10px 10px 10px 10px;
	}

	/*--防災まちづくり支援システム(画像)--*/

	.cnt_img{
		width            : 100%;
		margin           : 0 auto;
		text-align       : center;

	}

	.txt_l{
		padding-left       :2em;
		line-height        : 1.8;
	}

	/*画像なあり（縦）*/

	.area_box01_IMG{
		padding-top        : 10px;
		padding-left       : 15px;
		padding-right      : 10px;
		font-size          : 92%;
		line-height        : 1.6;
	}

	.area_box01_IMG ul {
		padding-top        : 15px;

	}

	.area_box01_IMG ul li {

		line-height        : 1.7;
		padding            : 5px 5px 5px 10px;

	}


	/*画像なあり（横）*/

	.area_box01_IMG_w{
		float              : left;
		width              : 260px;
		height             : 190px;
		border             : 1px solid #e1e1e1;
		margin-top         : 20px;
		margin-left        : 15px;
		margin-right       : 15px;
	}



	/*画像なし*/

	.area_box01_txt{
		padding-top        : 10px;
		padding-left       : 15px;
		padding-right      : 10px;
		font-size          : 92%;
		line-height        : 1.6;
	}

	.area_box01_txt ul li {

		line-height        : 1.7;
		padding            : 5px 5px 5px 10px;

	}



	/*--------------*/
	/*会員の取組状況*/
	/*--------------*/

	.title{
		margin             : 20px 0 40px 0;
		font-size          : 130%;
		width              : 100%;
		color              : #000;
		/*color              : #0a9cf9;*/
		border-bottom      : 2px solid #ccc;
	}



	/*----------------*/
	/*メンバーズページ*/
	/*----------------*/

	.title_mem{
		margin             : 20px 0 40px 0;
		font-size          : 130%;
		width              : 100%;
		color              : #000;
		/*color              : #0a9cf9;*/
		border-bottom      : 2px solid #ccc;
	}

	/*----------------*/

	.area_01{
		margin             : 0px 0 20px 0;
		width              : 100%;
		/*background         : #f7f8f8;*/
		/*background         : #f9f8f4;*/
		background         : #fff;
		border-bottom      : 2px dotted #ccc;
		padding            : 10px 5px;

	}

	.area_01_txt{
		padding-top        : 10px;
		padding-left       : 15px;
		padding-right      : 10px;
		font-size          : 92%;
		line-height        : 1.6;
	}

	.memTxt{

		padding-top        : 100px;
		text-align         : center;

	}

	.sride {

		position: relative;
		top: -10px;
		left: 5px;
	}

	/*アンカー*/

	.anc {

		margin-top        : 10px;
		margin-bottom     : 10px;

	}


	/*サイドメニュー*/

	.sideMenu {
		margin-top         : 20px;
		float              : left;
		width              : 248px;
		border             : 1px solid #dad9d9;
		/*background-color   : #f5f8fa;*/
	}

	/*--------------*/
	/*会員の取組状況*/
	/*--------------*/

	.cateName_1st{
		width              : 248px;
		height             : 50px;
		display            : table-cell;
		vertical-align     : middle;
		color              : #fff;
		background         : #303b4f;
		padding-left       : 10px;
		text-align         : left;
		font-size          : 110%;
		font-weight        : normal;
		border-left        : 10px solid #283143;
	}

	.cateName{
		width              : 248px;
		height             : 50px;
		display            : table-cell;
		vertical-align     : middle;
		color              : #fff;
		background         : #0a9cf9;
		padding-left       : 10px;
		text-align         : left;
		font-size          : 100%;
		font-weight        : normal;

	}

	/*----------------*/
	/*メンバーズページ*/
	/*----------------*/

	.cateName_mem{
		width              : 248px;
		height             : 50px;
		display            : table-cell;
		vertical-align     : middle;
		color              : #fff;
		background         : #f7363f;
		padding-left       : 10px;
		text-align         : left;
		font-size          : 110%;
		font-weight        : normal;

	}

	.cateName_mem2{
		width              : 248px;
		height             : 50px;
		display            : table-cell;
		vertical-align     : middle;
		color              : #fff;
		background         : #DF7401;
		padding-left       : 10px;
		text-align         : left;
		font-size          : 100%;
		font-weight        : normal;

	}


	/*----------------*/

	.sideMenu ul li{
		vertical-align     : middle;
		font-size          : 90%;
		padding            : 10px 10px;
		/*text-align         : center;*/
		border-bottom      : 1px dotted #ccc;
		width              : 228px;
		display            : inline-block;
		position           : relative;
	}


	.sideMenu ul li.fuki{
		vertical-align     : middle;
		font-size          : 90%;
		padding            : 10px 10px;
		/*text-align         : center;*/
		color              : #000;
		border-bottom      : 1px dotted #ccc;
		background         : #f0f0f0;
		/*background         : #dad9d9;*/
		width              : 228px;
		display            : inline-block;
		position           : relative;
	}


	.sideMenu ul li.fuki::before {
		content: "";
		display: inline-block;
		border: 12px solid transparent;
		border-left-color: #f0f0f0;
		/*border-left-color: #dad9d9;*/
		position: absolute;
		right: -24px;
		top: 50%;
		margin-top: -12px;
	}


	.sideMenu ul li a{
		text-decoration: none;
	}

	.sideMenu ul li a:hover{
		text-decoration: underline;
	}




	/*------------------------*/
	/*メンバーズページスペース*/
	/*------------------------*/

	.spaceH{
		width               : 100%;
		height              : 120px;

	}



	.infoErr{

		width                       : 950px;
		margin                      : 100px auto 50px auto;
		font-size                   : 50px;
		font-weight                 : bold;
		color                       : #1f3279;

	}

	.infoErr2{

		width                       : 950px;
		margin                      : 20px auto;
		font-size                   : 18px;
		color                       : #1f3279;

	}