@charset "utf-8";


/*********************
/　基本カラー
/　グリーン　#9ED888
**********************/


body {
	font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin:0 auto;
  padding:0;
	background-color:#ffffff;
	text-align:left;
	font-size: 10pt; /* モダンブラウザ向け ptで指定 */
	line-height:160%;
}


table {
font-size: 10pt; /* モダンブラウザ向け ptで指定 */
	line-height:160%;
	}

#bd_bgcolor{
background:#ffffff;
background-image:url(../img/common/zyk_bk.jpg);
background-repeat:repeat-x;
}

/*mac win safari3*/
 body:first-of-type {
/* font-size: 85%;css3から定義済み*/
} 
table:first-of-type{
/*font-size: 85%; css3から定義済み*/
	}


/* for Windows IE */
@media screen {
    * html body {
        font-size: 80%;
    }
		* html table {
/*font-size: 80%;*/
	}

}

div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

a{
	outline:none;
	color:#332396;/*リンク色指定*/
	text-decoration:underline;
	}
	
a:hover{
	color:#0141FF;/*マウスオーバー色指定*/
	text-decoration:underline;
	}
	
	
	
/*************************************************************************
基本設定
**************************************************************************/
div#area_container {
	width:840px;
  margin:20px auto;
	border:1px solid #9ED888;
	background-color:#FFFFFF;
text-align:left;
}

div#zyk_top #area_container {
	border:1px solid #9ED888;
	width:880px;
}

/*************************************************************************
ヘッダーエリア*/

div#area_head {
	margin:0;
	padding:0;
	border-bottom:5px solid #009900;
}

/*************************************************************************
コンテンツエリア*/

div#area_contents {
	width:100%;
	background-color:#FFFFFF;
}

/*top用*/
div#zyk_top #area_contents {
	padding:20px;
	width:840px;
	margin:0px;
	background-color:#FFFFFF;
}
div.area_nav {
margin:0px;
padding:0px;
font-size:90%;
}
div.area_main {
margin:0px;
padding:20px; /*widthは800px*/
text-align:left;
}


/* main内の見出し
**************************************************************************/

div.area_main .ttl{
	float:left;
	width:180px;
background-color:#D6A643;
}
div.area_main .ttl p{
	padding:10px 0 80px 10px;
	margin:0;
	color:#ffffff;
font-size:100%;
font-weight:bold;
}

div.area_main .cnt{
	float:left;
	width:560px;
	margin:0 0 0 60px;
	padding:0;
text-align:left;
}
* html div.area_main .cnt{
	width:560px;
}

h1{
	margin:0;
	padding:10px 0 50px 0;
	font-size:160%;
	line-height:180%;
	border-top:2px dotted #D6A643;
}

h2 {}

h3 {
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:2px dotted #D6A643;
	}
p{
	margin:10px  0px 15px 0px;
	padding:0;
	}
p.last {
	margin:10px 0 0 0;
	padding:0;
	
	}



/*************************************************************************
global menu
**************************************************************************/
/*テキスト使用ナビ*/

ul.gnav_t{
margin:0px;
padding:0px;
list-style:none;
}
ul.gnav_t li{
	float:left;
	text-align:center;
	width:120px;
}
ul.gnav_t li a{
display:block;
border-left:1px dotted #eeeeee;
padding:10px 0px;
margin:0px;
	color:#ffffff;
	background-image:url(../img/gnav/zyk_gnav_bk.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
	font-weight:bold;
}
ul.gnav_t li a:hover{
display:block;
border-left:1px dotted #eeeeee;
padding:10px 0px;
margin:0px;
background-image:url(../img/gnav/zyk_gnav_bk.jpg) ;
	background-repeat:repeat-x;
	background-position:20px -40px;
	text-decoration:underline;
}


/********************************************************************
footer
*********************************************************************/
div#area_footer {
	margin:30px 0 0 0;
	padding:10px 0px 0px 0px;
	border-top:1px solid #cccccc;
	text-align:center;
	font-size:90%;
}
div#zyk_top #area_footer {
	border:none;
	margin:0;
}

