

#contents{
  width:690px;
  float:left;
}

#details{
  width:660px;
  margin:10px auto;
}

#page_t{
  text-align:right;
  margin:20px 0;
}

.release{
   clear:both;
}

.clear{
   clear:both;
}

/*====================
　汎用
====================*/

p{
   margin:5px 0 13px 0;
   font-size:12px;
   font-size:15px;
}


p.m{
	font-size:100.0% !important;
}

em{
	color:#C00;
	font-style:normal;
}


em.blue{
	color:#2c7bd9;
	font-style:normal;
}

span.under{
	text-decoration:underline;
}

p.no-b{
	border-bottom:none !important;
	margin-bottom:8px !important;
	margin-top:20px !important;
	padding-bottom:0px !important;
	padding-top:0px !important;
}


h4 {
  width:630px;
  height:25px;
  background:url(../contents/img/s_title01.jpg) no-repeat 0 0;
  padding:10px 0 0 30px;
  margin-bottom:20px;
  color:#1f436e;
/*font-size:90%;*/
  font-size:100%;
  font-weight:600;
  vertical-align:middle:
}

h5 {
  width:580px;
  height:32px;
  background:url(../contents/img/s_title02.jpg) no-repeat 0 0;
  padding:8px 10px 0 70px;
  color:#1f436e;
/*font-size:90%;*/
  font-size:100%;
  font-weight:600;
}

h6 {
  width:590px;
  height:35px;
  background:url(../contents/img/s_title03.jpg) no-repeat 0 0;
  padding:8px 0 0 70px;
  color:#1f436e;
  font-size:90%;
  font-weight:600;
}

table.layout {
	border: none !important;
	color:#1f436e;
	font-size:12px;
}

table.layout th {
	padding: 0;
	border: none;
}

table.layout th.h1 {
	padding: 5px;
	border: none;
	background-color:#D7E4F0;
	font-weight:bold;
	text-align:left !important;

}

table.layout td {
	padding: 0;
	border: none !important;
}

/* 横方向の整列 */


*.align-c {
	text-align: center;
}

*.align-l {
	text-align: left;
}

*.align-r {
	text-align: right;
}


ul.normal{
   margin:0 0 10px 20px;
}

ul.normal li{
   list-style-type:disc;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}



ol.normal{
   margin:0 0 10px 10px;
}

ol.normal li{
   list-style-type:decimal !important;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}



/*　2カラム */
*.col2-l {
	float: left;
}

*.col2-r {
	float: right;
}

span.next{
	padding: 3px 0 2px 13px;
	margin:3px 0;
	line-height:100%;
	background:url(../contents/img/arrow.gif) no-repeat left;
}

span.back{
	padding: 3px 0 2px 13px;
	margin:3px 0;
	line-height:100%;
	background:url(../contents/img/arrow_03.gif) no-repeat left;
}

/*=======================
　ニュース
=======================*/

.sub_t05{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_news.jpg) no-repeat 0 0;
}

#back{
   width:190px;
   height:100%;
   background:url(../contents/img/back_bg01.jpg) repeat-y;
   margin-top:20px;
   padding-top:10px;
   padding-bottom:10px;
}

#back p{
   width:135px;
   height:25px;
   background:url(../contents/img/back_title.jpg) no-repeat 0 0;
   font-size:12px;
   margin:0 auto;
   padding:10px 0 0 35px;
}

#back dl{
   width:150px;
   height:100%;
   font-size:12px;
   margin:0 auto;
   padding:10px;
   background:url(../contents/img/back_bg02.jpg) repeat-y;
   border-bottom:1px solid #cbdaea;
}

#back dt{
   background:url(../contents/img/l_icon01.jpg) no-repeat 0 0;
   font-weight:bold;
   color:#1f436e;
   margin-bottom:5px;
   padding-left:20px;
}

#back li{
   background:url(../contents/img/s_icon01.jpg) no-repeat 0 0;
   list-style-type:none;
   margin:0 0 5px 10px;
   padding-left:10px;
   overflow:hidden;
}

#release{
   width:660px;
}

