@charset "UTF-8";
/* CSS Document */

html, body{
	text-align: center;
}

p {
	color: #333333;
}

#wrapper{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../img/background.gif) center top;
}

/*ヘッダー
------------------------------------------*/
#header{
	background: url(../img/header_bg.jpg) center top no-repeat #fff;
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #00BF10;
}
#header .inner{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header .inner h1{
	margin: 14px 0 0 0;
	float: left;
	width: 338px;
	clear: none;
}
#header .inner h2{
	margin: 25px 0 0 0;
	float: right;
	width: 160px;
	clear: none;
}

/*トップイメージ
------------------------------------------*/
.top-img{
	width: 100%;
	background:#fff;
}
.top-img p{
	width: 960px;
	margin: 0 auto;
}

/*グローバルナビ
------------------------------------------*/
#globalnavi{
	width: 100%;
	margin: 0 0 26px 0;
	padding: 0;
	border-bottom: 1px solid #33CC00;
	height: 51px;
	background: url(../img/globalnavi_bg.jpg) 0 0 repeat-x;
}
#globalnavi .inner{
	width: 960px;
	margin: 0 auto;
}
#globalnavi .inner ul{
	height: 51px;
	margin: 0;padding: 0;
}
#globalnavi .inner ul li{
	height: 51px;
	width: 192px;
	float: left;
	margin: 0;padding: 0;
}


/*フッター
------------------------------------------*/
#footer{
	width: 100%;
	height: 122px;
	margin: 0;padding: 0;
	background: url(../img/footer_bg.jpg) left bottom repeat-x;
}
#footer .inner{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#footer .inner .navi{
	text-align: right;
	margin-bottom: 49px;
}
#footer .inner .navi p{
	font-size: 12px;
}
#footer .inner .navi p a{
	color: #333333;
	line-height: 120%;
}
#footer .inner .navi p a i{
	padding-right: 5px;
}
#footer .inner .copy{
	text-align: center;
}
#footer .inner .copy p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 140%;
}


/*メインコンテンツ
------------------------------------------*/
#content{
	width: 960px;
	margin: 0 auto;
	margin-bottom: 56px;
	text-align: left;
}


/*バナーエリア
------------------------------------------*/
#content .banner{
	width: 220px;
	float: right;
	margin: 0;padding: 0;
}
#content .banner ul{
	width: 220px;
	margin: 0;padding: 0;
}
#content .banner ul li{
	width: 220px;
	padding: 0;
	margin:  0 0 16px 0;
}



/*トップページ
------------------------------------------*/
#content .index{
	width: 640px;
	float: left;
	margin: 0;padding: 0;
}
#content .index div.title{
	height: 35px;
	border-bottom: 4px solid #FF9900;
	margin-bottom: 13px;
}
#content .index div.title h3{
	float: left;
	width: 200px;
}
#content .index div.title p{
	color: #333333;
	font-size: 12px;
	line-height: 160%;
	margin-top: 9px;
}
#content .index div.title p a{
	color: #333333;
	text-decoration: underline;
	line-height: 160%;
}
#content .index div.title p i{
	padding-right: 3px;
}
#content .index .news-area{
	width: 640px;
	margin: 0;padding: 0;
	background: url(../img/index/box_in.jpg) 0 0 repeat-y;
}
#content .index .news-area .inner{
	background: url(../img/index/box_top.jpg) 0 0 no-repeat;
	padding-top: 20px;
}
#content .index .news-area .inner .inner2{
	background: url(../img/index/box_bottom.jpg) left bottom no-repeat;
	padding-bottom: 10px;
}
#content .index .news-area .inner .inner2 ul{
	width: 590px;
	margin: 0 auto;
}
#content .index .news-area .inner .inner2 ul li{
	width: 590px;
	margin-bottom: 29px;
	background: url(../img/list_bar.jpg) left bottom repeat-x;
	padding-bottom: 25px;
}
#content .index .news-area .inner .inner2 ul li p.time{
	margin: 0 0 0 15px;
	padding: 0;
	width: 141px;
	float: left;
	color: #333333;
	line-height: 160%;
}
#content .index .news-area .inner .inner2 ul li p.title{
	margin: 0 15px 0 0;
	padding: 0;
	width: 404px;
	float: right;
	font-size: 12px;
	line-height: 160%;
}
#content .index .news-area .inner .inner2 ul li p.title a{
	color: #333333;
	text-decoration: none;
	line-height: 160%;
}
#content .index .news-area .inner .inner2 ul li p.title a:hover{
	text-decoration: underline;
}


