/* CSS Document */

/* ボディ
----------------------------------------------- */
body {
    font-family: Verdana,Arial,Helvetica,sans-serif,;
    color: #666666;
    background-color: #ffffff;
    font-size: 86%;
    line-height: 150%;
	margin:0;
	padding:0;
}

table.t_main{
margin-bottom:50px;
}

/* リンク
----------------------------------------------- */
a{
 color:#4cacc1;
 text-decoration:underline;
}

a:hover{
 color:#4cacc1;
 text-decoration:none;
}

a:visited{
 color:#0099FF;
 text-decoration:none;
}

.a2{
 color:#666666;
 text-decoration:none;
}

.a2:hover{
 color:#4cacc1;
 text-decoration:none;
}


/* ヘッダー
----------------------------------------------- */
div#head{
 width:90%;
 padding:8px 0px 5px 10px;
 background:url(../img/logo.gif) center right no-repeat;
 height:68px;
}

div#head .logo{
 float:left;
 width:350px;
 text-align:left;
 margin-top:12px;
}

div#head .info{
 float:right;
 width:300px;
 text-align:right;
 padding-top:50px;
}

div#head_s{
 width:90%;
 padding:10px 0px 5px 10px;
 background:url(../img/logo_s.gif) center right no-repeat;
 height:46px;
}

div#head_s .logo{
 float:left;
 width:350px;
 text-align:left;
 margin-top:10px;
}

div#head_s .info{
 float:right;
 width:300px;
 text-align:right;
 padding-top:35px;
}

/* メニュー
----------------------------------------------- */
td.menu_le{
 background:url(../img/menu_left.gif) repeat-x;
}
td.menu_ri{
 background:url(../img/menu_right.gif) repeat-x;
}

/* メインボタン
----------------------------------------------- */
div#main_btn{
 margin-top:10px;
 width:750px;
 padding-top:3px;
 background:url(../img/line_g6.gif) repeat-x top left;
}

div#main_btn_f{
 margin-top:3px;
 width:750px;
 background:url(../img/line_g6.gif) repeat-x top left;
}

div#main_btn a{
 width:750px;
 text-decoration:none;
}

/* トピックス
----------------------------------------------- */
div#topic{
 width:540px;
 text-align:left;
}

div#topic h1{
 color:#4cacc1;
 font-size:145%;
 line-height:110%;
}
div#topic h2{
 color:#4cacc1;
 font-size:120%;
 font-weight:normal;
 line-height:125%;
 margin-top:-3px;
}

div#topic h3{
 color:#4cacc1;
 font-size:125%;
 line-height:120%;
 background:url(../img/topic_hata.gif) no-repeat left center;
 padding-left:20px;
 height:20px;
}

div#topic h4{
 color:#4cacc1;
 font-size:110%;
 line-height:120%;
 font-weight:normal;
}

div#topic a{
 color:#4cacc1;
 text-decoration:underline;
}

div#topic a:hover{
color:#4cacc1;
text-decoration:none;
}

div#topic a:visited{
 color:#0099FF;
 text-decoration:underline;
}

div#topic p.main_txt{
 font-size:110%;
 font-weight:normal;
 line-height:135%;
 margin-top:-3px;
}

div.topic_ti{
 text-align:right;
 background:url(../img/topic_ti.gif) no-repeat top left;
 height:29px;
 padding:28px 10px 5px 0;
 color:#333333;
}

div.topic_ti2{
 text-align:left;
 height:50px;
 padding:0;
 color:#333333;
}

div.list_btn{
text-align:right;
padding:10px 0;
}

table.main_topi{
 padding:10px 0;
 background:url(../img/line_g.gif) repeat-x bottom left;
 width:100%;
}

div.topi_le{
float:left;
width:100px;
padding-right:5px;
text-align:left;
}

div.topi_ce{
float:left;
width:340px;
text-align:left;
}

div.topi_ri{
float:right;
width:85px;
text-align:right;
}

div.lookbtn{
padding-top:50px;
}

div.lookbtn2{
padding-top:30px;
}

div.time{
text-align:right;
padding-bottom:-5px;
}

table#list_topi{
 padding:5px 0;
 background:url(../img/line_g.gif) repeat-x bottom left;
 width:100%;
}

div.topi_li_le{
 float:left;
 width:446px;
 text-align:left;
}

/* トピックス一覧
----------------------------------------------- */

div#list_hyoji{
padding:10px 0 15px 0;
font-size:95%;
height:30px;
}

div.list_hyoji_le{
padding-top:10px;
width:150px;
float:left;
text-align:left;
}

div.list_hyoji_ri{
width:380px;
text-align:right;
float:right;
padding-top:10px;
}

/* トピックス詳細
----------------------------------------------- */
div#back_list{
text-align:left;
padding:10px 0;
}

div#tpi_detail{
padding:10px 0;
}

div#tpi_detail p{
font-size:125%;
line-height:155%;
}

div#tpi_d_ti h3{
color:#6ab1d2;
 font-size:145%;
 line-height:120%;
 background:url(../img/topic_hata.gif) no-repeat left center;
 padding-left:20px;
}