#release p{
   width:640px;
   margin:0 auto;
   padding:20px 0;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border-bottom:3px solid #cbdaea;
   clear:left;
}

#poto{
   width:660px;
   margin:0 auto;
   margin-top:20px;
   text-align:center;
}

#poto img{
   width:210px;
   height:150px;
   padding:0 3px;
}


.i_xls{
   height:16px;
   font-size:12px;
   margin:10px 0 0 20px;
   padding:0 0 0 20px;
   background:url(../contents/img/i_xls.gif) no-repeat 0 0;
}

.i_pdf{
   height:16px;
   font-size:12px;
   margin:10px 0 0 20px;
   padding:0 0 0 20px;
   background:url(../contents/img/i_pdf.gif) no-repeat 0 0;
}

.i_doc{
   height:16px;
   font-size:12px;
   margin:10px 0 0 20px;
   padding:0 0 0 20px;
   background:url(../contents/img/i_doc.gif) no-repeat 0 0;
}

.i_pps{
   height:16px;
   font-size:12px;
   margin:10px 0 0 20px;
   padding:0 0 0 20px;
   background:url(../contents/img/i_pps.gif) no-repeat 0 0;
}

.i_free{
   height:16px;
   font-size:12px;
   margin:10px 0 0 20px;
   padding:0 0 0 20px;
   background:url(../contents/img/i_free.gif) no-repeat 0 0;
}

/* Lightbox */
.lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.3s;
}

.lightbox-overlay.is-open {
    display: flex;
    opacity: 1;
}

.lightbox-image-wrapper {
    position: relative;
    max-width: min(90vw, 1200px);
    max-height: 90vh;
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}

.lightbox-overlay.is-open .lightbox-image-wrapper {
    transform: scale(1);
    opacity: 1;
}

.lightbox-image {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    display: block;
}

.lightbox-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #333;
    font-size: 36px;
    font-weight: bold;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
    z-index: 10000;
}

.lightbox-close:hover {
    background-color: #ffffff;
}

.lightbox-prev,
.lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s;
    z-index: 10000;
}

.lightbox-prev {
    left: 20px;
}

.lightbox-next {
    right: 20px;
}

.lightbox-prev:hover,
.lightbox-next:hover {
    background-color: #ffffff;
    transform: translateY(-50%) scale(1.1);
}

.lightbox-prev .icon-circle-arrow-left,
.lightbox-next .icon-circle-arrow {
    width: 40px;
    height: 40px;
    border: 3px solid #01b2ec;
    background-color: #ffffff;
}

.lightbox-prev:hover .icon-circle-arrow-left,
.lightbox-next:hover .icon-circle-arrow {
    background-color: #01b2ec;
    border-color: #01b2ec;
}

.lightbox-prev:hover .icon-circle-arrow-left::before,
.lightbox-next:hover .icon-circle-arrow::before {
    border-left-color: #ffffff;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
}

.icon-circle-arrow {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: 3px solid #01b2ec;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: 0.3s;
}

/* 右向きのくの字矢印 */
.icon-circle-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 48%;
    width: 10px;
    height: 10px;
    border-right: 3px solid #01b2ec;
    border-bottom: 3px solid #01b2ec;
    transform: translate(-50%, -50%) rotate(-45deg);
    box-sizing: border-box;
}

/* hover時：背景を青、矢印だけ白 */
.more-link:hover .icon-circle-arrow {
    background-color: #01b2ec;
    border-color: #01b2ec;
}

.more-link:hover .icon-circle-arrow::before {
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
}

/* 左向きの円形矢印アイコン */
.icon-circle-arrow-left {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: 3px solid #01b2ec;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: 0.3s;
}

/* 左向きのくの字矢印 */
.icon-circle-arrow-left::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 52%;
    width: 10px;
    height: 10px;
    border-left: 3px solid #01b2ec;
    border-top: 3px solid #01b2ec;
    transform: translate(-50%, -50%) rotate(-45deg);
    box-sizing: border-box;
}

/* hover時：背景を青、矢印だけ白 */
.more-link:hover .icon-circle-arrow-left {
    background-color: #01b2ec;
    border-color: #01b2ec;
}

