@charset  "Shift_JIS";


/* Common Tags */
/* ----------------------------------------------------- */
body {
	background-image: url("../image/back_sora.jpg");/*ブルー*/
	background-repeat:repeat-x;
	text-align: center;
	margin: 30px 1px 10px 1px;
	padding: 0;
	font-family: osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	font-size:12px;
}


img {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	color: #ff7f00;
	text-decoration: none;
}

a:hover { text-decoration: underline; }


ul {
	margin: 1.5em 0;
	padding-left: 1.5em;
}

li {
	margin: 0 0 0.75em 0;
	padding: 0;
	line-height: 150%;
}




h3 {
	font-size: 14px;
	line-height: 130%;
	margin: 0 0 0 0;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: 14px;
	color: #c42;
}


p {
	line-height:150%;
	margin:1em 0;
}
em {
	font-weight:bold;
	font-style:normal;
}

hr {
 clear:both;
  color: #b3b3b3; /* 線の色*/
  height: 2px; /* 線の太さ */
  border: 0px; 
  border-style:solid;
  margin:10px 0px;
 }

/* Common Classes */
/* ----------------------------------------------------- */

.clearBoth {
	overflow:hidden;
	height:0;
	clear: both;
}

.floatL { float: left }
.floatR { float: right }
.center { margin-left: auto; margin-right: auto; text-align:center }
.bold { font-weight: bold }
.normal { font-weight: normal }
.toToptext {font-size:10px; text-align:right; padding:30px;}

.borderLine{
	border-bottom-style:dotted;
	border-bottom-color:#999999;
	border-width:1px;
	padding:0px;
	clear:both;
}


/* BODY */
/* ----------------------------------------------------- */

#wrap {
	position: relative;
	width:763px;!important
	padding:0px;
	margin:0px auto;
	text-align:center;
}

#body {

	background-color: #FFFFFF;
	margin: 0px;
	/*width: 763px;*/
	text-align: left;
	background-image: url("../image/bg_blue.gif");/*ブルー*/
}

/* Header */
/* ----------------------------------------------------- */

#header {
	position: relative;
	width: 763px;
	background-image: url("../image/bg_top_blue.gif");/*ブルー*/
	height: 100px;
	background-repeat: no-repeat;
}


#headerLeft {
	position: absolute;
	left: 30px;
	top: 30px;
	z-index:1;
	width:550;
	height:40px;
	margin:0px;
	vertical-align:top;
}

#headerLeft h1{ /* Npo Logo */
	float:left;
	margin-right:10px;
	margin-top:0px;
}


#headerLeft p{ /* Npo Adress */
	font-size:10px;
	line-height:1.1em;
}


#headerRight { /* 文字の大小ボタン*/
	text-align:right;
	font-size:10px;
	position: absolute;
	top: 40px;
	left:630px;
	width:100px;
	height:20px;
	z-index:1;
	clear:both;
}

#headerRight img{
	vertical-align:middle;
}

/* Top Menu（団体概要など）*/
/* ----------------------------------------------------- */

#topMenu {
	margin:0px 30px;
	padding:0px;
	text-align:center;
	font-size:12px;
}

#topMenu p{
	color:#FFFFFF;
	margin:0px;
	height:2em;
	background-color:#ff7f00;
}

#topMenu a{
text-align:center;
	color:#FFFFFF;
	margin:0px;
	border-right:solid 1px #ffffff;
	display:block;
	width:7.5em;
	float:left;
	line-height:2em;
	background-color:#ff7f00;
}

#topMenu a:hover{
	background-color:#F6AD54;
}

#topMenu span{
	display:none;
}


#topMenu ul{
	padding:2px 0px 12px 0px;
	text-align:center;
	list-style:none;
	text-indent:0px;
	margin-left:30px;
}

#topMenu li{
	float:left;
}


/* Sub Menu （サイトマップなど）*/
/* ----------------------------------------------------- */

#subMenu {
	position:absolute;
	top:-30px;
	left:0px;
	width:733px;
	text-align:right;
	font-size:10px;
}

#subMenu a,#subMenu span,#subMenu p{
	color:#FFFFFF;
	margin-top:10px;
}



/* Content */
/* ----------------------------------------------------- */

#pagebody {
	/*position: relative;*/
	/*float: left;*/
	/*width: 763px;*/
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 30px;
}

#beta-inner {
	padding:0px;
	margin:0px;
	}


/* Content LeftMenu （もうひとつの学び舎など）*/
/* ----------------------------------------------------- */

