@charset "UTF-8";

/* 
  1:共通部品
  -------------------------------------------------------
  ∟
  
　2:各ページ毎
　-------------------------------------------------------
  ∟
 

/* ----------------------------------------------------------------------------------
1:共通部品
---------------------------------------------------------------------------------- */
input[type=button]{
font-family: FontAwesome /*FontAwesomeをフォント指定*/;
}
input[type=text]{
font-family: FontAwesome /*FontAwesomeをフォント指定*/;
}

/*パーツ（ブロック）
------------------------------------------------------ */
/*検索結果 cz_result_box
------------------------------------------------------ */
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{
	display:none;
}
div.cz_result_box table th,
div.cz_result_box table td{
	background-color: #ffffff;
}
div.cz_result_box table th{
	border: 3px solid #dcdcdc;
	background-color: #eeeeee;
}
div.cz_result_box table td{
	border: 3px solid #dcdcdc;
}

/*使うボックス　再検索ボックス
------------------------------------------------------ */
div.cz_revaluation_box{
	padding: 10px;
	background-color: #eeeeee;
}

/*見出し
------------------------------------------------------ */
/*topページ使用*/
.cz_ttl01{
	margin: 0px 0 10px;
	padding: 15px 0;
	font-weight: normal;
    font-size: 1.3em;
}
.cz_ttl01{
    color:#000000;
	border-bottom: 6px solid #00AB4D;
}
/* 2色見出し*/
.cz_ttl02{
	padding: 10px 0;
	font-weight: normal;
    font-size: 1.3em;
	margin-bottom:15px;
	border-bottom: 3px solid #dcdcdc;
}
.cz_print .cz_ttl02{
	line-height: 1.9em;
}
.cz_Topclass #cz_sideContent .cz_section_box{
	margin-top:30px;
}
.cz_Topclass #cz_sideContent .cz_section_box:first-child{
	margin-top:0px;

}
/* 下二重線見出し */
.cz_ttl03{
	margin: 0 0 10px;
	padding: 10px 0;
	font-size: 1em;
}
.cz_ttl03 span{
	margin-right:5px;
	padding: 10px 15px;
}
/* 旗型見出し */
.cz_ttl04{
	padding: 10px 0;
	margin: 10px 0;
	font-size: 1.0em;
	border-bottom: 1px solid #eeeeee;
}
.cz_ttl04 span{
	font-weight: bold;
	font-size: 0.8em;
	padding: 10px 15px;
	margin-right:10px;
}
.cz_Secondclass .cz_ttl04 span,
.cz_Resultclass .cz_ttl04 span{
	background-color: #f4f8ed;
}
/* listmap 縦ボーダー見出し*/
.cz_ttl05{
	padding: 5px 0;
	margin:  5px 0;
	font-size: 1.0em;
}
.cz_ttl05 span{
	padding: 10px 10px 10px 10px;
	margin: 0 10px;	
}
.cz_Resultclass .cz_ttl05 span > span{
	margin-right:0 !important;
}
/* printRouteMap 縦二重線見出し*/
.cz_ttl06{
	padding-left:5px;
	margin: 10px 0;
	font-size:1.2em;
}

/*再検索・使うボックス*/
.cz_Secondclass #cz_sideContent .cz_ttl02,
.cz_Resultclass #cz_sideContent .cz_ttl02{
	color: #000000;
}
.cz_Secondclass #cz_sideContent .cz_ttl02 span,
.cz_Resultclass #cz_sideContent .cz_ttl02 span{
	margin-right:5px;
	background-color: #455920;
	color: #ffffff; 
}

/*補足・備考・色つき文字
------------------------------------------------------ */
/* 検索結果注意 */
.cz_atten{
	padding: 10px;
}
.cz_Secondclass .cz_atten,
.cz_Resultclass .cz_atten{
	background-color: #f4f8ed !important; 
}