.more-link:hover .icon-circle-arrow-left::before {
    border-left-color: #ffffff;
    border-top-color: #ffffff;
}



/*=======================
　会長メッセージ
=======================*/

.sub_t08{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_message.jpg) no-repeat 0 0;
}


#news{
   width:190px;
   height:100%;
   background:url(../contents/img/news_bg01.jpg) repeat-y;
   margin-top:20px;
   padding-top:10px;
   padding-bottom:10px;
}

#news p{
   width:135px;
   height:25px;
   background:url(../contents/img/news_title.jpg) no-repeat 0 0;
   font-size:12px;
   margin:0 auto;
   padding:10px 0 0 35px;
}

#news dl{
   width:150px;
   height:100%;
   font-size:12px;
   margin:0 auto;
   padding:10px;
   background:url(../contents/img/news_bg02.jpg) repeat-y;
   border-bottom:1px solid #cbdaea;
}

#news dt{
   background:url(../contents/img/l_icon02.jpg) no-repeat 0 0;
   font-weight:bold;
   color:#1f436e;
   margin-bottom:5px;
   padding-left:20px;
}

#news dd{
   background:url(../contents/img/s_icon02.jpg) no-repeat 0 0;
   margin:0 0 5px 10px;
   padding-left:10px;
}

#message{
   width:660px;
   margin:20px auto;
   padding-bottom:15px;
   border-bottom:3px solid #cbdaea;
}

#chairman{
   width:105px;
   float:left;
}

#objection{
   width:540px;
   margin-left:15px;
   float:right;
}

#objection ul{
   padding-left:30px;
}

#objection ul li{
   margin-top: 0.5em;
   list-style-type: decimal;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#objection ul.normal{
   padding-left:15px;
}

#objection ul.normal li{
   margin-top: 0.5em;
   list-style-type:disc;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#objection ol{
   padding-left:5px;
}

#objection ol li{
   list-style-type:disc;
   margin-top: 0.5em;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#objection p{
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#objection .p_title {
  width:520px;
  height:25px;
  background:url(../contents/img/s_title04.jpg) no-repeat 0 0;
  margin:20px 0;
  padding:8px 0 0 20px;
  color:#1f436e;
  font-size:12px;
  font-weight:600;
}

#c_name{
   text-align:right;
   margin:30px 0 5px 0;
}


/*=======================
　CSAについて
=======================*/

.sub_t03{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_csa.jpg) no-repeat 0 0;
}

#s_navi2{
   width:190px;
   height:240px;
   background:url(../contents/img/s_menu02_bg.jpg) no-repeat;
   margin-top:20px;
}

#s_navi2 ul{
   width:170px;
   padding:10px;
}

#s_navi2 li{
   width:170px;
   height:40px;
   list-style-type:none;
   padding-bottom:5px;
   overflow:hidden;
}

#s_navi2 a{
   width:170px;
   height:40px;
   text-indent:-9999px;
   display:block;
}

.s_navi2_01 a{ background:url(../contents/img/btn_outline.jpg) no-repeat 0 0; }

.s_navi2_02 a{ background:url(../contents/img/btn_budget.jpg) no-repeat 0 0; }

.s_navi2_03 a{ background:url(../contents/img/btn_director.jpg?191024) no-repeat 0 0; }

.s_navi2_04 a{ background:url(../contents/img/btn_group.jpg) no-repeat 0 0; }

.s_navi2_05 a{ background:url(../contents/img/btn_privacy.jpg) no-repeat 0 0; }

.s_navi2_06 a{ background:url(../contents/img/btn_access.jpg) no-repeat 0 0; }

#s_navi2 a:hover{ background-position:0 -40px; }


/*=======================
　CSAについて - 概要
=======================*/

#outline{
   width:660px;
   background:url(../contents/img/outline_bg.jpg) repeat-y;
   border-top:1px solid #cedae7;
   border-bottom:1px solid #cedae7;
   padding:10px 0 20px 0;
   margin-bottom:20px;
}

#outline ul{
   width:640px;
   padding-top:10px;
   margin:0 auto;
}

#outline li{
   width:270px;
   height:150px;
   float:left;
   list-style-type:none;
   padding:0 25px;
}

