@charset "UTF-8";
/* --------------------------------------------------------------------
//初期設定　general params
----------------------------------------------------------------------*/

body {
    background:url(/img/site_back_beta.gif) repeat-x left top;
    font-size:12px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin:0px;
    padding:0px;
}
h1,h2,h3,h4,h5,h6,div,p,pre,ul,ol,dl,dt,dd,th,td,form,blockquote {
    padding:0px;
    margin:0px;
}
ul li { list-style:none; }
hr { display:none; }
img { border:none; }
a:link {
    color:#333333;
    text-decoration:none;
}
a:visited {
    color:#990000;
    text-decoration:none;
}
a:hover {
    color:#ff7272;
    text-decoration:none;
    text-decoration:underline;
}
a:active { color:#1f649f; }
#header,
#contents_frame,
#footer p{
    text-align:justify;
    margin:0px auto;
}
/* ---------font-size--------- */
h2{ font-size:18px; }
h3{ font-size:14px; }
h4{ font-size:12px; }
.sitemap_txt{ font-size:14px; }
.fs1{ font-size:14px; }
.fs2{ font-size:10px; }
/* ---------font-color--------- */
.red{ color:#FF0000; }
p{ color:#373737; }
h3{ color:#292929; }
h4{ color:#494949; }
/* ---------font-weight--------- */
.sitemap_txt{ font-weight:bold; }
/* ---------line-height--------- */
h1,h2,h3,h4,h5,div,p,li,dt,dd,td{ line-height:1.8em; }
a{ line-height:1em; }
.sitemap_txt a{ line-height:1.3em; }
.shien_box ul li{ /*-outreach.html-*/
	line-height:1.3em;
}
/* ---------clear--------- */
h2,h3,h4{clear: both ;}
/* ---------public_class--------- */
#right_body ul.point li{ list-style:disc; }
#right_body h2{ margin:10px 0px 10px 10px; }
#right_body h3{ margin:10px 0px 10px 10px; }
#right_body h4{ margin-left:30px; }
.txt_type1{ padding:0px 10px; }
.txt_type2{ padding:0px 30px 0px 20px; }
.txt_type3{ padding:0px 40px 0px 30px; }
.txt_type4{ padding:0px 50px 0px 40px; }
.txt_type5{ padding:0px 60px 0px 50px; }


table{
	width:500px;
	margin:10px 0px 10px 20px;
	border-collapse:collapse;
	border:5px solid #999999;
}
td,
th{
	color:#333333;/*セルのメイン背景色*/
	padding:.6em 10px;
	text-align:left;
	border-left:1px solid #4A5057;
	border-bottom:1px solid #4A5057;
}
th{background-color:#f8f8f8;}
.B_crumbBox{ margin:0px 0px 10px 10px; width:520px; display:block;}/*パンくず余白*/
h2.midashi{
	padding-left:40px;
	height:33px;
	background:url(../img/public/midashi00.gif) no-repeat left top;
}
/* ---------other_class--------- */
.align_r,
.align_r2{
    text-align:right;
    clear:both;
}
.align_c{
    text-align:center;
	 padding-right:10px;
    clear:both;
}
.align_r{ margin-right:10px; } /*left_bodyの箇所の指定*/
.align_r2{ margin-right:20px; }/*right_bodyの箇所の指定*/
/* --------骨組み---------- */
#container{
    text-align:center;
    background:url(../img/public/header_bg01.gif) repeat-x left top;
}
#header {
    width:780px;
    height:auto;
    padding-top:10px;
}
#key_visual {
    margin-top:10px;
    background:url(../img/public/key_visual_bg01.gif) repeat-x left top;
    clear:both;
}
#contents_frame{
    width:780px;
    height:auto;
    background:url(../img/public/shadow_frame_bg.gif) repeat-y right top;
    padding-bottom:10px;
}
#contents_frame:after{
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    line-height:0;
    clear:both;
}
#right_body,
#left_body{
    padding-top:10px;
    float:right;
}
#right_body {
    width:550px;
}
#left_body { width:230px; }
#footer { border-top:1px solid #76991d; }

