@charset "UTF-8";

/*
  1:共通部品
  -------------------------------------------------------
　∟パーツ（ブロック）
  ∟検索結果（cz_result_box）
  ∟使うボックス（再検索ボックスcz_revaluation_box）
  ∟共通見出し
  ∟補足・備考・色つき文字
  ∟テーブル
  ∟QRコード / アクセス
  ∟絞込アイコン

　2:各ページ毎
　-------------------------------------------------------
  ∟TOPページ top（cz_Topclass）
  ∟路線図　searchLineMap（cz_Secondclass）
  ∟店舗リスト　articleList（cz_Secondclass）
  ∟スポットリスト　searchKeyList（cz_Secondclass）
  ∟地図とリスト listMap（cz_Resultclass）
  ∟エラー  error（cz_Resultclass）
  ∟詳細　detailMap（cz_Detailclass）
  ∟詳細　観光情報
  ∟自動車案内・乗換案内　detailDriveMap・detailDriveMap・detailDoorMap（cz_Accessclass）
  ∟印刷ページ　printDetailMap・printDoorMap・printDriveMap_all・printRouteMap（cz_Printclass）
  ∟クーポンページ　printCoupon（cz_Printclass ）
  ∟天気 weather
  ∟鉄道沿線検索 駅一覧要素　searchLineCndList（cz_Alphaclass）
  ∟乗換案内リスト　detailDoorList（cz_Alphaclass）
　
　3:layout.css カラースタイル指定
　-------------------------------------------------------
  ∟ナビゲーションボタン 背景
  ∟ナビボタン
  ∟ページトップ
  ∟タブ型ボタン
  ∟共通ボタン
  ∟ボタンカラー設定
  ∟凡例ボックス
  ∟フォーム
  ∟地図型リスト


/* ----------------------------------------------------------------------------------
1:共通部品
---------------------------------------------------------------------------------- */

/*パーツ（ブロック）
------------------------------------------------------ */
div.cz_part01{
	background-color: #ffffff; /*シロ 背景色 色指定*/
	border: 2px solid #cccccc; /*グレー2 ボーダー 色指定*/
}