#outline p{
   width:620px;
   margin:0 auto;
   padding:20px 0;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border-bottom:3px solid #cbdaea;
   clear:left;
}

#outline_det{
   width:600px;
   margin-left:20px;
   padding:20px 0 20px 20px;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border-bottom:3px solid #cbdaea;
}

#proof{
   width:620px;
   margin:0 auto;
   padding:20px 0;
}

#proof table{
   width:550px;
   margin:0 auto;
   text-align:center;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#proof img{
   padding:10px 0;
}


/*==========================
　CSAについて - 予算 決算
==========================*/

#budget{
   width:660px;
   margin:0 auto;
}

#expense{
   width:660px;
   margin:0 auto;
}

#expense table{
   width:600px;
   margin:20px auto;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   overflow:hidden;
   border:1px solid #cbdaea;
   border-collapse:collapse;
}

#expense thead th{
   height:35px;
   background:url(../contents/img/table_bg_1_01.jpg) repeat-x 0 0;
   text-align:center;
   color:#d6e6fa;
}

#expense thead td{
   height:30px;
   background:url(../contents/img/table_bg_1_02.jpg) repeat-x 0 0;
   text-align:center;
   font-weight:700;
   color:#1f436e;
   border-left:1px solid #cbdaea;
}

#expense tbody tr{
   height:30px;
   background:url(../contents/img/table_bg_1_03.jpg) repeat-x 0 0;
   color:#1f436e;
   margin-left:10px;
}

#expense tbody th{
   height:30px;
   text-align:left;
   color:#1f436e;
   font-weight:400;
   padding-left:15px;
   border-left:1px solid #cbdaea;
}

#expense tbody td{
   padding-right:15px;
   text-align:right;
   border-left:1px solid #dfe9f4;

}

#expense tfoot tr{
   height:35px;
   background:url(../contents/img/table_bg_1_04.jpg) repeat-x 0 0;
   color:#d6e6fa;
   padding-left:15px;
}

#expense tfoot th{
   padding-left:15px;
   text-align:left;

}

#expense tfoot td{
   padding-right:15px;
   text-align:right;
   font-weight:700;
   border-left:1px solid #76a2d8;
}

#income{
   width:660px;
   margin:0 auto;
}

#income table{
   width:600px;
   margin:0 auto;
   margin-bottom:20px;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   overflow:hidden;
   border:1px solid #fee385;
   border-collapse:collapse;
}

#income thead th{
   height:35px;
   background:url(../contents/img/table_bg_2_01.jpg) repeat-x 0 0;
   text-align:center;
   color:#fdf7e9;
}

#income thead td{
   height:30px;
   background:url(../contents/img/table_bg_2_02.jpg) repeat-x 0 0;
   text-align:center;
   font-weight:700;
   color:#dc9c03;
   border-left:1px solid #fee385;
}

#income tbody tr{
   height:30px;
   background:url(../contents/img/table_bg_2_03.jpg) repeat-x 0 0;
   color:#1f436e;
   margin-left:10px;
}

#income tbody th{
   width:485px;
   height:30px;
   text-align:left;
   color:#1f436e;
   font-weight:400;
   padding-left:15px;
   border-left:1px solid #fee385;
}

#income tbody td{
   padding-right:15px;
   text-align:right;
   border-left:1px solid #fee385;

}

#income tfoot tr{
   height:35px;
   background:url(../contents/img/table_bg_2_04.jpg) repeat-x 0 0;
   color:#fdf7e9;
   padding-left:15px;
}

#income tfoot th{
   padding-left:15px;
   text-align:left;

}

#income tfoot td{
   padding-right:15px;
   text-align:right;
   font-weight:700;
   border-left:1px solid #fee385;
}


/*==========================
　CSAについて - 役員名簿
==========================*/

#list{
   width:660px;
   margin:0 auto;
}

#list table{
   width:600px;
   margin:0 auto;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border:1px solid #d9ddde;
   overflow:hidden;
   border-collapse:collapse;
}

#list table th{
   height:35px;
   background:url(../contents/img/table_bg_3_01.jpg) repeat-x 0 0;
   border-left:1px solid #f5f8fe;
}


