/*■■■■■ ↓消さないでください↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* type053-16 */

@import url("../../../../go/designtemplate/pc/type053-01/stylebase.css");
@import url("../../../../go/designtemplate/pc/type053-01/stylebasecolor.css");
@import url("../../../../go/designtemplate/pc/type053-01/style_contrary_column.css");
@import url("../../../../go/designtemplate/pc/type053-01/style_area7_all.css");
@import url("../../../../go/designtemplate/pc/type053-01/responsive.css");

/*■■■■■ ↑消さないでください↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/





/*■■■■■ ↓カスタムデザイン用スタイル記述エリア↓ ■■■■■■■■■■■■■■■■■■■■■■*/

.sidebar {
width: 22%;
}

/*■■■■■ リンク ■■■■■*/
a:link,
a:visited {
color: #5CB531;
}

/*■■■■■ all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.all:before,
.area_3:before,
.area_9:before {
background: #5CB531;
}

/*■■■■■ メインイメージ切り替え ■■■■■*/
.ft-button-boxtopimage1:hover,
.ft-button-boxtopimage2:hover,
.ft-button-boxtopimage3:hover,
.ft-button-boxtopimage4:hover,
.ft-button-boxtopimage5:hover,
.ft-button-boxtopimage6:hover,
.ft-button-boxtopimage7:hover,
.ft-button-boxtopimage8:hover,
.ft-button-boxtopimage9:hover,
.ft-button-boxtopimage10:hover,
.ft-button-boxtopimage1-active,
.ft-button-boxtopimage2-active,
.ft-button-boxtopimage3-active,
.ft-button-boxtopimage4-active,
.ft-button-boxtopimage5-active,
.ft-button-boxtopimage6-active,
.ft-button-boxtopimage7-active,
.ft-button-boxtopimage8-active,
.ft-button-boxtopimage9-active,
.ft-button-boxtopimage10-active {
background-image: url(/cds/cdsroot/skin/img/bt_ft-button_f2.png);
}

/*■■■■■ 404 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.gototop:link,
.gototop:visited {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1_s.png);
}
.gototop:hover {
color: #5CB531;
}

/*■■■■■ ↓各areaの設定↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.area_4 {
border-top: 2px solid #5CB531;
}

/*■■■■■ 電話番号 ■■■■■*/
/*■■■■■ フリーダイヤル ■■■■■*/
/*■■■■■ 電話番号リンク ■■■■■*/
.area_5 .tel > a:link,
.area_5 .freetel > a:link {
color: #5CB531;
}

/*■■■■■ 親タイトル ■■■■■*/
.none .title:hover,
.this .title:hover,
.form_none .form_title:hover,
.form_this .form_title:hover {
color: #5CB531;
}

.area_2 .this .title > span,
.area_2 .form_this .form_title > span,
.area_2 .none .title:hover > span,
.area_2 .this .title:hover > span,
.area_2 .form_none .form_title:hover > span,
.area_2 .form_this .form_title:hover > span {
background-image: url(/cds/cdsroot/skin/img/bk_area2.png);
color: #5CB531;
}

.area_3 .none .title,
.area_3 .this .title,
.area_3 .form_none .form_title,
.area_3 .form_this .form_title,
.area_9 .none .title,
.area_9 .this .title,
.area_9 .form_none .form_title,
.area_9 .form_this .form_title,
.area_8 .none .title,
.area_8 .none .title:hover,
.area_8 .form_none .form_title,
.area_8 .form_none .form_title:hover,
.area_8 .this .title,
.area_8 .this .title:hover,
.area_8 .form_this .form_title,
.area_8 .form_this .form_title:hover,
.area_8 .this .this_title,
.pagetitle .pagetitle_1 {
border-bottom-color: #5CB531;
}
.area_3 .none .title:hover,
.area_3 .this .title:hover,
.area_3 .form_none .form_title:hover,
.area_3 .form_this .form_title:hover,
.area_9 .none .title:hover,
.area_9 .this .title:hover,
.area_9 .form_none .form_title:hover,
.area_9 .form_this .form_title:hover,
.area_4 .none .title:hover,
.area_4 .this .title:hover,
.area_4 .form_none .form_title:hover,
.area_4 .form_this .form_title:hover {
color: #5CB531;
}

.area_6 .none .title:before,
.area_6 .this .title:before,
.area_6 .form_none .form_title:before,
.area_6 .form_this .form_title:before {
background: #C7AB78;
}

.area_8 .none .title:before,
.area_8 .this .title:before,
.area_8 .form_none .form_title:before,
.area_8 .form_this .form_title:before,
.area_8 .this .this_title:before,
.pagetitle .pagetitle_1:before {
background: #5CB531;
}

/*■■■■■ 子タイトル ■■■■■*/
.list_2 .child_link .title,
.list_2 .child_link .title_s {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1_s.png);
}

/*■■ 文章表示なし ■■*/
/*■■■■■ 日付 ■■■■■*/
.list_2 .child_link .title:hover,
.area_8 .list_2 .child_link .title_s:hover,
.list_1 .none_date:hover,
.list_1 .this_date:hover,
.list_1 .child_link_date:hover {
color: #5CB531;
}
.area_8 .list_2 .child_link .title_s {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1.png);
}
.area_8 .list_2 .child_link .title_s > span {
background: none;
}

/*■■■■■ .title3rd ■■■■■*/
.title3rd {
background: #5CB531;
}

/*■■■■■ マイリンク一覧のURL ■■■■■*/
.text_box_5 > a,
.text_box_5 > a:hover,
.text_box_5_s > a,
.text_box_5_s > a:hover {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1_s.png);
color: #5CB531;
}