/*例 */
.cz_aqua{background-color: #f4f8ed;}

/*テーブル
------------------------------------------------------ */
table.cz_table01 {
	width:100%;
    margin-bottom:10px;
	border-collapse: collapse;
    border-top: 3px solid #dcdcdc;
    border-left: 3px solid #dcdcdc;
}
table.cz_table01 td,
table.cz_table01 th {
	padding: 5px;
    border-right: 3px solid #dcdcdc;
    border-bottom: 3px solid #dcdcdc;
}
table.cz_table01 th {
	text-align:center;
    background-color:#F0F8FD; 
}
table.cz_table01 td {
	text-align:left;
}
table.cz_table01 img{
    vertical-align: middle;
}

/*QRコード / アクセス
------------------------------------------------------ */
dl.cz_qrcode,
dl.cz_access{
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:  5px;
	background-color: #F0F8FD; 
	border: 1px solid #eeeeee;
	behavior: url(PIE.htc);
}
dl.cz_qrcode dt,
dl.cz_access dt{
	text-align:center;
	padding-bottom:5px;
	border-bottom: 1px dashed #eeeeee; 
}
dl.cz_qrcode dd,
dl.cz_access dd{
	margin-top:10px;
}
dl.cz_access dd{
	line-height: 1.4em;
}
.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: 60%;
	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: 65%;
	float: none;
}

/*絞込アイコン
------------------------------------------------------ */
div.cz_condi_box,
.cz_last_box{
	clear:both;
}
div.cz_last_box{
	margin-top:20px;
	padding-top:30px;
	border-top:solid 4px #dcdcdc;
	position: relative;
}

.cz_last_box:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -2px;
	right: 50%;
	border: 20px solid transparent;
    border-top: 25px solid #dcdcdc;
}
.cz_last_box:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -4px;
	right: 374px;
	border: 16px solid transparent;
    border-top: 19px solid #ffffff;
}
.cz_terms ul{
	letter-spacing: -0.1em;
    margin: 0;
}
.cz_terms ul li{
	font-size:0.8em;
	padding: 0;
	margin-bottom:4px;
	letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}
.cz_else{
	display: block !important;
    *display: block !important;
}
.cz_terms ul li img{

	vertical-align: middle;
}
.cz_terms ul li input{
	margin-right:-3px;
	margin-left:-2px;
	vertical-align: middle;
}