/*検索結果 cz_result_box
------------------------------------------------------
articleAddressList・articleList・searchAddressList・
detailDoorList・articleAttainList・searchKeyDoorList・
detailMap・searchKeyList・searchLineCndList・searchPrefMap・
searchStationCndListT・searchStationList
------------------------------------------------------ */
div.cz_result_box{
	margin-bottom:5px;
}
div.cz_result_box table th,
div.cz_result_box table td{
	width:10%;
	margin: 10px 0 0;
	padding: 5px;
	text-align: center;
}
div.cz_result_box table caption{
	padding: 5px;
	font-weight: bold;
}
div.cz_result_box table th,
div.cz_result_box table td{
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
div.cz_result_box table th{
	border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
	background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
}
div.cz_result_box table td{
	border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
}

/* ----- ----- */
.cz_Alphaclass div.cz_result_box dl{
    width: 39%;
	padding: 2% 4%;
	text-align: center;
	border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
.cz_Alphaclass div.cz_result_box dt{
	padding: 1%;
	color: #ffffff; /*シロ 文字色 色指定*/
	background-color: #8d2346; /*濃ピンク 背景色 色指定*/
}
.cz_Alphaclass div.cz_result_box dd{
	padding: 1%;
	font-weight: bold;
}

/*使うボックス　再検索ボックス
------------------------------------------------------
articleList・articleMapList・searchStationList・searchKeyList・
cz_revaluation_box・searchLineCndList・searchStationCndListT
------------------------------------------------------ */
div.cz_revaluation_box{
	padding: 5px;
	background-color: #ffffff; /*シロ 背景色 色指定*/
	border: 2px solid #cccccc; /*グレー2 ボーダー 色指定*/
}

/*使う 路線図から探す ボタン*/
div.cz_revaluation_box ul.cz_clickable_bt,
div.cz_revaluation_box ul.cz_clickable_bt{
	text-align: center;
}
/*再検索ボックス-現在検索条件 */
div.cz_in_result{
	padding: 5px;
	margin: 0 0 2px;
	line-height: 1.5em;
}
div.cz_in_result dl{
    width: 49%;
	padding: 0;
	margin: 0 0 10px;
	text-align: center;
	border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
div.cz_in_result dt{
	padding: 2px;
	color: #000000; /*クロ 文字色 色指定*/
	background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
}
div.cz_in_result dd{
	padding: 2px;
	font-weight: bold;
}
/*１２３ステップ*/
div.cz_inner{
	margin: 0 10px 10px;
    padding: 5px;
}
.cz_Alphaclass div.cz_inner{
	background-color: #f2eaec; /*薄ピンク2 背景色 色指定*/
}
div.cz_inner dl{
	width:32%;
	margin: 0 5px;
	display: inline-block;
	float: left;
}
div.cz_inner dl.cz_max{
	width:100% !important;
}
div.cz_inner dl.cz_max dt{
	text-align: center;
}
div.cz_inner dt{
    padding: 5px;
	background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}
div.cz_inner dt span{
	margin-right: 5px;
	font-weight: bold;
	color: #8c2a04; /*赤茶 文字色 色指定*/
	background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}
div.cz_inner dd{
    padding: 10px 2px;
}

/*共通見出し
------------------------------------------------------ */
/*topページ使用*/
.cz_ttl01{
	padding: 15px;
    font-size: 1.3em;
	font-weight: bold;
}
.cz_ttl01{
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #003366; /*濃青 背景色 色指定*/
}
/*articleAroundList・articleDate・error・articleList・listMapページ使用*/
.cz_ttl00{
	padding: 15px;
    font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.cz_ttl00{
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #003366; /*濃青 背景色 色指定*/
}
/* 下二重線見出し */
.cz_ttl03{
	margin: 0 0 10px;
	padding: 10px 0;
	font-size: 1.0em;
	border-bottom: 5px double #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_ttl03 span{
	margin-right:5px;
	padding: 10px 15px;
}
.cz_Accessclass .cz_ttl03 span{
    color:#455920; /*濃みどり 文字色 色指定*/
	background-color: #d7e7ba; /*薄みどり1 背景色 色指定*/
}
/* 旗型見出し */
.cz_ttl04{
	padding: 10px 0;
	margin: 10px 0;
	font-size: 1.0em;
	border-bottom: 1px solid #eeeeee; /*薄グレー2 ボーダー 色指定*/
}
.cz_ttl04 span{
	font-weight: bold;
	font-size: 0.8em;
	padding: 10px 15px;
	margin-right:10px;
}
.cz_Secondclass .cz_ttl04 span{
	color: #006699; /*緑青 文字色 色指定*/
	background-color: #e7eef5; /*薄青2 背景色 色指定*/
}
.cz_Accessclass .cz_ttl04 span{
	color: #455920; /*濃みどり 文字色 色指定*/
	background-color: #f4f8ed; /*薄みどり2 背景色 色指定*/
}
.cz_Alphaclass .cz_ttl04 span{
	color: #8d2346; /*濃ピンク 文字色 色指定*/
	background-color: #e8d9de; /*薄ピンク1 背景色 色指定*/
}
/* 縦ボーダー見出し*/
.cz_ttl05{
	padding: 5px 0;
	margin:  5px 0;
	font-size: 1.0em;
	color: #003366; /*濃青 文字色 色指定*/
	border-left: 5px solid #003366; /*濃青 ボーダー 色指定*/
}
.cz_ttl05 span{
	padding: 10px 0 10px 5px;
}
.cz_Resultclass .cz_ttl05 span > span{
	margin-right:0 !important;
}
/* 縦二重線見出し*/
.cz_ttl06{
	padding-left:5px;
	margin: 10px 0;
	font-size:1.2em;
}
.cz_Accessclass .cz_ttl06{
	font-weight: bold;
	border-left: 5px double #455920; /*濃みどり ボーダー 色指定*/
}
.cz_Alphaclass .cz_ttl06{
	font-weight: bold;
	border-left: 5px double #5a162d; /*濃ピンク01 ボーダー 色指定*/
}

/* 2色見出し*/
.cz_ttl02{
	padding: 10px 0;
	font-size: 1.3em;
	margin-bottom:5px;
}
.cz_door_box .cz_ttl02{
	padding: 10px 10px;
}

.cz_ttl02 span{
	padding: 10px 15px;
}
.cz_ttl02 span + span{
	margin-right:10px;
}
.cz_print .cz_ttl02{
	line-height: 1.9em;
}

/*----- cz_Topclass -----*/
.cz_Topclass .cz_section_box .cz_ttl02{
    color:#003366; /*濃青 文字色 色指定*/
	background-color: transparent; /*透過 背景色 色指定*/
	border-bottom: 1px solid #eeeeee; /*薄グレー2 色指定*/
}
.cz_Topclass .cz_section_box .cz_ttl02 span{
	margin-right:5px;
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #003366; /*濃青 背景色 色指定*/
}
.cz_Topclass #cz_sideContent .cz_section_box .cz_ttl02{
	line-height: 2em;
}

/*topページ 便利ボックス */
.cz_Topclass .cz_Alph .cz_ttl02 span{
	background-color: #5a162d !important; /* 濃ピンク01 背景色 色指定*/
	color: #ffffff !important; /*シロ 文字色 色指定*/
}
/*----- cz_Secondclass -----*/
.cz_Secondclass .cz_section_box .cz_ttl02{
    color:#003366; /*濃青 文字色 色指定*/
	background-color: #e7eef5; /*薄青2 背景色 色指定*/
}
.cz_Secondclass .cz_section_box .cz_ttl02 span{
	margin-right:5px;
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #003366; /*濃青 背景色 色指定*/
}
/*----- cz_Resultclass-----*/
.cz_Resultclass .cz_section_box .cz_ttl02{
    color:#003366; /*濃青 文字色 色指定*/
	background-color: #e7eef5; /*薄青2 背景色 色指定*/
}
.cz_Resultclass .cz_section_box .cz_ttl02 span{
	margin-right:5px;
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #0F5499; /*中青 背景色 色指定*/
}
/*再検索・使うボックス*/
.cz_Secondclass #cz_sideContent .cz_ttl02{
	color: #000000; /*クロ 文字色 色指定*/
	border-bottom: 5px solid #455920; /*濃みどり ボーダー 色指定*/
}
.cz_Secondclass #cz_sideContent .cz_ttl02 span{
	margin-right:5px;
	background-color: #455920; /*濃みどり 背景色 色指定*/
	color: #ffffff; /*シロ 文字色 色指定*/
}
/*----- cz_Detailclass -----*/
.cz_Detailclass .cz_section_box .cz_ttl02{
    color:#003366; /*濃青 文字色 色指定*/
	background-color: #e7eef5; /*薄青2 背景色 色指定*/
}
.cz_Detailclass .cz_section_box .cz_ttl02 span{
	margin-right:5px;
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #0f5499; /*中青 背景色 色指定*/
}
/*----- cz_Accessclass -----*/
.cz_Accessclass .cz_section_box .cz_ttl02{
    color:#455920; /*濃みどり 文字色 色指定*/
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
.cz_Accessclass .cz_section_box .cz_ttl02 span{
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #455920; /*濃みどり 背景色 色指定*/
}
.cz_Accessclass .cz_section_box .cz_ttl02 span + span{
	margin-right:5px;
    color:#455920; /*濃みどり 文字色 色指定*/
	background-color: #d7e7ba; /*薄みどり1 背景色 色指定*/
}
/*----- *cz_Alphaclass -----*/
.cz_Alphaclass .cz_section_box .cz_ttl02{
    color:#5a162d; /* 濃ピンク01 文字色 色指定*/
	background-color: #ffffff; /*薄ピンク2 背景色 色指定*/
}
.cz_Alphaclass .cz_section_box .cz_ttl02 span{
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #8d2346; /*8d2346濃ピンク 背景色 色指定*/
}
.cz_Alphaclass .cz_section_box .cz_ttl02 span + span{
	margin-right:5px;
    color:#5a162d; /* 濃ピンク01 文字色 色指定*/
	background-color: #f2eaec;
}
.cz_Alphaclass #cz_sideContent .cz_ttl02{
	color: #000000; /*クロ 文字色 色指定*/
	border-bottom: 5px solid #455920; /*濃みどり ボーダー 色指定*/
}
.cz_Alphaclass #cz_sideContent .cz_ttl02 span{
	margin-right:5px;
	color: #ffffff; /*シロ 文字色 色指定*/
	background-color: #455920; /*濃みどり 背景色 色指定*/
}