/*--head内部--*/
#header p{ float:left; }
/*--subnavi--*/
#subnavi{
    line-height:0px;
    padding:44px 10px 0px 0px;
    float:right;
}
#subnavi li { display:inline; }
/*--mainnavi--*/
#navi{
    width:780px;
    height:40px;
    padding-top:10px;
    clear:both;
}
*:first-child+html #navi{ padding-top:4px; } /*only-IE7 hack*/
#navi li{ float:left; }
#navi li a{
    display:block;
    height:40px;
    text-indent:-5000px;
}
#navi li a#n_btn01{
    width:88px;
    background:url(../img/public/navi01.gif) no-repeat left top;
}
#navi li a#n_btn02{
    width:84px;
    background:url(../img/public/navi02.gif) no-repeat left top;
}
#navi li a#n_btn03{
    width:139px;
    background:url(../img/public/navi03.gif) no-repeat left top;
}
#navi li a#n_btn04{
    width:84px;
    background:url(../img/public/navi04.gif) no-repeat left top;
}
#navi li a#n_btn05{
    width:143px;
    background:url(../img/public/navi05.gif) no-repeat left top;
}
/*hover*/
#navi li a#n_btn01:hover{
    width:88px;
    background:url(../img/public/navi01.gif) no-repeat left bottom;
}
#navi li a#n_btn02:hover{
    width:84px;
    background:url(../img/public/navi02.gif) no-repeat left bottom;
}
#navi li a#n_btn03:hover{
    width:139px;
    background:url(../img/public/navi03.gif) no-repeat left bottom;
}
#navi li a#n_btn04:hover{
    width:84px;
    background:url(../img/public/navi04.gif) no-repeat left bottom;
}
#navi li a#n_btn05:hover{
    width:143px;
    background:url(../img/public/navi05.gif) no-repeat left bottom;
}
/*--mainepic--*/

/*--leftbody内部--*/
#left_body ul {
    width:220px;
    height:auto;
    margin:0px 0px 10px 0px;
}
#left_body ul li {
    height:auto;
    margin:3px 0px 0px 0px;
}
#mail_bannar,#ask_bannar{
    display:block;
    width:220px;
    height:45px;
    text-indent:-5000px;
}
#mail_bannar{ background:url(../img/public/mail.gif) no-repeat left top;}
#ask_bannar{ background:url(../img/public/ask_form.gif) no-repeat left top;}
#mail_bannar:hover{ background:url(../img/public/mail.gif) no-repeat right top;}
#ask_bannar:hover{ background:url(../img/public/ask_form.gif) no-repeat right top;}
#left_body ul#news{
     height:auto;
     margin-top:5px;
     margin-bottom:0px;
}
* html #left_body #news li{ width:198px; } /*ie hack*/
#left_body #news li{
    width:188px;
     margin-left:10px;
     margin-bottom:5px;
     padding:0px 5px 5px 5px;
     border-left:2px solid #cccccc;
     border-bottom:1px dashed #cccccc;
}
#add{
width:190px;
height:auto;
padding:10px;
border:5px solid #e1e0df;
}
* html #add{ /*ie hack*/
width:220px;
height:auto;
padding:10px;
border:5px solid #e1e0df;
}
/*--footer内部--*/
#footer p {
    width:780px;
    text-align:center;
}
/*--right_body内部--*/

#right_body h3{
	margin-left:20px;
	padding-left:6px;
	border-left:4px solid #ccc;
}

