@charset "UTF-8";

/*
  1:SUITEコンテンツ
  -------------------------------------------------------
  ∟サンプル ヘッダー
  ∟サンプル グローバルメニュー
  ∟サンプル フッダー
  ∟
  ∟フッダーSNS

　2:コンテンツ
　-------------------------------------------------------
  ∟カラム
  ∟パーツ（ブロック）
  ∟タイトルボックス
  ∟検索結果ボックス

　3:ナビゲーションボタン
　-------------------------------------------------------
  ∟ナビ：上枠（cz_utility_box）
  ∟ナビボタン（cz_page_navi）
  ∟ナビ：下枠（cz_guide_box）－見つかりましたか？の部分－　

　4:ボタン
　-------------------------------------------------------
  ∟共通ボタン
  ∟ページトップ
  ∟フォントサイズチェンジ
  ∟タブ型ボタン
  ∟ページ送り

　5:部品
　-------------------------------------------------------
  ∟凡例ボックス
  ∟都道府県リスト
  ∟市区町村リスト
  ∟フォーム
  ∟装飾パンクズ
  ∟スケール（地図スケール）
  ∟新着情報（top）
  ∟地図型リスト（top）

　6:微調整部品
　-------------------------------------------------------
  ∟色・サイズ・フロート他
  ∟水平線
  ∟cz_clearfix




/* ----------------------------------------------------------------------------------
1:SUITEコンテンツ
---------------------------------------------------------------------------------- */
.cz_suite_contents{
	overflow: hidden;
	width: 1024px;
	/* min-width: 960px; */
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 0px;
	padding-bottom: 90px;
	/* border-left: 1px solid #DDE4F8; */
	/* border-right: 1px solid #DDE4F8; */
	/* border-top: 0px solid #DDE4F8; */
	/* border-bottom: 1px solid #DDE4F8; */
	/* background-color: #FAFAFF; */
}
.cz_print .cz_suite_contents{
	/* background: url(none); errorになるので修正20240301 */
	background: none;
}
.cz_weather .cz_suite_contents{
	/* background: url(none); errorになるので修正20240301 */
	background: none;
}
.cz_hisBack{
	position: absolute;
	top:10px;
	right:10px;
	font-size:22px;
}
/*
.cz_hisBack:before{
	content:"≪";
	color: #FFFFFF;
	margin: 0 4px 0 0;
	padding: 0 0.2em 0;
	font-size: 1.0rem;
	background: #4F7EB9;
	position:relative;
	border-radius: 50%;
}*/

/*ロゴ*/
div#cz_header img#step1{
	margin-top: 6px;
	margin-bottom: 0px;
	height: 36px;
}
/*サンプル　ヘッダー
------------------------------------------------------ */
#cz_header{
	position: relative;
}
/*ロゴ*/
#cz_header #top img{
	/* margin: 20px 0 22px; */
	margin: 5px 0 5px;
}