div#tpi_d_ti h4{
color:#6ab1d2;
 font-size:125%;
 line-height:120%;
 background:url(../img/foot_line.gif) no-repeat top center;
 padding-top:15px;
}

div#tpi_d_le{
float:left;
width:330px;
text-align:left
}

div#tpi_d_ri{
float:right;
width:200px;
}


/* ワークショップ
----------------------------------------------- */
div#title_waku{
 width:750px;
 padding:10px 0px;
}

td.ws_img img{
margin-bottom:10px
}

#ws_honbun h1{
padding:5px 0 5px 10px;
font-size:145%;
font-weight:bold;
color:#608c3e;
border-bottom:#608c3e solid 2px;
}

#ws_honbun h2{
font-size:125%;
color:#608c3e;
}

#ws_honbun p{
text-align:left
font-size:135%;
line-height:155%;
}

/* ニュース・テキスト
----------------------------------------------- */
div#news_ti{
font-size:145%;
color:#FF6600;
padding:5px 0 5px 5px;
border-bottom:#87b960 solid 2px;
margin-top:15px;
}

table#pdf{
margin-top:15px;
padding-bottom:10px;
background:url(../img/line_g.gif) repeat-x 0% 100%;
}

div#pdf_le{
width:150px;
float:left;
padding-right:10px;
}

div#pdf_ri{
width:370px;
float:right;
}

div#pdf_ri h1{
margin-top:-1px;
text-align:left;
background-color:#eff2e9;
padding:5px;
font-weight:bold;
color:#87b960;
font-size:130%;
}

div#pdf_ri p.gou{
text-align:right;
font-size:100%;
}

div#pdf_ri p.honbun{
text-align:left
font-size:135%;
line-height:155%;
padding:0 5px;
}

p.back_no{
border-top:#999999 solid 1px;
margin:5px 10px 10px 10px;
}

.back_ti{
font-size:120%;
}


/* カレンダー
----------------------------------------------- */

table.cale{
font-size:100%;
margin:0;
}

table.cale td{
border:#cccccc solid 1px;
margin:0;
width:58px;
text-arign:center;
height:50px;
}

table.cale td div{
margin:0 2px;
padding:2px;
font-size:72%;
text-arign:left;
background:#CCFF33;
color:#000000;
line-height:120%;
}


.yobi{
font-size:75%;
}

.sun{
color:#ff0000;
background:#ffedfb;
}

.sat{
color:#3333FF;
background:#ebf3ff;
}

.tue{
background:#f5f5f5 url(../img/kyukan.gif) no-repeat 5px 27px ;
}

.kyukan_seibi{
background:#f5f5f5 url(../img/kyukan_seibi.gif) no-repeat 5px 20px ;
}

.kyukan{
background:#f5f5f5;
}

.kyukan img.kyukan {
padding-bottom: 2px;
}

.m_f{
background:#ffffff;
}

.day_sat{
color:#3333FF;
}

.day_sun{
color:#ff0000;
}


td.day{
width:90px;
text-arign:left;
padding:3px;
border-bottom:#cccccc solid 1px;
height:25px;
}

td.work_naiyo{
width:210px;
text-arign:left;
padding:3px;
border-bottom:#cccccc solid 1px;
}

.yobi_bg{
background:url(img/cale_yobi.gif) no-repeat center top;
}

.yobi_white{
color:#ffffff;
}

.yobi_red{
color:#FF99CC;
}

.yobi_blue{
color:#99CCFF;
}

.month{
color:#0f75ff;
font-size:130%;
}


/* 文章
----------------------------------------------- */

p.bun{
font-size:10pt;
text-align:left;
line-height:150%;
padding-bottom:5px;
}

p.bun2{
font-size:10pt;
text-align:center;
line-height:150%;
padding-bottom:5px;
}

ol.koumoku{
padding-right:10px;
list-style:disc;
font-size:10pt;
color:#0187a3;
text-align:left;
line-height:150%;
}

ol.koumoku li{
padding-bottom:10px;
}

td.con_waku{
font-size:9.5pt;
background:url(../img/line_g_tate.gif) repeat-y top right;
padding:0px 10px;
line-height:140%;
}

td.con_waku2{
padding:0px 10px;
font-size:9.5pt;
line-height:140%;
}

/* 目指すもの
----------------------------------------------- */

div#mess_btm{
padding:5px 0 10px 0;
height:30px;
}

div#mess_ti{
padding:10px 0 2px 5px;
border-bottom:#87b960 solid 2px;
text-align:left;
margin-bottom:10px;
}

div#mess_sbbtm{
padding:0px 0 20px 0;
text-align:left;
}

div#me_kihon_ti{
text-align:center;
font-size:11pt;
color:#608c3e;
font-weight:bold;
line-height:120%;
border-bottom:#608c3e solid 1px;
padding-bottom:5px;
}

div#me_kihon_ti2{
text-align:left;
font-size:11pt;
color:#608c3e;
font-weight:bold;
line-height:120%;
border-bottom:#608c3e solid 1px;
padding-bottom:5px;
}

