@charset "UTF-8";

/* ------------------------------------------------------
見出し
------------------------------------------------------ */

/* .cz_heading1 */
.cz_heading1 {
	padding: 12px 30px 15px 10px;
	margin-bottom:10px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 3px solid #01a369;
	border-left: 1px solid #cccccc;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
   -ms-border-radius: 5px 5px 0 0;
   -o-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
   behavior: url(PIE.htc);  
}
.cz_heading1 span {
	display: block;
	padding: 3px 0 0 20px;
	color: #000000;
	font-size: 171.42%;
	font-weight: bold;
	line-height: 1.2;
	border-left: 5px solid #01a369;
}
.cz_heading1 span p {
	font-size: 50%;
}
/* .cz_heading2 */
.cz_heading2 {
	position: relative;
	margin: 30px 0 10px 0;
	padding: 12px 30px 15px 10px;
	border: 1px solid #cccccc;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
   behavior: url(PIE.htc);   
}
.cz_heading2 span {
	display: block;
	padding: 3px 0 0 20px;
	font-size: 142.85%;
	font-weight: bold;
	line-height: 1.2;
	border-left: 5px solid #FFDF00;
}
.cz_ttl01{
	padding: 0 0 0 8px;
	margin:8px 0px;
}
.cz_ttl01{
	clear:both;
	border-left: 7px solid #8BD39B;	
}
dt.cz_ttl01{
	border-bottom: 1px solid #8BD39B;	
}
.cz_ttl01 span{
	font-weight: normal;
	color: #01A368;
}
.cz_ttl02 span{
	color: #8BD39B;
}
.cz_info_box h3{
	padding: 5px 0 0 20px;
	margin-bottom:5px;
	border-bottom: 5px solid #826B54;
}
.cz_info_box h3 span{
	width: 100px;
	padding: 10px;
	display: block;
	text-align: center;
	color: #FFF;
	background-color: #826B54;
}
/* ------------------------------------------------------
パンクズ
------------------------------------------------------ */
.cz_topicpath{
	padding:5px 0 !important;
	float: left;
}