#list table td{
   height:30px;
   padding-left:15px;
   background:url(../contents/img/table_bg_3_02.jpg) repeat-x 0 0;
   border-left:1px solid #e8eaeb;
}

#list p{
   font-size:12px;
   color:#1f436e;
   padding:15px 30px 5px 0;
   text-align:right;
}


/*==========================
　CSAについて - 加盟団体
==========================*/

#group{
   width:660px;
   margin:0 auto;
}

#group table{
   width:600px;
   margin:0 auto;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border:1px solid #d9ddde;
   overflow:hidden;
   border-collapse:collapse;
}

#group table th{
   height:35px;
   background:url(../contents/img/table_bg_3_01.jpg) repeat-x 0 0;
   border-left:1px solid #f5f8fe;
}

#group table td{
   height:30px;
   padding-left:15px;
   background:url(../contents/img/table_bg_3_02.jpg) repeat-x 0 0;
   border-left:1px solid #e8eaeb;
}

#group p{
   font-size:12px;
   color:#1f436e;
   padding:15px 30px 5px 0;
   text-align:right;
}


/*============================
　CSAについて - プライバシー
============================*/

#privacy{
   width:600px;
   margin:0 auto;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

.p_title {
  width:580px;
  height:25px;
  background:url(../contents/img/s_title04.jpg) no-repeat 0 0;
  margin:20px 0;
  padding:5px 0 0 20px;
  color:#1f436e;
  font-size:12px;
  font-weight:600;
}

#privacy p{
   width:580px;
   margin:0 auto;
}


#privacy ul{
   width:550px;
   margin:0 auto;
}

/*====================
　アクセス
====================*/

.sub_t06{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_access.jpg) no-repeat 0 0;
}

#map{
   width:465px;
   margin-top:20px;
   float:left;
}

#map02{
   width:190px;
   margin:20px 0 0 5px;
   float:right;
}

#map02 p{
   color:#1f436e;
   font-size:12px;
   font-weight:bold;
   margin-bottom:10px;
}

#map02 dl{
   color:#1f436e;
   font-size:12px;
   line-height:16px;
}

#map02 dt{
   font-weight:bold;
   border-bottom:1px dotted #cbdaea;
}

#map02 dd{
   color:#1f436e;
   font-size:12px;
   line-height:16px;
   margin:5px 0 10px 5px;
}

#map03{
   width:660px;
   margin:0 auto;
   padding:10px 0;
   float:left;
}

#map03 p{
   color:#1f436e;
   font-size:12px;
   line-height:16px;
}

#map03 dl{
   color:#1f436e;
   font-size:12px;
   line-height:16px;
}

#map03 dt{
   margin-bottom:5px;
}


/*====================
　連帯の30年
====================*/

.sub_t10{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_unity.jpg) no-repeat 0 0;
}

.unity{
   width:660px;
   margin-bottom:20px;
   background:url(../contents/img/unity_m_bg.jpg) repeat-y;
}

.u_title {
  width:610px;
  height:25px;
  background:url(../contents/img/s_title05.jpg) no-repeat 0 0;
  padding:15px 0 0 50px;
  color:#1f436e;
  font-size:13px;
  font-weight:600;
}

.u_under{
   width:660px;
   height:20px;
   background:url(../contents/img/unity_u_bg.jpg) no-repeat 0 0;
}

.unity ul{
   width:600px;
   margin:0 auto;
   padding:15px 0;
   color:#1f436e;
   font-size:12px;
   line-height:16px;
}

.unity li{
   width:600px;
   margin:0 auto;
   list-style-type:none;
   padding:5px 0 5px 0;
   border-bottom:1px dotted #c9c9c9;
}


/*====================
　CSAリポート
====================*/

.sub_t09{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_report.jpg) no-repeat 0 0;
}

.sub_t09-2{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_report_log.jpg) no-repeat 0 0;
}

#report{
   width:660px;
   margin:0 auto;
}

table.data{
   margin:0 auto;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border:1px solid #d9ddde;
   overflow:hidden;
   border-collapse:collapse;
}