/*サンプル グローバルメニュー
------------------------------------------------------ */
#cz_header ul{
    width:950px;
	margin: 3px 0 20px;
    letter-spacing: -0.2em; /*liの隙間0は0.4*/
}
#cz_header ul li{
    width:133px;
    padding: 10px 10px;
    letter-spacing: normal;
	display: inline-block;
	/* For IE 6/7　隙間阻止 */
    *display: inline;
    *zoom: 1;
	font-size:0.8em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#cz_header ul li a{
	display: block;
}
#cz_header ul li{
	position: relative;
	text-align:center;
	vertical-align:middle;
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: #999999 0px 2px 2px; /* Safari, Chrome用 */
    -moz-box-shadow: #999999 0px 2px 2px;/* Firefox用 */
    box-shadow: #999999 0px 2px 2px;
	background:#DADEE6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DADEE6), to(#8F9DB3)); /* Safari, Chrome用 */
    background: -webkit-linear-gradient(#DADEE6,#8F9DB3); /* Safari, Chrome用 */
    background: -moz-linear-gradient(#DADEE6,#8F9DB3);/* Firefox用 */
    background: -ms-linear-gradient(#DADEE6,#8F9DB3); /* IE */
    background: -o-linear-gradient(#DADEE6,#8F9DB3); /* IE */
    background: linear-gradient(#DADEE6,#8F9DB3); /* IE */
    -pie-background: linear-gradient(#DADEE6,#8F9DB3); /* IE */
    behavior: url(PIE.htc); /*最後に記載*/
}

#cz_header ul li:hover,
#cz_header ul li.cz_selected{
	color: #ffffff;
	background: #018838;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#018838), to(#000033));
    background: -webkit-linear-gradient(#018838,#000033);
    background: -moz-linear-gradient(#018838,#000033);
    background: -ms-linear-gradient(#018838,#000033);
    background: -o-linear-gradient(#018838,#000033);
    background: linear-gradient(#018838,#000033);
    -pie-background: linear-gradient(#018838,#000033);
    behavior: url(PIE.htc); /*最後に記載*/
}

/* パンくず*/
.cz_breadcrumb{
	overflow: hidden;
	/* width: 940px; */
	/* width: 100%; */
	/* width: 930px; */
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	/* border-left: 2px solid #F1F1F9; */
	/* border-right: 2px solid #F1F1F9; */
	/* border-top: 2px solid #F1F1F9; */
	/* border-bottom: 2px solid #F1F1F9; */
	/* background-color: #f8fbf9; */
	font-size: 12px;
	color: #605969;
	text-align: left;
	vertical-align: middle;
}
.cz_breadcrumb a:link,
.cz_breadcrumb a:visited{
	color: #4F7EB9;
	text-decoration: underline;
}

.cz_systemname {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 24px;
}

/*サンプル フッダー
------------------------------------------------------ */
#cz_footer{
    padding: 1% 0 1%;
    text-align: right;
	clear:both;
        color: #FFFFFF;
        background-color: #666666;
	/*background: url(../img/sample_design/footer_bg.png) repeat-x;*/
    border-top: 1px solid #ffffff; /*シロ ボーダー 色指定*/
}
#cz_footer p,
#cz_footer address{
  width: 100%;
	margin: 0 auto;
}
#cz_footer address{
	font-size: 0.9em;
	position: relative;
	/* right:25%; */
	text-align: center;
}

/*footer SNS
------------------------------------------------------ */
/*SNS*/
#cz_follow{

}

/*SNS accmd0パターン*/
.pattern00 .cz_snsbox{
	width: 950px;
	margin: 0 auto;
}
.pattern00 .cz_snsbox {
	display: flex;
    display: -webkit-flex;
}
.pattern00 .cz_snsbox li {
	margin: 0px 1px;
	overflow: hidden;
}
.cz_snsbox li.cz_tw{ margin-top:0px;}

/*SNS accmd1パターン*/
.pattern01{
	text-align: center;
}
.pattern01 h3{
	font-size: 1.3em;
    letter-spacing: 0.05em;
	padding: 0 0 20px;
}
.pattern01 .cz_snsbox{
	list-style: inside;
	list-style-type: none;
}
.pattern01 .cz_snsbox li{
	display: inline !important;
}
.sns_bt a{
  display: inline-block;
  text-align: center;/*中央揃え*/
  text-decoration: none;/*下線消す*/
}
.sns_bt a:hover{/*ホバー時*/
  transition: .5s;/*ゆっくり変化*/
}
.sns_bt a .fab_ico{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 5px;/*角丸に*/
}
.sns_bt a .fab_ico:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
}
.sns_bt .fab_ico i{/*アイコン*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
  color: #FFF;/*白に*/
}

.insta_btn a .fab_ico{/*アイコンの背景*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
}
.insta_btn a .fab_ico:before{/*グラデーションを重ねるため*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}
.twit_btn a .fab_ico{/*アイコンの背景*/
  background: #00aced;
}
.face_btn a .fab_ico{/*アイコンの背景*/
  background: #3c5a98;
}
.line_btn a .fab_ico{/*アイコンの背景*/
  display: none;
  background: #00c300;
}



/* ----------------------------------------------------------------------------------
2:コンテンツ
---------------------------------------------------------------------------------- */
#cz_content{
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
}
#cz_content p{
    margin-bottom: 5px;
}
/*天気*/
.cz_weather #cz_content{
    width:500px;
}

/*カラム
------------------------------------------------------ */
.cz_Topclass div#cz_mainContent{
/* 
	width: 680px;
	margin-left: 8px;
*/
	float: left;
	width: 100%;
}
.cz_Topclass div#cz_sideContent{
    width: 240px;
    float: right;
}
.cz_Secondclass div#cz_mainContent{
	width: 940px;
}
.cz_Secondclass div#cz_sideContent,
.cz_Resultclass div#cz_sideContent,
.cz_Alphaclass div#cz_sideContent{
	margin-top:20px
}

/*パーツ（ブロック）
------------------------------------------------------ */
.cz_part01{
  /*  padding: 10px; */
}

/*タイトルボックス
------------------------------------------------------ */
.cz_title_box {
	position: relative;
}
.cz_title_box p{
	padding: 5px;
}

/* ----------------------------------------------------------------------------------
3:ナビゲーションボタン
---------------------------------------------------------------------------------- */

/*ナビ：上枠（cz_utility_box）
------------------------------------------------------ */
.cz_utility_box{
	padding: 5px;
	margin: 10px 0 20px;
	height: 2em;
	position: relative;
}
.cz_Topclass div#acc00{
	height:30px;
	margin: 10px 0 5px;
}
.cz_Topclass div#acc01{
	height:100%;
}


