@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 ヘッダー
----------------------------------------------------------------------------------------------*/
.header{ border-top:4px solid #fcbac9; border-bottom:1px solid #fd7e9c;}
.header .inner{ width:990px; margin:0 auto; padding:30px 0;}
.header .logo{ display:inline-block; float:left; margin-top:23px;}
.header .logo a{ display:block; transition:0.2s;}
.header .logo a:hover{ opacity:0.6;}
.main_nav { width:706px; float:right;}
.main_nav ul li{ display:inline-block; float:left; border-right:1px dashed #d6d6d6;}
.main_nav ul li.nav01{ border-left:1px dashed #d6d6d6;}
.main_nav ul li a{ transition:0.2s; display:block; width:140px; height:98px; text-indent:-9999px; background:url(../images/nav.gif) 0 0 no-repeat;}
.main_nav ul li a:hover{ opacity:0.6;}
.main_nav ul li.nav01 a{ background-position:0 0;}
.main_nav ul li.nav02 a{ background-position:-142px 0;}
.main_nav ul li.nav03 a{ background-position:-283px 0;}
.main_nav ul li.nav04 a{ background-position:-424px 0;}
.main_nav ul li.nav05 a{ background-position:-565px 0;}

/*----------------------------------------------------------------------------------------------
 TOP
----------------------------------------------------------------------------------------------*/
.top_mainimage{ background:url(../images/bg_dot_pink.gif) 0 0 repeat; margin-bottom:30px;}
.top_mainimage .inner{ width:1200px; height:340px; background:url(../images/top_mainimage.jpg) 0 0 no-repeat; margin:0 auto;}
.top_mainimage .txt{ text-indent:-9999px;}


/*----------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------*/
.container{ width:990px; margin:0 auto; padding:0 0 30px;}
.container .main{width:710px; float:left;}
.container .side{width:250px; float:right;}
.page_title{ background:#f4f4f4; padding:35px 0; }
.page_title .inner{ width:1040px; margin:0 auto;}
.page_title .ttl{ font-size:300%; color:#9a1111;}

.ttl01{ border-radius:100px; background:#fd7e9c; padding:8px 15px; position:relative; margin-bottom:20px;}
.ttl01 .icon30{ margin-top:-10px; margin-right:5px;}
.ttl01 .ttl_txt{ display:inline-block; font-size:20px; font-weight:bold; color:#fff;}
.ttl01 .sub_txt{ display:inline-block; color:#fff; margin-left:15px;}
.ttl01 .btn{ background:#fff; color:#fd7e9c; position:absolute; right:6px; top:5px;}

.ttl01.member{ background:#5ebef5;}
.ttl01.member .btn{ color:#5ebef5;}

.page_ttl{ padding:20px; background:#f1f1f1; border-radius:6px; margin-bottom:30px;}
.page_ttl .icon30{ float:left; margin-right:8px;}
.page_ttl .txt{ display:table; font-size:24px;}

.page_desc{ padding:0 20px; margin-bottom:20px; line-height:1.7;}

.inner_padding{ padding:0 20px;}

.radius_box{ border:2px solid #e6e6e6; border-radius:6px; padding:20px;}

/* wordpressエディタからの入力内容表示*/
.entry_area{ word-wrap: break-word;line-height:1.7;}
.entry_area ul{ margin-left:15px;}
.entry_area ul li{ list-style: disc outside none; margin-bottom:8px; }

.line_ttl{ font-size:20px; font-weight:bold;border-left:4px solid #fd7e9c; padding-left:10px; line-height:1.2; margin-bottom:20px;}
.line_ttl::after{ content:""; display:block; border-bottom:1px solid #e6e6e6; border-top:5px solid #fff; margin-left:-15px; margin-top:5px;}
.inner_padding .line_ttl{ margin-left:-20px; margin-right:-20px;}
.line_ttl .member_work{ color:#989898; margin-left:5px; font-size:13px; font-weight:normal;}
.line_ttl .member_work::before{ content:'［';}
.line_ttl .member_work::after{ content:'］';}



.pdf_box_inline{ border-radius:6px; padding:15px 0 10px; background:#f4f4f4; margin-bottom:30px;}
.pdf_box_inline ul{ text-align:center;}
.pdf_box_inline ul li{ display:inline-block; margin:0 15px 5px;}
.pdf_box_inline ul li a{ padding-left:25px; display:inline-block; min-height:20px; }
.pdf_box_inline ul li.icon_pdf a{ background:url(../images/icon_pdf.gif) 0 0 no-repeat; background-size:auto 20px; }
.pdf_box_inline ul li.icon_excel a{ background:url(../images/icon_xls.gif) 0 0 no-repeat; background-size:auto 20px; }
.pdf_box_inline ul li.icon_word a{ background:url(../images/icon_doc.gif) 0 0 no-repeat; background-size:auto 20px; }
.pdf_box_inline ul li.icon_powerpoint a{ background:url(../images/icon_ppt.gif) 0 0 no-repeat; background-size:auto 20px; }


/* カラー指定（一般）*/
.public_cont .page_ttl{ background:#fdebef;}
.public_cont .entry_area .sub_ttl{ font-size:20px; font-weight:bold; margin-bottom:5px; color:#fd7e9c;}
.public_cont .pdf_box_inline{ background:#fdebef;}

/* カラー指定（会員）*/
.member_cont .page_ttl{ background:#e3f2fa;}
.member_cont .entry_area .sub_ttl{ font-size:20px; font-weight:bold; margin-bottom:5px; color:#5ebef5;}
.member_cont .line_ttl,.line_ttl.blue{ border-left:4px solid #5ebef5;}
.member_cont .pdf_box_inline{ background:#f1f8fc;}


.cont_block{ margin-bottom:50px;}
.cont_item{ margin-bottom:30px;}
.btn_box{ margin-top:20px; text-align:center; background:url(../images/bg_graymesh.gif) 0 0 repeat; padding:20px;}
.btn_box .btn:first-child{ margin-right:20px;}
.btn_box2{ margin-top:30px;}

.cont_img{ margin-bottom:40px;}

.stripe_box{ border-radius:6px; padding:10px; background:url(../images/bg_line_gray.gif) 0 0 repeat;}
.stripe_box .inner{ border-radius:6px; border:1px solid #d3d2d2; background:#fff; padding:20px;}

/* ページ送り*/
.pagenav{ margin-top:60px; text-align:center; margin-bottom:30px;}
.pagenav span.current,
.pagenav .page{ border-radius:100%; color:#fff; width:30px; display:inline-block; height:30px; vertical-align:top; line-height:30px; box-sizing:border-box;}
.pagenav span.current{ margin:0 5px; background:#fd7e9c; }
.pagenav .page{ margin:0 5px; background:#bbb; text-decoration:none; transition:0.2s;}
.pagenav .page:hover{ background:#fd7e9c;}
.pagenav .previouspostslink{ color:#fd7e9c; line-height:30px; margin-right:15px;}
.pagenav .nextpostslink{ color:#fd7e9c; line-height:30px; margin-left:5px;}
.pagenav .first{ margin-right:15px; color:#fd7e9c; line-height:30px;}
.pagenav .last{ margin-left:15px; color:#fd7e9c; line-height:30px;}
.pagenav .extend{ margin:0 10px;}

.post_list{}
.post_list .item{ border-bottom:1px dashed #d6d6d6; display:table; width:100%;}
.post_list .item .date{ display:table-cell; padding:20px 0 20px 10px; width:130px;}
.post_list .item .ttl{ display:table-cell; padding:20px 10px 20px 0;}
.post_list .item .label_wrap{ display:table-cell; padding:20px 20px 20px 0; width:70px;}
.post_list .item .label_wrap .label{ text-decoration:none; transition:0.2s; width:100%;}
.post_list .item .label_wrap .label:hover{ opacity:0.7;}

.file_link{ padding-left:30px; display:inline-block; background:url(../images/icon_pdf.gif) 0 0 no-repeat; min-height:25px; background-size:auto 25px;}
.file_link.icon_pdf{ background:url(../images/icon_pdf.gif) 0 0 no-repeat; min-height:25px; background-size:auto 25px;}
.file_link.icon_excel{ background:url(../images/icon_xls.gif) 0 0 no-repeat; min-height:25px; background-size:auto 25px;}
.file_link.icon_word{ background:url(../images/icon_doc.gif) 0 0 no-repeat; min-height:25px; background-size:auto 25px;}
.file_link.icon_powerpoint{ background:url(../images/icon_ppt.gif) 0 0 no-repeat; min-height:25px; background-size:auto 25px;}


/*----------------------------------------------------------------------------------------------
 パンくずリスト
----------------------------------------------------------------------------------------------*/
.breadcrumb{ padding:20px 0; width:990px; margin:0 auto; }
.breadcrumb ul{}
.breadcrumb ul li{ display:inline-block; font-size:12px; padding-right:10px; color:#444;}
.breadcrumb ul li:after{ content:">"}
.breadcrumb ul li:last-child{ padding:0;}
.breadcrumb ul li:last-child:after{ content:"";}
.breadcrumb ul li a{ padding-right:10px; text-decoration:none;}
.breadcrumb ul li a:hover{ text-decoration:underline;}

/*----------------------------------------------------------------------------------------------
 ページトップ
----------------------------------------------------------------------------------------------*/
.pagetop{ bottom:20px; right:20px; position:fixed; text-align:center;}
.pagetop a{ width:60px; height:60px;color:#fff; padding:10px 0; display:block; text-decoration:none; background:#ebebeb; box-sizing:border-box;}
.pagetop .fa{ display:block; line-height:1; font-size:60px; line-height:1; margin-top:-13px;}
.pagetop a:hover{ background:#f1f1f1;}

/*----------------------------------------------------------------------------------------------
 サイドカラム
----------------------------------------------------------------------------------------------*/
.login_btn{ margin-bottom:30px;}
.login_btn .btn{ display:block; padding:20px 10px; font-size:18px; font-weight:bold;}
.login_btn .btn .icon30{ margin-right:5px;}

.public_box_group{ margin-bottom:30px;}
.public_box_group .box{ padding:10px 10px; border:2px solid #fd7e9c;}
.public_box_group .box:first-of-type{ border-top-right-radius:6px;border-top-left-radius:6px;}
.public_box_group .box:last-of-type{ border-bottom-right-radius:6px; border-bottom-left-radius:6px;}
.public_box_group .box+.box{ border-top:0;}

.public_box_group .box.office_info{ padding:15px 20px;}
.public_box_group .box.office_info .btn.radius{ position:relative; font-size:18px; font-weight:bold; margin-bottom:10px;}
.office_info .name{ font-size:18px; font-weight:bold; color:#fd7e9c; margin-bottom:5px;}
.office_info .address{ font-size:12px; margin-bottom:5px;}
.office_info .tel{ font-weight:bold; color:#fd7e9c;}

.member_box{ margin-bottom:30px;}
.member_box .box_ttl{ background:#5ebef5; color:#fff; padding:8px 10px; font-weight:bold; border-radius:6px 6px 0 0;}
.member_box .box_body{ padding:10px 10px; border:2px solid #5ebef5; border-top:0; border-radius:0 0 6px 6px;}

.sidenav{}
.sidenav li{ border-bottom:1px dashed #d6d6d6;}
.sidenav li:last-of-type{ border-bottom:0;}
.sidenav a{ display:block; padding:6px 30px 6px 5px; text-decoration:none; color:#583730; position:relative;}
.sidenav a .arrow{ position:absolute; right:6px; top:50%; margin-top:-6px; color:#c8c8c8;}
.sidenav a:hover{ text-decoration:underline;}

.bnr_area{}
.bnr_area .item{ margin-bottom:30px}
.bnr_area .item .bnr_btn{ padding:10px 30px 10px 10px; border-radius:6px; background:#fd7e9c; color:#fff; text-decoration:none; transition:0.2s; font-size:15px; display:block; line-height:1.3; position:relative;}
.bnr_area .item .bnr_btn:hover{ opacity:0.7;}
.bnr_area .item .bnr_btn .arrow{ position:absolute; right:10px; top:50%; margin-top:-8px;}

.bnr_area .item img{ max-width:100%;}


/*----------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------*/
.footer{ margin-top:90px;}
.footer .copyright{ text-align:center; color:#fff; padding:25px 0; background:#fd7e9c;}

/*----------------------------------------------------------------------------------------------
 記事詳細
----------------------------------------------------------------------------------------------*/
.detail_post_param{ margin-bottom:5px;}
.detail_post_param .date{ display:inline-block; float:right; font-size:13px;}
.detail_post_param .label{ margin-right:15px; float:right; text-decoration:none; transition:0.2s; padding-left:10px; padding-right:10px;}
.detail_post_param .label:hover{ opacity:0.7;}

.postnav{ border-top:1px dashed #c8c8c8; padding:60px 20px 0; margin-top:60px;}
.postnav a{ color:#fd7e9c;}
.postnav a.prev{ float:left;}
.postnav a.next{ float:right;}
.youtube_area{ margin-top:30px;/* clear:both;*/}
.youtube_area iframe{ max-width:100%;}
.pdf_link{ margin-top:30px;/* clear:both;*/}
.pdf_link ul{ margin-left:0!important;}
.pdf_link li{ margin-bottom:5px!important; list-style:none outside none!important;}
.pdf_link li a{ padding-left:40px; display:inline-block; min-height:30px;}
.pdf_link li.icon_pdf a{ background:url(../images/icon_pdf.gif) 0 0 no-repeat;}
.pdf_link li.icon_excel a{ background:url(../images/icon_xls.gif) 0 0 no-repeat;}
.pdf_link li.icon_word a{ background:url(../images/icon_doc.gif) 0 0 no-repeat;}
.pdf_link li.icon_powerpoint a{ background:url(../images/icon_ppt.gif) 0 0 no-repeat;}

/*----------------------------------------------------------------------------------------------
 組織・役員一覧
----------------------------------------------------------------------------------------------*/
.member_list{}
.member_list .name{ margin-bottom:5px; font-weight:bold;}
.member_list .work{ color:#989898; margin-left:5px; font-size:12px; font-weight:normal;}
.member_list .work::before{ content:'［';}
.member_list .work::after{ content:'］';}
.member_list .address{}
.member_list .telfax span{ margin-right:10px}

/*----------------------------------------------------------------------------------------------
 会員情報変更
----------------------------------------------------------------------------------------------*/
.btn_area_wide{ margin:40px 0; text-align:center;}
.btn_area_wide .btn{ width:500px;}

/*----------------------------------------------------------------------------------------------
 ログイン
----------------------------------------------------------------------------------------------*/
.common_form_wrap{ width:550px; margin:30px auto;}
.common_form_wrap .form_inner{ background:#f1f8fc; padding:30px 30px 20px;}
.common_form_wrap table{ width:100%;}
.common_form_wrap table th,.common_form_wrap table td{ padding-bottom:10px;}
.common_form_wrap table th{ vertical-align:middle; text-align:right; padding-right:15px; font-weight:bold;}
.common_form_wrap .form_inner input[type="text"],
.common_form_wrap .form_inner input[type="password"]{ width:100%;}
.common_form_wrap .form_inner .btn_area{ margin-top:10px;}
.common_form_wrap .form_inner .btn{ width:100%;}

/*----------------------------------------------------------------------------------------------
 サイトマップ
----------------------------------------------------------------------------------------------*/
.sitemap_nav{ margin-top:-15px;}
.sitemap_nav li{ border-bottom:1px dashed #c8c8c8;}
.sitemap_nav li a{ display:block; position:relative; text-decoration:none; padding:15px 15px 15px 30px; color:#583730;}
.sitemap_nav li a:hover{ background:#f4f4f4;}
.sitemap_nav li a .arrow{ position:absolute; left:10px; top:50%; margin-top:-7px; color:#c8c8c8;}

/*----------------------------------------------------------------------------------------------
 パンフレット・チラシダウンロード
----------------------------------------------------------------------------------------------*/
.pdf_download{}
.pdf_download ul{}
.pdf_download ul li{ padding:15px 160px 15px 30px; color:#583730; position:relative; border-bottom:1px dashed #c8c8c8;}
.pdf_download ul li .arrow{ position:absolute; left:10px; top:50%; margin-top:-7px; color:#c8c8c8;}
.pdf_download ul li a{ position:absolute; right:10px; top:50%; margin-top:-10px; background:url(../images/icon_pdf.gif) 0 0 no-repeat; padding-left:25px; display:inline-block; min-height:20px; background-size:auto 20px;}

/*----------------------------------------------------------------------------------------------
 会員ログイン関連
----------------------------------------------------------------------------------------------*/
.login_message .message{ background:#e7f8cf; color:#6eba00; padding:5px 10px; margin:20px 0;}
.login_message .error{ background:#ffe8e8; color:#dd0000; padding:5px 10px; margin:20px 0;}



@media screen and (max-width: 667px){
	
	.top_mainimage .inner{ width:100%; background-size:110% auto; background-position:center center; }
	.container,
	.breadcrumb,
	.header .inner
	{ padding-left:10px; padding-right:10px; box-sizing:border-box;}
}