/* ------------------------------------------------------
パーツ（見えるブロック）
------------------------------------------------------ */
.cz_part01,
.cz_part02,
.cz_part03,
.cz_part04{
	-webkit-border-radius: 10px; /* Safari, Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
}
.cz_part01{
	margin-bottom:10px;
	padding: 10px;
	border: 5px solid #8BD39B;
}
.cz_part02{
	margin-bottom:10px;
	padding: 5px;
	border: 3px solid #eeeeee;
}
.cz_part03{
	margin-bottom:10px;
	padding: 10px;
	background-color: #F1FAF3;
}
.cz_part04{
	margin-bottom:10px;
	padding: 5px;
	border: 2px solid #E2F6E7;
}
.cz_info_box{
	padding: 5px;
	margin-bottom:10px;
	background-color: #FBF7F1;
}
.cz_info_box li{
	font-size: 0.87em;
	padding: 4px;
}

/* ------------------------------------------------------
ボタンリンク
------------------------------------------------------ */
input.cz_searchBtn01,
input.cz_searchBtn02{
	font-weight:bold;
	text-align:center;
	padding:12px 10px;
	vertical-align:middle;
	position:relative;
	-webkit-border-radius: 5px; /* Safari, Chrome用 */
    -moz-border-radius: 5px;/* Firefox用 */
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius:  5px;
	color: #333;
    border: 1px solid #cccccc;	
    -webkit-box-shadow: #ccc 0px 2px 3px; /* Safari, Chrome用 */
    -moz-box-shadow: #ccc 0px 2px 3px;/* Firefox用 */
    box-shadow: #ccc 0px 2px 3px;
	background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE), to(#FFFFFF)); /* Safari, Chrome用 */
    background: -webkit-linear-gradient(#EEEEEE,#FFFFFF); /* Safari, Chrome用 */
    background: -moz-linear-gradient(#EEEEEE,#FFFFFF);/* Firefox用 */
    background: -ms-linear-gradient(#EEEEEE,#FFFFFF); /* IE */
    background: -o-linear-gradient(#EEEEEE,#FFFFFF); /* IE */
    background: linear-gradient(#EEEEEE,#FFFFFF); /* IE */
    -pie-background: linear-gradient(#EEEEEE,#FFFFFF); /* IE */
    behavior: url(PIE.htc);
}
input.cz_searchBtn01:hover,
input.cz_searchBtn02:hover {
	background: #eeeeee;
}
input.cz_searchBtn02{
	margin-top:10px;
	width: 150px;
}
input.cz_searchBtn01{
	width: 100px;
}
/* ------------------------------------------------------
インプットフォーム周辺
------------------------------------------------------ */
/* インプットメニュー */
input.cz_inputTxt{
    border: 1px solid #809db9;
}
/* プルダウンメニュー */
select.cz_select01{
    border: 1px solid #809db9;
}
p.cz_search01 input.cz_searchSpace01{
	float: left;		
}	
p.cz_search01 span{
	float: right;		
}
p.cz_search01 input.cz_searchSpace01{
	width: 320px;
	padding: 5px;
}	
p.cz_search02 input.cz_searchSpace02{
	width: 100px;
	padding: 5px;
}	
p.cz_search03 input.cz_searchSpace03{
	width: 260px;
	padding: 5px;
}

/* topページ */
ul.cz_bt_Area  {
	width:450px;
	letter-spacing: -0.4em;
	white-space: nowrap;
}
ul.cz_bt_Area li {
	margin-right:2px;
	margin-bottom:5px;
	display: inline-block;/*li横並び*/
    /* For IE 6/7　隙間阻止 */
    *display: inline;
    *zoom: 1;
	
	color: #333;
	-webkit-border-radius: 5px; /* Safari, Chrome用 */
    -moz-border-radius: 5px;/* Firefox用 */
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius:  5px;
	behavior: url(PIE.htc);
}
ul.cz_bt_Area li a{
	width:87px;	
	padding: 10px 0 10px;
	text-align: center;
	letter-spacing: normal;
	display: block; 
}
ul.cz_bt_Area li {
	border: 1px solid #01A369;
	background: #EAF7ED;
	background: -webkit-linear-gradient(#EAF7ED,#8BD39B); /* Safari, Chrome用 */
	background: -moz-linear-gradient(#EAF7ED,#8BD39B);/* Firefox用 */
	background: -ms-linear-gradient(#EAF7ED,#8BD39B); /* IE */
	background: -o-linear-gradient(#EAF7ED,#8BD39B); /* IE */
	background: linear-gradient(#EAF7ED,#8BD39B); /* IE */
	-pie-background: linear-gradient(#EAF7ED,#8BD39B); 
    behavior: url(PIE.htc);
}
ul.cz_bt_Area li.cz_item01 {
	border: 1px solid #FFDF00;
	background: #FFFFE6;
	background: -webkit-linear-gradient(#FFFFE6,#FFFFCC); /* Safari, Chrome用 */
	background: -moz-linear-gradient(#FFFFE6,#FFFFCC);/* Firefox用 */
	background: -ms-linear-gradient(#FFFFE6,#FFFFCC); /* IE */
	background: -o-linear-gradient(#FFFFE6,#FFFFCC); /* IE */
	background: linear-gradient(#FFFFE6,#FFFFCC); /* IE */
	-pie-background: linear-gradient(#FFFFE6,#FFFFCC); 
    behavior: url(PIE.htc);
}
ul.cz_bt_Area li:hover {
	background: #8BD39B;
}
ul.cz_bt_Area li.cz_item01:hover {
	background: #FFFFCC !important;
}
.cz_bt_Area li a:link,
.cz_bt_Area li a:visited{
  color: #333333;
  text-decoration: none;
}

.cz_bt_Area li a:hover,
.cz_bt_Area li a:active{
  color: #ffffff;
  text-decoration: none;
}
.cz_bt_Area li.cz_item01 a:hover,
.cz_bt_Area li.cz_item01 a:active{
	color: #ffcc00 !important;
	text-decoration: none;
}

/* プラスボタン */
.cz_notesBox{
	font-size: 1.2em;
	line-height: 2em;	
}
.cz_plusIco,
.cz_plus{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	behavior: url(PIE.htc);
}
.cz_plus{
	padding: 0px 10px;
	border: 3px solid #01A369;
	font-weight: bold;
	color: #01A369 !important;
}
.cz_plusIco{
	padding: 0px 5px;
	border: 1px solid #01A369;
	font-weight: bold;
	color: #ffffff !important;
	background-color: #01A369;
}
.cz_plus{
	font-size: 30px;
}
.cz_plusIco{
	font-size: 12px;
}
/* ------------------------------------------------------
タブボタン
------------------------------------------------------ */
ul.tab_selector{
	width:100%;
	letter-spacing: -0.4em;
	white-space: nowrap;
}
ul.tab_selector li{
	width:47.5%;
	padding: 5px;
	letter-spacing: normal;
	display: inline-block;/*li横並び*/
    /* For IE 6/7　隙間阻止 */
    *display: inline;
    *zoom: 1;
	background-color: #ffffff;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px 5px 0 0; /* Safari, Chrome用 */
    -moz-border-radius: 5px 5px 0 0;/* Firefox用 */
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(PIE.htc);
}
ul.tab_selector li.selected{
	width:47.5%;
	padding: 5px;
	letter-spacing: normal;
	display: inline-block;/*li横並び*/
    /* For IE 6/7　隙間阻止 */
    *display: inline;
    *zoom: 1;
	background-color: #01A369 !important;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px 5px 0 0; /* Safari, Chrome用 */
    -moz-border-radius: 5px 5px 0 0;/* Firefox用 */
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(PIE.htc);
}

#tab1,
#tab2{
	background-color: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#tab1 p,
#tab2 p{
	padding: 20px 0 0;
	float: left;
	font-size: 1.7em;
}
ul.tab_selector li a{
  text-decoration: none;
}
ul.tab_selector li a:link{
	color: #333;
}
ul.tab_selector li.selected a:link{
	color: #fff;
}
ul.tab_selector li.selected a:visited{
	color: #fff;
}
ul.tab_selector li.selected a:hover{
	color: #fff;
}
ul.tab_selector li.selected a:active{
	color: #fff;
}

/* detail */
.cz_headlineBox{
	clear: both;
	position: relative;
	padding-top:10px;
}
.cz_headlineBox .cz_btbox{
	position: absolute;
	top:20px;
	right:10px;
	display: block;
}
.cz_win{
	padding: 2px;
	border-bottom: 1px solid #CCC;	
}
.cz_atm{
	padding: 2px;	
}
.cz_win dt,
.cz_atm dt{
	padding-right:10px;
	margin-right:5px;
	float: left;
}
.cz_atm dt{
	height:40px
}
.cz_atm dd.cz_holdy{
	background-color: #FFEEEE;
}


/* ページ送り */
.cz_counter{
	padding:5px;
	background-color: #FFFFEC;
}
p.cz_number{}
p.cz_number strong{
    font-weight: bold;
}
/* ------------------------------------------------------
テーブル要素
------------------------------------------------------ */

table caption span{
	color: #01A368;
}
table caption{
	font-weight: bold;
}
table.cz_table01{
	clear: both;
	margin:10px 0;
}
table.cz_table01 th,
table.cz_table01 td{
	padding: 2px;
	text-align: center;
}
table.cz_table01 td.cz_list_ico{
	text-align: left;
}

table.cz_table01 td.cz_name,
table.cz_table01 td.cz_add{
	text-align: left;
}

table.cz_table01 td.cz_ico ul.cz_dt_ico{
	letter-spacing: 0.7em;/*liの隙間0は0.4*/
	text-align: left;
}
table.cz_table01 td.cz_ico li,
table.cz_table01 td.cz_list_ico li{
	letter-spacing: normal;
	display: inline-block;/*li横並び*/
    /* For IE 6/7　隙間阻止 */
    *display: inline;
    *zoom: 1;
}
table.cz_table01 td.cz_name span,
table.cz_table01 td.cz_add span,
table.cz_table01 td.cz_ico li span{
	display: block;
	font-size: 0.8em;
}
table.cz_table01 td.cz_name span.cz_num{
	display: inline !important;
	font-weight: bold;
	margin-left: 2px;
	padding-right: 5px;
	color: #01a369;
}
table.cz_table01,
table.cz_table01 th,
table.cz_table01 td{
	border: 1px solid #cccccc; /* 枠線の色 */
}
table.cz_table01 th{
	background-color: #F1FAF3;
}

#cz_searchKeyList table.cz_table01 th,
#cz_searchKeyList table.cz_table01 td{
	text-align: left;
}

#cz_detailMap table.cz_table01 td.cz_tel,
#cz_detailMap table.cz_table01 td.cz_num,
#cz_detailMap table.cz_table01 td.cz_txt,
#cz_detailMap table.cz_table01 td.cz_icn,
#cz_detailMap table.cz_table01 td.cz_time{
	text-align: left;
}
table.cz_table02 th,
table.cz_table02 td{
	padding: 4px;
}
table.cz_table02 th{
	text-align: center;
	background-color: #eeeeee;
}
table.cz_table02,
table.cz_table02 th,
table.cz_table02 td{
	border: 1px solid #cccccc; /* 枠線の色 */
}
table.cz_table02 dt{
	margin-right:20px;
		float: left;
}
/* ------------------------------------------------------
clearfix
------------------------------------------------------ */

div.cz_part01,
div.cz_part02,
div.cz_part03,
div.cz_part04,
div.cz_counter,
div#cz_toolArea,
div#cz_content,
.cz_search01,
.cz_linkLine,
ul.cz_narrowList,
ul.cz_mapAccount,
ul.cz_usualList01,
dl.cz_usualList01_a,
.cz_counter{
zoom: 1;
}

div.cz_part01:after,
div.cz_part02:after,
div.cz_part03:after,
div.cz_part04:after,
div.cz_counter:after,
div#cz_toolArea:after,
div#cz_content:after,
p.cz_search01:after,
.cz_linkLine:after,
ul.cz_narrowList:after,
ul.cz_mapAccount:after,
ul.cz_usualList01:after,
dl.cz_usualList01_a:after,
.cz_counter{
content: '';
display: block;
clear: both;
}

/* ------------------------------------------------------
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:".";
}


/* ------------------------------------------------------
市区町村選択ドロップダウンリスト
------------------------------------------------------ */
optgroup#cz_city {	
	background:lightgray;
}	
option#cz_city {	
	background:white;
}

/* ------------------------------------------------------
詳細ページ　写真
------------------------------------------------------ */
.photo_box{
	width: 410px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}