/*ナビボタン　cz_page_navi
------------------------------------------------------ */
ul.cz_page_navi{
    letter-spacing: -0.2em;
}
ul.cz_page_navi li{
    padding: 8px 10px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
ul.cz_page_navi li a{
	font-size: 0.9em;
	text-decoration: none;
}
.cz_page_navi li{
	position: relative;
	text-align:center;
	vertical-align:middle;
}


/*ナビ：下枠（cz_guide_box）－見つかりましたか？の部分－　
------------------------------------------------------ */
div.cz_guide_box{
	padding: 5px;
	margin: 10px 0;
	text-align: center;
}
div.cz_guide_box ul.cz_page_navi{
    width:80%;
	margin: 0 auto;
	padding: 1% 0;
}
div.cz_guide_box ul.cz_page_navi li{
    width:190px;
	margin-left: 50px;
	margin-right: 30px;
}

/* ----------------------------------------------------------------------------------
4:ボタン
---------------------------------------------------------------------------------- */

/*フォントサイズチェンジ
------------------------------------------------------ */
dl.cz_font_size {
	width: 210px;
	right: -10px;
	top: 5px;
	position: absolute;
}
dl.cz_font_size dt {
	margin: 0 5px 0 0;
	padding: 5px 0;
	float: left;
}
dl.cz_font_size dd{
	padding: 5px;
	letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
	cursor: pointer;
}
dl.cz_font_size dd span {
	display: block;
}
dl.cz_font_size a{
	font-weight: bold;
	text-decoration: none;
	color:#333333; /*濃グレー1 文字色 色指定*/
}
.cz_font_size dd:hover{
	color: #666666; /*濃グレー2 文字色 色指定*/
	background: #eeeeee; /*薄グレー2 背景色 色指定*/
}
.cz_font_size dd{
	text-align:center;
	vertical-align:middle;
	position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	/*色指定*/
    border: 1px solid #dfdfdf; /*薄グレー1 ボーダー 色指定*/
    -webkit-box-shadow: #666666 0px 1px 1px;
    -moz-box-shadow: #666666 0px 1px 1px;
    box-shadow: #666666 0px 1px 1px;
	background:#ffffff;  /*シロ 背景色 色指定*/
    behavior: url(PIE.htc); /*最後に記載*/
}

/*ページ送り
------------------------------------------------------ */
.cz_counter,
.cz_openmenu{
	/*padding: 10px;*/
	margin: 0 0 10px;
	text-align: center;
	/*font-size: 0.9em;*/
	/* background-color: #eeeeee; 薄グレー2 背景色 色指定*/
}
.cz_counter a,
.cz_openmenu a{
	margin: 0 1px;
	padding: 6px;
	text-decoration: none;
	border: solid 1px #cccccc;  /*グレー2 ボーダー 色指定*/
	background: #f2faf5; /*シロ 背景色 色指定*/
	color: black;
	text-decoration: underline;
}

p.cz_number{
	color: #666666; /*濃グレー2 文字色 色指定*/
}
p.cz_number strong{
    font-weight: bold;
    color: #666666; /*濃グレー2 文字色 色指定*/
}
.cz_counter ul,
.cz_openmenu  ul{
    letter-spacing: -0.1em;
}
.cz_counter ul li,
.cz_openmenu ul li{
	display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
}

/*ページトップ
------------------------------------------------------ */
p.cz_pagetop{
    padding: 5px 10px;
	position: absolute;
	right: 5px;
	top: 5px;
}
p.cz_pagetop a{
	font-size: 0.8em;
	text-decoration: none;
}
.cz_pagetop:hover{}
.cz_pagetop{
	text-align:center;
	vertical-align:middle;
	position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

/*タブ型ボタン　※tab_selector　selected　にはczはつけない。
------------------------------------------------------ */
ul.tab_menu{
	width:100%;
    letter-spacing: -0.2em;
	border-bottom: 1px solid #f8fbf9;/*薄青1 ボーダー 色指定*/
}
ul.tab_menu li{
	margin-left:0px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}

ul.tab_menu li a:before {
	/* content:"→"; */
	color: white;
	margin: 0 4px 0 0;
	padding: 0.2em 0.4em 0.3em;
	font-size: 0.9rem;
	background: #cccccc;
	position:relative;
	border-radius: 50%;
}

ul.tab_menu li a.selected:before {
	/* content:"→"; */
	color: white;
	margin: 0 4px 0 0;
	padding: 0.2em 0.4em 0.3em;
	font-size: 0.9rem;
	background: #AAB7D9;
	position:relative;
	border-radius: 50%;
}
ul.tab_menu li a.tab_selector{
	display:block;
    text-align:center;
	font-weight:normal;
    text-decoration: none;
	padding:8px 10px;
	margin-bottom: -2px
}
.cz_Detailclass ul.tab_menu li a.tab_selector{
	padding:10px;
}
.cz_Detailclass div#cz_sideContent {
    width: 350px;
    float: right;
	padding-left: 32px;
}
.cz_Detailclass div#cz_mainContent {
    width: 640px;
    float: left;
}
ul.tab_menu li a.tab_selector.selected{
	font-weight:bold;
}
ul.tab_menu li a.tab_selector{
	position: relative;
	text-align:center;
	vertical-align:middle;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius:  3px 3px 0 0;
    border-top: 1px solid #E8EAEF; /*グレー2 ボーダー 色指定*/
    border-left: 1px solid #E8EAEF;
    border-right: 1px solid #E8EAEF;
    border-bottom: none;
    behavior: url(PIE.htc);
}
ul.tab_menu li.cz_howto a.tab_selector:hover{
	border-radius:  none;
    border: none;
    box-shadow: none;
	background: #f8fbf9; /*薄青1 背景色 色指定*/
}