/*コピーライト表記*/
div.cr {
	margin:10px 0 0 0;
	padding:2px;
	background-color:#eeeeee;
	color:#666666;
	text-align:center;
	font-family:Verdana, arial san-serif;
	font-size:80%;
}

/********************************************************************
設立趣旨
*********************************************************************/

div.msg p{
	margin:15px 0 0 0;
	padding:0;
}

/*理事長メッセージ*/

div.rjc h3, div.rjc p{
	clear:both;
}	

div.rjc .prf{
background-color:#efefef; padding:10px; border:1px solid #dddddd; border-top:2px solid #666666;
}

div.rjc .prf .ph{
	float:left;
	width:160px;
}

div.rjc .prf .ttt{
	float:left;
	width:360px;
}

div.rjc  img.p_left{
	float:left;
	padding:0 10px 10px 0;
}
div.rjc  img.p_right{
	float:right;
	padding:0 10px 10px 0;
}

/********************************************************************
取り組む課題
*********************************************************************/

div.theme h3{
	margin:0;
	padding:20px 0 0 0;
	line-height:100%;
}

div.theme .nmbr{
	margin:0 15px 0 0 ;
	padding:0px 15px 0 0;
	border-right:2px solid #000000;
	font-size:20px;
	font-family:verdana;
	vertical-align:top;
	font-weight:normal;
}

div.theme p{
	margin:10px 0 20px 45px;
	padding:0;
}
div.theme p.last{
	margin:10px 0 0px 45px;
	padding:0;
}



/********************************************************************
組織と運営
*********************************************************************/
div.org dl {
	padding:0;
	margin:0;
}
div.org dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.org dt {
	float:left;
	clear:both;
	width:160px;
	margin:0;
	padding:10px 0;
	font-family:verdana,arial;
	line-height:130%;
	font-weight:bold;
	border-top:2px solid #D6A643;
}
div.org dd{
	float:left;
	width:400px;
	margin:0 0 10px 0;
	padding:10px 0;
	line-height:130%;
	border-top:2px dotted #D6A643;
}
div.org dd.last{
	margin:0;
}

div.org .frm{
border:1px dotted #cccccc;
padding:10px;
margin:10px 0;
}


/********************************************************************
お知らせ
*********************************************************************/

div.news {
	width:560px;/*newsのbox幅指定*/
	margin:0 auto;
	padding:0px;
}
/*左サイド*/
div.news .l{
float:left;
	width:430px;
	margin:0px;
	padding:0px 19px 0px 0px;
}

/*右サイド　アーカイブリスト*/
div.news .r{
float:right;
width:110px;
	margin:0px;
	padding:0px;
}
div.news .r a{
text-decoration:none;
}
div.news .r ul{
margin:0px;
padding:0px;
list-style:none;
font-family:verdana,arial;
}
div.news .r ul.reflect_archive{
padding:0px 5px;
margin:0px;
/*background-color:#FAFAFA;*/
}
div.news .r li.reflect_year{
padding:3px 0px;
margin:0px;
font-weight:normal;
color:#D6A643;
border-top:2px solid #D6A643;
}
div.news .r li.reflect_year ul{
padding:0px;
margin:5px 0px 0px 0px;
}
div.news .r li.reflect_month{
padding:3px 0px;
margin:0px;
font-weight:normal;
border-top:1px dotted #D6A643;
}

/*指定*/
div.news dl {
	padding:0 0 0 0;
	margin:0 0 10px 0;
}
div.news dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.news dt {
	clear:both;
	background-color:#CCCCCC;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
	color:#ffffff;
	margin:0 0 5px 0;
	padding:5px;
	font-size:90%;
	font-family:verdana,arial;
	line-height:130%;
}

/*mac win safari3*/
 body:first-of-type .news dd{
 font-size:100%;
} 

div.news dd {
	margin:0;
	padding:0;
	line-height:130%;
}