/*補足・備考・色つき文字
------------------------------------------------------ */
/* 検索結果注意 */
.cz_atten{
	padding: 10px;
	font-size: 0.9em;
}
.cz_Secondclass .cz_atten,
.cz_Resultclass .cz_atten{
	background-color: #e7eef5 !important; /*薄青2 背景色 色指定*/
}
.cz_Accessclass .cz_atten{
	background-color: #f4f8ed !important; /*薄みどり2 背景色 色指定*/
}
.cz_Alphaclass .cz_atten{
	background-color: #f2eaec !important; /*薄ピンク2 背景色 色指定*/
}
/*注意赤字 */
.cz_detail{
	padding: 5px;
	display: block;
	line-height: 1.4em;
	font-size: 0.9em;
	color: #cc0033; /*渋赤 文字色 色指定*/
}
/*例 */
.cz_exam{
	padding: 5px;
	display: block;
	line-height: 1.4em;
	font-size: 0.9em;
}
.cz_aqua{background-color: #e7eef5;} /*薄青2 背景色 色指定*/
.cz_yel{background-color: #fffae6;} /*薄きいろ 背景色 色指定*/

/*共通 選択中背景*/
.cz_Topclass .cz_selected,
.cz_Secondclass .cz_selected,
.cz_Resultclass .cz_selected,
.cz_Accessclass .cz_selected{
	background-color: #CFDDEB !important; /*薄青1 背景色 色指定*/
}
.cz_Alphaclass .cz_selected{
	background-color: #E8D9DE !important; /*薄ピンク1 背景色 色指定*/
}

/*テーブル
------------------------------------------------------ */
.cz_table01 {
	width:100%;
    margin-bottom:10px;
	border-collapse: collapse;
    border-top: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
    border-left: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
    background-color: #ffffff;
}
.cz_table01 td,
.cz_table01 th {
	padding: 5px;
    border-right: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
    border-bottom: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_table01 th {
    background-color:#eeeeee; /*薄グレー2 背景色 色指定*/
}
.cz_table01 td {
	text-align:left;
}
.cz_table01 img{
    vertical-align: middle;
}
/* 強調行 */
tr.cz_alt th,
tr.cz_alt td {
    background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
}

/*QRコード / アクセス
------------------------------------------------------ */
dl.cz_qrcode,
dl.cz_access{
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:  5px;
	background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
	border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
	behavior: url(PIE.htc);
}
dl.cz_qrcode dt,
dl.cz_access dt{
	font-size:0.8em;
	text-align:center;
	padding-bottom:5px;
	border-bottom: 1px dashed #cccccc; /*グレー2 ボーダー 色指定*/
}
dl.cz_qrcode dd,
dl.cz_access dd{
	margin-top:10px;
	font-size:0.8em;
}
dl.cz_access dd{
	line-height: 1.4em;
}
.cz_Accessclass .cz_subColumn .cz_qrcode{
	margin: 20px 0 10px;
}
.cz_Accessclass .cz_subColumn .cz_qrcode dd{
	text-align: center;
}
.cz_Detailclass .cz_qrcode dt,
.cz_Detailclass .cz_qrcode dd{
	text-align: center;
}
.cz_Detailclass .cz_access dd{
	text-align: left;
	line-height: 1.4em;
}
.cz_print .cz_qrcode{
	float: right;
}
.cz_print .cz_access{
	width: 65%;
	float: left;
}
.cz_print .cz_access dt,
.cz_print .cz_access dd{
	text-align: left;
}
.cz_print .cz_access dt{
	font-weight: bolder;
}
.cz_print .cz_Couponclass .cz_access{
	width: 98%;
	float: none;
}

/*絞込アイコン
------------------------------------------------------ */
/* サイドカラム 絞込項目 */
dl.cz_terms dt{
	margin-top:10px;
	padding: 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #333333; /*濃グレー1 文字色 色指定*/
	border-left: 5px solid #0f5499; /*中青 ボーダー 色指定*/
}
dl.cz_terms dd{
	font-size: 0.9em;
	padding-left: 10px;
	margin-left:10px;
}
dl.cz_terms dd{
	line-height: 1.7em;
}
dl.cz_terms dd ul li{
	margin:5px 0;
}
dl.cz_terms dd ul li img{
	margin:1px 3px 1px 0;
}
/* リストtableセル内*/
ul.cz_terms_icon {
   letter-spacing: -0.1em;
}
ul.cz_terms_icon li{
	display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
}
ul.cz_terms_icon li img{
	margin:1px 0;
}

/* ----------------------------------------------------------------------------------
各ページ毎
---------------------------------------------------------------------------------- */

/*TOPページ top（cz_Topclass）
------------------------------------------------------ */
.cz_Topclass #cz_mainContent .cz_section_box{
    margin-top:10px;
}
.cz_Topclass #cz_mainContent .cz_section_box .cz_part01 input.cz_inputTxt{
	width: 400px;
}
.cz_Topclass #cz_mainContent .cz_map_box div.cz_accmd,
.cz_Topclass #cz_mainContent .cz_map_box div.cz_accmd1{
	height:450px;
	position:relative;
	clear:both;
	zoom: 1;
}
.cz_Topclass #cz_mainContent .cz_map_box div.cz_accmd2,
.cz_Topclass #cz_mainContent .cz_map_box div.cz_accmd3{

	clear:both;
	zoom: 1;
	padding: 10px;
	text-align: center;
	background-color: #ffffff; /*シロ 背景色 色指定*/
	border: 2px solid #cccccc; /*グレー2 ボーダー 色指*/
}
/*123ステップ1 文字 */
.cz_sup{
	padding: 5px;
	font-weight: bold;
	background-color: #fff5cc; /*きいろ 背景色 色指定*/
}
.cz_sup span{
	margin-right: 5px;
	font-weight: bold;
	color: #8c2a04; /*赤茶 文字色 色指定*/
	background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}