/*-index.html-*/
ul#info_btn{
    padding-left:20px;
    margin-bottom:10px;
}
ul#info_btn:after{
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    line-height:0;
    clear:both;
}
ul#info_btn li,ul#info_btn li a{
    width:88px;
    height:88px;
}
ul#info_btn li{
    float:left;
    margin-right:15px;
}
ul#info_btn li a{
    display:block;
    text-indent:-5000px;
}
/*normal*/
ul#info_btn li a#info01{ background:url(../img/index/btn01.gif) no-repeat left top; }
ul#info_btn li a#info02{ background:url(../img/index/btn02.gif) no-repeat left top; }
ul#info_btn li a#info03{ background:url(../img/index/btn03.gif) no-repeat left top; }
ul#info_btn li a#info04{ background:url(../img/index/btn04.gif) no-repeat left top; }
ul#info_btn li a#info05{ background:url(../img/index/btn05.gif) no-repeat left top; }
/*hover*/
ul#info_btn li a#info01:hover{ background:url(../img/index/btn01.gif) no-repeat left bottom; }
ul#info_btn li a#info02:hover{ background:url(../img/index/btn02.gif) no-repeat left bottom; }
ul#info_btn li a#info03:hover{ background:url(../img/index/btn03.gif) no-repeat left bottom; }
ul#info_btn li a#info04:hover{ background:url(../img/index/btn04.gif) no-repeat left bottom; }
ul#info_btn li a#info05:hover{ background:url(../img/index/btn05.gif) no-repeat left bottom; }

#top_box_head,
#top_box_middle,
#top_box_foot{
    width:500px;
    margin-left:20px;
    clear:both;
}
#top_box_head{
    background:url(../img/index/top_box_head.gif) no-repeat left top;
    height:10px;
    overflow:hidden;
}
#top_box_foot{
    background:url(../img/index/top_box_foot.gif) no-repeat left top;
    height:10px;
}
#top_box_middle{
    background:url(../img/index/top_box_mddle.gif) repeat-y left top;
    height:auto;
    padding-left:10px;
}
#top_box_middle:after{
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    line-height:0;
    clear:both;
}
/*活動報告dittoの指定*/
.report{
    width:500px;
    height:auto;
    clear:both;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #aca899;
}
.report:after{
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    line-height:0;
    clear:both;
}
.report_pic,
.report_contents{float:left;}
.report_pic{
    width:100px;
    /*height:100px;*/
	 height:auto;
    margin-right:5px;
}
.report_contents{
    width:395px;
    height:auto;
    }
/*-about.html-*/
#map{ margin-left:20px; }
/*-news.html-*/
#news_contents{
	width:auto;
	height:auto;
}
#news_contents li{
	width:484px;
	height:auto;
	padding:5px;
	margin:0px 0px 10px 20px;
	border:1px solid #CCCCCC;
	border-left:5px solid #666666;
}
/*-outreach.html-*/
.shien_box{
	width:238px;
	height:208px;
	overflow:auto;
	float:left;
	margin:0px 0px 20px 20px;
	border:1px solid #e7e7e7;
}
* html .shien_box{ /*ie hack*/
	margin-left:10px;
	margin-right:10px;
}
#right_body .shien_box h3{
	margin-left:10px;
	padding-left:6px;
	border-left:4px solid #ccc;
}
#right_body .shien_box h4{ margin-left:20px; }

.shien_box ul{
	padding:0px 10px 5px 10px;
	margin-left:30px;
}
#outreach_report{
	height:810px;
	overflow:auto;
}
/*-report 支援活動指定-*/
#old_report{
	width:500px;
	height:200px;
	overflow:auto;
	margin-left:20px;
}
#old_report ul li.report{
	width:100%;
}
/*-report 活動報告指定-*/
/*p.report_txt{
	padding:0px 0px 0px 20px;
	width:325px;
	height:auto;
	float:left;
}
*/
table#img_box{
	width:auto;
	height:auto;
	margin-left:20px;
	border:5px solid #999999;
}
table#img_box td{
	padding:10px;
	border-bottom:5px solid #999999;
	border-left:5px solid #999999;
}
/*-sitemap-*/
.sitemap_txt{
	margin:0px 0px 10px 20px;
	padding:3px 0px 3px 5px;
	border-left:5px solid #698d06;
	border-bottom:1px dotted #698d06;
	background-color:#f8faf4;
	width:490px;
	height:auto;
}
* html .sitemap_txt{ width:500px; }/*ie hack*/