@charset "UTF-8";

/* 
  1:SUITEコンテンツ
  -------------------------------------------------------
  ∟
  
　2:コンテンツ
　-------------------------------------------------------
  ∟
  
　3:ナビゲーションボタン
　-------------------------------------------------------
  ∟
  
　4:ボタン
　-------------------------------------------------------
  ∟
  
　5:部品
　-------------------------------------------------------
  ∟
  
　6:微調整部品
　-------------------------------------------------------
  ∟
 
/*===============================================
Desktop　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
}
/*===============================================
Tablet 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
}
/*===============================================
Smart Phone 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
}

  
/* ----------------------------------------------------------------------------------
1:SUITEコンテンツ
---------------------------------------------------------------------------------- */
.cz_suite_contents{
	width:100%;
	margin: 0 auto;
}
#cz_Open{
	width:99%;
	margin: 0 auto;
}
/*ヘッダー
------------------------------------------------------ */
div#cz_header{
	border-bottom: 1px solid #DCDCDC;
}
div#cz_header .cz_leftBox{
    width:1000px;
	margin: 0 auto;
}

div#cz_header .cz_leftBox h1{
	font-size:0.8em;
	padding: 40px 0 0 0;
	font-weight: normal;
	float:left;
}
div#cz_header .cz_leftBox p{
	font-size:0.8em;
	padding: 40px 0 0 0;
	font-weight: normal;

}
div#cz_header .cz_logo2{
	padding: 0px 0 0 0;
	float:right;
}
/*ロゴ*/
div#cz_header #top img{
	float:left;
	margin: 0;
	padding: 10px 10px 10px 0;
}
#cz_Open div#cz_header,
#cz_Open div#cz_header .cz_leftBox{
    width:100% !important;
}
ul.cz_pr{
	width:35%;
	margin: 15px 10px 7px 10px;
	padding:2px;
	font-size:0.8em;	
	float:left;
}
ul.cz_pr li {
	padding:1px;
	list-style: none;
	border-bottom: 1px dashed #eeeeee;
}
ul.cz_pr li:before {
    font-family: FontAwesome /*FontAwesomeをフォント指定*/;
    content: "\f0da  ";
    color: #008cd7; 	
}
ul.cz_pr li:last-child {
	border-bottom: none;
}
.cz_fontBox{
	width:220px;
	height:50px;
	float:right;
	position: relative;
}

/*フッダー
------------------------------------------------------ */
div#cz_footer{
    text-align: right;
	clear:both;
    border-top: 1px solid #DBDBDB;
    border-bottom: 51px solid #0196E6;
}
div#cz_footer address{
    padding: 30px 0;
    width:1000px;
	margin: 0 auto;
	color:#7B7A80;
}
div#cz_footer .cz_inbody{
    border-top: 85px solid #FAFAFA;
}

#cz_Open div#cz_footer address{
    width:100% !important;
}
/* ----------------------------------------------------------------------------------
2:コンテンツ
---------------------------------------------------------------------------------- */
div#cz_content{
    width:1000px;
	margin: 0 auto;
    padding-bottom: 10px;
	clear:both;
	line-height:150%;

}

#cz_Open div#cz_content{
    width:100% !important;
}
/*カラム
------------------------------------------------------ */
.cz_Topclass div#cz_mainContent{
	width: 740px;
	float: left;
}
.cz_Topclass div#cz_sideContent{
    width: 240px;
    float: right;
}
.cz_Secondclass div#cz_mainContent{
    width:1000px;
}

/*
店舗リスト　articleList（cz_Secondclass）
地図とリスト listMap（cz_Resultclass）
詳細　detailMap（cz_Detailclass）
------------------------------------------------------ */
.cz_mainColumn {
    width: 60%;
}
.cz_subColumn{
    width: 38%;
}
/*タイトルボックス
------------------------------------------------------ */
.cz_title_box {
	position: relative;
}
/*ナビ：上枠（cz_utility_box）
------------------------------------------------------ */
div.cz_utility_box{
	margin: 10px 0 10px;
	position: relative;
}

