@charset "UTF-8";

/*=======================================================
 1.施設ニュース
 2.施設詳細
 3.広報誌
=======================================================*/

/*=======================================================
 1.施設ニュース
=======================================================*/
/*-------------------------------------------------------
 一覧
-------------------------------------------------------*/
#news_wrap ul.news_facilities_list {
width: 710px;
margin: 0px 0px 15px 0px;
padding: 0px;
background: none;
}
#news_wrap ul.news_facilities_list li {
width: 690px;
margin: 0px;
padding: 10px 10px;
list-style: none;
font-size: 100%;
background: url(../img_cmn/dotline.gif) repeat-x left bottom;
}

/* 写真 */
#news_wrap ul.news_facilities_list li div.pht {
width: 80px;
margin: 0px;
padding: 0px;
float: left;
}
#news_wrap ul.news_facilities_list li div.text {
width: 595px;
margin: 0px;
padding: 0px;
float: right;
}

/*-------------------------------------------------------
 詳細
-------------------------------------------------------*/
/* h4 color */
#head_office_area #news_detail h4 {
color: #CC0000;
}
#east_area #news_detail h4 {
color: #006600;
}
#cent_area #news_detail h4 {
color: #0099CC;
}
#west_area #news_detail h4 {
color: #FF6600;
}
#wide_area #news_detail h4 {
color: #996600;
}

/*=======================================================
 2.施設詳細
=======================================================*/
/*-------------------------------------------------------
  概要
-------------------------------------------------------*/
#overview {
width: 720px;
margin: 0px 0px 30px 0px;
padding: 0px;
}
#overview div.pht {
width: 190px;
margin: 0px;
padding: 0px;
float: left;
}
/* 写真なし */
#overview div.text_a {
width: 515px;
margin: 0px;
padding: 0px;
float: right;
}
/* 写真あり */
#overview div.text_b {
width: 720px;
margin: 0px;
padding: 0px;
}

/* h4 */
#overview div.text_a h4,
#overview div.text_b h4 {
margin: 0px 0px 5px 0px;
padding: 0px;
background: none;
border: none;
}
#head_office_area #overview div.text_a h4,
#head_office_area #overview div.text_b h4 {
color:#CC0000;
}
#east_area #overview div.text_a h4,
#east_area #overview div.text_b h4 {
color:#006600;
}
#cent_area #overview div.text_a h4,
#cent_area #overview div.text_b h4 {
color:#0099CC;
}
#west_area #overview div.text_a h4,
#west_area #overview div.text_b h4 {
color:#FF6600;
}
#wide_area #overview div.text_a h4,
#wide_area #overview div.text_b h4 {
color:#996600;
}

/* text */
#overview div.text_a p,
#overview div.text_b p {
margin: 0px 0px 5px 0px;
}

/* page_link */
#overview div.text_a ul.page_link,
#overview div.text_b ul.page_link {
margin: 0px 0px 10px 0px;
padding: 0px;
}
#overview div.text_a ul.page_link li,
#overview div.text_b ul.page_link li {
margin: 0px;
padding: 0px 15px 0px 0px;
list-style: none;
float: left;
}
#head_office_area #overview div.text_a ul.page_link li,
#head_office_area #overview div.text_b ul.page_link li {
background: url(../img_cmn/icon_arrow_s_red_right.gif) no-repeat left center;
}
#east_area #overview div.text_a ul.page_link li,
#east_area #overview div.text_b ul.page_link li {
background: url(../img_cmn/icon_arrow_s_green_right.gif) no-repeat left center;
}
#cent_area #overview div.text_a ul.page_link li,
#cent_area #overview div.text_b ul.page_link li {
background: url(../img_cmn/icon_arrow_s_blue_right.gif) no-repeat left center;
}
#west_area #overview div.text_a ul.page_link li,
#west_area #overview div.text_b ul.page_link li {
background: url(../img_cmn/icon_arrow_s_orange_right.gif) no-repeat left center;
}
#wide_area #overview div.text_a ul.page_link li,
#wide_area #overview div.text_b ul.page_link li {
background: url(../img_cmn/icon_arrow_s_yellow_right.gif) no-repeat left center;
}

#overview div.text_a ul.page_link li a,
#overview div.text_b ul.page_link li a {
padding: 0px 0px 0px 8px;
}

/* other_link */
#overview div.text_a ul.other_link,
#overview div.text_b ul.other_link {
margin: 0px 0px 10px 0px;
padding: 0px;
}
#overview div.text_a ul.other_link li,
#overview div.text_b ul.other_link li {
margin: 0px;
padding: 2px 15px 2px 0px;
list-style: none;
float: left;
}
#head_office_area #overview div.text_a ul.other_link li,
#head_office_area #overview div.text_b ul.other_link li {
background: url(../img_cmn/icon_arrow_l_red_right.gif) no-repeat left center;
}
#east_area #overview div.text_a ul.other_link li,
#east_area #overview div.text_b ul.other_link li {
background: url(../img_cmn/icon_arrow_l_green_right.gif) no-repeat left center;
}
#cent_area #overview div.text_a ul.other_link li,
#cent_area #overview div.text_b ul.other_link li {
background: url(../img_cmn/icon_arrow_l_blue_right.gif) no-repeat left center;
}
#west_area #overview div.text_a ul.other_link li,
#west_area #overview div.text_b ul.other_link li {
background: url(../img_cmn/icon_arrow_l_orange_right.gif) no-repeat left center;
}
#wide_area #overview div.text_a ul.other_link li,
#wide_area #overview div.text_b ul.other_link li {
background: url(../img_cmn/icon_arrow_l_yellow_right.gif) no-repeat left center;
}