table.data th{
   height:35px;
   background:url(../contents/img/table_bg_3_01.jpg) repeat-x 0 0;
   border-left:1px solid #f5f8fe;
}

table.data td.none{
   background:url(../contents/img/table_bg_3_03.jpg) repeat-x 0 0;
   border-left:1px solid #e8eaeb;
}

table.data td{
   height:30px;
   padding-left:10px;
   background:url(../contents/img/table_bg_3_02.jpg) repeat-x 0 0;
   border-left:1px solid #e8eaeb;
}



/*=========================
　CSAリポート　コンテンツ
=========================*/

#article{
   width:660px;
   clear:left;
}

#article_det {
   width:640px;
   margin:0 auto;
   padding:20px 0;
   border-bottom:3px solid #cbdaea;
}

#article_det p{
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   padding-top:5px;
}

#article_det ul{
   padding-left:20px;
}

#article_det li{
   margin-top: 0.5em;
   list-style-type: decimal;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}


/*====================
　CSAリポート　年表
====================*/

#chronology{
  width:660px;
  margin-top:20px;
}

#chronology table{
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border:1px solid #d9ddde;
   overflow:hidden;
   border-collapse:collapse;
}

#chronology table th{

   background-color:#f0f5ff;
   border-bottom:1px solid #ffffff;
}

#chronology table td{
   padding:5px 10px;
   border:1px solid #d9ddde;
}

#chronology li {
   background:url(../contents/img/sign.gif) no-repeat 1px 0.30em;
   margin-top:0.5em;
   padding-left:15px;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   list-style-type:none;
}

.clbg01 {
   width:99px;
   background:url(../contents/img/table_clbg01.jpg) repeat-y;
}

.clbg02 {
   width:99px;
   background:url(../contents/img/table_clbg02.jpg) repeat-y;
}


/*　CSAリポート ワーキング・スタディ・ツアー */
.tour-img {
	float: left;
	width:140px;
}

.tour-content {
	float: right;
	width:520px;
}


table.tour-content{
   margin:0 auto;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   border:1px solid #d9ddde;
   border-collapse:collapse;
}

table.tour-content th{
   height:35px;
   background:url(../contents/img/table_bg_3_01.jpg) repeat-x 0 0;
   border-left:1px solid #f5f8fe;
}

table.tour-content td{
   background:url(../contents/img/table_bg_3_02.jpg) repeat-x 0 0;
   border-left:1px solid #e8eaeb;
   padding:5px
}


/*====================
　主な活動
====================*/

.sub_t04{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_activity.jpg) no-repeat 0 0;
}

#activity{
   width:660px;
   background:url(../contents/img/outline_bg.jpg) repeat-y;
   border-top:1px solid #cedae7;
   border-bottom:1px solid #cedae7;
   padding-top:5px;
}

#activity_deta{
   width:660px;
   background:url(../contents/img/outline_bg.jpg) repeat-y;
   border-bottom:1px solid #cedae7;
   margin-bottom:20px;
}

#support{
   width:620px;
   margin:15px auto;
   padding-bottom:10px;
}

#content_i{
   width:180px;
   float:left;
}

#content_a{
   width:425px;
   margin-left:15px;
   float:right;
}

#content_a p{
   width:425px;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#content_a ul{
   width:415px;
}

#content_a li{
   list-style-type:disc;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#s_navi3{
   margin-top:20px;
}

#s_navi3 ul{
   width:190px;
}

#s_navi3 li{
   width:190px;
   height:60px;
   list-style-type:none;
   padding-bottom:10px;
   overflow:hidden;
}

#s_navi3 a{
   width:190px;
   height:60px;
   text-indent:-9999px;
   display:block;
}

.s_navi3_01 a{ background:url(../contents/img/btn_movement.jpg) no-repeat 0 0; }

.s_navi3_02 a{ background:url(../contents/img/btn_education.jpg) no-repeat 0 0; }

.s_navi3_03 a{ background:url(../contents/img/btn_exchange.jpg) no-repeat 0 0; }

.s_navi3_04 a{ background:url(../contents/img/btn_country.jpg) no-repeat 0 0; }

