@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{
	width:100%;
	margin: 0;
	background: #ffffff;
	color: #313131;
	font-family: 'Rounded Mplus 1c';
}
.cz_print .cz_suite_contents{
	background: url(none);
}
.cz_weather .cz_suite_contents{
	background: url(none);
}

/*サンプル　ヘッダー
------------------------------------------------------ */
#cz_header{
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
}
.cz_header_inner{
	/*width:950px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
	width: auto;
	max-width: 1200px;
}
/*ロゴ*/
#cz_header #top{
	float: left;
}
#cz_header #top img{
	margin: 12px 0;
}
#cz_header .cz_lng_header{
	padding: 9px 0;
	background-color: #00ab4e;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#cz_header .cz_btn_bk{
	position: relative;
	float: left;
	margin-top: 17px;
	margin-left: 25px;
	margin-right: 20px;
}
#cz_header .cz_btn_bk a{
	display: inline-block;
	box-sizing: border-box;
	margin-bottom: 10px;
	border: 2px solid #ddd;
	border-radius: 25px;
	padding: 8px 15px;
	background-color: #fff;
	line-height: 1.2;
	color: #008bcc;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-size: 0.8em;
	font-weight: normal;
	height: 35px;
}
#cz_header .cz_btn_bk a:link,
#cz_header .cz_btn_bk a:visited,
#cz_header .cz_btn_bk a:active {
	color: #008bcc;
}
#cz_header .cz_btn_bk a:hover{
	color: #008bcc;
	border-color: #0095da;
}

/*サンプル グローバルメニュー
------------------------------------------------------ */
#cz_header ul{
    /*width:950px;*/
        width:1280px;
	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: #003366;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003366), to(#000033));
    background: -webkit-linear-gradient(#003366,#000033);
    background: -moz-linear-gradient(#003366,#000033);
    background: -ms-linear-gradient(#003366,#000033);
    background: -o-linear-gradient(#003366,#000033);
    background: linear-gradient(#003366,#000033);
    -pie-background: linear-gradient(#003366,#000033);
    behavior: url(PIE.htc); /*最後に記載*/
}
#cz_header a:link,
#cz_header a:visited{
    color: #000033;
    text-decoration: none;
}
#cz_header a:hover,
#cz_header a:active{
    color: #ffffff;
    text-decoration: none;
}

/* パンくず*/
.cz_breadcrumb a:link,
.cz_breadcrumb a:visited{
    color: #008bcc;
	text-decoration: none;
}
.cz_breadcrumb a:hover,
.cz_breadcrumb a:active{
    color: #008bcc;
	text-decoration: underline;
}

.cz_breadcrumb {
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
	width: auto;
	max-width: 1200px;
	margin-top: 8px;
	margin-bottom: 5px;
	color: #313131;
	font-size: 11.5px;
}

.cz_breadcrumb a {
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 11.5px;
}

.cz_breadcrumb span {
	font-size: 11.5px;
}

/*サンプル フッダー
------------------------------------------------------ */
#cz_footer{
    padding: 20px 0 28px;
	clear:both;
	border-top: 1px solid #dcdcdc;
	border-bottom: 45px solid #0296e6;
}

#cz_footer .cz_foot_flink_area{
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
	width: auto;
	max-width: 1200px;
}

#cz_footer .cz_foot_flink_area .cz_logo_privacy {
	float: left;
	display: inline;
}

#cz_footer .cz_foot_flink_area .cz_logo_privacy img {
	width: 70px;
	height: auto;
}
#cz_footer .ly-wrp-cts {
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
	width: auto;
}
#cz_footer .cz_foot_flink_area .cz_wrp_flink {
	float: left;
	margin: 15px 0 0 15px;
	width: 680px;
}

#cz_footer .cz_foot_flink_area .cz_wrp_flink .cz_flink li {
	float: left;
	margin: 5px 15px 5px 0;
	border-right: 1px solid #c9c9c9;
	padding-right: 15px;
	line-height: 0.7em;
}

@media all and (-ms-high-contrast: none) {
	#cz_footer .cz_foot_flink_area .cz_wrp_flink .cz_flink li {
			margin: 5px 5px 5px 0;

	}
	#cz_footer .cz_foot_flink_area .cz_wrp_flink .cz_flink li a{
			display:block;
	}
	#cz_footer .cz_foot_flink_area .cz_wrp_flink{
			width: 650px;
	}
}

#cz_footer .cz_foot_flink_area .cz_wrp_flink .cz_flink li a {
	color: #707070;
	font-size: 11px;
	font-family: "Rounded Mplus 1c";
	font-weight: normal;
	text-decoration: none;
}
#cz_footer .cz_foot_flink_area .cz_wrp_flink .cz_flink li a:hover{
	text-decoration: underline;
}