#overview div.text_a ul.other_link li a,
#overview div.text_b ul.other_link li a {
padding: 0px 0px 0px 18px;
}

/*-------------------------------------------------------
 news
-------------------------------------------------------*/
#news_wrap {
width: 710px;
margin: 0px 0px 30px 0px;
padding: 4px;
border: 1px solid #CCCCCC;
}
/* h4 */
#news_wrap h4 {
margin: 0px 0px 5px 0px;
padding: 5px 10px;
border: none;
}
#news_wrap #east_area h4 {
background: #E3F3E4;
}
#news_wrap #cent_area h4 {
background: #DDECFF;
}
#news_wrap #west_area h4 {
background: #FFF0C1;
}
#news_wrap #head_office_area h4 {
background: #FFE9E9;
}
#news_wrap #wide_area h4 {
background: #FFEEB8;
}

#news_wrap ul {
margin: 0px 0px 10px 0px;
padding: 0px;
}
#news_wrap ul li {
margin: 0px;
padding: 8px 10px;
list-style: none;
background: url(../img_cmn/dotline.gif) repeat-x left bottom;
}

/* date */
#news_wrap ul li span.date {
width: 120px;
margin: 0px;
padding: 0px 0px 0px 10px;
display: block;
float: left;
background-position: left center;
background-repeat: no-repeat;
}
#east_area #news_wrap ul li span.date {
background-image: url(../img_cmn/icon_arrow_m_green_right.gif);
}
#cent_area #news_wrap ul li span.date {
background-image: url(../img_cmn/icon_arrow_m_blue_right.gif);
}
#west_area #news_wrap ul li span.date {
background-image: url(../img_cmn/icon_arrow_m_orange_right.gif);
}
#wide_area #news_wrap ul li span.date {
background-image: url(../img_cmn/icon_arrow_m_yellow_right.gif);
}

/* title */
#news_wrap ul li span.title {
width: 560px;
margin: 0px;
padding: 0px;
display: block;
float: left;
}

/* list link */
p.list_link {
margin: 0px;
padding: 0px 10px 5px 0px;
text-align: right;
}
p.list_link a {
padding-left: 12px;
background-position: left center;
background-repeat: no-repeat;
}
#east_area p.list_link a {
background-image: url(../img_cmn/icon_arrow_s_green_right.gif);
}
#cent_area p.list_link a {
background-image: url(../img_cmn/icon_arrow_s_blue_right.gif);
}
#west_area p.list_link a {
background-image: url(../img_cmn/icon_arrow_s_orange_right.gif);
}
#wide_area p.list_link a {
background-image: url(../img_cmn/icon_arrow_s_yellow_right.gif);
}

/*-------------------------------------------------------
 maps
-------------------------------------------------------*/
#map_canvas {
width: 720px;
height: 400px;
}

/*-------------------------------------------------------
	spac table
-------------------------------------------------------*/
table.tbl_spec {
margin: 0px 0px 30px 0px;
}
table.tbl_spec th {
width: 100px;
}
table.tbl_spec td {
line-height: 150%;
}

/*-------------------------------------------------------
 kita shien accordion
-------------------------------------------------------*/
#kita_shien_flow {
cursor:pointer;
}

/*=======================================================
 3.広報誌
=======================================================*/
ul.pr_list {
margin: 0px 0px 30px 0px;
padding: 0px;
background: url(../img_cmn/dotline.gif) repeat-x left top;
}
ul.pr_list li {
margin: 0px;
padding: 8px 10px;
list-style: none;
background: url(../img_cmn/dotline.gif) repeat-x left bottom;
}

/* date */
ul.pr_list li span.date {
width: 120px;
margin: 0px;
padding: 0px 0px 0px 10px;
display: block;
float: left;
}
#east_area ul.pr_list li span.date {
background: url(../img_cmn/icon_arrow_m_green_right.gif) no-repeat left center;
}
#cent_area ul.pr_list li span.date {
background: url(../img_cmn/icon_arrow_m_blue_right.gif) no-repeat left center;
}
#west_area ul.pr_list li span.date {
background: url(../img_cmn/icon_arrow_m_orange_right.gif) no-repeat left center;
}


/* title */
ul.pr_list li span.title {
width: 200px;
margin: 0px;
padding: 0px;
display: block;
float: left;
}
/* title */
ul.heartful_list li span.filesize {
width: 160px;
margin: 0px;
padding: 0px;
display: block;
float: left;
}