.s_navi3_05 a{ background:url(../contents/img/btn_construction.jpg) no-repeat 0 0; }

#s_navi3 a:hover{ background-position:0 -60px; }


div#details table.downloads{
	margin:0 auto;
	text-align:center;
}


/*====================
　支援方法
====================*/

.sub_t14{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_fund.jpg) no-repeat 0 0;
}



/*====================
　事業報告アルバム(2016/10追加)
====================*/

.sub_t13{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_businessreport.jpg) no-repeat 0 0;
}

/*====================
　English
====================*/

.sub_t07{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_english.jpg) no-repeat 0 0;
}

#started{
   width:640px;
   margin:0 auto;
   padding-bottom:15px;
}

#started_i{
   width:180px;
   float:left;
}

#started_a{
   width:445px;
   margin-left:15px;
   float:right;
}

#started_a p{
/* font-size:12px;*/
   font-size:14px;
   line-height:18px;
   color:#1f436e;
}

#objective{
   width:640px;
   margin:0 auto;
   padding-bottom:15px;
}

#objective p{
/* font-size:12px;*/
   font-size:14px;
   line-height:18px;
   color:#1f436e;
}

#activities{
   width:660px;
   margin:0 auto;
   padding-bottom:30px;
}

#activities ul{
   width:660px;
   margin:0 auto;
}

#activities li{
   width:200px;
   height:130px;
   padding:0 10px;
   float:left;
   list-style-type:none;
}

#activities p{
/* font-size:12px;*/
   font-size:14px;
   line-height:18px;
   color:#1f436e;
   text-align:center;
   padding:5px;
}

#three{
   width:640px;
   margin:0 auto;
   padding-bottom:15px;
}

#three_i{
   width:210px;
   float:left;
}

#three_a{
   width:415px;
   margin-left:15px;
   float:right;
}

#three_a p{
/* font-size:12px;*/
   font-size:14px;
   line-height:18px;
   color:#1f436e;
}

.t_title {
  width:620px;
  height:20px;
  background:url(../contents/img/s_title06.jpg) no-repeat 0 0;
  margin:20px 0;
  padding:10px 0 0 20px;
  color:#1f436e;
/*font-size:12px;*/
  font-size:14px;
  font-weight:600;
}

span.title_02{
	font-size:15px;
	font-weight:bold;
	color:#1f436e;
}


#index{
   width:640px;
   margin:0 auto;
   padding:15px 0;
}

#index p{
   margin-left:5px;
}


#index ul{
   margin-left:30px;
}

#index ul li{
 /*font-size:12px;*/
   font-size: 14px;
   line-height:18px;
   color:#1f436e;
   padding-left:15px;
   background:url(../contents/img/arrow.gif) no-repeat 1px 0.30em;
   list-style-type:none;
}

#index ol{
   margin-left:30px;
}

#index ol li{
 /*font-size:12px;*/
   font-size: 14px;
   line-height:18px;
   color:#1f436e;
   background:none;
   padding:0;
   list-style-type: decimal;
}

.tage{
   background:#fff5f6;
}

/*====================
　Error
====================*/

#error{
   margin:0 auto;
   padding-top:20px;
   border-bottom:3px solid #7c9eb3;
}

#error img{
   margin-left:90px;
   padding-bottom:10px;
}

#error_a{
   padding-bottom:70px;
}

#error_a p{
   padding:10px 0 0 90px;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#error_a ul{
   margin-left:90px;
}

#error_a ul li{
   font-size:12px;
   line-height:18px;
   color:#1f436e;
   margin-top:10px;
   padding-left:15px;
   background:url(../contents/img/arrow.gif) no-repeat 1px 0.30em;
   list-style-type:none;
}


/*====================
　手を差し伸べよう
====================*/

.sub_t11{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_relief.jpg) no-repeat 0 0;
}

#relief{
   line-height:18px;
   color:#1f436e;
}

#relief p{
   margin:5px 0 15px 0;
   font-size:12px;
}

#relief ul.normal{
   margin:0 0 10px 20px;
}

#relief ul.normal li{
   list-style-type:disc;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}

#relief ul.menu{
   width:600px;
   margin:0 0 10px 20px;
   color:#1f436e;
   font-size:12px;

}