#cz_footer .cz_foot_flink_area .cz_wrp_flink .cz_flink li.cz_flink-break {
	clear: both;
}

#cz_footer .cz_foot_flink_area .cz_wrp_flink .cz_flink li:last-child {
	border-right: none;
}

#cz_footer .cz_foot_flink_area .cz_copyright {
	float: right;
	margin-top: 43px;
	color: #707070;
	font-size: 10px;
}

/*footer SNS
------------------------------------------------------ */
/*SNS*/
#cz_follow{
	padding: 10px 0 10px;
	background-color: #e0dfde;
}

/*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{
    /*width:950px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
	width: auto;
	max-width: 1200px;
    padding-bottom: 10px;
}
#cz_content p{
    margin-bottom: 0;
}
#cz_content .cz_door_box div.cz_mainColumn p{
	margin-bottom: 25px;
}

/*天気*/
.cz_weather #cz_content{
    width:500px;
}

/* 絞り込みアイコンリスト　*/
.cz_part01.cz_top_box .cz_terms{
	display: block;
}
.cz_part01.cz_top_box .cz_serchselecticong01_left_fm,
.cz_part01.cz_top_box .cz_serchselecticong01_right_fm{
	margin-top: 40px;
}
.cz_part01.cz_top_box .cz_serchselecticong01_right_fm{
	width: 45%;
}
.cz_part01.cz_top_box .cz_terms dt{
	display: inline-block;
	position: relative;
}
.cz_part01.cz_top_box dd{
	/*position: relative;*/
	padding-left: 20%;
	margin-top: -35px;
}
.cz_part01.cz_top_box .cz_ac_display li{
	width: 20% !important;
	float: left;
}


/*カラム
------------------------------------------------------ */
.cz_Topclass div#cz_mainContent{
	/*width: 680px;
	width: calc(100% - 246px);
	float: left;*/
}
.cz_Topclass div#cz_sideContent{
    width: 240px;
    float: right;
}
.cz_Secondclass div#cz_mainContent{
	/*width: 950px;*/
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 1200px;
}
.cz_Secondclass div#cz_sideContent,
.cz_Resultclass div#cz_sideContent,
.cz_Alphaclass div#cz_sideContent{
	margin-top:20px
}

/*パーツ（ブロック）
------------------------------------------------------ */
.cz_part01{
    /*padding: 10px;*/
}
div.cz_part01.cz_top_box{
	background: #eeeeee;
	padding: 20px;
}
div.cz_part01.cz_top_box .cz_p5{
	font-weight: bold;
}

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

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

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

/*ナビボタン　cz_page_navi
------------------------------------------------------ */
ul.cz_page_navi{
    letter-spacing: -0.2em;
}
ul.cz_page_navi li{
    padding: 8px 20px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;

}
ul.cz_page_navi li+li{
	margin-left: 10px;
}
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;
	width:160px;
}


/*ナビ：下枠（cz_guide_box）－見つかりましたか？の部分－　
------------------------------------------------------ */
div.cz_guide_box{
	padding: 15px 0 0;
	margin: 10px 0;
	text-align: center;
	border-radius: 8px;
}
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;
}
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;
}
.cz_font_size dd:hover{
	color: #666666;
	background: #eeeeee;
}
.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;
    -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_font_size {
	float: right;
	margin-right: 1.58333%;
	box-sizing: border-box;
	width: 143px;
	border: 1px solid #80d5a7;
	border-radius: 3px;
	padding: 2px 5px 2px 9px;
	color: #ffffff;
	font-size: 10px;
	font-family: "Rounded Mplus 1c";
	font-weight: normal;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-shadow:0px 0px 0.1px rgba(51,51,51,0.5);
}

.cz_font_size dt{
	float: left;
	margin-right: 10px;
	padding-top: 1px;
}
.cz_font_size dd{
	float: left;
	margin-right: 3px;
}

.cz_font_size dd:last-child {
	margin-right: 0;
}

.cz_font_size dd.active a {
	background-color: #00863d;
}

.cz_font_size dd a {
	display: block;
	border-radius: 3px;
	width: 20px;
	color: #fff;
	line-height: 17px;
	text-align: center;
}
#cz_header .cz_font_size a:link,
#cz_header .cz_font_size a:visited{
	color: #ffffff;
}

.ly-head-snav-area .ly-fsize-switch .ly-btn-fsize-switch li a:hover {
	text-decoration: none;
}

.ly-head-snav-area .ly-fsize-switch .ly-btn-fsize-switch li.ly-act a {
	background-color: #00863d;
}