/*■■■■■ よくあるご質問 ■■■■■■■■■■■■■■■*/

/*■■■■■ Q ■■■■■*/
.faqstyle .list_2 .child_link .title,
.faqstyle .list_2 .child_link .title_s,
.area_9 .faqstyle .list_2 .child_link .title {
background-image: url(/cds/cdsroot/skin/img/mark_q_2.png);
}
.faqstyle .list_2 .child_link .title:hover,
.faqstyle .list_2 .child_link .title_s:hover {
color: #5CB531;
}
.area_8 .faqstyle .list_2 .child_link .title,
.area_8 .faqstyle .list_2 .child_link .title:hover,
.area_8 .faqstyle .list_2 .child_link .title_s,
.area_8 .faqstyle .list_2 .child_link .title_s:hover {
background-image: url(/cds/cdsroot/skin/img/mark_q.png);
}

/*■■■■■ 子日付 ■■■■■*/
.faqstyle .list_2 .child_link_date:hover {
color: #5CB531;
}

/*■■■■■ 詳細のマーク ■■■■■*/
.list_1 .mark_details_1,
.list_1 .mark_details_2,
.list_2 .mark_details_2 {
border-color: #5CB531;
color: #5CB531;
}
.list_1 .mark_details_1:hover,
.list_1 .mark_details_2:hover,
.list_2 .mark_details_2:hover {
background: #5CB531;
}

.list_1 .mark_details_2,
.list_2 .mark_details_2 {
margin: 10px 0 30px 0;
}

/*■■■■■ 子ページの目次 ■■■■■*/
.area_8 .mokuji > li > a {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1_s.png)
}
.area_8 .mokuji > li > a:hover {
color: #5CB531;
}
.area_8 .mokuji > li > .categorytitle {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1.png);
color: #5CB531;
}

/*■■■■■ カテゴリーの目次 ■■■■■*/
.area_8 .mokujicategory > li > a {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1.png);
color: #5CB531;
}

/*■■■■■ area_8 info_archive ■■■■■*/
.area_8 .info_archive > li > a {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1_s.png);
}
.area_8 .info_archive > li > a:hover {
color: #5CB531;
}

/*■■■■■ area_8 info_relations ■■■■■*/
.area_8 .info_relations > li > a > .info_relations_box {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1.png);
}
.area_8 .info_relations > li > a:hover > .info_relations_box > .info_relations_title {
color: #5CB531;
}

/*■■■■■ area_8 linknavi ■■■■■*/
.area_8 .linknavi > a {
color: #5CB531;
}

/*■■■■■ サイトマップ ■■■■■*/
.sitemap_list .sitemap_link:hover,
.sitemap_list .sitemap_list .sitemap_link:hover {
color: #5CB531;
}
.sitemap_list .sitemap_list .sitemap_link {
background-image: url(/cds/cdsroot/skin/img/mark_arrow_1_s.png);
color: #333333;
}

/*■■■■■ カレンダー ■■■■■*/
.calendar_month .left:hover,
.calendar_month .right:hover {
background: #5CB531;
border-color: #5CB531;
}

/*■■■■■ カテゴリー ■■■■■■■■■■■■■■■*/
.category_title {
color: #5CB531;
border-color: #5CB531;
}

/*■■■■■ rs_newmark ■■■■■*/
.rs_newmark > span:after {
border: 1px dotted #D9037F;
color: #D9037F;
}

/*■■■■■ ページ内全ての画像 ■■■■■*/
.rismartimg {
margin-right: 25px !important;
}
.rismartimgright {
margin-left: 25px !important;
}

/*■■■■■ box list_2 リンクバナーのエリア（センタリング） ■■■■■*/
.area_8 .list_1 .list_2 .child_bannerlink{
margin: 0 auto 0 auto;
}


/*■■■■■ ↑各areaの設定↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*■■■■■ ↓editor style↓ ■■■■■■■■■■■■■■■■■■ editor style ■■■■■*/

/*■■■■■ リンク ■■■■■*/
#nicEditContent a:link,
.edit_area .edit_box_left a:link,
.edit_area .edit_box_left .point a,
#nicEditContent a:visited,
.edit_area .edit_box_left a:visited,
#nicEditContent a:hover,
.edit_area .edit_box_left a:hover,
.edit_area .edit_box_left .point a:hover,
.edit_form .edit_area_area_8_1 .point a,
.edit_form .edit_area_area_8_1 .point a:hover {
color: #5CB531;
}

/*■■■■■ 箇条書き ul ■■■■■*/
ul li,
#nicEditContent ul li,
.edit_area .edit_box_left ul li {
background: url(/cds/cdsroot/skin/img/mark_ul_list.png) no-repeat left 5px;
}
ul li:before,
#nicEditContent ul li:before,
.edit_area .edit_box_left ul li:before {
content: none;
}

/*■■■■■ 大見出し ■■■■■*/
/*■■■■■ 小見出し ■■■■■*/
.heading1,
#nicEditContent .heading1,
.edit_area .edit_box_left .heading1 {
border-bottom-color: #5CB531;
}
.heading2:before {
background: #5CB531;
}

/*■■■■■ ↑editor style↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*■■■■■ ↓レスポンシブ・ウェブデザイン↓ ■■■■■■■■■■■■■■■■■■■■*/

/* Under 599px */
@media only screen and (max-width: 599px) {
.sidebar {
width: 100%;
}
.rismartimg {
margin-right: 10px !important;
}
.rismartimgright {
margin-left: 10px !important;
}
}


/*■■■■■ ↑カスタムデザイン用スタイル記述エリア↑ ■■■■■■■■■■■■■■■■■■■■■■*/