/*-------------------------
sideContent
---------------------------- */
/* 路線図ボタン */
.cz_clickable_bt{
	margin-bottom:10px;
}
.cz_clickable_bt li{
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* 便利ボックス */
.cz_Alph .cz_subBox{
	padding: 5px 5px 10px;
	margin-bottom:20px;
	text-align: center;
	background-color: #f2eaec; /*薄ピンク2 背景色 色指定*/
	border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_Alph h3{
	padding: 5px;
	margin-bottom:10px;
	text-align: left;
	line-height:1.4em;
	color: #8d2346; /*濃ピンク 文字色 色指定*/
	border-left: 5px solid #8d2346; /*濃ピンク ボーダー 色指定*/
}
.cz_Alph dt,
.cz_Alph span{
	text-align: left;
}
.cz_Alph dt,
.cz_Alph dd{
	padding:5px;
}
.cz_Alph dt span{
	margin-right: 5px;
	font-weight: bold;
	color: #8c2a04; /*赤茶 文字色 色指定*/
	background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}

/*路線図　searchLineMap（cz_Secondclass）
------------------------------------------------------ */
div#ajaxMap_Linemap {
	margin: 0px auto;
	padding: 0px 0px 20px;
	width: 920px;
	height: 440px;
	clear: both;
}
.cz_scaleBt{
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
.cz_scaleBt dl{
    letter-spacing: -0.1em;
}
.cz_scaleBt dt,
.cz_scaleBt dd{
	text-align: left;
	display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
}

/*店舗リスト　articleList（cz_Secondclass）
------------------------------------------------------ */
.cz_mainColumn {
    width: 70%;
}
.cz_subColumn{
    width: 27%;
	padding:5px;
}

/*スポットリスト　searchKeyList（cz_Secondclass）
------------------------------------------------------ */
#tab_box #tab1,
#tab_box #tab2,
#tab_box #tab3,
#tab_box #tab4,
#tab_box #tab5,
#tab_box #tab6{
	height: 570px;
}
#tab_box #tab1 .cz_table01 td span,
#tab_box #tab2 .cz_table01 td span,
#tab_box #tab3 .cz_table01 td span,
#tab_box #tab4 .cz_table01 td span,
#tab_box #tab5 .cz_table01 td span,
#tab_box #tab6 .cz_table01 td span{
	padding: 0 5px;
}
.cz_gray{
	font-size: 0.8em;
	color: #666666; /*濃グレー2 文字色 色指定*/
}
.tab_menu li span.cz_tabNum{ margin-left: 5px;}
/*地図とリスト listMap（cz_Resultclass）
------------------------------------------------------ */
.cz_mainColumn {
    width: 70%;
}
.cz_subColumn{
    width: 27%;
	padding:5px;
}

/*エラーページ  error（cz_Resultclass）
------------------------------------------------------ */
.cz_Resultclass.cz_error .cz_part01{
	border:none;/*グレー2 ボーダー 色指定*/
	background-color: #fff5cc; /*きいろ 背景色 色指定*/
}
.cz_Resultclass.cz_error .cz_part01{
	text-align:center;
	line-height: 1.7em;
}

/*詳細　detailMap（cz_Detailclass）
------------------------------------------------------
.cz_Detailclass .cz_mainColumn {
    width: 68%;
	padding: 5px!important;
}
.cz_Detailclass .cz_subColumn{
    width: 28%;
	padding:5px;
}*/