/*ページ送り
------------------------------------------------------ */
.cz_counter,
.cz_openmenu{
	padding: 10px;
	margin: 0;
	text-align: center;
	font-size: 0.9em;
	background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
.cz_search_result .cz_counter p{
	margin: 5px 0;
}
.cz_search_result .cz_counter{
	padding-top: 5px;
}
.cz_search_result .cz_counter.cz_top_box{
	border: 2px solid #ddd;
	/*border-radius:8px 8px 0 0;*/
}
.cz_search_result .cz_counter.cz_bottom_box{
	border: 2px solid #ddd;
	/*border-radius:0 0 8px 8px;*/
	border-top: none;
}


.cz_counter a,
.cz_openmenu a{
	margin: 0 1px;
	text-decoration: none;
	background: #008bcc;
	color: #ffffff;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.cz_counter a.cz_nav,
.cz_openmenu a.cz_nav{
	border-radius: 30px;
	width: 50px;
	text-decoration: none;
}
.cz_counter a:visited,
.cz_counter a:link,
.cz_openmenu a:visited,
.cz_openmenu a:link{
	text-decoration: none;
	color: #ffffff;
}
.cz_counter a:hover,
.cz_openmenu a:hover{
	background-color: #1c98e4;
}
.cz_counter span,
.cz_openmenu span{
	margin: 0 1px;
	text-decoration: none;
	background: #ffffff;
	color: #008bcc;
	border: 1px solid #008bcc;
	padding: 1px;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	border-radius: 50%;
}
.cz_openmenu a:hover{
	color: #ffffff;
}

p.cz_number{
	color: #666666; /*濃グレー2 文字色 色指定*/
}
.cz_number.cz_layL+p{
	position: relative;
	padding: 5px 0;
	width: 300px;
	text-align: center;
	margin: 0 auto;
}
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;
}
ul.tab_menu li,
ul.re_tab_menu li{
	margin-left:2px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
ul.tab_menu li a.tab_selector,
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.re_tab_menu li a.tab_selector.selected{
	font-weight:bold;
}
ul.tab_menu li a.tab_selector,
ul.re_tab_menu li a.tab_selector{
	position: relative;
	text-align:center;
	vertical-align:middle;
}
ul.tab_menu li a.tab_selector{
	line-height: 20px;
}
ul.tab_menu li a.tab_selector.selected,
ul.tab_menu li a.tab_selector:hover,
ul.re_tab_menu li a.tab_selector:hover{
	position: relative;
	text-align:center;
	vertical-align:middle;
}
/*該当するデータが無い場合*/
ul.re_tab_menu{
	text-align:center;
	width:100%;
    letter-spacing: -0.2em;
	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;
	width: 13.2%;
	margin-left: 1%;
}
ul.re_tab_menu li:first-child{
	margin-left: 0;
}
ul.re_tab_menu li a.tab_selector{
	display:block;
    text-align:center;
	font-weight:normal;
    text-decoration: none;
	padding:5px 10px;
}
ul.re_tab_menu li a{
	display: block;
	width: calc(100% - 20px);
}

/*共通ボタン
----------------------------------------------------- */
/*----スタイル----*/
input.cz_searchBtn01{
	padding:0px;
	font-size:0.9em;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	position: relative;
	box-shadow: none;
}

.cz_atten input.cz_searchBtn01{
	background: #ffffff;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: center;
}
.cz_btn_detail{
	display: inline-block;
	padding:10px 25px 10px 15px;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	position: relative;
	box-shadow: none;
}
.cz_search_btn_sp input.cz_searchBtn01{
	padding:0;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	position: relative;
	box-shadow: none;
	text-shadow: none;
	font-size: 1em;
	letter-spacing: 0.2em;
}
.cz_search_btn input.cz_searchBtn01{
	padding:0 0 0 20px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	position: relative;
	box-shadow: none;
	text-shadow: none;
	font-size: 1em;
	letter-spacing: 0.2em;
}
.cz_search_btn_sp{
	display: block;
}
.cz_search_btn{
	display: inline-block;
	position: relative;
}
.cz_search_btn_sp:before{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	content: '\f002';
	font-weight: 900;
	color: #ffffff;
	z-index: 1;
	margin-top: 18px;
	margin-left: 20px;
}
.cz_search_btn:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	content: '\f002';
	font-weight: 900;
	color: #ffffff;
	z-index: 1;
	margin-top: 15px;
	margin-left: 70px;
}
.cz_top_box span.cz_search_btn{
	margin-left: 15px;
}

.cz_btn_box{
	padding-bottom: 15px;
	padding-left: 5%;
	padding-right: 5%;
	margin: 25px 0;
	border-bottom: 1px solid #dcdcdc;
}
.cz_btn_group{
	float: left;
	text-align: center;
	width: 33.3%;
}
.cz_btn_group.cz_btn_list{
	width: 100%;
}
.cz_btn_group.cz_btn_list .cz_ttl_txt{
	margin-right: 15px;
}
.cz_btn_group.cz_btn_list li{
	width: 21%;
	float: left;
}

.cz_btn_group input.cz_searchBtn01,
.cz_btn_detail{
	/*background: url(../img/icon_arw01.png) no-repeat 94% 50%;
	background-size: 16px 16px;*/
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

#cz_footer .cz_footer_inner{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: auto;
	max-width: 1240px;
}
#cz_footer .cz_btn_group.cz_btn_list{
	float: right;
	width: 320px;
}
#cz_footer .cz_btn_group.cz_btn_list li {
	width: 160px;
}
#cz_footer .cz_btn_group.cz_btn_list li:last-child input{
	margin-right: 0;
	padding-right: 0;
}
#cz_footer .cz_btn_group.cz_btn_list li input.cz_searchBtn01.cz_mb20.size02{
	height: 40px;
	background-color: #fff;
	margin-bottom: 0;
}
.cz_btn_group input.cz_searchBtn01.cz_mb20{
	width: 58%;
}
.cz_btn_group.cz_btn_list input.cz_searchBtn01.cz_mb20{
	width: 90%;
}