/*活動記録
------------------------------------------*/
#content .report{
	width: 700px;
	float: left;
	margin: 0;padding: 0;
}
#content .report h3.title{
	margin: 0 0 17px 0;
	padding-left: 17px;
	border-left: 4px solid #FF9900;
	color: #333333;
	font-size: 26px;
	line-height: 175%;
}
#content .report .content-area{
	width: 700px;
	margin: 0;padding: 0;
	background: url(../img/box_in.jpg) 0 0 repeat-y;
}
#content .report .content-area .inner{
	background: url(../img/box_top.jpg) 0 0 no-repeat;
	padding-top: 40px;
}
#content .report .content-area .inner .inner2{
	background: url(../img/box_bottom.jpg) left bottom no-repeat;
	padding-bottom: 10px;
}
#content .report .content-area .inner .inner2 ul{
	width: 640px;
	margin: 0 auto;
	padding: 0;
}
#content .report .content-area .inner .inner2 ul li{
	margin-bottom: 25px;
	background: url(../img/list_bar.jpg) left bottom repeat-x;
	padding-bottom: 20px;
}
#content .report .content-area .inner .inner2 ul li p.time{
	margin: 0 0 0 15px;
	padding: 0;
	width: 141px;
	float: left;
	color: #333333;
	line-height: 160%;
}
#content .report .content-area .inner .inner2 ul li div.title{
	margin: 0 0 0 15;
	padding: 0;
	width: 339px;
	float: left;
	position: relative;
	zoom: 1;
}
#content .report .content-area .inner .inner2 ul li div.title p.title{
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 17px;
	position: relative;
	zoom: 1;
}
#content .report .content-area .inner .inner2 ul li div.title p.title a{
	color: #333333;
	line-height: 160%;
	text-decoration: none;
	position: relative;
	zoom: 1;
}
#content .report .content-area .inner .inner2 ul li div.title p.title a:hover{
	text-decoration: underline;
}
#content .report .content-area .inner .inner2 ul li div.title p.link{
	font-size: 12px;
	line-height: 160%;
	position: relative;
	zoom: 1;
}
#content .report .content-area .inner .inner2 ul li div.title p.link a{
	color: #FFFFFF;
	line-height: 160%;
	background: #99CC00;
	padding: 3px 10px 2px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(/css/ie-css3.htc);
	position: relative;
	zoom: 1;
}
#content .report .content-area .inner .inner2 ul li p.img{
	float: right;
	width: 100px;
	margin: 0 15px 0 0;
}




/*資料
------------------------------------------*/
#content .material{
	width: 700px;
	float: left;
	margin: 0;padding: 0;
}
#content .material h3.title{
	margin: 0 0 17px 0;
	padding-left: 17px;
	border-left: 4px solid #FF9900;
	color: #333333;
	font-size: 26px;
	line-height: 175%;
}
#content .material .content-area{
	width: 700px;
	margin: 0;padding: 0;
	background: url(../img/box_in.jpg) 0 0 repeat-y;
}
#content .material .content-area .inner{
	background: url(../img/box_top.jpg) 0 0 no-repeat;
	padding-top: 40px;
}
#content .material .content-area .inner .inner2{
	background: url(../img/box_bottom.jpg) left bottom no-repeat;
	padding-bottom: 10px;
	position: relative;
	zoom: 1;
}
#content .material .content-area .inner .inner2 h4.title{
	font-size: 14px;
	color: #333333;
	line-height: 120%;
	margin: 0 0 24px 37px;
}
#content .material .content-area .inner .inner2 table{
	margin: 0 0 20px 0;
	width: 640px !important;
	position: relative;
	zoom: 1;
}
#content .material .content-area .inner .inner2 table tr:nth-child(even) {
	background-color:#FFFFFF;
	behavior: url(/css/ie-css3.htc);
	position: relative;
	zoom: 1;
}
#content .material .content-area .inner .inner2 table tr:nth-child(odd) {
	background-color:#EBF1D8;
	behavior: url(/css/ie-css3.htc);
	position: relative;
	zoom: 1;
}
#content .material .content-area .inner .inner2 table tr th{
	background: #C0D385;
	padding: 9px 0 5px 0;
	text-align: center;
	border-bottom: 2px solid #F7F7F7;
	border-left: 2px solid #F7F7F7;
}
#content .material .content-area .inner .inner2 table td{
	padding: 18px 10px 22px 10px;
	border-bottom: 2px solid #F7F7F7;
	border-left: 2px solid #F7F7F7;
	color: #333333;
	line-height: 160%;
	font-size: 12px;
}
#content .material .content-area .inner .inner2 table td.time{
	width: 120px;
	padding-left: 8px;
}
#content .material .content-area .inner .inner2 table td.title{
	padding-left: 8px;
}
#content .material .content-area .inner .inner2 table td.dl{
	font-size: 12px;
	padding: 18px 10px 22px 10px;
	line-height: 160%;
	color: #FFFFFF !important;
	text-align: center;
	position: relative;
	zoom: 1;
}
#content .material .content-area .inner .inner2 table td.dl a{
	line-height: 160%;
	color: #FFFFFF !important;
	background: #99CC00 !important;
	text-decoration: none;
	padding: 5px 10px 4px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(/css/ie-css3.htc);
	position: relative;
	zoom: 1;
}
#content .material .content-area .inner .inner2 table td.dl a i{
	padding-right: 5px;
}