#cz_service ul li{
	width:49%;
}
.cz_Topclass .cz_terms{
	float:left;
}
.cz_Topclass #cz_service,
.cz_Topclass #cz_type{
	width:52%;
}
.cz_Topclass #cz_means,
.cz_Topclass #cz_location{
	width:47%;
}
.cz_Topclass #cz_means ul li{
	width:47%;
}
.cz_Topclass #cz_means ul li:last-child{
	width:100%;
}
.cz_Secondclass .cz_terms{
	width:100%;
	float:none;
	border-bottom: 3px #eeeeee dotted;
}
.cz_Resultclass .cz_terms{
	border-bottom: 3px #eeeeee dotted;
	padding-bottom:10px;
	margin-bottom:10px;
}
.cz_terms ul.cz_except li{
	width:47% !important;
}
.cz_terms dt{
	padding:10px 0px;
	margin-bottom:10px;
	font-size: 1.0em;
}
.cz_terms dt { /*ななめ縞#FAFAFA*/
    padding-left:5px;
    background:#FAFAFA;
    background: -moz-linear-gradient(left top, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%,
        #FAFAFA 50%, #FAFAFA 75%, #FFF 75%,#FFF);
    background: -webkit-linear-gradient(left top, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%,
        #FAFAFA 50%, #FAFAFA 75%, #FFF 75%,#FFF);
    background: linear-gradient(left top, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%,
        #FAFAFA 50%, #FAFAFA 75%, #FFF 75%,#FFF);
    -moz-background-size: 10px 10px;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
	behavior: url(PIE.htc);
}
#cz_type ul li{
	padding:5px 2px;
}
.cz_icon_line{
}
.cz_icon_line img{
	padding-right:6px;
}
.cz_subBox{
	padding:5px;
	margin:5px 0 25px;
	background-color:#FAFAFA
}
/* リストページ 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;
}

/* 詳細ページ tableセル内*/
.cz_terms_list li{
    float: left;
}
.cz_terms_list li img{
	margin: 0 2px 2px 0;
}

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

/*TOPページ top（cz_Topclass）
------------------------------------------------------ */
.cz_Topclass #cz_mainContent .cz_map_box{
	position:relative;
	clear:both;
	height:440px;
	zoom: 1;
	line-height:100%;
}

/*新着情報
------------------------------------------------------ 
.cz_inform{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:  5px;
	border: 1px solid #eeeeee;
	behavior: url(PIE.htc);
}
.cz_inform{
    width: 70%;
	padding: 5px;
	background-color: #ffffff;
}
.cz_inform dt{
	margin-bottom: 5px;
	font-weight: bold;
}
.cz_inform ul{
	background-color:transparent;
}
.cz_inform li{
	padding: 0 10px;
	margin-bottom: 5px;
	background: url(../../../Views/2/Pc/img/arrow_01.gif) no-repeat left center;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	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;
}
*/

/*地図型リスト
------------------------------------------------------ */
.cz_list_map{
	position: absolute;
}
.cz_list_map li{
	text-align: center;
	position: absolute;
	padding: 8px 0;
}
.cz_list_map li{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:  3px;
	border: 2px solid #dedede;
	behavior: url(PIE.htc);

}
ul.cz_area01 li{
	background-color:#E5F3FB;
}
ul.cz_area02 li{
	background-color:#E5F6ED;
}
ul.cz_area03 li{
	background-color:#FFF5E5;
}
ul.cz_area04 li{
	background-color:#EFFFFF;
}
ul.cz_area05 li{
	background-color:#F5E5FA;
}
ul.cz_area06 li{
	background-color:#FFE5E5;
}
ul.cz_area07 li{
	background-color:#FAEFE5;
}
ul.cz_area08 li{
	background-color:#FFFFE5;
}
ul.cz_area09 li{
	background-color:#EAEFE5;
}
/* 北海道・東北エリア */
ul.cz_area01{
	width: 176px;
	top: 0px;
	right: 0px;
}
ul.cz_area01 li.cz_pref01{
	width: 174px;
	top: 0px;
	left: 0px;
	padding: 30px 0;!important;
}
ul.cz_area01 li.cz_pref02{
	width: 174px;
	top: 89px;
	left: 0px;
}
ul.cz_area01 li.cz_pref03{
	width: 83px;
	top: 124px;
	right: 0px;
}
ul.cz_area01 li.cz_pref05{
	width: 83px;
	top: 124px;
	left: 0px;
}
ul.cz_area01 li.cz_pref04{
	width: 83px;
	top: 159px;
	right: 0px;
}
ul.cz_area01 li.cz_pref06{
	width: 83px;
	top: 159px;
	left: 0px;
}
ul.cz_area01 li.cz_pref07{
	width: 174px;
	top: 194px;
	left: 0px;
}
/* 関東エリア */
ul.cz_area02{
	width: 176px;
	top: 235px;
	right: 0px;
}
ul.cz_area02 li.cz_pref01{
	width: 83px;
	top: 0px;
	right: 0px;
	padding: 15px 0;!important;
}
ul.cz_area02 li.cz_pref02{
	width: 83px;
	top: 0px;
	left: 0px;
}
ul.cz_area02 li.cz_pref03{
	width: 83px;
	top: 35px;
	left: 0px;
}
ul.cz_area02 li.cz_pref05{
	width: 83px;
	top: 49px;
	right: 0px;
	padding: 15px 0;!important;
}
ul.cz_area02 li.cz_pref04{
	width: 83px;
	top: 70px;
	left: 0px;
}
ul.cz_area02 li.cz_pref06{
	width: 83px;
	top: 105px;
	left: 0px;
}
ul.cz_area02 li.cz_pref07{
	width: 83px;
	top: 140px;
	left: 0px;
}

/* 甲信越エリア */
ul.cz_area03{
	width: 86px;
	top: 110px;
	right: 185px;
}

ul.cz_area03 li.cz_pref01{
	width: 83px;
	top: 0px;
	left: 0px;
}
ul.cz_area03 li.cz_pref02{
	width: 83px;
	top: 84px;
	left: 0px;
}
ul.cz_area03 li.cz_pref03{
	width: 83px;
	top: 35px;
	left: 0px;
	padding: 15px 0;!important;

}
/* 東海エリア */
ul.cz_area04{
	width: 176px;
	top: 235px;
	right: 185px;
}
ul.cz_area04 li.cz_pref01{
	width: 83px;
	top: 0px;
	right: 0px;
}
ul.cz_area04 li.cz_pref02{
	width: 83px;
	top:70px;
	right: 0px;
}
ul.cz_area04 li.cz_pref03{
	width: 83px;
	top: 105px;
	right: 0px;
	padding: 15px 0;!important;

}
ul.cz_area04 li.cz_pref04{
	width: 83px;
	top: 35px;
	right: 0px;
}
/* 北陸エリア */
ul.cz_area05{
	width: 264px;
	top: 95px;
	right: 280px;
}
ul.cz_area05 li.cz_pref01{
	width: 83px;
	top: 35px;
	left: 88px;
}
ul.cz_area05 li.cz_pref02{
	width: 83px;
	top: 35px;
	right: 0px;
}
ul.cz_area05 li.cz_pref03{
	width: 83px;
	top: 0px;
	left: 150px;
}

/* 関西エリア */
ul.cz_area06{
	width: 176px;
	top: 170px;
	right: 280px;
}
ul.cz_area06 li.cz_pref01{
	width: 83px;
	top: 0px;
	right: 0px;
}
ul.cz_area06 li.cz_pref02{
	width: 83px;
	top: 35px;
	right: 0px;
}
ul.cz_area06 li.cz_pref03{
	width: 83px;
	top: 35px;
	left: 0px;
}
ul.cz_area06 li.cz_pref04{
	width: 83px;
	top: 0px;
	left: 0px;
}
ul.cz_area06 li.cz_pref05{
	width: 83px;
	top: 70px;
	left: 0px;
	padding: 15px 0;!important;
	
}
ul.cz_area06 li.cz_pref06{
	width: 83px;
	top: 70px;
	right: 0px;
}
/* 中国エリア */
ul.cz_area07{
	width: 264px;
	top: 170px;
	right: 465px;
}
ul.cz_area07 dt{
	width: 83px;
	top: 0px;
	left: 0px;
}
ul.cz_area07 li.cz_pref01{
	width: 83px;
	top: 0px;
	right: 0px;
}
ul.cz_area07 li.cz_pref02{
	width: 83px;
	top: 0px;
	left: 88px;
}
ul.cz_area07 li.cz_pref03{
	width: 83px;
	top: 35px;
	right: 0px;	
}
ul.cz_area07 li.cz_pref04{
	width: 83px;
	top: 35px;
	left: 88px;
}
ul.cz_area07 li.cz_pref05{
	width: 83px;
	top: 35px;
	left: 0px;
}
/* 四国エリア */
ul.cz_area08{
	width: 176px;
	top: 310px;
	right: 380px;
}
ul.cz_area08 li.cz_pref01{
	width: 83px;
	top: 0px;
	right: 0px;
}
ul.cz_area08 li.cz_pref02{
	width: 83px;
	top: 35px;
	right: 0px;
}
ul.cz_area08 li.cz_pref03{
	width: 83px;
	top: 0px;
	left: 0px;	
}
ul.cz_area08 li.cz_pref04{
	width: 83px;
	top: 35px;
	left: 0px;
}
/* 九州エリア */
ul.cz_area09{
	width: 176px;
	top: 250px;
	right: 565px;
}
ul.cz_area09 li.cz_pref01{
	width: 83px;
	top: 0px;
	left: 0px;
}
ul.cz_area09 li.cz_pref02{
	width: 83px;
	top: 0px;
	right: 0px;
}
ul.cz_area09 li.cz_pref03{
	width: 83px;
	top: 35px;
	left: 0px;
}
ul.cz_area09 li.cz_pref05{
	width: 83px;
	top: 35px;
	right: 0px;
}
ul.cz_area09 li.cz_pref04{
	width: 83px;
	top: 70px;
	left: 0px;
}
ul.cz_area09 li.cz_pref06{
	width: 83px;
	top: 70px;
	right: 0px;
}
ul.cz_area09 li.cz_pref07{
	width: 174px;
	top: 105px;
	right: 0px;
}
ul.cz_area09 li.cz_pref08{
	width: 83px;
	top: 150px;
	left: 0px;
}

/*-------------------------
sideContent
---------------------------- */
/* 路線図ボタン */


.cz_clickable_bt{
	margin: 10px 5px;
}
.cz_clickable_bt li{
    letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
	padding-bottom:5px;
}
.itemb1{
	width:48%;
}
.itemb2{
	width:100%;
}

/*スポットリスト　searchKeyList（cz_Secondclass）
------------------------------------------------------ */
#tab_box #tab1,
#tab_box #tab2,
#tab_box #tab3,
#tab_box #tab4,
#tab_box #tab5,
#tab_box #tab6{
	height: 470px;
}
#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;
}
.expresswayTxt{
	font-size: 0.8em;
	color: #666666;
}