#relief ul.menu li{
   width:600px;
   background:url(../contents/img/arrow_02.gif) no-repeat top left;
   list-style:none;
   padding:0px 0 5px 13px;
}

#s_navi4{
   width:190px;
   height:200px;
   background:url(../contents/img/s_menu04_bg.jpg) no-repeat;
   margin-top:20px;
}

#s_navi4 ul{
   width:170px;
   padding:10px;
}

#s_navi4 li{
   width:170px;
   height:40px;
   list-style-type:none;
   padding-bottom:5px;
   overflow:hidden;
}

#s_navi4 a{
   width:170px;
   height:40px;
   text-indent:-9999px;
   display:block;
}

.s_navi4_01 a{ background:url(../contents/img/btn_relief_01.jpg) no-repeat 0 0; }

.s_navi4_02 a{ background:url(../contents/img/btn_relief_02.jpg) no-repeat 0 0; }

.s_navi4_03 a{ background:url(../contents/img/btn_relief_03.jpg) no-repeat 0 0; }

.s_navi4_04 a{ background:url(../contents/img/btn_relief_04.jpg) no-repeat 0 0; }


#s_navi4 a:hover{ background-position:0 -40px; }


table.entry{
	width:550px;
   margin:10px auto;
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:#1f436e;
}


table.entry th.h1{
	background-color:#E1E8F8;
	font-size:110%;
	text-align:center !important;
	vertical-align:top;
	padding:5px;
	border-bottom:#FFF solid 2px;
  width: 70px;
}

table.entry td.none{
	padding:0px !important;
}

table.entry td{
	padding:10px 10px;
	border-bottom:#E1E8F8 dotted 1px;
	text-align:left;
}

.submit{
	margin-top:20px;
	width:100px;
	height:40px;
	font-size:14px;
}

ul.attention{
	margin-left:0px;
	list-style-type:none;
   font-size:12px;
   line-height:18px;
	color:#C00;
}


/*=================================
　アジア連帯委員会 CSA 結成30年
=================================*/

.sub_t12{
   width:690px;
   height:55px;
   text-indent:-9999px;
   background:url(../contents/img/title_establish.jpg) no-repeat 0 0;
}

/* 汎用特殊マージン (上下) */

*.sp-v10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

*.sp-v15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

*.sp-v20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

*.sp-v25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

*.sp-v30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

/* (070320：マージン0) */

*.sp-v0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/* (070420：マージン5) */

*.sp-v5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

/* 汎用特殊マージン (上) */

*.sp-t10 {
	margin-top: 10px !important;
}

*.sp-t15 {
	margin-top: 15px !important;
}

*.sp-t20 {
	margin-top: 20px !important;
}

*.sp-t25 {
	margin-top: 25px !important;
}

*.sp-t30 {
	margin-top: 30px !important;
}

/* (070320：マージン0) */

*.sp-t0 {
	margin-top: 0px !important;
}

/* (070420：マージン5) */

*.sp-t5 {
	margin-top: 5px !important;
}


/* 汎用特殊マージン (下) */

*.sp-b10 {
	margin-bottom: 10px !important;
}

*.sp-b15 {
	margin-bottom: 15px !important;
}

*.sp-b20 {
	margin-bottom: 20px !important;
}

*.sp-b25 {
	margin-bottom: 25px !important;
}

*.sp-b30 {
	margin-bottom: 30px !important;
}

/* (070320：マージン0) */

*.sp-b0 {
	margin-bottom: 0px !important;
}

/* (070420：マージン5) */

*.sp-b5 {
	margin-bottom: 5px !important;
}

/* 横方向の整列 */

*.arrange-c {
	/* マージンなどは必要に応じて定義 */
	text-align: center;
}

*.arrange-l {
	/* マージンなどは必要に応じて定義 */
	text-align: left;
}

*.arrange-r {
	/* マージンなどは必要に応じて定義 */
	text-align: right;
}


table.table_btn{
	padding:10px;
	border:2px solid rgba(0,102,204,1);
	border-radius:5px;
}
table.table_btn td{
	border:none;
}