/*メンバー
------------------------------------------*/
#content .member{
	width: 700px;
	float: left;
	margin: 0;padding: 0;
}
#content .member h3.title{
	margin: 0 0 17px 0;
	padding-left: 17px;
	border-left: 4px solid #FF9900;
	color: #333333;
	font-size: 26px;
	line-height: 175%;
}
#content .member .content-area{
	width: 700px;
	margin: 0;padding: 0;
	background: url(../img/box_in.jpg) 0 0 repeat-y;
}
#content .member .content-area .inner{
	background: url(../img/box_top.jpg) 0 0 no-repeat;
	padding-top: 40px;
}
#content .member .content-area .inner .inner2{
	background: url(../img/box_bottom.jpg) left bottom no-repeat;
	padding-bottom: 10px;
	position: relative;
	zoom: 1;
}
#content .member .content-area .inner .inner2 h4.title{
	font-size: 14px;
	color: #333333;
	line-height: 120%;
	margin: 0 0 24px 0;
}
#content .member .content-area .inner .inner2 table{
	margin: 0 0 20px 0;
	width: 640px !important;
	position: relative;
	zoom: 1;
}
#content .member .content-area .inner .inner2 table tr:nth-child(even) {
	background-color:#FFFFFF;
	behavior: url(/css/ie-css3.htc);
	position: relative;
	zoom: 1;
}
#content .member .content-area .inner .inner2 table tr:nth-child(odd) {
	background-color:#EBF1D8;
	behavior: url(/css/ie-css3.htc);
	position: relative;
	zoom: 1;
}
#content .member .content-area .inner .inner2 table tr th{
	background: #C0D385;
	padding: 9px 0 5px 0;
	text-align: center;
	border-bottom: 2px solid #F7F7F7;
	border-left: 2px solid #F7F7F7;
}
#content .member .content-area .inner .inner2 table td{
	padding: 18px 0 22px 0;
	border-bottom: 2px solid #F7F7F7 !important;
	border-left: 2px solid #F7F7F7 !important;
	color: #333333;
	line-height: 160%;
	font-size: 12px;
}
#content .member .content-area .inner .inner2 table td.name{
	width: 120px;
	padding-left: 8px;
}
#content .member .content-area .inner .inner2 table td.major{
	padding-left: 8px;
}
#content .member .content-area .inner .inner2 table td.post{
	font-size: 12px;
	padding-left: 8px;
	line-height: 160%;
	position: relative;
	zoom: 1;
}
#content .member .content-area .inner .inner2 table td.post a{
	line-height: 160%;
	color: #333333;
	text-decoration: none;
}
#content .member .content-area .inner .inner2 table td.post a:hover{
	text-decoration: underline;
}
#content .member .content-area .inner .inner2 table td.post i{
	padding-right: 5px;
	color: #99CC00;
}

/*概要
------------------------------------------*/
.contents_area{
	width: 700px;
	float: left;
	margin: 0;padding: 0;
}
.contents_area .body{
	padding: 0 26px;
	font-size:14px;
	line-height:160%;
}
#content .summary{
	width: 700px;
	float: left;
	margin: 0;padding: 0;
}
#content h3.title{
	margin: 0 0 17px 0;
	padding-left: 17px;
	border-left: 4px solid #FF9900;
	color: #333333;
	font-size: 26px;
	line-height: 175%;
}
#content .content-area{
	width: 700px;
	margin: 0;padding: 0;
	background: url(../img/box_in.jpg) 0 0 repeat-y;
}
#content .content-area .inner{
	background: url(../img/box_top.jpg) 0 0 no-repeat;
	padding-top: 40px;
}
#content .content-area .inner .inner2{
	background: url(../img/box_bottom.jpg) left bottom no-repeat;
	padding-bottom: 10px;
	position: relative;
	zoom: 1;
}
#content .summary .content-area .inner .inner2 .con01{
	width: 653px;
	background: url(../img/list_bar.jpg) left bottom repeat-x;
	padding-bottom: 55px;
	margin-bottom: 27px;
}
#content .summary .content-area .inner .inner2 .body{
	font-size: 12px;
	line-height: 200%;
}
#content .summary .content-area .inner .inner2 .image{
	width: 220px;
	float: right;
}
#content .summary .content-area .inner .inner2 .con02{
	width: 653px;
	margin-bottom: 60px;
}
#content .summary .content-area .inner .inner2 .con02 p{
	font-size: 12px;
	line-height: 200%;
}
#content .summary .content-area .inner .inner2 ul li{
	font-size: 12px;
	line-height: 200%;
	margin-bottom: 5px !important;
	position:relative !important;
	margin-left:20px !important;
}
#content .summary .content-area .inner .inner2 ul li span{
	position:absolute !important;
	left:-20px !important;
}