#alpha {
	/*position: relative;*/
	float: left;
	width: 340px;
	margin-right: 30px;
	padding:0px;
}

#alpha h1,#alpha h2,#alpha h3{
font-size:12px;
}

#alpha h2 {
color:#338023;
margin:20px 0px 10px 0px;
}

#alpha h3{/*メニュータイトル*/
	color:#ff7f00;
	line-height:16px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0.5px;
	background-image: url("../image/arrow_right.gif");
}

#alpha p {
	font-size:10px;
	line-height:1.2em;
}

#alpha .item {
	padding:0px;
	margin:0px;
}

#alpha .item img{
margin:0px;
padding:10px 0px;
}

#alpha .itembig {
	padding:5px 0px 10px 0px;
	width:340px;
}


#alpha .itemleft {
	float:left;
	padding:0px;
	padding-right:10px;
	width:160px;
	margin:0px;
}

#alpha .itemright {
	float:left;
	padding:0px;
	padding-left:10px;
	width:160px;
	margin:0px;
}


#alpha .itemSub {
	margin:10px 0px;
	width:250px;
	float:right;
}



#alpha .itemSubImg {
	float:left;
	margin-top:10px;
	margin-right:10px;
}

#alpha p{
	font-size:10px;
}

.rightText{
	text-align:right;
}

/* What's New */
/* ----------------------------------------------------- */
#beta {
	/*position: relative;*/
	float: right;
	width: 330px;
	margin-right: 30px;
	margin-top:5px;
}

#beta h2{
	font-size:14px;
	color:#338023;
}


#gamma {
	clear:both;
	display:block;
	padding:0px 30px 5px 0px;
	margin:0px;
}

#gamma h3{/*メニュータイトル*/
	color:#ff7f00;
	line-height:16px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0.5px;
	background-image: url("../image/arrow_right.gif");
}

#gamma p {
	font-size:10px;
	line-height:1.2em;
}


#gamma .rightbox{
	float: right;
	width: 330px;
	margin:0px;
}

#gamma .leftbox{
	float: left;
	width: 330px;
	margin:0px;
}

#gamma .itemSub {
	margin:10px 0px;
	width:250px;
	float:right;
}



#gamma .itemSubImg {
	float:left;
	padding:10px 10px 10px 0px;
}


/* Footer */
/* ----------------------------------------------------- */

#bottom {
	clear: both;
	width: 763px;
	padding: 0px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url("../image/bg_bottom_blue.gif");/*ブルー*/
	clear:both;
}
	

#footerMenu {
	width: 763px;
	text-align:center;
	font-family: osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	clear:both;
	display:block;
}

#footerMenu p{
	margin:10px 0px;
	line-height:120%;
}


#footerMenu ul{
	text-align:center;
	margin-left:100px;
	list-style:none;
	text-indent:0px;
}

#footerMenu li{
float:left;
}

#footerMenu a,#footerMenu span{/*ブルー*/
	color:#2190C8;/*ブルー*/
}


#footerCopy {
	width: 763px;
	color:#000000;/*ブルー*/
	text-align:center;
	font-family: osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	clear:both;
}

#footerCopy a{
	color:#000000;/*ブルー*/
}


/* 最新情報 */
/* ----------------------------------------------------- */

#whatnew_btn {
padding:20px 0px;
}

#npo-topics {
	margin:0;
	padding:0;
	font-size:12px;
	clear:both;
	position:absolute;
	top:180px;
	left:60px;
	z-index:1;
	text-align:left;
}

#npo-topics ul {
	margin:0;
	padding:0;
	list-style:none;
	width:280px;
	height:150px;
	overflow:auto;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#def0ff;
	scrollbar-arrow-color:#42abed;
	scrollbar-shadow-color:#def0ff;
	scrollbar-darkshadow-color:#95c3ed;
	scrollbar-highlight-color:#def0ff;
	scrollbar-3dlight-color:#95c3ed;
	scrollbar-track-color:#ffffff;
}
#npo-topics ul li {
	margin:0;
	padding: 10px 5px 15px 20px;
	background:url(../image/flag_topics.gif) 0px 7px no-repeat;
	line-height:140%;
	border-bottom:1px dotted #999999;
}

#npo-topics .date {
color:#999999;
  font-size:10px;
  line-height:110%;
  font-family:Verdana;
  margin-right:10px;
  display:block;
  text-align:right;
}

#npo-topics ul li a{
color:#f05787;
margin-right:5px;
font-weight:bold;
font-size:14px;
}