.cz_btn_group input.cz_searchBtn01.cz_btn_gps,
.cz_btn_group input.cz_searchBtn01.cz_btn_prefectures,
.cz_btn_group input.cz_searchBtn01.cz_btn_train{
	background-color: #1c98e4;
	color: #ffffff;
	border: none;
	text-align: center;
	width: 285px;
	padding-left: 30px;
	margin-left: auto;
	margin-right: auto;
}
.cz_btn_group input.cz_searchBtn01.cz_btn_gps{
	background:#1c98e4 url(../img/icon_btn_gps.png) no-repeat 40px 50%;
	background-size: 16px auto;
}
.cz_btn_group input.cz_searchBtn01.cz_btn_prefectures{
	background:#1c98e4 url(../img/icon_btn_prefectures.png) no-repeat 50px 50%;
	background-size: 28px auto;
}
.cz_btn_group input.cz_searchBtn01.cz_btn_train{
	background:#1c98e4 url(../img/icon_btn_train.png) no-repeat 70px 50%;
	background-size: 24px auto;
}
input.cz_searchBtn01.cz_btn_sp_gps,
input.cz_searchBtn01.cz_btn_sp_gps:hover{
	background:url(../img/icon_btn_gps.png) no-repeat 20px 50%;
	background-size: 16px auto;
	background-color: #1c98e4;
	color: #ffffff;
	border-color: #1c98e4;
}
input.cz_searchBtn01.cz_btn_sp_prefectures,
input.cz_searchBtn01.cz_btn_sp_prefectures:hover{
	background:url(../img/icon_btn_prefectures.png) no-repeat 15px 50%;
	background-size: 28px auto;
	background-color: #1c98e4;
	color: #ffffff;
	border-color: #1c98e4;
}
input.cz_searchBtn01.cz_btn_sp_train,
input.cz_searchBtn01.cz_btn_sp_train:hover{
	background:url(../img/icon_btn_train.png) no-repeat 18px 50%;
	background-size: 24px auto;
	background-color: #1c98e4;
	color: #ffffff;
	border-color: #1c98e4;
}
.cz_btn_group input.cz_searchBtn01.cz_btn_gps:hover,
.cz_btn_group input.cz_searchBtn01.cz_btn_prefectures:hover,
.cz_btn_group input.cz_searchBtn01.cz_btn_train:hover{
	background-color: #1aa8f5;
}
.cz_btn_group.cz_btn_list .cz_ttl_txt{
	padding-right: 25px;
}
.cz_btn_group.cz_btn_list li input.cz_searchBtn01.txt_s{
	font-size: 0.8em;
	letter-spacing: -1px;
}
.cz_btn_group .cz_ttl_txt{
	float: left;
	font-weight: bold;
	padding: 10px 0;
	font-size: 1.2em;
	box-shadow: none;
	margin-right: 10px;
}
.cz_txt_cap{
	font-size: 0.75em;
}

/*----指定サイズ----*/
.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;
}
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: 25%;
	float: left;
	padding: 1% 0;
	text-align: left;
}

/*フォーム
------------------------------------------------------ */
/*インプットテキストボックス */
input.cz_inputTxt{
    padding:5px;
    min-height: 18px;
    border: 1px solid #809db9; /*渋薄青 ボーダー 色指定*/
}
input.cz_inputTxt{
    box-sizing: border-box;
    padding: 0 20px;
    border: medium none;
    border-radius: 20px;
    width: calc(100% - 270px);
    height: 40px;
    margin-top: 5px;
    background-color: #fff;
    color: #313131;
    font-family: 'Rounded Mplus 1c', sans-serif !important;
    font-weight: normal;
    text-shadow: 0px 0px 0.1px rgba(51,51,51,0.5);
	font-size: 0.9em;
}