/* 見出し　地図/ルートマップ */
.cz_ttl_inBt{
	margin: 0 0 15px;
	padding: 10px 10px 10px 0;
	font-size: 1em;
	border-bottom: 5px double #cccccc; /*グレー2 ボーダー 色指定*/
}
/* cz_result_box */
.cz_Detailclass div.cz_result_box{
	position: relative;
	padding :20px !important;
	margin: 0 0 20px 0;
	background-color: #e7eef5; /*薄青2 背景色 色指定*/
}
.cz_Detailclass div.cz_result_box table td,
.cz_Detailclass div.cz_result_box table th{
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
.cz_Detailclass div.cz_result_box table th,
.cz_Detailclass div.cz_result_box table td{
	width:10%;
	margin: 10px 0 0;
	padding: 5px;
	text-align: center;
}
.cz_Detailclass div.cz_result_box table th{
	border: 1px solid #cccccc; /*グレー2 色指定*/
	background-color: #cfddeb; /*薄青1 背景色 色指定*/
}
.cz_Detailclass div.cz_result_box table td{
	border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_Detailclass div.cz_result_box table caption{
	padding: 5px;
	font-weight: bold;
}
/* tableセル内*/
ul.cz_terms_list li{
    padding-right: 20px;
    padding-bottom: 5px;
    float: left;
}
ul.cz_terms_list li img{
	margin: 0 5px 0 0;
}
.cz_Detailclass div.cz_result_box .cz_tel,
.cz_Detailclass div.cz_result_box .cz_zip{
	padding-right:10px;
}

/*ルートマップを表示する*/
.cz_door_box{
	border: 2px solid #0f5499; /*中青 ボーダー 色指定*/
}
.cz_door_box .cz_ttl02{
    color:#003366; /*濃青 文字色 色指定*/
	background-color: #cfddeb; /*薄青1 背景色 色指定*/
}
.cz_door_box .cz_ttl02 span{
	margin-right:5px;
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #0f5499; /*中青 背景色 色指定*/
}
.cz_door_box .cz_part02{
	padding: 10px;
}
.cz_door_box .cz_table01 caption,
.cz_guide_box .cz_table01 caption{
	padding-left:5px;
	margin-bottom:10px;
	font-size:1.0em;
	font-weight: bold;
	border-left: 5px double #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_door_box .cz_subColumn dl{
	margin-bottom:10px;
}
.cz_door_box .cz_subColumn dt{
	font-weight: bold;
}
.cz_door_box .cz_subColumn p{
	text-align:center;
	padding-bottom:10px;
}

/*使うボックス(cz_use_box)*/

/*見出し*/
.cz_Detailclass .cz_use_box .cz_ttl02{
	background-color: #f4f8ed; /*薄みどり2 背景色 色指定*/
}
.cz_Detailclass .cz_use_box .cz_ttl02 span{
	margin-right:5px;
	color: #ffffff; /*シロ 文字色 色指定*/
	background-color: #455920; /*濃みどり 背景色 色指定*/
}
.cz_Detailclass .cz_use_box h4{
	padding: 10px;
	margin: 10px 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
    behavior: url(PIE.htc);
}
.cz_Detailclass .cz_use_box h4{
	color: #f4f8ed; /*薄みどり2 文字色 色指定*/
	background-color: #455920; /*濃みどり 背景色 色指定*/
}
.cz_Detailclass div.cz_use_box{
	margin: 20px 0;
	border: 2px solid #455920; /*濃みどり ボーダー 色指定*/
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
.cz_Detailclass .cz_use_box p{
		margin: 10px 0;
}
.cz_Detailclass .cz_use_box .cz_inner{
	margin-top: 10px;
	padding: 10px;
}
.cz_Detailclass div.cz_inner dl{
	width:48%;
	display: inline-block;
	float: left;
	margin: 10px 10px 10px 0;
}
.cz_Detailclass .cz_use_box div.cz_inner dt{
	margin: 0 0 5px;
	background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}
.cz_Detailclass .cz_use_box div.cz_inner dt span{
	font-weight: bold;
	color: #8c2a04; /*赤茶 文字色 色指定*/
	background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}
.cz_Detailclass .cz_use_box div.cz_inner dt,
.cz_Detailclass .cz_use_box div.cz_inner dd{
    padding: 5px;
}
.cz_Detailclass .cz_use_box div.cz_inner dd ul{
	width:48%;
	margin:0 auto;
}
.cz_Detailclass .cz_use_box div.cz_inner dd ul li{
	float: left;
}
.cz_Detailclass .cz_use_box div.cz_inner dd ul li + li{
	float: right;
}
.cz_Detailclass .cz_result_box .cz_couponBox{
	position: absolute;
	right:10px;
	top: 10px;
	display: inline-block;
}

/* 詳細　観光情報
------------------------------------------------------ */
.cz_ttl10{
    font-size: 1.8em;
	color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #0f5499; /*中青 背景色 色指定*/
}
.cz_ttl11{
    font-size: 1.4em;
	color:#000000; /*クロ 文字色 色指定*/
	background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
}
.cz_ttl10,
.cz_ttl11{
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
}
.cz_ttl11 a:link,
.cz_ttl11 a:visited{
	color:#0f5499; /*中青 文字色 色指定*/
    text-decoration: underline;
}
.cz_ttl11 a:hover,
.cz_ttl11 a:active{
	color:#0f5499; /*中青 文字色 色指定*/
    text-decoration: none;
}
/*地図上ドロップボックス*/
.cz_dr_box,
.cz_de_box,
.cz_sl_box{
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.4em;
	border: 1px solid #0f5499; /*中青 ボーダー 色指定*/
}
.cz_dr_box p.cz_layL_K{
	width: 29%;
	padding: 4px 4px;
	display: block;
}
.cz_layL_K{
	position: relative;
    float: left;
    width: 250px;
}
.cz_layR_K{
	position: relative;
    float: right;
	width: 170px;
}
.cz_clear_K{
	clear: both;
}
.cz_mb10 {
    margin-bottom: 10px !important;
}
.cz_mr10{
    margin-right: 10px;
}
.cz_noshow {
    display: none;
}
.cz_sl_box .cz_ph_box{
	width: 480px;
	height: 360px;
	position: relative;
}
.cz_sl_box .cz_ph_box .cz_r_arrow,
.cz_sl_box .cz_ph_box .cz_l_arrow{
	position: absolute;
	top: 50%;
	width: 45px;
	height: 100px;
	font-size: 4em;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: bold;
	display: block;
	color: #ffffff; /*シロ 文字色 色指定*/
	background-color: rgba(153,153,153,0.5); /*色変更不可*/
}
.cz_sl_box .cz_ph_box .cz_r_arrow{
	right: 0px;
}
.cz_sl_box .cz_ph_box .cz_l_arrow{
	left: 0px;
}
.cz_ph_count{
	font-size: 1.2em;
	padding: 5px 0;
	font-weight: normal;
	text-align: center;
}
.cz_dr_box,
.cz_de_box,
.cz_sl_box{
	zoom: 1;
}
.cz_dr_box:after,
.cz_de_box:after,
.cz_sl_box:after{
	content: '';
	display: block;
	clear: both;
}

/*自動車案内・乗換案内
------------------------------------------------------
detailDriveMap・detailDriveMap・detailDoorMap（cz_Accessclass）
------------------------------------------------------ */
.cz_Accessclass .cz_rootBox{
    width: 100%;
    height: 330px;
	overflow: auto;
}
.cz_Accessclass .cz_rootBox .cz_routeTable{
	width:98%
}
.cz_Accessclass .cz_table01 caption,
.cz_Accessclass .cz_routeTable caption{
	padding-left:5px;
	margin: 5px 0;
	font-size:1.0em;
	font-weight: bold;
	border-left: 5px double #cccccc; /*グレー2 ボーダー 色指定*/
}
.list_num td span{
	padding-right:10px;
}
/* 凡例　印刷ページなど共通流用*/
div.cz_legend{
	padding: 3px;
	margin: 10px 0;
	font-size:0.8em;
	background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}
div.cz_legend h3{
	padding: 5px;
}
* html div.cz_legend ul{
	padding-bottom: 10px;
}
*:first-child+html div.cz_legend ul{
	padding-bottom: 10px;
}
div.cz_legend li{
	margin: 0 10px 10px 0;
	padding: 0 0 3px 0;
	float: left;
}
div.cz_legend li img{
	margin-right: 5px;
	vertical-align: middle;
}

/* 印刷ページ
------------------------------------------------------
printDetailMap・printDoorMap・printDriveMap_all・printRouteMap（cz_Printclass）
------------------------------------------------------ */
body.cz_print{
    width: 668px;
	margin: 0 auto;
    padding-top: 10px;
    background: none;
}
body.cz_print div.cz_suite_contents{
    width: 668px;
	margin: 0 auto;
}
body.cz_print div#cz_content{
    width: 668px;
}
body.cz_print .cz_part01{
	background-color: #ffffff;/*シロ 背景色 色指定*/
	border: 2px solid #eeeeee;/*薄グレー2 ボーダー 色指定*/
}
/* 見出し */
#cz_Printclass .cz_ttl02{
	font-size:1em;
    color:#666666; /*濃グレー2 文字色 色指定*/
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
#cz_Printclass .cz_ttl02 span{
	margin-right: 5px;
    color:#666666; /*濃グレー2 文字色 色指定*/
	background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
}
/* ボタン枠 */
body.cz_print div#cz_toolArea{
    padding-bottom:10px;
}
.cz_linkLine p{
    padding: 0 0 0 90px;
	margin-bottom: 10px;
    float: left;
}
body.cz_print .cz_table01 caption,
body.cz_print .cz_routeTable caption,
body.cz_print .cz_ttl06{
	padding-left:5px;
	margin: 10px 0;
	font-size:1.0em;
	font-weight: bold;
	border-left: 5px double #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_pm_tabel{width:68%}

/* 印刷ページ備考欄 */
div.cz_ptintAttention {
	margin-top:10px;
	clear: both;
	font-size:0.8em;
	line-height:1.3em;
}
div.cz_ptintAttention p.cz_right {
    float: right;
}

/*クーポンページ
------------------------------------------------------
printCoupon（cz_Printclass ）
------------------------------------------------------ */
body.cz_print .cz_mainBox{
    width:68%;
}
body.cz_print .cz_sideBox{
    width:30%;
}
/* 見出し */
.cz_Couponclass .cz_ttl02{
    color:#de5700; /*渋茶 文字色 色指定*/
	background-color: #ffffff; /*シロ 背景色 色指定*/
}
.cz_Couponclass .cz_ttl02 span{
    color:#ffffff; /*シロ 文字色 色指定*/
	background-color: #de5700; /*渋茶 背景色 色指定*/
}
.cz_Couponclass .cz_ttl03{
	border-bottom: 5px double #cccccc;/*グレー2 色指定*/
}
/* クーポン画像 */
.cz_Couponclass .cz_part02 .cz_layR p{
	text-align: center;
}
.cz_coupon ol{
	list-style-type: decimal !important;
	list-style-position: inside;
}
.cz_coupon .cz_sideBox dl{
	text-align:center;
}
.cz_Couponclass .cz_part02{
	margin-bottom: 10px;
	border: 1px solid #666666; /*濃グレー2 ボーダー 色指定*/
	background-color: #fa8c01; /*オレンジ 背景色 色指定*/
}
.cz_Couponclass .cz_part02 .cz_layL{
	background-color: #ffffff; /*シロ 背景色 色指定*/
	border-right: 2px dotted #fa8c01; /*オレンジ ボーダー 色指定*/
}
.cz_Couponclass .cz_part02 .cz_layR{
	background-color: #FA8C01;/*オレンジ 背景色 色指定*/
}
.cz_Couponclass .cz_part02 ul{
	margin-bottom: 20px;
}
.cz_Couponclass .cz_part02 li{
	font-size:0.8em;
	line-height:1.4em;
}
.cz_Couponclass .cz_part02 .cz_layL{
	padding:5px;
}

/*天気 weather
------------------------------------------------------  */
.cz_weather .cz_part01{
    padding: 5px 10px 10px;
}
.cz_weather .cz_part01{
	background-color: #ffffff;
	border-left: 2px solid #eeeeee; /*薄グレー2 色指定*/
	border-right: 2px solid #eeeeee; /*薄グレー2 色指定*/
	border-bottom: 2px solid #eeeeee; /*薄グレー2 色指定*/
	border-top: none !important;
}
.cz_weather .cz_ttl02{
    color:#666666; /*濃グレー2 文字色 色指定*/
	background-color: transparent; /*透過 背景色 色指定*/
}
.cz_weather .cz_ttl02 span{
    color:#666666; /*濃グレー2 文字色 色指定*/
	background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
}
.cz_weather h2{
	padding: 10px;
	/*色指定*/
	border: 2px solid #eeeeee; /*薄グレー2 色指定*/
	color:#003366; /*濃青 文字色 色指定*/
	background-color: #E7EEF5; /*薄青2 背景色 色指定*/
}
.cz_weather .cz_table01 caption{
	font-weight: bold;
	padding-left:5px;
	margin:10px 0;
	font-size: 1em;
	font-weight: bold;
	color:#003366; /*濃青 文字色 色指定*/
	border-left: 5px double #003366; /*濃青 色指定*/
}
.cz_weather .cz_table01{
	border-right: none;
}
.cz_weather .cz_table01 th{
	background-color:#e7eef5; /*薄青2 背景色 色指定*/
	border-right: 1px solid #cccccc; /*グレー2 色指定*/
	border-left: 1px solid #cccccc; /*グレー2 色指定*/
}
.cz_weather .cz_table01 td{
	border-right: 1px solid #cccccc; /*グレー2 色指定*/
}

/*鉄道沿線検索 駅一覧要素　searchLineCndList（cz_Alphaclass）
------------------------------------------------------ */
/* 路線名から探す 駅*/
table.cz_stationTable {
    margin-bottom: 10px;
    table-layout: fixed;
}
table.cz_stationTable a {
    text-decoration: none;
}
table.cz_stationTable thead tr th {
    font-weight: normal;
    border-bottom: 1px solid #cccccc; /*グレー2 色指定*/
}
table.cz_stationTable thead tr th.cz_listR {
    width: 20px;
}
/*県名*/
table.cz_stationTable h3 {
    padding: 5px;
    background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
}
table.cz_stationTable h3.cz_hit{
    padding: 5px;
    background-color: #f2eaec; /*薄ピンク2 背景色 色指定*/
}
/*〇*/
tr.cz_range {
    background-color: #eeeeee; /*薄グレー2 背景色 色指定*/
	}
tr.cz_range td {
    padding: 5px 25px 5px 0;
    text-align: center;
    width: 71px;
    border-bottom: 1px solid #cccccc; /*グレー2 s色指定*/
}
tr.cz_range td.cz_listR {
    width: 24px;
}
tr.cz_range td span {
    display: block;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    text-align: center;
/*****--201706-07MAPPLE調整*****/
    /*width: 70px;*/
}
/*駅名*/
tr.cz_staName td {
    padding: 2px 0 0;
    text-align: center;
    vertical-align: top;
    width: 75px;
    border-bottom: 1px solid #cccccc;/*グレー2 色指定*/
    background: url("../img/arrow_sta.gif") no-repeat scroll right 15px #ffffff; /*色指定*/
}
tr.cz_staName td.cz_listR {
    width: 24px;
    background: none repeat scroll 0 0 #ffffff; /*シロ 背景色 色指定*/
}
table.cz_stationTable .cz_pager {
    width: 30px;
}
.cz_stationTableL {
    border-left: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
}
.cz_stationTableR {
    border-right: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
}
tr.cz_staName span {
    display: block;
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 5px;
    text-align: center;
    width: 80%;
}
tr.cz_staName strong.cz_tategaki {
    display: block;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0 auto;
    padding: 0;
    width: 1em;
}
/*件数*/
div#cz_content tr.cz_staName p {
    margin-bottom: 0;
    padding: 0 0 0 1px;
    width: 80%;
}
/*背景色*/
tr.cz_staName .cz_currentPref {
    background: url("../img/arrow_sta.gif") no-repeat scroll right 15px #f2eaec; /*薄ピンク2 色指定*/
}
/*路線はじめ*/
.cz_startRange {
    background: url("../img/line_range.gif") repeat-y scroll left top #eeeeee; /*薄グレー2 色指定*/
}
/*路線おわり*/
.cz_endRange {
    background: url("../img/line_range.gif") repeat-y scroll right top #eeeeee; /*薄グレー2 色指定*/
}