div.news p{
padding:5px 0px;
margin:0px;
}


/*NEWS詳細ページ*/
div.news_dtl dl {
	padding:0px;
}
div.news_dtl dt {
	color:#FF9900;
	font-family:verdana,arial;
	font-size:80%;
	margin:0;
	padding:0 5px 0px 0;
}
div.news_dtl dd {
	margin:0;
	padding:5px 0px 0px 0px;
}
div.news_dtl h3{
border-left:5px solid #cccccc;
padding:0px;
margin:0px;
background-image:none;
border:none;
}
div.news_dtl p{
padding:5px 0px;
}

/*改ページ処理*/
.dt_page{
/*border-top:1px dotted #dddddd;*/
border-left:5px solid #dddddd;
border-right:5px solid #dddddd;
margin:20px 0px 0px 0px;
padding:0px 10px;
font-family:verdana,arial;
text-align:right;
}
.dt_page a{
}
.dt_page a.ditto_page{
padding:0px 2px;
margin:0px 5px;
border:1px solid #dddddd;
background-color:#eeeeee;
}
.dt_page a:hover .ditto_page{
background-color:#FFFF99;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 5px;
}

/*topページ用*/
div.news_top{
	margin:10px 0 0 0 ;
	padding:0;
	/*widthは840px*/
}

div.news_top .news {
	float:left;
	width:670px;/*topに合わせて変更*/
	margin:0 auto;
	padding:0;
}
/*トップバナー*/
div.top_bnr {
	float:right;
	width:160px;
	margin:0;
	padding:0;
}

div.news_top .news dl{
	clear:both;
	margin:0 0 20px 0;
	padding:0;
}

div.news_top .news dt {
	float:left;
	padding:0;
	background:none;
	border:none;
	color:#999999;
	width:90px;
}
div.news_top .news dd {
	float:left;
	padding:0 0 7px 0;
	margin:0 0 7px 0;
	width:560px;
	border-bottom:1px dotted #9ED888;
}




/********************************************************************
 プリント用CSS設定
*********************************************************************/

@media print {
div#area_container {
	width:700px;
  margin:0 auto 0 auto;
}
div#main {margin-left:10px;}

div.area_nav {
	width:0;
}
div#lmenu {
	width:0;
	border-left:none;
	padding:0;
}

div#lmenu ul {
	width:0;
	list-style:none;
	margin:0;
	padding:0;
}

div#lmenu ul li { display:none; font-weight:bold;}

div.side_banner { width:0; margin:0;}

div.side_banner p { width:0; margin:0;}
div.side_banner p img { width:0;}
}



/********************************************************************
 リストの修飾
*********************************************************************/
 ul.link_bs{
margin:0px;
padding:0px;
list-style:none;
}
ul.link_bs li{
padding:0px 0px 0px 15px;
background:url(../img/common/ico_links_bs.gif) no-repeat 0px 4px;
margin:3px 0px;
}
ul.link_bs li a{
font-weight:normal;
}

 ul.list_bs{
margin:0px;
padding:0px;
list-style:none;
}
ul.list_bs li{
padding:0px 0px 0px 15px;
background:url(../img/common/ico_links_bs.gif) no-repeat 0px 4px;
margin:3px 0px;
}
ul.list_bs li a{
font-weight:normal;
}

/********************************************************************
 表組の修飾
*********************************************************************/
/*基本*/
table.tbl_bs{
background-color:#eeeeee;
border:1px solid #dddddd;
width:100%;
margin:3px 0px;
}
table.tbl_bs td {
background-color:#FFFFFF;
padding:5px;
vertical-align:top;
}
table.tbl_bs th {
background-color:#eeeeee;
padding:5px;
text-align:left;
vertical-align:top;
font-weight:normal;
width:100px;/*幅の固定*/
}

table.tbl_bs td.tbl_b{
font-weight:bold;
}
table.tbl_bs td.tbl_m_conf{
font-weight:bold;
background:#eeeeee;
color:#660066;
}

/*ページ固有*/

