/* 赤字（小） */
.FredS {
	color:#FF3300;
	padding-right:3px;
	font-size:0.8em
}

/* イベント情報と活動報告 */
.ive{
	padding-top:10px;
}

.ive ol{
	padding-left:40px;
}

/* 黄の矢印のリスト */
.ive li{
	list-style-image: url(/doc/img/icon_yerrow.gif);
	padding-right:20px;
}

/* *** タグ指定 ************************************************* */
body {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: medium;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

/* リストの番号を非表示（主にチェックボックスとラジオボタンに使用） */
ol {
	list-style-type: none;
	margin-left:0px;	
	margin:0px;
}


ul {
	margin-left: 10px;
	font-size:0.8em;
}

form{
	margin:0px;
}

/* a - リンク */
a:link { color: #333333; } 
a:visited { color: #333333; } 
A:hover { color: #333333;  background-color: #FFCC66;}

/* ******************************* */
/* ********* トップの設定 ********** */
/* ******************************* */


.shinia-bora {
	border-left:#FFCB00 1px solid;
	border-right:#FFCB00 1px solid;
	background-color:#FFFFEE;
	font-size:0.8em;
	padding:5px 10px 5px 10px;
}

.shinia-bora hr{
	border: 1px dashed #FFCC00;
}

.dan-bora{
	border-left:#99CC00 1px solid;
	border-right:#99CC00 1px solid;
	background-color:#F8FFDF;
	font-size:0.8em;
	padding:5px 10px 5px 10px;
}

.dan-bora hr{
	border: 1px dashed #99CC00;
}

.TopTitle {
	background-image: url(/img/topbar.jpg);
	background-repeat: no-repeat;
	width:370;
	height:40;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-weight: bold;
	padding-left: 35px;
	padding-top: 10px;
}

.Kani li{
	float:left;
	padding:0px 0px 0px 5px;
	width:100px;
	font-size:0.9em;
	line-height: 130%;
}

.Kani{
	padding:10px 5px 10px 20px;
	border-bottom:#CCCCCC solid 1px;
}


/* ******************************* */
/* ********* 文字の設定 ********** */
/* ******************************* */

/* 太字 */
.futoi {
	font-weight: bold;
}

/* 小さい */
.small {
	font-size:0.8em
}

/* 赤字 */
.Fred {
	color:#FF3300;
	padding-right:3px;
}

/* オレンジ */
.Fora {
	color:#FF9933;
	padding-right:3px;
}

/* グリーン */
.Fgreen {
	color:#99CC00;
	padding-right:3px;
}

/* ピンク */
.Fpink {
	color: #FF9999;
	padding-right:3px;
}

/* ******************************* */
/* ******* ページの設定 ********** */
/* ******************************* */

/* 右側のシャドー部 */
.back-rightB {
	background-image: url(/img/right.gif);
	background-repeat: repeat-y;
}

/* ページ全体の枠線 */
.page-B {
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

/*  */

.bun{
	paddin-left:10px;
	padding-right:10px;
}

.bun ol{
	list-style-type: square;
	padding-left: 30px;
	
}
.bun ol li {
	line-height: 180%;
	margin-bottom: 20px;
}

.bun ul li {
	line-height: 180%;
	list-style-type: decimal;
}

.bun h1 {
	font-size: medium;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin: 0px;
}
.bun td {
	border: 1px solid #E0DFE3;
	margin: 0px;
	padding: 5px;
}

.bun p {
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.area td {
	border: 1px solid #E0DFE3;
	margin: 0px;
	padding-left: 5px;
}


/* ******************************* */
/* ******* タイトルの設定 ******** */
/* ******************************* */

/* 主にアイコン（赤）ありのタイトルに使用 */
.icon-red {
	background-image: url(/img/icon_red.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	font-weight: bold;
	font-size: medium;
	line-height:150%;
}

/* 主にアイコン（オレンジ）ありのタイトルに使用 */
.icon-ora {
	background-image: url(/img/icon_ora.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	font-weight: bold;
	font-size: medium;
	line-height:150%;
}

/* 主にアイコン（オレンジ）ありのタイトルに使用 */
.icon-green {
	background-image: url(/img/icon_green.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	font-weight: bold;
	font-size: medium;
	line-height:150%;
}


/* ******************************* */
/* ******* 背景色の設定 ******** */
/* ******************************* */

/* 背景色が薄ピンク */
.b-pink {
	background-color: #FFECE8;
	vertical-align: top;
}

/* 背景色がオレンジ */
.b-ora {
	background-color: #FFF8D9;
	vertical-align: top;
}

/* 背景色が緑 */
.b-green {
	background-color: #E2FF8C;
	vertical-align: top;
}

/* 背景色が蒼 */
.b-blue{
 background-color:#C4D7FF;
}

/* 背景色が黄 */
.b-yellow{
 background-color: #FFFFCC;
}

/* 背景色がグレイ */
.b-ugray{
 background-color: #F6F6F6;
}

/* ******************************* */
/* ******* 新着情報の設定 ******** */
/* ******************************* */

.new li{
	line-height:130%;
	margin-left:0px;
}


/* 一覧設定 */
.itiran{
	border:#999999 1px solid;
	margin-bottom:10px;
}



/* ******************************* */
/* ***** クラス［ t ］＆属性 ***** */
/* ******************************* */

/* テーブルの線を設定 */
.t{
	border:#999999 1px solid;
	padding:5px;
}

/* フォームの［ li ］の設定（チェックボックスとラジオボタンを改行させないで表示させる） */

/* 左に行くのを解除＆太字 */
.l-Clear{
	clear:left;
	padding-top:10px;
	font-weight: bold;
}

/* hr　指定 */
.l-Clear hr{
	border:1px solid #999999;
	padding:0px;
	margin: 0px;
	}

/* 活動区分のリスト設定 */
.katsudou li{
	float:left;
	padding:3px 3px 3px 3px;
	width:140px;
	font-size:0.9em
}

/* 地域のリスト設定 */
.tiiki li{
	float:left;
	padding:3px 3px 3px 3px;
	width:120px;
	font-size:0.9em
}

/* 内容量がないリスト設定 */
.2 li{
	float:left;
	padding:3px 3px 3px 3px;
	width:300px;
	font-size:0.9em
}

/* 文字数が少ないリスト設定 */
.s li{
	float:left;
	padding:3px 3px 3px 3px;
	width:50px;
	font-size:0.9em
}

/* ［ t ］- ［ td ］の設定（主に表などに使用） */
.t td{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

/* ［ t ］- ［ th ］の設定（主に表などに使用） */
.t th{
	font-size: small;

	font-weight: ;
	color: #333333;
	font-weight: normal;
	
}

/* ******************************* */
/* ********* 心得 ********* */
/* ******************************* */

.cram p {
	line-height: 130%;
}

.cram_f {
	font-size: 14px;
	font-weight: bold;
	color: #993300;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	width: 150px;
}
.cram1{
	background-image: url(/img/cram_h3_01.gif);
	background-repeat: no-repeat;
	width:552;
	height:27;
}

.cram1 h3{
	font-size: 14px;
	font-weight: bold;
	padding-left:35px;
	margin:0px;
}

 
.cram2{
	background-image: url(/img/cram_h3_02.gif);
	background-repeat: no-repeat;
	width:552;
	height:27;
}

.cram2 h3{
	font-size: 14px;
	font-weight: bold;
	padding-left:35px;
	margin:0px;
}

.cram3 {
	background-image: url(/img/cram_h3_03.gif);
	background-repeat: no-repeat;
	width:552;
	height:27;
}

.cram3 h3{
	font-size: 14px;
	font-weight: bold;
	padding-left:35px;
	margin:0px;
}

.cram4 {
	background-image: url(/img/cram_h3_04.gif);
	background-repeat: no-repeat;
	width:552;
	height:27;
}

.cram4 h3{
	font-size: 14px;
	font-weight: bold;
	padding-left:35px;
	margin:0px;
}

.cram5 {
	background-image: url(/img/cram_h3_05.gif);
	background-repeat: no-repeat;
	width:552;
	height:27;
}

.cram5 h3{
	font-size: 14px;
	font-weight: bold;
	padding-left:35px;
	margin:0px;
}

.cram6 {
	background-image: url(/img/cram_h3_06.gif);
	background-repeat: no-repeat;
	width:552;
	height:27;
}

.cram6 h3{
	font-size: 14px;
	font-weight: bold;
	padding-left:35px;
	margin:0px;
}

.cram7 {
	background-image: url(/img/cram_h3_07.gif);
	background-repeat: no-repeat;
	width:552;
	height:27;
}

.cram7 h3{
	font-size: 14px;
	font-weight: bold;
	padding-left:35px;
	margin:0px;
}

/* ******************************* */
/* ********* 管理画面用 ********* */
/* ******************************* */

/* 管理画面のヘッダー */
.style1 {
	color: #FFFFFF;
	font-weight: bold;
	background-color:#6699FF;
	font-size:130%;
	height:40px;
	vertical-align:middle;
	padding-left:5px;
}

/* 右の線を表示＆位置を上に */

.ad-T{
	border-right:#999999 1px solid;
	vertical-align:top;
}

/* ［右の線を表示］の[TD] */

.ad-T td{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

/* ［右の線を表示］の[LI] */
.ad-T li{
	line-height:130%;
	font-size:small;
}

/* ページ全体の枠線 */
.ad-W{
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	border-left:#999999 1px solid;
}


.ad-W a:link { color: #6699FF; } 
.ad-W a:visited { color: #6699FF; } 
.ad-W a:hover { color: red; } 

/* タブのpadding設定 */
.Navi td{
	padding-left:5px;
	padding-top:20px;
}

/* オレンジの文字で見出し（シニア） */
.Midashi-ora{
	padding:3px 3px 3px10px;
	color:#FF9933;
	vertical-align:top;
}

/* 緑の文字で見出し（団体） */
.Midashi-green{
	padding:3px 3px 3px10px;
	color:#99CC00;
	vertical-align:top;
}

/* 赤の文字で見出し（ボランティア） */
.Midashi-red{
	padding:3px 3px 3px10px;
	color: #FF9999;
	vertical-align:top;
}

/* 青の文字で見出し */
.Midashi-blue{
	padding:3px 3px 3px10px;
	color:#8BB1FF;
	vertical-align:top;
}

/* padding */

.H{
padding-left:20px;
padding-top:10px;
padding-bottom:10px;

}

.ad-ex-small{
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;
}

.ad-ex-small td{
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	padding-left:5px;
}

.ex-B{
	border-bottom:#999999 1px solid;
}

.ex-R{
	border-right:#999999 1px solid;
}

.ad-ex{
	border-right:#999999 1px solid;
	border-left:#999999 1px solid;
}

.ad-ex td{
	padding:3px 3px 3px 5px;
	border-top:#999999 1px solid;
}

/* 活動区分の大カテゴリ */
.Dai li{
	float:left;
	padding:0px 0px 0px 5px;
	width:100px;
	font-size:0.9em;
}

/* オレンジのアイコン（シニア） */

.shinia{
	padding-left:10px;
	border-top:#FFBB55 1px solid;
	border-bottom:#FFBB55 1px solid;
	height:35px;
	vertical-align:middle;
}

.shinia li{
	background-image: url(/template_html/admin/img/icon_ora.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	width:120px;
	float:left;
}

/* 緑のアイコン（団体） */

.dantai{
	padding-left:10px;
	border-top: #D6FF5D 1px solid;
	border-bottom:#D6FF5D 1px solid;
	height:35px;
	vertical-align:middle;
}

.dantai li{
	background-image: url(/template_html/admin/img/icon_green.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	width:120px;
	float:left;
}

/* ピンクのアイコン（ボランティア） */
.bora{
	padding-left:10px;
	border-top: #FFCABE 1px solid;
	border-bottom:#FFCABE 1px solid;
	height:35px;
	vertical-align:middle;
}

.bora li{
	background-image: url(/template_html/admin/img/icon_pink.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	float:left;
}

/* 青のアイコン（カテゴリ） */

.kate{
	padding-left:10px;
	border-top: #8BB1FF 1px solid;
	border-bottom:#8BB1FF 1px solid;
	height:35px;
	vertical-align:middle;
}

.kate li{
	background-image: url(/template_html/admin/img/icon_blue.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	width:120px;
	float:left;
}