/*乗換案内リスト　detailDoorList（cz_Alphaclass）
------------------------------------------------------ */
/*乗車駅－下車駅間から探す*/
dl.cz_aggre{
    margin-top:15px;
}
dl.cz_aggre dt,
dl.cz_aggre dd{
	display:inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
}
dl.cz_aggre dd{
	font-weight: bold;
}
.cz_courseBox{
	padding: 5px;
}
/* 経路 */
table.cz_routeTable{
	border-collapse: collapse;
    margin-bottom:10px;
    border-top: 1px solid #cccccc; /*グレー2 色指定*/
    border-right: 1px solid #cccccc; /*グレー2 色指定*/
    background-color:#ffffff; /*シロ 背景色 色指定*/
}
table.cz_routeTable td,
table.cz_routeTable th {
	padding: 5px;
    border-left: 1px solid #cccccc; /*グレー2 色指定*/
    border-bottom: 1px solid #cccccc; /*グレー2 色指定*/
}
table.cz_routeTable th {
    background-color:#eeeeee; /*薄グレー2 背景色 色指定*/
}
table.cz_routeTable img{
    vertical-align: middle;
}
table.cz_routeTable td.cz_line {
	text-align: right;
	background: url("../img/line_access.gif") repeat-y scroll 25% top #ffffff; /*シロ 色指定*/
}
table.cz_routeTable td.cz_line img{
    margin-right:5px;
}
table.cz_routeTable td.routeDetail{
	line-height: 1.6em;
}
table.cz_routeTable td.routeDetail dt{
	font-weight: bold;
}
table.cz_routeTable td.routeDetail dd{
	padding-left:10px;
}
table.cz_routeTable td.routeDetail dd li{
	list-style-position: inside;
	list-style-type: disc;
}