* html input.cz_inputTxt{
    height: 18px;
}
/* プルダウンメニュー */
select{
	width:100%;
}
select.cz_select01{
    min-height: 20px;
}
#SearchSelectAdr select.cz_select01,
.SearchSelectAdr select.cz_select01{
	padding: 15px;
	font-size: 0.9em;
	font-weight: normal;
	border: 1px solid #9a9a9a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #ffffff url(../img/icon_pulldown.png) no-repeat 95% 50%;
	background-size: 15px;
}
.SearchSort select.cz_select01{
	padding: 10px 40px 10px 10px;
	font-size: 0.9em;
	font-weight: normal;
	border: 1px solid #9a9a9a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-top: 10px;
	position: absolute;
	z-index: 10;
	width: 160px;
	background: #ffffff url(../img/icon_pulldown.png) no-repeat 95% 50%;
	background-size: 15px;
}
.cz_search_result #SearchSelectAdr select.cz_select01{
	padding: 10px 40px 10px 10px;
	font-size: 1em;
	font-weight: normal;
	border: 1px solid #9a9a9a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 190px;
	margin-top: 5px;
	margin-bottom: 0px;
	position: relative;
	background: #ffffff url(../img/icon_pulldown.png) no-repeat 95% 50%;
	background-size: 15px;
}
.cz_search_result .SearchSort select.cz_select01{
	padding: 10px 40px 10px 10px;
	font-size: 1em;
	font-weight: normal;
	border: 1px solid #9a9a9a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	z-index: 10;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 190px;
	position: relative;
	background: #ffffff url(../img/icon_pulldown.png) no-repeat 95% 50%;
	background-size: 15px;
}
#SearchSelectAdr select.cz_select01::-ms-expand,
.SearchSelectAdr select.cz_select01::-ms-expand,
.SearchSort select.cz_select01::-ms-expand{
	display: none;
}
#SearchSelectAdr p.cz_select,
.SearchSelectAdr p.cz_select,
.SearchSort p.cz_select{
	position: relative;
	display: inline-block;
}
#SearchSelectAdr p.cz_select:first-child{
	width: 43%;
	margin-right: 2%;
}
#SearchSelectAdr p.cz_select:last-child{
	width: 53%;
}
.cz_result_box #SearchSelectAdr p.cz_select:last-child{
	width: 98%;
}

