﻿@charset "utf-8";
@import "/css/common.css";
/*==================================================================*/

/* style css */

/*==================================================================*/

/* ---------------------------------------------------------------- */
/* mainvisual：メインビジュアル */
/* ---------------------------------------------------------------- */
/* リセット */
#mainvisual *{margin:0;padding:0;}
#mainvisual img{vertical-align:bottom;}

#mainvisual{
	margin:0 auto;
	width:912px;
	background:url('../image/main_back.jpg') no-repeat 0 0 #fff;
}
/* clear hack */
#mainvisual{zoom:1;}
#mainvisual:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* リンク色 */
#mainvisual a{color:#000;}
#mainvisual a:hover{color:#000;text-decoration:underline;}
/* メインビジュアル:top */
#mainvisual #main-top{
	height:284px;
	background:url('/image/mainvisual.jpg') no-repeat 0 0;
}
#mainvisual #main-top img{vertical-align:bottom;}

#mainvisual #main-top ul{list-style-type:none;padding-top:239px;line-height:2.0;}
#mainvisual #main-top li{float:left;width:200px;margin-left:20px;}
/* ie hack */
*html #mainvisual #main-top li.ie6{margin-left:10px;}

/* clear hack */
#mainvisual #main-top{zoom:1;}
#mainvisual #main-top:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* メインビジュアル:bottom */
#mainvisual #main-bottom{
	height:91px;
	botrder:1px solid #000;
	background:url('/image/mainvisual_back.jpg') no-repeat 0 0;
}
#mainvisual #main-bottom img{vertical-align:bottom;}

#mainvisual #main-bottom ul{list-style-type:none;}
#mainvisual #main-bottom li{float:left;width:200px;height:76px;line-height:1.2;margin-left:20px;}
#mainvisual #main-bottom li p{padding:11px;}

/* ボランティアエリア */
#mainvisual #main-bottom .green{background:url('../image/top_volunteer_back.png') no-repeat 0 top;_behavior: expression(IEPNGFIX.fix(this));}
*html #mainvisual #main-bottom li.ie6{margin-left:10px;}

/* サービスエリア */
#mainvisual #main-bottom .blue{background:url('../image/top_service_back.png') no-repeat 0 top;_behavior: expression(IEPNGFIX.fix(this));}
/* 相談エリア */
#mainvisual #main-bottom .orange{background:url('../image/top_consul_back.png') no-repeat 0 top;_behavior: expression(IEPNGFIX.fix(this));}
/* other */
#mainvisual #main-bottom p.other{float:right;margin-top:37px;background:none;width:224px;text-align:right;}
#mainvisual #main-bottom p.other img{vertical-align:bottom;}


/* clear hack */
#mainvisual #main-bottom{zoom:1;}
#mainvisual #main-bottom:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* ---------------------------------------------------------------- */
/* contents：コンテンツ */
/* ---------------------------------------------------------------- */
#contents #catch *{margin:0;padding:0;}
#contents #catch{margin:0 auto 2em;width:636px;}

#contents #catch h2{margin:0;padding:0;}
#contents #catch ul{list-style-type:none;}
#contents #catch li{margin:0;padding:0;}


/* block:共通枠 */
#contents .block{
	margin:0 auto 3em;
	padding:0;
	width:636px;
}


/* ---------------------------------------------------------------- */
/* 社協について */ */
/* ---------------------------------------------------------------- */
#contents .block #con-about *{margin:0;padding:0;}
#contents .block #con-about{
	float:left;
	width:236px;
	background:url('../image/about_back.jpg') no-repeat right 140px;
}
#contents .block #con-about h2{margin:0 0 0.5em;padding:0;}
#contents .block #con-about p{margin:0 0 1.5em;padding:0;}

#contents .block #con-about p.btn-right{text-align:right;margin:55px 0 0;}

/* clear hack */
#contents .block{zoom:1;}
#contents .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* ---------------------------------------------------------------- */
/* ニュース */ 
/* ---------------------------------------------------------------- */
/* ニュース大枠 */
#contents .block #news *{margin:0;padding:0;}
#contents .block #news{
	float:right;
	width:370px;
}
#contents .block #news img{vertical-align:bottom;}
#contents .block #news ul{list-style-type:none;}
#contents .block #news li{float:left;margin-right:3px;}
#contents .block #news li.b-link{margin-top:7px;}


/* clear hack */
#contents .block #news{zoom:1;}
#contents .block #news:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* iframe:ニュースエリア  */
#contents .block #news #news-frame *{margin:0;padding:0;}
#contents .block #news #news-frame{
	margin:0 auto;
	width:370px;
	height:180px;
	border-top:4px solid #bcb395;
	background:#fff;
}
/* iframeの中  */
body #news-detail{background:url('/image/blog_back.gif') repeat-x 0 0;}
#news-detail *{margin:0;padding:0;}

#news-detail{width:340px;}
/* clear hack */
#news-detail{zoom:1;}
#news-detail:after{content:".";clear:both;height:0;display:block;visibility:hidden;}



#news-detail dl{margin:0 auto;padding:15px 0;width:330px;background:url('/image/blog_dot.gif') repeat-x 0 bottom;}

#news-detail dt{
	float:left;
	padding-left:15px;
	width:70px;
	background:url('/image/blog_arrow.gif') no-repeat 0 7px;
}
#news-detail dd{float:right;width:235px;}

/* clear hack */
#news-detail dl{zoom:1;}
#news-detail dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* ---------------------------------------------------------------- */
/* pdfダウンロード */ 
/* ---------------------------------------------------------------- */


div .block #pdf-dl a{color:#000;}
div .block #pdf-dl a:hover{color:#000;text-decoration:underline;}

/* PDFダウンロード */
div .block #pdf-dl *{margin:0;padding:0;}
div .block #pdf-dl{
	float:left;
	margin:0 auto;
	width:380px;
}
div .block #pdf-dl dl{
	margin:0 auto;
	width:340px;
	background:url('/image/dl_dot.gif') repeat-x 0 bottom;

}
div .block #pdf-dl dt{
	float:left;
	width:280px;
	padding:15px 0 13px 20px;
	background:url('/image/dl_arrow.gif') no-repeat 0 20px;

}	
div .block #pdf-dl dd{
	float:right;
	padding:10px 0 0 0;
	width:28px;
}
	
/* clear hack */
div .block #pdf-dl dl{zoom:1;}
div .block #pdf-dl dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* adobe-dl */

div .block #acrobat-dl *{margin:0;padding:0;}
div .block #acrobat-dl{
	float:right;
	margin-top:10px;
	padding:1em;
	width:210px;
	border:3px solid #b7b7b7;
	background:#f8f8f8;
	line-height:1.4;	
	}
	
	
/* clear hack */
div .block{zoom:1;}
div .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