/* ----------------------------------------------------------------------------------
3:layout.css スタイル指定
---------------------------------------------------------------------------------- */

/* ナビゲーションボタン 背景
------------------------------------------------------ */
div.cz_utility_box{
	background-color: #FFFAE6; /*薄きいろ 背景色 色指定*/
}
div.cz_guide_box{
	background-color:#E7EEF5; /*薄青2 背景色 色指定*/
}
/*ナビボタン
------------------------------------------------------ */
.cz_page_navi li{
    -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); /*最後に記載*/
}
.cz_page_navi li:hover{
	background: #eeeeee; /*薄グレー2 背景色 色指定*/
}
/*ページトップ
------------------------------------------------------ */
p.cz_pagetop a{
	color:#ffffff; /*シロ 文字色 色指定*/
}
.cz_pagetop:hover{
	color: #ffffff; /*シロ 文字色 色指定*/
	background: #003366; /*濃青 背景色 色指定*/
}
.cz_pagetop{
    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: #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); /*最後に記載*/
}
/*タブ型ボタン　※tab_selector　selected　にはczはつけない。
------------------------------------------------------ */
ul.tab_menu li a.tab_selector.selected{
	font-weight:bold;
}
ul.tab_menu li a.tab_selector{
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius:  10px 10px 0 0;
    border-top: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	border-bottom: none;
    -webkit-box-shadow: #cccccc 0px 1px 1px; /*グレー2 影 色指定*/
    -moz-box-shadow: #cccccc 0px 1px 1px;
    box-shadow: #cccccc 0px 1px 1px;
	background: #ffffff; /*IE用　シロ 背景色 色指定*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cccccc), to(#eeeeee)); /*グレー2 薄グレー2 色指定*/
    background: -webkit-linear-gradient(#cccccc,#eeeeee);
    background: -moz-linear-gradient(#cccccc,#eeeeee);
    background: -ms-linear-gradient(#cccccc,#eeeeee);
    background: -o-linear-gradient(#cccccc,#eeeeee);
    background: linear-gradient(#cccccc,#eeeeee);
    -pie-background: linear-gradient(#ccc,#eeeeee);
    behavior: url(PIE.htc); /*最後に記載*/
}
ul.tab_menu li a.tab_selector.selected,
ul.tab_menu li a.tab_selector:hover{
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-top: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	border-bottom: none;
    -webkit-box-shadow: #eeeeee 1px -1px 1px;/*グレー2 影 色指定*/
    -moz-box-shadow: #eeeeee 1px -1px 1px;
    box-shadow: #eeeeee 1px -1px 1px;
	background: #CFDDEB; /*薄青1 背景色 色指定*/
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ECEFF5), to(#CFDDEB)); /*薄青2 薄青1 色指定*/
	background: -webkit-linear-gradient(#ECEFF5,#CFDDEB);
	background: -moz-linear-gradient(#ECEFF5,#CFDDEB);
	background: -ms-linear-gradient(#ECEFF5,#CFDDEB);
	background: -o-linear-gradient(#ECEFF5,#CFDDEB);
	background: linear-gradient(#ECEFF5,#CFDDEB);
	-pie-background: linear-gradient(#ECEFF5,#CFDDEB);
    behavior: url(PIE.htc); /*最後に記載*/
}

/*該当するデータが無い場合*/
ul.re_tab_menu{
	background: #e7eef5; /*薄青1 背景色 色指定*/
}
ul.re_tab_menu li{
    -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.selected{
	font-weight:bold;
}
/*共通ボタン
------------------------------------------------------ */
/* オレンジ*/
input.cz_Btn_orange{
	width: 210px;
	border-radius:  5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ffffff; /*シロ 色指定*/
	-webkit-box-shadow: #666666 0px 2px 3px; /*色指定*/
	-moz-box-shadow: #666666 0px 2px 3px;
	box-shadow: #666666 0px 2px 3px;
	color: #ffffff; /*シロ 文字色 色指定*/
	background: #8C2A04; /*背景色 色指定*/
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DB5200), to(#8C2A04)); /*渋茶 赤茶 色指定*/
	background: -webkit-linear-gradient(#DB5200,#8C2A04);
	background: -moz-linear-gradient(#DB5200,#8C2A04);
	background: -ms-linear-gradient(#DB5200,#8C2A04);
	background: -o-linear-gradient(#DB5200,#8C2A04);
	background: linear-gradient(#DB5200,#8C2A04);
	-pie-background: linear-gradient(#DB5200,#8C2A04);
	behavior: url(PIE.htc); /*最後に記載*/
}
input.cz_Btn_orange:hover{
	background: #8C2A04; /*赤茶 背景色 色指定*/
}
/*ブルー*/
input.cz_Btn_blue{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid #ffffff;
	-webkit-box-shadow: #666666 0px 2px 3px;
	-moz-box-shadow: #666666 0px 2px 3px;
	box-shadow: #666666 0px 2px 3px;
	color: #ffffff; /*シロ 文字色 色指定*/
	background:#003366; /*濃青 背景色 色指定*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0F5499), to(#003366)); /*中青 濃青 色指定*/
    background: -webkit-linear-gradient(#0F5499,#003366);
    background: -moz-linear-gradient(#0F5499,#003366);
    background: -ms-linear-gradient(#0F5499,#003366);
    background: -o-linear-gradient(#0F5499,#003366);
    background: linear-gradient(#0F5499,#003366);
    -pie-background: linear-gradient(#0F5499,#003366);
    behavior: url(PIE.htc); /*最後に記載*/
}
input.cz_Btn_blue:hover{
	color: #ffffff; /*シロ 文字色 色指定*/
	background: #0F5499; /*中青 背景色 色指定*/
}
.cz_couponBox input.cz_Btn_blue{
	width: 100px;
	height: 100px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    behavior: url(PIE.htc);
}

/*Close（グレー）*/
input.cz_Btn_close{
	width: 100px;
	top: 5px;
	right: 5px;
	border-radius:  5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 /*色指定*/
	border: 1px solid #ffffff; /*シロ ボーダー 色指定*/
	-webkit-box-shadow: #666666 0px 1px 1px;
	-moz-box-shadow: #666666 0px 1px 1px;
	box-shadow: #666666 0px 1px 1px;
	color: #333333; /*濃グレー1 文字色 色指定*/
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#dfdfdf)); /*グレー2 薄グレー1 色指定*/
	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); /*最後に記載*/
}
input.cz_Btn_close:hover{
	color: #666666; /*濃グレー2 文字色 色指定*/
	background: #eeeeee; /*薄グレー2 背景色 色指定*/
}

/*凡例ボックス
------------------------------------------------------ */
.cz_mapAccount,
.cz_mapAccount02{
	background-color: #FFFAE6; /*薄きいろ 背景色 色指定*/
}
.cz_mapAccount dt span,
.cz_mapAccount02 li span{
	color: #ffffff; /*シロ 文字色 色指定*/
	background-color: #8C2A04; /*赤茶 背景色 色指定*/
}

/*フォーム
------------------------------------------------------ */
.cz_Detailclass select.cz_select01,
.cz_Resultclass select.cz_select01{
    border: 1px solid #cccccc; /*グレー2 ボーダー 色指定*/
    background-color: #fffae6; /*薄きいろ 背景色 色指定*/
}

/*地図型リスト（top）
------------------------------------------------------ */
.cz_list_map dt{
	font-weight: bold;
}
.cz_list_map dd{
	border-radius: 5px;
	-webkit-box-shadow: #cccccc 0px 2px 2px;
	-moz-box-shadow: #cccccc 0px 2px 2px;
	box-shadow: #cccccc 0px 2px 2px;
    behavior: url(PIE.htc); /*最後に記載*/
}
.cz_list_map dt,
.cz_list_map dd{
}
.cz_list_map dd{
	border: 2px solid #869099; /*グレー2 ボーダー 色指定*/
	background-color: #ffffff; /*シロ 背景色 色指定*/
}

/*地図色付け
------------------------------------------------------ */
.cz_accmd1 .cz_area01 dd{
    background-color: rgba(102,153,204,0.5);
	border: 2px solid #6699CC;
}
.cz_accmd1 .cz_area02 dd{
  background-color: rgba(82,187,209,0.5);
	border: 2px solid #52BBD1;
}
.cz_accmd1 .cz_area03 dd{
  background-color: rgba(192,199,67,0.5);
	border: 2px solid #C0C743;
}
.cz_accmd1 .cz_area04 dd{
  background-color: rgba(113,213,203,0.5);
	border: 2px solid #71D5CB;
}
.cz_accmd1 .cz_area05 dd{
  background-color: rgba(102,205,170,0.5);
	border: 2px solid #66cdaa;
}
.cz_accmd1 .cz_area06 dd{
  background-color: rgba(239,184,56,0.5);
	border: 2px solid #EFB838;
}
.cz_accmd1 .cz_area07 dd{
  background-color: rgba(245,140,63,0.5);
	border: 2px solid #F58C3F;
}
.cz_accmd1 .cz_area08 dd{
  background-color: rgba(241,162,150,0.5);
	border: 2px solid #F1A296;
}
.cz_accmd1 .cz_area09 dd{
  background-color: rgba(231,122,114,0.5);
	border: 2px solid #E77A72;
}
/*リンク色付け
------------------------------------------------------ */
.cz_accmd1 dl dd a:link{
    color: #333333; /*文字色 色指定*/
    text-decoration: none;
}
.cz_accmd1 dl dd a:visited{
    color: #333333; /*文字色 色指定*/
    text-decoration: none;
}
.cz_accmd1 dl dd a:hover{
    color: #666666; /*文字色 色指定*/
    text-decoration: none;
}
.cz_accmd1 dl dd a:active{
    color: #666666; /*文字色 色指定*/
    text-decoration: none;
}
/*リスト色付け
------------------------------------------------------ */
.cz_accmd1 .cz_areaB01 dt {
    background-color: rgba(102,153,204,0.5);
}
.cz_accmd1 .cz_areaB02 dt {
  background-color: rgba(82,187,209,0.5);
}
.cz_accmd1 .cz_areaB03 dt {
  background-color: rgba(192,199,67,0.5);
}
.cz_accmd1 .cz_areaB04 dt {
  background-color: rgba(239,184,56,0.5);
}
.cz_accmd1 .cz_areaB05 dt {
  background-color: rgba(245,140,63,0.5);
}
.cz_accmd1 .cz_areaB06 dt {
  background-color: rgba(241,162,150,0.5);
}
.cz_accmd1 .cz_areaB07 dt {
  background-color: rgba(231,122,114,0.5);
}