@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: url(../img/sample_design/bc.png) repeat-x;
}
.cz_print .cz_suite_contents{
	background: url(none);
}
.cz_weather .cz_suite_contents{
	background: url(none);
}

/*サンプル　ヘッダー
------------------------------------------------------ */
#cz_header{
    width:950px;
	height: 155px;
	margin: 0 auto;
}
/*ロゴ*/
#cz_header #top img{
	margin: 20px 0 22px;
}

/*サンプル グローバルメニュー
------------------------------------------------------ */
#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: #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{
	font-size:90%;
}
.cz_breadcrumb a:link,
.cz_breadcrumb a:visited{
    color: #006699 !important; /*緑青 文字色 色指定*/
    text-decoration: underline !important;
}
.cz_breadcrumb a:hover,
.cz_breadcrumb a:active{
    color: #cc0033!important; /*渋赤 文字色 色指定*/
    text-decoration: none !important;
}
/*サンプル フッダー
------------------------------------------------------ */
#cz_footer{
    padding: 1% 0 1%;
    text-align: right;
	clear:both;
	background: url(../img/sample_design/footer_bg.png) repeat-x;
    border-top: 1px solid #ffffff; /*シロ ボーダー 色指定*/
}
#cz_footer p,
#cz_footer address{
    width:950px;
	margin: 0 auto;
}
#cz_footer address{
	font-size: 0.9em;
}

/*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: 0 auto;
    padding-bottom: 10px;
}
#cz_content p{
    margin-bottom: 0;
}
/*天気*/
.cz_weather #cz_content{
    width:500px;
}

/*カラム
------------------------------------------------------ */
.cz_Topclass div#cz_mainContent{
	width: 680px;
	float: left;
}
.cz_Topclass div#cz_sideContent{
    width: 240px;
    float: right;
}
.cz_Secondclass div#cz_mainContent{
	width: 950px;
}
.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: #ffffff; /*シロ 背景色 色指定*/
}

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;
}
ul.tab_menu li{
	margin-left:2px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
ul.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{
	font-weight:bold;
}
ul.tab_menu li a.tab_selector{
	position: relative;
	text-align:center;
	vertical-align:middle;
}
ul.tab_menu li a.tab_selector.selected,
ul.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;
}
ul.re_tab_menu li a.tab_selector{
	display:block;
    text-align:center;
	font-weight:normal;
    text-decoration: none;
	padding:10px;
}

/*共通ボタン
----------------------------------------------------- */
/*----スタイル----*/
input.cz_searchBtn01{
	padding:8px;
	font-size:0.9em;
	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;
}
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; /*渋薄青 ボーダー 色指定*/
}
* 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;
}