ol.me_list{
font-size:9.5pt;
line-height:135%;
}

.mess_sbti{
font-size:10pt;
font-weight:bold;
color:#666666;
}

#teiki_ws{
background:url(../img/teki_ws_bgh.gif) no-repeat 0px 18px;
}

div#teiki_ws2{
width:265px;
}

#teiki_ws3{
padding:10px 23px 8px 8px;
font-size:9pt;
line-height:135%;
background:url(../img/teki_ws_bgf.gif) no-repeat bottom left;
}

div#teiki_ws_le{
width:110px;
float:left;
padding:53px 4px 0 10px;
font-size:10pt;
font-weight:bold;
color:#608c3e;
text-align:left;
}
div#teiki_ws_ri{
width:135px;
float:right;
}


/* ボランティア
----------------------------------------------- */
div#vl_yoko{
width:510px;
border-bottom:#cccccc solid 2px;
border-top:#cccccc solid 2px;
margin:10px 0;
padding:5px 0;
}

td.vl_yoko2{
background:url(../img/line_g.gif) repeat-x bottom left ;
padding:8px 0;
}

div#vl_yokoshosai{
border:#608c3e solid 1px;
padding:10px;
width:490px;
margin: 20px 0;
}


/* 質問
----------------------------------------------- */
div#qa_ti{
border-bottom:#cccccc solid 2px;
padding:4px 3px 4px 10px;
margin: 10px 0 3px 0;
background-color:#deebf4;
font-weight: bold;
font-size:11pt;
}

ul.qa{
list-style:none;
margin:0 10px 20px 10px;
}
ul.qa li{
font-size:10pt;
padding:5px;
margin-left:-5px;
background:url(../img/line_g.gif) repeat-x bottom left ;
line-height:145%;
}

div#qa_tia{
border-bottom:#cccccc solid 2px;
padding:4px 3px 4px 10px;
margin: 10px 0 3px 0;
background-color:#efefef;
font-weight: bold;
width:520px;
font-size:11pt;
line-height:145%;
}

p.qa_a{
padding:0px 15px 10px 25px;
font-size:9pt;
line-height:145%;
}

/* 施設
----------------------------------------------- */
.shise_bg{
background:url(../img/shise_bg.gif) repeat-x top left;
}

div#shise_btn{
 width:300px;
 padding-top:3px;
 background:url(../img/line_g6.gif) repeat-x top left;
}

div#shise_btn_f{
 margin-top:3px;
 width:300px;
 height:3px;
 background:url(../img/line_g6.gif) repeat-x top left;
}


/* ワークショップ
----------------------------------------------- */
div#ws_nati{
padding:10px 0 2px 5px;
border-bottom:#87b960 solid 2px;
text-align:center;
margin-bottom:10px;
font-weight:bold;
color:#87b960;
font-size:10pt;
}


/* レストラン
----------------------------------------------- */
td.rest_menu{
padding-bottom:15px;
}


/* 窓
----------------------------------------------- */
div#mado{
width: 540px;
padding:10px 0;
}

/* サイド
----------------------------------------------- */
div#search{
padding:5px;
border:solid 1px #CCCCCC;
text-align:left;
margin:16px 0 10px 0;
}

div#sub_m{
background:#eff2e9;
padding:10px 0;
text-align:right;
margin:10px 0;
}

div#sub_m a{
text-decoration:none;
}

div#blog{
padding-top:15px;
text-align:center;
}

div.b_body{
background:#ebf7ff;
text-align:center;
padding:10px 0;
}

div.b_body td{
background: url(../img/line_b.gif) repeat-x bottom left;
padding:8px 0;
}

div.b_body a{
text-decoration:underline;
font-size:10pt;
color:#4cacc1;
}

div.b_body a:hover{
text-decoration:none;
font-size:10pt;
color:#c5e2f8;
}


div#toi{
width:200px;
padding:10px 0;
text-align:left;
}

div#toi ol{
list-style:none;
}

div#toi li{
background:url(../img/line_g.gif) repeat-x bottom left;
padding:5px 0;
}



/* フッター
----------------------------------------------- */
table.footer{
margin-top:20px;
}

div#foot_line{
height:150px;
background:url(../img/foot_img2.gif) no-repeat top center;
}

div#foot_copy{
padding:10px 0 30px 0;
line-height:135%;
}

div#foot_info{
padding-top:40px;
background:url(../img/foot_img.gif) no-repeat 50px 0;
height:100px;
}

/* フォントなど
----------------------------------------------- */

.f7{
font-size:7pt;
}

.f9{
font-size:8pt;
}

.f9{
font-size:9pt;
}

.f10{
font-size:10pt;
}

.f13{
font-size:13pt;
}

.bold{
font-weight:bold;
}

.red{
color:#FF0000;
}

.green{
color:#608c3e;
}

.brown{
color:#836c40;
}

.white{
color:#ffffff;
}

.pink{
color:#ff4f8c;
}

.skyb{
color:#0187a3;
}


.line135{
line-height:135%;
}

.line2{
line-height: 2em;
}