.cz_search_result #SearchSelectAdr p.cz_select:last-child {
	width: auto;
}
.cz_search_result .selectArea{
	max-width: 400px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*地図スケール
------------------------------------------------------ */
/*スケール*/
.cz_scale_line{
  height: 15px;
  width: calc(100% - 5px);
  width: -webkit-calc(100% - 5px);
  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((103% - 6px) / 4);
  width : calc((103% - 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}

.cz_detail_box div.cz_text_area{
	margin-bottom: 30px;
	padding: 15px;
	border: 2px solid #ddd;
	font-size: 0.9em;
  background-color: #fafafa;
	border-radius: 8px;
}

/*詳細 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{
    font-family: "ＭＳ Ｐゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
    width: 70%;
	padding: 10px;
    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;
	margin-top: 10px;
}
.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 dl dd a{
	display: block;
	text-align: center;
}
.cz_list_map dl dd a.hover{
	display: block;
	text-align: center;
}
.cz_list_map dl dd a.visited{
	display: block;
	text-align: center;
}
#tab1 > div > dl.cz_list_map a{
  /*color: #fff;*/
	font-weight: bold;
  font-family: "ＭＳ Ｐゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}

.cz_section_box.cz_ttl_box{
	padding: 5px 0;
}
.cz_section_box.cz_ttl_box .cz_ttl02{
	font-size: 1em;
	box-shadow: none;
	color: #313131;
}

.cz_accmd1 .cz_ttl02{
	margin-left: 20px;
	padding: 0;
}

.cz_accmd1{
	margin-top: 20px;
	line-height: 1.4;
}
.cz_accmd1 dl dd{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.cz_accmd1 dl dd:hover{
	opacity: 0.8;
}

/*.cz_accmd1 dl dd a{
  color: #fff;
}

.cz_accmd1 dl dd a.hover{
  color: #fff;
}

.cz_accmd1 dl dd a:visited{
  color: #fff;
}*/

/* 北海道・東北エリア */
dl.cz_area01{
	/*width: 114px;*/
	width: calc(100% / 15 * 2);
	top: 20px;
	right: 3.5%;
}
dl.cz_area01 dt{
	/*width: 114px;*/
	width: 100%;
	top: 0px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref01{
	/*width: 114px;*/
	width: 100%;
	height: 85px;
	padding-top: 33px;
	top: 0px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 96px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 96px;
	right: 0px;
}
dl.cz_area01 dd.cz_pref05{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 140px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 140px;
	right: 0px;
}
dl.cz_area01 dd.cz_pref06{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 184px;
	left: 0px;
}
dl.cz_area01 dd.cz_pref07{
	/*width: 114px;*/
	width: 49%;
	height: 40px;
	top: 184px;
	right: 0px;
}
/* 関東エリア */
dl.cz_area02{
	/*width: 114px;*/
	width: calc(100% / 15 * 2);
	height: 40px;
	top: 116px;
	right: calc(100% / 15 * 2 + 4.5%);
}
dl.cz_area02 dt{
	/*width: 114px;*/
	width: 100%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref01{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	right: 0px;
}
dl.cz_area02 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	right: 0px;
}
dl.cz_area02 dd.cz_pref05{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	left: 0px;
}
dl.cz_area02 dd.cz_pref06{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	right: 0px;
}
dl.cz_area02 dd.cz_pref07{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 132px;
	left: 0px;
}
/* 甲信越エリア */
dl.cz_area03{
	/*width: 114px;*/
	width: calc(100% / 15 * 2);
	top: 116px;
	/*right: 160px;*/
	right:calc(100% / 15 * 3 + 5.5%);
}
dl.cz_area03 dt{
	/*width: 114px;*/
	width: 49%;
	top: 0px;
	left: 0px;
}
dl.cz_area03 dd.cz_pref01{
	/*width: 114px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area03 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
dl.cz_area03 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	left: 0px;
}
dl.cz_area03 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	right: 0px;
}
dl.cz_area03 dd.cz_pref05{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 132px;
	right: 0px;
}
dl.cz_area03 dd.cz_pref06{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	padding-top: 13px;
	top: 110px;
	left: 0px;
}

/* 東海エリア */
dl.cz_area04{
	/*width: 57px;*/
	width: calc(100% / 15 * 2);
	top: 206px;
	/*right: 280px;*/
	right:calc(100% / 15 * 6);
}
dl.cz_area04 dt{
	/*width: 57px;*/
	width: 100%;
	top: 0px;
	left: 0px;
}
dl.cz_area04 dd.cz_pref01{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area04 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0;
	right: 0px;
}
dl.cz_area04 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
dl.cz_area04 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	right: 0px;
}
/* 北陸エリア */
dl.cz_area05{
	/*width: 57px;*/
	width: calc(100% / 15 * 2);
	/*height: 40px;*/
	top: 71px;
	/*right: 339px;*/
	right:calc(100% / 15 * 6);
}
dl.cz_area05 dt{
	/*width: 57px;*/
	width: 100%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area05 dd.cz_pref01{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area05 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	right: 0px;
}
dl.cz_area05 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
dl.cz_area05 dd.cz_pref04{
	/*width: 57px;*/
	width: 100%;
	height: 54px;
	padding-top: 15px;
	top: 111px;
	right: 0px;
}
dl.cz_area05 dd.cz_pref05{
	/*width: 57px;*/
	width: 100%;
	height: 54px;
	padding-top: 15px;
	top: 148px;
	right: 0px;
}
/* 関西エリア */
dl.cz_area06{
	/*width: 57px;*/
	width: calc(100% / 15 * 2);
	top: 116px;
	/*right: 398px;*/
	right:calc(100% / 15 * 8 + 1%);
}
dl.cz_area06 dt{
	/*width: 57px;*/
	width: 100%;
	height: 40px;
	top: 0px;
	left: 0px;
}

dl.cz_area06 dd.cz_pref01{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area06 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	right: 0px;
}
dl.cz_area06 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
dl.cz_area06 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	right: 0px;
}
dl.cz_area06 dd.cz_pref05{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	left: 0px;
}
dl.cz_area06 dd.cz_pref06{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	right: 0px;
}

/* 中国エリア */
dl.cz_area07{
	/*width: 229px;*/
	width: calc(100% / 15 * 2);
	top: 71px;
	/*right: 398px;*/
	right:calc(100% / 15 * 10 + 2%);
}
dl.cz_area07 dt{
	/*width: 229px;*/
	width: 100%;
	top: 0px;
	left: 0px;
}
dl.cz_area07 dd.cz_pref01{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area07 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	right: 0px;
}
dl.cz_area07 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
dl.cz_area07 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	right: 0px;
}
dl.cz_area07 dd.cz_pref05{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	left: 0px;
}
dl.cz_area07 dd.cz_pref06{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	right: 0px;
}
dl.cz_area07 dd.cz_pref07{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 132px;
	right: 0px;
}

/* 四国エリア */
dl.cz_area08{
	/*width: 114px;*/
	width: calc(100% / 15 * 2);
	top: 250px;
	/*right: 514px;*/
	right:calc(100% / 15 * 10 + 2%);
}
dl.cz_area08 dt{
	/*width: 114px;*/
	width:100%;
	top: 0px;
	left: 0px;
}
dl.cz_area08 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	right: 0px;
}
dl.cz_area08 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area08 dd.cz_pref01{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	right: 0px;
}
dl.cz_area08 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
/* 九州エリア */
dl.cz_area09{
	/*width: 114px;*/
	width: calc(100% / 15 * 2);
	top: 71px;
	/*right: 633px;*/
	right:calc(100% / 15 * 12 + 3%);
}
dl.cz_area09 dt{
	/*width: 114px;*/
	width:100%;
	top: 0px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref01{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref02{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 0px;
	right: 0px;
}
dl.cz_area09 dd.cz_pref03{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref05{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 44px;
	right: 0px;
}
dl.cz_area09 dd.cz_pref04{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref06{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 88px;
	right: 0px;
}
dl.cz_area09 dd.cz_pref07{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 132px;
	left: 0px;
}
dl.cz_area09 dd.cz_pref08{
	/*width: 57px;*/
	width: 49%;
	height: 40px;
	top: 220px;
	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;
}

.cz_layL.tab_menu{
	width: 73% !important;
}
.cz_btn_howto{
	display: inline-block;
	position: relative;
	margin-top: 5px;
	float: right;
	margin-bottom: 10px;
}
.cz_part01 .cz_btn_howto{
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 104%;
}
.cz_btn_howto .cz_searchBtn01{
	display: inline-block;
	font-size: 0.8em;
	padding: 7px 25px 7px 45px;
	height: 35px;
	float: right;
	margin-left: 10px;
	text-align: center;
	color: #008bcc;
	border: 2px solid #ddd;
	background-color:#ffffff;
}
.cz_btn_howto .cz_searchBtn01.cz_btn_example{
	background:#ffffff url(../img/icon_btn_sp_example.png) no-repeat 17px 50%;
	background-size: 20px auto;
}
.cz_btn_howto .cz_searchBtn01.cz_btn_operation{
	background:#ffffff url(../img/icon_btn_sp_operation.png) no-repeat 15px 50%;
	background-size: 22px auto;
}
.cz_btn_howto .cz_searchBtn01.cz_btn_print{
	background:#ffffff url(../img/icon_btn_sp_print.png) no-repeat 15px 50%;
	background-size: 20px auto;
}
.cz_btn_howto .cz_searchBtn01.cz_btn_car{
	background:#ffffff url(../img/icon_btn_sp_car.png) no-repeat 15px 50%;
	background-size: 24px auto;
	padding: 7px 20px 7px 50px;
}
.cz_btn_howto .cz_searchBtn01.cz_btn_walk{
	background:#ffffff url(../img/icon_btn_sp_walk.png) no-repeat 20px 50%;
	background-size: 15px auto;
	padding: 7px 20px 7px 45px;
}
.cz_btn_howto .cz_searchBtn01.cz_btn_example:hover,
.cz_btn_howto .cz_searchBtn01.cz_btn_operation:hover,
.cz_btn_howto .cz_searchBtn01.cz_btn_print:hover,
.cz_btn_howto .cz_searchBtn01.cz_btn_car:hover,
.cz_btn_howto .cz_searchBtn01.cz_btn_walk:hover{
	border: 2px solid #008bcc;
}
.cz_btn_howto .cz_searchBtn01.icon-help{
	width: 130px;
}
.cz_btn_howto .cz_searchBtn01.cz_w220{
	width: 220px;
}
.cz_layL .cz_sp_table{
	font-size: 0.8em;
	border: 1px solid #cccccc;
}
.cz_layL .cz_sp_table+.cz_sp_table{
	border-top: none;
}
.cz_layL .cz_sp_table th {
	padding: 5px;
	background: #eeeeee;/*薄グレー2 背景色 色指定*/
	border-right: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_layL .cz_sp_table th,
.cz_layL .cz_sp_table td{
	text-align: left;
	padding: 3px 10px;
}
.cz_layL .cz_sp_table tr:first-child th,
.cz_layL .cz_sp_table tr:first-child td{
	padding-top: 10px;
}
.cz_layL .cz_sp_table tr:last-child th,
.cz_layL .cz_sp_table tr:last-child td{
	padding-bottom: 10px;
}
.cz_layL .cz_sp_table tr,
.cz_layL .cz_sp_table td{
	border: none;
}
.cz_layL .cz_sp_table tr:nth-child(4n){
	border-bottom: 1px solid #ddd;
}

.cz_result_table{
	font-size: 0.9em;
	border: 2px solid #ddd;
}
.cz_result_table+.cz_result_table{
	border-top: none;
}
.cz_result_table.cz_sp_table tr,
.cz_result_table.cz_sp_table th,
.cz_result_table.cz_sp_table td,
.cz_result_table tr,
.cz_result_table th,
.cz_result_table td{
	border: none;
}

.cz_result_table.cz_sp_table th,
.cz_result_table th{
	padding: 2px 15px;
	vertical-align: top;
}
.cz_result_table.cz_sp_table td,
.cz_result_table td{
	padding: 2px 25px;
	vertical-align: top;
}
.cz_result_table td img{
	width: 25px;
	height: 25px;
}
.cz_part01 .cz_result_table td img{
	width: 30px;
	height: 30px;
}
.cz_result_table tr:first-child th,
.cz_result_table tr:first-child td{
	padding-top: 15px;
}
.cz_result_table tr:last-child th,
.cz_result_table tr:last-child td{
	padding-bottom: 15px;
}
.cz_result_table tr:first-child td a{
	font-size: 1.2em;
	font-weight: bold;
}
.cz_result_table tr:first-child td a:hover{
	text-decoration: underline;
}
.cz_result_table.cz_sp_table th,
.cz_result_table th{
	font-size: 0.85em;
	border-right: 2px solid #ddd;
	color: #313131;
}
.cz_articlelist_box .cz_sp_table th,
.cz_articlelist_box .cz_result_table th,
.cz_articlelist_box .cz_sp_table td,
.cz_articlelist_box .cz_result_table td{
	border-bottom: 1px solid #f5f5f5;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cz_articlelist_box .cz_result_table.cz_sp_table th,
.cz_articlelist_box .cz_result_table th {
	font-size: 1em;
}
.cz_articlelist_box .cz_result_table.cz_sp_table td,
.cz_articlelist_box .cz_result_table td {
	font-size: 1.2em;
}
.cz_result_table.cz_sp_table th span.cz_test_small,
.cz_result_table th span.cz_test_small{
	font-weight: normal;
	font-size: 0.8em;
}
.cz_result_table tr td.cz_btn_area{
	font-weight: normal;
	font-size: 0.95em;
	text-align: right;
	padding-top: 15px;
	padding-right: 15px;
}
.cz_result_table tr td.cz_btn_area a.cz_btn_detail{
	display: inline-block;
	padding:10px 15px;
	vertical-align: middle;
	font-weight: normal;
	font-size: 0.95em;
}
.cz_detail_box .cz_result_table{
	font-size: 1.1em;
	margin-top: 20px;
}
.cz_detail_box .cz_result_table tr td.cz_btn_area{
	vertical-align: bottom;
	padding: 5px 10px;
}
.cz_detail_box .cz_result_table tr td.cz_btn_area .cz_searchBtn01 {
	font-size: 0.8em;
	width: 140px;
	padding: 5px 10px;
	height: 35px;
	float: right;
	margin-left: 10px;
	text-align: center;
}
.cz_detail_box .cz_result_table tr:first-child th{
	opacity: 1;
	height: auto;
}
.cz_detail_select{
	width: 80%;
	max-width: 470px;
	margin: 0 auto;
}
.cz_detail_select input.cz_searchBtn01{
	text-align: center;
	padding: 0;
	margin: 20px 10px 0;
	line-height: 45px;
}

	/* ----------------------------------------------------------------------------------
    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;
    visibility:hidden;
    content:".";
	height: 0;
	line-height: 0;
	font-size: 0;
}
* 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_serchselecticong01_left_fm{
width:50%;
float:left;
}
.cz_serchselecticong01_right_fm{
width:50%;
float:right;
}

.cz_subColumn_fm{
	overflow-y:scroll;
 	/*height:320px;*/
	scrollbar-color: #2a9ae2 #dcdcdc;
	background: #eee;
	border-bottom: 1px solid #dcdcdc
}
@media screen and (min-width:769px){
	.cz_subColumn_fm{
		height: calc((100vh - 264px)/2);
	}
	.cz_subColumn_fm.h200{
		height:200px;
	}
	.cz_subColumn_fm.h_other{
		height: calc((100vh - 464px));
		min-height: 200px;
	}
}
.cz_subColumn_fm .cz_sp_table td{
	background-color: #ffffff;
}
.cz_subColumn_fm .cz_counter,
.cz_subColumn_fm .cz_openmenu{
	border-bottom: none;
}
#cz_content .cz_subColumn_fm p.cz_text{
	font-size: 0.8em;
	padding-bottom: 0;
}
.cz_none_list{
	margin-top: 10px;
}
.cz_none_list .cz_atten{
	padding-top: 0;
	padding-bottom: 0;
}
.cz_subColumn_fm::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
	background-color: #dcdcdc;
}
.cz_subColumn_fm::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #2a9ae2;
	box-shadow: 0 0 1px rgba(255,255,255,.5);
}