/*ナビボタン　cz_page_navi
------------------------------------------------------ */
ul.cz_page_navi{
    letter-spacing: -0.2em;
}
ul.cz_page_navi li{
    color:#0196E6;
    padding: 10px 8px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
ul.cz_page_navi li a{
	text-decoration: none;
}
.cz_page_navi li{
	position: relative;
	text-align:center;
	vertical-align:middle;	
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #eeeeee;
	background: #ffffff; 
    bbehavior: url(PIE.htc);
}
ul.cz_page_navi a:hover{
	color: #ffffff;
}
ul.cz_page_navi li:hover{
	color: #ffffff;
	background: #0196E6; 
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.cz_anclink li{
	padding:5px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
	color:#0196E6;
	border-right: 3px solid #eeeeee;
}
.cz_anclink li:first-child{
	border-left: 3px solid #eeeeee;
}
.cz_anclink li i{
	margin-left:5px;
}
ul.cz_page_navi,
ul.cz_anclink{
	font-size:0.9em;
    letter-spacing: -0.2em;
}
ul.cz_page_navi a,
ul.cz_anclink a{
	padding:0 5px;
}

/*ナビ：下枠（cz_guide_box）－見つかりましたか？の部分－　
------------------------------------------------------ */
div.cz_guide_box{
	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;
}
div.cz_guide_box{
	background-color:#f4f8ed;
}

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

/*共通ボタン
----------------------------------------------------- */

/*----スタイル----*/
input.cz_searchBtn01{
	padding:8px;
	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;	
}

/*----カラー----*/
/* オレンジ*/
input.cz_Btn_orange{
	border-radius:  20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 3px solid #0196E6;
	color: #ffffff;
	background: #0196E6;
	behavior: url(PIE.htc);
}
input.cz_Btn_orange:hover{
　　background: #0196E6; 
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	border: 3px solid #0196E6;
}

.cz_Topclass input.cz_Btn_orange,
.cz_Secondclass input.cz_Btn_orange{
	width:15%;	
}
.cz_Detailclass input.cz_Btn_orange{
	width:100%;	
}
#cz_Printclass input.cz_Btn_orange{
	width:190px;	
}
/*ブルー*/
input.cz_Btn_blue{
	width:100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border: 3px solid #eeeeee;
	color: #0196E6;
	background:#ffffff;
    behavior: url(PIE.htc);
}
input.cz_Btn_blue:hover{
	color: #ffffff;
	background: #0196E6; 
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/*Close（グレー）*/
input.cz_Btn_close{
	width: 100px;
	top: 5px;
	right: 5px;
}
input.cz_Btn_close{
	border-radius:  5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 3px solid #DFDFDF;
	color: #333333;
	background: #eeeeee;
	behavior: url(PIE.htc);
}
input.cz_Btn_close:hover{
	color: #666666;
	background: #eeeeee;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*ページトップ
------------------------------------------------------ */
.cz_pagetop {
	position: fixed;
	bottom: 3%;
	right: 10%;
	z-index:100;
	cursor: pointer;
}
#cz_Open .cz_pagetop {}
.cz_pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #0196E6;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
}
.cz_pagetop a i{
	padding-top:15px;
}
.cz_pagetop a:link{
    color: #ffffff;
    text-decoration: underline;
}
.cz_pagetop  a:visited{
    color: #ffffff; 
    text-decoration: underline;
}
.cz_pagetop a:hover{
    color: #ffffff; 
    text-decoration: none;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.cz_pagetop a:active{
    color: #ffffff; 
    text-decoration: none;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*フォントサイズチェンジ
------------------------------------------------------ */

dl.cz_font_size {
	width:160px;
	top: 40px;
	right:0px;
	position: absolute;
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	font-size:0.8em;
	padding:2px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:  3px;
    border: 1px solid #ffffff;
    behavior: url(PIE.htc);
 }

dl.cz_font_size dt {
	color:#000000; 
	margin: 0 5px 0 0;
	padding: 5px 0;
	float: left;
    letter-spacing: .08em; /* 文字間を詰めて隙間を削除する */
}
dl.cz_font_size dd{
	margin: 0 1px 0 0;	
	padding: 5px 0;
	letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
	cursor: pointer;
	text-align:center;
	vertical-align:middle;	
}
dl.cz_font_size dd span {
	display: block;
}
dl.cz_font_size a{
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
}

/*タブ型ボタン　※tab_selector　selected　にはczはつけない。
top・detailDoorMap・detailDriveMap・detailMap
・listMap・searchKeyList・detailAround（未使用）
------------------------------------------------------ */
ul.tab_menu{
	width:100%;
    letter-spacing: -0.2em;
	margin:20px 0 20px;
}
ul.tab_menu li{
	width:16%;
	margin-left:4px;
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
.cz_Detailclass ul.tab_menu li{
	width:49%;
}
.cz_menu_wrap{
	clear:both;
	position:relative;
}
.cz_menu_wrap .cz_anclink{
	position:absolute;
	right:0;
	top:20px;
}
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;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:  3px;
    border: 3px solid #eeeeee;
	background: #ffffff;
    behavior: url(PIE.htc);
}
ul.tab_menu li a.tab_selector.selected,
ul.tab_menu li a.tab_selector:hover{
	color:#FFFFFF;
	position: relative;
	text-align:center;
	vertical-align:middle;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:  3px;
    border: 3px solid #03853D;
    -webkit-box-shadow: #eeeeee 1px -1px 1px;
    -moz-box-shadow: #eeeeee 1px -1px 1px;
    box-shadow: #eeeeee 1px -1px 1px;
	background: #00AB4D;
    behavior: url(PIE.htc);
}

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{
	width:10%;
	text-align:center;
	vertical-align:middle;	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
	background: #ffffff;
    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.re_tab_menu li a.tab_selector.selected{
	font-weight:bold;
}

/*ページ送り
------------------------------------------------------ */
.cz_counter,
.cz_pull{
	margin: 20px 0 20px;
	text-align: center;
	clear:both;
}
.cz_counter a{
	margin: 0 1px;
	padding: 6px 10px;
	text-decoration: none;
	border: solid 3px #dcdcdc; 
	background: #ffffff; 
}
.cz_counter span{
	color:#FFF;
	margin: 0 1px;
	padding: 6px 10px;
	text-decoration: none;
	border: solid 3px #03853D; 
	background: #00AB4D;
}
p.cz_number strong{
    font-weight: bold;
}
.cz_counter ul{
    letter-spacing: -0.1em;
}
.cz_counter ul li{
	display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
}
.cz_helpico{
	position: relative;
	text-align:center;
	vertical-align:middle;	
	padding:0 7px;
	margin:0 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	border: 2px solid #00AB4D;
	background: #FFFFFF; 
    bbehavior: url(PIE.htc);
}
.cz_helpico a{
	color:#0196E6;
}
/* ----------------------------------------------------------------------------------
5:部品
---------------------------------------------------------------------------------- */

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

/* 都道府県リスト
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:6px;
    min-height: 18px;
    border: 3px solid #eeeeee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    behavior: url(PIE.htc);
}
input.cz_inputTxt2{
    padding:6px;
    min-height: 18px;
    border-top: 3px solid #eeeeee;
	border-left: 3px solid #eeeeee;
	border-bottom: 3px solid #eeeeee;
	border-right: none;
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 20px 0px 0px 20px;
    behavior: url(PIE.htc);
}
* html input.cz_inputTxt,
* html input.cz_inputTxt2{
    height: 18px;
}
/* プルダウンメニュー */
select{
	width:100%;
}
select.cz_select01{
	padding: 8px;
    min-height: 20px;
}
.cz_Topclass select.cz_select01{
	float:left;
}
.cz_Topclass select.cz_Pref{
	width:29%;
	margin-right:5px;
}
.cz_Topclass select.cz_Muni{
	width:53%;
}

.cz_Detailclass select.cz_select01,
.cz_Resultclass select.cz_select01{
    border: 1px solid #dcdcdc;
    background-color: #F0F8FD; 
}


/*共通ー選択中背景*/
.cz_Topclass .cz_selected,
.cz_Secondclass .cz_selected,
.cz_Resultclass .cz_selected,
.cz_Accessclass .cz_selected{
	background-color: #F4F8ED !important;
}


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

/*調整
------------------------------------------------------ */
.cz_layL{float: left;}
.cz_layR{float: right;}
.cz_mb10{margin-bottom: 10px;}
.cz_mr10{margin-right: 10px;}
.cz_mr2{margin-right: 2px;}
.cz_mr5{margin-right: 5px;}
.cz_mt10{margin-top: 10px;}
.cz_mt20{margin-top: 20px;}
.cz_mt5{margin-top: 5px;}
.cz_mt30{margin-top: 30px;}
.cz_p5{padding: 5px;}
.cz_noshow{display: none;}
.cz_w83{width: 82%;}
.cz_w74{width: 74%;}
.cz_clear{clear:both;}
.cz_center{text-align: center;}
.cz_right{text-align: right;}
.cz_left{text-align: left;}
.cz_abso{position: absolute;}
.cz_rela{position: relative;}
.cz_subTxt{
	font-size:0.7em;
}

.cz_exam{
	font-size:0.8em;
}

.cz_iconPdf:before{
    font-family: FontAwesome /*FontAwesomeをフォント指定*/;
    content: "\f1c1  ";
	color:#BB0706;
}
/*水平線
------------------------------------------------------ */

/*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
------------------------------------------------------ */
#cz_header,
.cz_inwrap,
div.cz_part01,
.cz_part02,
div.cz_counter,
div.cz_pull,
div#cz_toolArea,
div#cz_content,
p.cz_search01,
.cz_linkLine,
ul.cz_mapAccount,
ul.cz_usualList01,
div.cz_usualList01_a,
div.cz_usualList01_a dl,
div.cz_door_box,
.cz_revaluation_box,
div.cz_map_box,
.tab_menu,
div.cz_result_box,
div.cz_inner,
div.cz_legend,
.cz_fontBox,
.cz_condi_box{
zoom: 1;
}

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