ul.re_tab_menu{
	text-align:center;
	width:100%;
    letter-spacing: -0.2em;
	background: #f8fbf9; /*薄青1 背景色 色指定*/
	padding:10px 0;
	margin-top:10px;
}
ul.re_tab_menu li{

	margin-left:1px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
ul.re_tab_menu li{
	position: relative;
	text-align:center;
	vertical-align:middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	/*色指定*/
    border: 1px solid #ffffff; /*シロ ボーダー 色指定*/
    -webkit-box-shadow: #666666 0px 1px 1px;
    -moz-box-shadow: #666666 0px 1px 1px;
    box-shadow: #666666 0px 1px 1px;
	background: #ffffff; /*シロ 背景色 色指定*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(eeeeee), to(#dfdfdf)); /*薄グレー2 淡グレー 色指定*/
    background: -webkit-linear-gradient(#eeeeee,#dfdfdf);
    background: -moz-linear-gradient(#eeeeee,#dfdfdf);
    background: -ms-linear-gradient(#eeeeee,#dfdfdf);
    background: -o-linear-gradient(#eeeeee,#dfdfdf);
    background: linear-gradient(#eeeeee,#dfdfdf);
    -pie-background: linear-gradient(#eeeeee,#dfdfdf);
    behavior: url(PIE.htc);
}
ul.re_tab_menu li a.tab_selector{
	display:block;
    text-align:center;
	font-weight:normal;
    text-decoration: none;
	padding:10px;
}
ul.tab_menu li a.tab_selector.selected,
ul.tab_menu li a.tab_selector:hover{
	position: relative;
	text-align:center;
	vertical-align:middle;
	color: #000;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius:  8px 8% 0 0;
	border-top: 1px solid #DDE4F8; /*グレー2 ボーダー 色指定*/
	border-left: 1px solid #DDE4F8;
	border-right: 1px solid #DDE4F8;
	border-bottom: 3px solid #1a753f;
	background: #e8f4ed; /*薄青1 背景色 色指定*/
	/* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8fbf9), to(#f8fbf9)); */ /*薄青2 薄青1 色指定*/
	/* background: -webkit-linear-gradient(#f8fbf9,#f8fbf9); */
	background: -moz-linear-gradient(#f8fbf9,#f8fbf9);
	background: -ms-linear-gradient(#f8fbf9,#f8fbf9);
	background: -o-linear-gradient(#f8fbf9,#f8fbf9);
	/* background: linear-gradient(#f8fbf9,#f8fbf9); */
	-pie-background: linear-gradient(#f8fbf9,#f8fbf9);
	behavior: url(PIE.htc);
}
ul.re_tab_menu li a.tab_selector.selected{
	font-weight:bold;
}

/*共通ボタン
----------------------------------------------------- */
/*----スタイル----*/
input.cz_searchBtn01{
	padding:8px;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	position: relative;
}

/*----指定サイズ----*/
.size01{
	width:75px;
	height:75px;
}
.size02{
	width:240px;
	height:50px;
}
.size03{
	width:75px;
	height:50px;
}
.size04{
	width:35px;
	height:35px;
}


/* ----------------------------------------------------------------------------------
5:部品
---------------------------------------------------------------------------------- */

/*凡例ボックス
------------------------------------------------------ */
dl.cz_mapAccount,
ul.cz_mapAccount02{
	padding: 5px;
	/* font-size: 0.9em; */
	background-color: #f8fbf9;
}
dl.cz_mapAccount dt{
	margin: 10px 0;
	font-weight: bold;
}
dl.cz_mapAccount dd{
	line-height: 1.7em;
}
ul.cz_mapAccount02{
	margin: 10px 0;
}
ul.cz_mapAccount02 li{
	margin: 0 5px 0 0;
    padding:5px;
	display: inline-block;
}
dl.cz_mapAccount dt span,
ul.cz_mapAccount02 li span{
	padding: 1px 2px 1px;
	margin: 0 2px 0 0;
	font-weight: bold;
}


/* 都道府県リスト
articleAddressList・searchLineCndList・searchStationList
------------------------------------------------------ */
ul.cz_usualList01{
    width: 100%;
    clear: both;
}
ul.cz_usualList01 li{
	width: 25%;
	float: left;
	padding: 1% 0;
	text-align: left;
}

/*市区町村リスト
articleAddressList・searchAddressList・searchStationList
------------------------------------------------------ */
dl.cz_usualList01_a{
    padding-bottom: 5%;
}
dl.cz_usualList01_a dt{
    width: 100%;
    margin: 1% 0;
    clear: both;
}
dl.cz_usualList01_a dd{
	width: 23%;
	letter-spacing: normal;
	display: inline-block;
	zoom: 1;
	padding: 10px 5px;
	margin-bottom: 4px;
	text-align: left;
	background-color: #f8fbf9;
}

/*フォーム
------------------------------------------------------ */
/*インプットテキストボックス */
input.cz_inputTxt{
    padding:5px;
    min-height: 18px;
    border: 1px solid #809db9; /*渋薄青 ボーダー 色指定*/
}
* html input.cz_inputTxt{
    height: 18px;
}
/* プルダウンメニュー */
select{
	width:100%;
}
select.cz_select01{
	padding: 8px;
    min-height: 20px;
}

/*地図スケール
------------------------------------------------------ */
/*スケール*/
.cz_scale_line{
  height: 15px;
  width: calc(100% - 6px);
  width : -webkit-calc(100% - 6px);
  margin-bottom:3px;
  border-bottom:#000 solid 3px; /*黒 ボーダー 色指定*/
  border-left:#000 solid 2px; /*黒 ボーダー 色指定*/
  border-right:#000 solid 2px; /*黒 ボーダー 色指定*/
}
.cz_liner{
  height: 15px;
  float:left;
  width : 24%;
  width : -webkit-calc((100% - 6px) / 4);
  width : calc((100% - 6px) / 4);
  border-right:#000 solid 1px; /*黒 ボーダー 色指定*/
}
.cz_liner:last-child{
 border-right:none;
}
.cz_value_Box{
  width: 100%;
  display:flex;
  display: -webkit-flex;
  position: relative;
  margin-bottom:20px;
}
.cz_value1,.cz_value2,.cz_value3,.cz_value4{
  width:auto;
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: bold;
  position:absolute;
}
.cz_value1{left: 25%; text-align:left}
.cz_value2{left: 50%;}
.cz_value3{left: 75%;}
.cz_value4{right: 0; text-align:right}

/*詳細 detailMap
------------------------------------------------------ */
/* SNS（未使用）
.cz_twitter{width:95px;float: left;}
.cz_facebook{width:110px;float: left;}
.cz_gplus{width:150px;float: left;}
.cz_hatena{float: left;}
 */

/*新着情報（top）
------------------------------------------------------ */
.cz_inform{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:  5px;
	behavior: url(PIE.htc); /*最後に記載*/
}
.cz_inform{
    width: 70%;
	padding: 5px;
    font-size: 0.8em;
}
.cz_inform dt{
	margin-bottom: 5px;
	font-weight: bold;
}
.cz_inform ul{
	background-color:transparent; /*透過 背景色 色指定*/
}
.cz_inform li{
	padding: 0 10px;
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	background: url(../img/arrow_01.gif) no-repeat left center;
	background-color:transparent; /*透過 背景色 色指定*/
}
.cz_inform li img{
    margin-left: 5px;
}
.cz_title_box p.cz_abso{
	width: 220px;
	padding: 0px;
	position: absolute;
	top:5px;
	right:5px;
	display: block;
}
/*地図型リスト（top）
------------------------------------------------------ */
.cz_list_map{
	position: absolute;
}
.cz_list_map dt{
	text-align: center;
	position: absolute;
	padding: 10px 0 0;
    box-sizing: border-box;
}
.cz_list_map dd{
	position: absolute;
	text-align: center;
	padding: 8px 0;
  box-sizing: border-box;
}
.cz_list_map dd a{
	display: block;
	text-align: center;
}
/* 北海道・東北エリア */
dl.cz_area01{
	width: 154px;
	top: 10px;
	right: 10px;
}
dl.cz_area01 dt{
	width: 154px;
	top: 0px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref01{
	width: 154px;
	top: 30px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref02{
	width: 154px;
	top: 70px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref03{
	width: 75px;
	top: 110px;
	right: 0px;
}
dl.cz_area01 dd.cz_pref05{
	width: 75px;
	top: 110px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref04{
	width: 75px;
	top: 150px;
	right: 0px;
}
dl.cz_area01 dd.cz_pref06{
	width: 75px;
	top: 150px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref07{
	width: 154px;
	top: 190px;
	left: 0px;
}
/* 関東エリア */
dl.cz_area02{
	width: 154px;
	top: 240px;
	right: 10px;
}
dl.cz_area02 dt{
	width: 154px;
	top: 0px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref01{
	width: 75px;
	top: 30px;
	right: 0px;
}
dl.cz_area02 dd.cz_pref02{
	width: 75px;
	top: 30px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref03{
	width: 75px;
	top: 70px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref05{
	width: 75px;
	top: 70px;
	right: 0px;
}
dl.cz_area02 dd.cz_pref04{
	width: 75px;
	top: 110px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref06{
	width: 75px;
	top: 110px;
	right: 0px;
}
dl.cz_area02 dd.cz_pref07{
	width: 75px;
	top: 150px;
	left: 0px;
}
/* 甲信越エリア */
dl.cz_area03{
	width: 77px;
	top: 130px;
	right: 175px;
}
dl.cz_area03 dt{
	width: 75px;
	top: 0px;
	left: 0px;
}
dl.cz_area03 dd.cz_pref01{
	width: 75px;
	top: 30px;
	left: 0px;
}
dl.cz_area03 dd.cz_pref03{
	width: 75px;
	top: 70px;
	left: 0px;
}
dl.cz_area03 dd.cz_pref02{
	width: 75px;
	top: 110px;
	right: 0px;
}
/* 東海エリア */
dl.cz_area04{
	width: 154px;
	top: 280px;
	right: 175px;
}
dl.cz_area04 dt{
	width: 154px;
	top: 0px;
	left: 0px;
}
dl.cz_area04 dd.cz_pref01{
	width: 154px;
	top: 30px;
	left: 0px;
}
dl.cz_area04 dd.cz_pref02{
	width: 75px;
	top: 70px;
	right: 0px;
}
dl.cz_area04 dd.cz_pref03{
	width: 75px;
	top: 70px;
	left: 0px;
}
dl.cz_area04 dd.cz_pref04{
	width: 75px;
	top: 110px;
	left: 0px;
}
/* 北陸エリア */
dl.cz_area05{
	width: 154px;
	top: 20px;
	right: 240px;
}
dl.cz_area05 dt{
	width: 154px;
	top: 0px;
	left: 0px;
}
dl.cz_area05 dd.cz_pref02{
	width: 110px;
	top: 30px;
	left: 0px;
}
dl.cz_area05 dd.cz_pref01{
	width: 75px;
	top: 70px;
	left: 79px;
}
dl.cz_area05 dd.cz_pref03{
	width: 75px;
	top: 70px;
	left: 0px;
}
dl.cz_area05 dd.cz_pref04{
	width: 75px;
	top: 60px;
	right: 0px;
}
/* 関西エリア */
dl.cz_area06{
	width: 154px;
	top: 130px;
	right: 260px;
}
dl.cz_area06 dt{
	width: 154px;
	top: 0px;
	left: 0px;
}

dl.cz_area06 dd.cz_pref02{
	width: 75px;
	top: 30px;
	right: 0px;
}
dl.cz_area06 dd.cz_pref04{
	width: 75px;
	top: 30px;
	left: 0px;
}
dl.cz_area06 dd.cz_pref01{
	width: 75px;
	top: 70px;
	right: 0px;
}
dl.cz_area06 dd.cz_pref03{
	width: 75px;
	top: 70px;
	left: 0px;
}
dl.cz_area06 dd.cz_pref05{
	width: 75px;
	top: 110px;
	left: 0px;
}
dl.cz_area06 dd.cz_pref06{
	width: 75px;
	top: 110px;
	right: 0px;
}
/* 中国エリア */
dl.cz_area07{
	width: 236px;
	top: 100px;
	right: 425px;
}
dl.cz_area07 dt{
	width: 234px;
	top: 0px;
	left: 0px;
}
dl.cz_area07 dd.cz_pref01{
	width: 75px;
	top: 30px;
	right: 0px;
}
dl.cz_area07 dd.cz_pref02{
	width: 75px;
	top: 30px;
	left: 80px;
}
dl.cz_area07 dd.cz_pref05{
	width: 75px;
	top: 30px;
	left: 0px;
	line-height: 56px;
}
dl.cz_area07 dd.cz_pref03{
	width: 75px;
	top: 70px;
	right: 0px;
}
dl.cz_area07 dd.cz_pref04{
	width: 75px;
	top: 70px;
	left: 80px;
}

/* 四国エリア */
dl.cz_area08{
	width: 154px;
	top: 280px;
	right: 340px;
}
dl.cz_area08 dt{
	width: 154px;
	top: 0px;
	left: 0px;
}
dl.cz_area08 dd.cz_pref02{
	width: 75px;
	top: 30px;
	right: 0px;
}
dl.cz_area08 dd.cz_pref03{
	width: 75px;
	top: 30px;
	left: 0px;
}
dl.cz_area08 dd.cz_pref01{
	width: 75px;
	top: 70px;
	right: 0px;
}
dl.cz_area08 dd.cz_pref04{
	width: 75px;
	top: 70px;
	left: 0px;
}
/* 九州エリア */
dl.cz_area09{
	width: 154px;
	top: 210px;
	right: 510px;
}
dl.cz_area09 dt{
	width: 154px;
	top: 0px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref01{
	width: 75px;
	top: 30px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref02{
	width: 75px;
	top: 30px;
	right: 0px;
}
dl.cz_area09 dd.cz_pref03{
	width: 75px;
	top: 70px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref05{
	width: 75px;
	top: 70px;
	right: 0px;
}
dl.cz_area09 dd.cz_pref04{
	width: 75px;
	top: 110px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref06{
	width: 75px;
	top: 110px;
	right: 0px;
}
dl.cz_area09 dd.cz_pref07{
	width: 154px;
	top: 150px;
	right: 0px;
}
dl.cz_area09 dd.cz_pref08{
	width: 75px;
	top: 190px;
	left: 0px;
}

/*都道府県リスト
------------------------------------------------------ */
.cz_pref_list dl {
	width: 680px;
	height: 30px;
	padding: 10px 0;
    list-style:none;
	border-top: 1px solid #ccc;
}
.cz_pref_list dl:nth-child(odd){}
.cz_pref_list dl:nth-child(even){}
.cz_pref_list dl dt {
	width: 100px;
	height: 30px;
	line-height: 28px;
	text-align: left;
	font-size:0.9em;
	font-weight: bold;
	float: left;
	padding: 0 5px;
	margin-right: 10px;
}

/*　2行 */
.cz_pref_list dl.cz_areaB01,
.cz_pref_list dl.cz_areaB03,
.cz_pref_list dl.cz_areaB07{
	height: 70px;
}
.cz_pref_list dl.cz_areaB01 dt,
.cz_pref_list dl.cz_areaB03 dt,
.cz_pref_list dl.cz_areaB07 dt{
	height: 70px;
}

.cz_pref_list dl dd{
	width: 560px;
	float: left;
}
.cz_pref_list dl dd ul{
	width: 560px;
	overflow: hidden;
}
.cz_pref_list dl dd ul li{
	float: left;
}
.cz_pref_list dl dd ul li{
	width: 74px;
	height: 34px;
	line-height: 30px;
	margin: 0 3px 5px 0;
	box-sizing: border-box;
	display: block;
	text-align: center;
	border: 2px solid #869099;
	background: #ffffff;
}


/* ----------------------------------------------------------------------------------
6:微調整部品
---------------------------------------------------------------------------------- */

/*調整
------------------------------------------------------ */
.cz_layL{float: left;}
.cz_layR{float: right;}
.cz_mb2{margin-bottom:2px;}
.cz_mb10{margin-bottom: 10px;}
.cz_mb20{margin-bottom: 20px;}
.cz_mr10{margin-right: 10px;}
.cz_mr5{margin-right: 5px;}
.cz_mt10{margin-top: 10px;}
.cz_mb50{margin-bottom:50px;}
.cz_p5{padding: 5px;}
.cz_noshow{display: none;}
.cz_w49{width: 49%;}
.cz_w49_5{width: 49.5%;}
.cz_w90{width: 90%;}
.cz_w70{width: 70%;}
.cz_w60{width: 60%;}
.cz_clear{clear:both;}
.cz_center{text-align: center;}
.cz_abso{position: absolute;}
.cz_rela{position: relative;}

/*水平線
------------------------------------------------------ */
hr.cz_line01{
	margin: 30px 0;
}

/*cz_clearfix
------------------------------------------------------ */
* html .cz_clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}
.cz_clearfix {
    zoom: 1;
    /* min-height: 1px; */ /*IE6、7対策*/
}
.cz_clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
* html div.cz_result_box,
* html div.cz_revaluation_box,
* html div.cz_inner,
* html div.cz_map_box,
* html .tab_menu{
    height: 1px;
    height: auto;
    overflow: hidden;
}
div.cz_result_box,
div.cz_revaluation_box,
div.cz_inner,
div.cz_map_box{
    zoom: 1;
}
div.cz_result_box:after,
div.cz_revaluation_box:after,
div.cz_inner:after,
div.cz_map_box:after{
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}

/* cz_clearfix
------------------------------------------------------ */
div.cz_part01,
div.cz_part02,
div.cz_counter,
div.cz_openmenu,
div#cz_toolArea,
div#cz_content,
p.cz_search01,
div.cz_linkLine,
.cz_mapAccount,
.cz_mapAccount02,
.cz_mapAccount03,
ul.cz_usualList01,
div.cz_usualList01_a,
div.cz_usualList01_a dl,
div.cz_door_box,
div.cz_revaluation_box,
div.cz_map_box,
ul.tab_menu,
div.cz_result_box,
div.cz_inner,
div.cz_legend{
zoom: 1;
}

div.cz_part01:after,
div.cz_part02:after,
div.cz_counter:after,
div.cz_openmenu:after,
div#cz_toolArea:after,
div#cz_content:after,
p.cz_search01:after,
div.cz_linkLine:after,
.cz_mapAccount:after,
.cz_mapAccount02:after,
.cz_mapAccount03:after,
ul.cz_usualList01:after,
div.cz_usualList01_a:after,
div.cz_usualList01_a dl:after,
div.cz_door_box:after,
div.cz_revaluation_box:after,
div.cz_map_box:after,
ul.tab_menu:after,
div.cz_result_box:after,
div.cz_inner:after,
div.cz_legend:after{
content: '';
display: block;
clear: both;
}

.cz_railsmapTopBtn {
    width: 50px;
    height: 10px;
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 863px;
}
#ajaxMap_topMap {
    display: block;
    position: relative;
    padding: 0px;
    width: 934px;
    height: 467px;
    /* margin-bottom: 10px; */
	margin: auto;
}
.cz_ohp_top_check_btn {
    text-align: right;margin-top: 230px;
}
/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.ohp_clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.ohp_clearfix {
	min-height		: 1%;
	clear: both;
	display			: block;
}
/* FOR MAC IE \*/
* html .ohp_clearfix {
	height			: 1%;
}
/* END OF FOR MAC IE */



/*地図用*/
.map_ohp{
	font-family		: 'Noto Sans JP', sans-serif;
	font-size:14px;
	width:930px;
	height:450px;
	/* background-image:url(../img/map.png); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% auto;
	text-align:center;
	}
.map_ohp { overflow:hidden;}

.map_s{ background-color:rgba(200,200,200,0.25); width:calc(100% - 3px); padding:60px 0px 60px 3px; border-radius:8px; margin:auto;}
.map_tate{ float:left; width:77px;}
.map_tate2{ float:left; width:154px;}
.map_tate3{ float:left; width:231px;}
.map_head{width:77px; margin-left:385px;}
.map_foot{width:693px; margin-left:154px;}


.map_ohp a:hover{
			color:#fff;
			background-color:#777;
			border: 1px solid #777;
			text-decoration: none;
			 }

.map_ohp a{		  float:left;
			  color:#777;
			  background-color:rgba(230,230,230,0.8);
			  border: 1px solid #777;
			  text-decoration: none;
			  text-align:center;
			  display: block;
			  border-radius:4px;
			  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.25);
			  margin:0px 1px 1px 0px;
			  overflow:hidden;
			  }


.map_x1y1 a{
			width:74px; height:27px;
			line-height:27px;
			  padding:5px 0;
			  }


.map_x1y2 a{
			width:74px; height:67px;
			line-height:67px;
			  padding:5px 0;
			  }


.map_x1y3 a{
			width:74px; height:107px;
			line-height:107px;
			  padding:5px 0;
			  }


.map_x2y2 a{
			width:151px; height:67px;
			line-height:67px;
			  padding:5px 0;
			  }



.map_x2y1 a{
			width:151px; height:27px;
			line-height:27px;
			  padding:5px 0;
			  }

.map_b{ width:77px; height:40px; float:left;}
.map_b2{ width:154px; height:40px; float:left;}
.fl{ float:left;}
.ml405{ margin-left:385px;}

.sibu a:hover{
			color:#fff;
			background-color:#105522;
			border: 1px solid #105522;
			 }

.sibu a{
			  color:#105532;
			  background-color:rgba(245,255,225,0.8);
			  border: 1px solid #105532;
			  text-decoration: none;
			  }



.seibu a:hover{
			color:#fff;
			background-color:#c20735;
			border: 1px solid #c20735;
			 }

.seibu a{
			  color:#c20735;
			  background-color:rgba(255,235,245,0.8);
			  border: 1px solid #c20735;
			  text-decoration: none;
			  }

.tobu a:hover{
			color:#fff;
			background-color:#005485;
			border: 1px solid #005485;
			 }

.tobu a{
			  color:#005485;
			  background-color:rgba(225,245,255,0.8);
			  border: 1px solid #005485;
			  text-decoration: none;
}

.kubu a:hover{
	color:#fff;
	background-color:#FFA000;
	border: 1px solid #FFA000;
	 }

.kubu a{
	  color:black;
	  background-color:#fff1da;
	  border: 1px solid#FFA000;
	  text-decoration: none;
}