table.tbl_shinryo{
background-color:#21BC84;
border:1px solid #21BC84;
width:100%;
margin:3px 0px;
text-align:center;
}
table.tbl_shinryo td {
background-color:#FFFFFF;
padding:5px;
vertical-align:top;
}
table.tbl_shinryo th {
background-color:#eeeeee;
padding:5px;
text-align:center;
vertical-align:top;
font-weight:normal;
}


/*************************************************************************
/*改ページ処理*/
/***************************************************************************/

.dt_page{
margin:20px 0px 0px 0px;
padding:5px 10px;
font-family:verdana,arial;
text-align:center;
font-weight:bold;
}
.dt_page a{
	font-weight:normal;
}
.dt_page a.ditto_page{
padding:2px 5px;
margin:0px 5px;
border:1px solid #000000;
background-color:#666666;
color:#FFFFFF;
}
.dt_page a:hover .ditto_page{
background-color:#0033fF;
}
.dt_page .ditto_currentpage{
font-weight:bold;
padding:2px 5px;
margin:0px 5px;
border:1px solid #666666;
background-color:#ffffff;
}


/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通エレメント
*********************************************************************/
.l{
float:left;
}
.r{
float:right;
}
.t_atn{
color:#CC0000;
}

#pgtp{
margin:10px 0px 0px 0px;
text-align:right;
}


/********************************************************************
 共通マージンタイプ
*********************************************************************/

div.mgb0{margin-bottom:0 !important;}
div.mgb5{margin-bottom:5px !important;}
div.mgb10{margin-bottom:10px !important;}
div.mgb15{margin-bottom:15px !important;}
div.mgb20{margin-bottom:20px !important;}
div.mgb30{margin-bottom:30px !important;}

div.mgt0{margin-top:0 !important;}
div.mgt5{margin-top:5px !important;}
div.mgt10{margin-top:10px !important;}
div.mgt15{margin-top:15px !important;}
div.mgt20{margin-top:20px !important;}
div.mgt30{margin-top:30px !important;}

div.mgl0{margin-left:0 !important;}
div.mgl5{margin-left:5px !important;}
div.mgl10{margin-left:10px !important;}
div.mgl15{margin-left:15px !important;}
div.mgl20{margin-left:20px !important;}
div.mgl30{margin-left:30px !important;}

div.mgr0{margin-right:0 !important;}
div.mgr5{margin-right:5px !important;}
div.mgr10{margin-right:10px !important;}
div.mgr15{margin-right:15px !important;}
div.mgr20{margin-right:20px !important;}
div.mgr30{margin-right:30px !important;}

div.mgn0{margin:0 !important;}

div.pdt0{padding-top:0 !important;}
div.pdt5{padding-top:5px !important;}
div.pdt10{padding-top:10px !important;}
div.pdt15{padding-top:15px !important;}
div.pdt20{padding-top:20px !important;}
div.pdt30{padding-top:30px !important;}

div.pdb0{padding-bottom:0 !important;}
div.pdb5{padding-bottom:5px !important;}
div.pdb10{padding-bottom:10px !important;}
div.pdb15{padding-bottom:15px !important;}
div.pdb20{padding-bottom:20px !important;}
div.pdb30{padding-bottom:30px !important;}

div.pdl0{padding-left:0 !important;}
div.pdl5{padding-left:5px !important;}
div.pdl10{padding-left:10px !important;}
div.pdl15{padding-left:15px !important;}
div.pdl20{padding-left:20px !important;}
div.pdl30{padding-left:30px !important;}


div.pdr0{padding-right:0 !important;}
div.pdr5{padding-right:5px !important;}
div.pdr10{padding-right:10px !important;}
div.pdr15{padding-right:15px !important;}
div.pdr20{padding-right:20px !important;}
div.pdr30{padding-right:30px !important;}

div.pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div.clearBoth{clear:both;}
div.floatLeft{float:left;}
div.floatRight{float:right;}
div.alignLeft{text-align:left;}
div.alignRight{text-align:right;}