/*エラーページ  error（cz_Resultclass）
------------------------------------------------------ */
.cz_Resultclass.cz_error .cz_part01{
	border: 2px solid #dcdcdc;
	background-color: #fff5cc; 
}
.cz_Resultclass.cz_error .cz_part01{
	text-align:center;
	line-height: 1.7em;
}

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

/* 見出し　地図/ルートマップ */
.cz_ttl_inBt{
	margin: 0 0 15px;
	padding: 10px 10px 10px 0;
}
/*ルートマップを表示する*/
.cz_door_box .cz_table01 caption{
	display:none;
	padding-left:5px;
	margin-bottom:10px;
	font-weight: bold;
	border-left: 5px double #dcdcdc;
}
.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_guideTable{
	padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 5px solid #F0F8FD;
    -webkit-box-shadow: #eeeeee 1px -1px 1px;
    -moz-box-shadow: #eeeeee 1px -1px 1px;
    box-shadow: #eeeeee 1px -1px 1px;
    bbehavior: url(PIE.htc);	
}
.cz_guideTable h3{
	margin-bottom:5px;
	
	}
.cz_guideTable h3:before{
    font-family: FontAwesome /*FontAwesomeをフォント指定*/;
    content: "\f276  ";
	color:#0196E6;
}
.cz_guideTable table th,
.cz_guideTable table td{
	font-weight:normal;
    border-bottom: 1px dashed #F0F8FD;
	line-height:1.8em;
}

/* 印刷ページ
------------------------------------------------------ 
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: 645px;
	margin: 0 auto;
}
body.cz_print div#cz_content{
    width: 645px;
}
body.cz_print .cz_part01{
	background-color: #ffffff;
}
/* 見出し */
#cz_Printclass .cz_ttl02{
	font-size:1em;
    color:#666666; 
	background-color: #ffffff; 
}
#cz_Printclass .cz_ttl02 span{
	margin-right: 5px;
    color:#666666; 
	background-color: #eeeeee; 
}
/* ボタン枠 */
body.cz_print div#cz_toolArea{
    padding-bottom:10px;
}
.cz_linkLine{
	text-align: center;
	width:100%;
}
.cz_linkLine p{
	padding: 0 0 0 0;
	margin-bottom: 10px;
	display: block;
}
.cz_linkLine p + p{
	margin-top:-50px;
	float:right;
}
body.cz_print .cz_table01 caption,
body.cz_print .cz_routeTable caption,
body.cz_print .cz_ttl06{
	font-weight: bold;
	padding-left:5px;
	margin: 10px 0;
	font-weight: bold;
	border-left: 5px double #dcdcdc; 
}
/* 印刷ページ備考欄 */
div.cz_ptintAttention {
	margin-top:10px;
	clear: both;
	line-height:1.3em;	
}
div.cz_ptintAttention p.cz_right {
    float: right;
}
/* SNSボタン */
#title-tf{
    position:relative;
	top: -60px; 
	left: 840px;
	width: 160px;

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#title-tw{
	position:absolute;
	top: 5px; 
	left: 0px;
}
#title-fb{
	position:absolute; 
	top: 5px; 
	left: 75px;
}