@charset "utf-8";

/*確認用------------------------------------------------------

body {
background: white;

}

#page {
background: white;

}

header {
background: #fc6;

}

#mail {
background: #e88;

}

#left {
background: #e88;

}

#right {
background: #ae8;

}

/*初期設定------------------------------------*/
p {
	line-height: 1.O;
	font-size: 15px;
}

.bar1 {
	border-width: 10px 0px 0px 0px; 
	border-style: solid; 
	border-color: #BA79B1; /*紫*/
}

.menyu {
	line-height: 1.O;
	font-size: 23px;
	margin: 5px 0px 0px 20px;
}

.menyu2 {
	line-height: 1.O;
	font-size: 23px;
	margin: 10px 20px 0px 0px;
}

.menyu3 {
	line-height: 1.O;
	font-size: 16px;
	margin: 20px 20px 20px 20px;
}

body {
	margin: 0 auto;
}

h1 {
	margin: 30px 30px 10px 10px;
	font-size: 25px;
}

h2 {
	font-size: 2em;
	font-weight: bold;
}

.sentence {
	font-family: Meiryo;
	font-size: 120%;
	padding: 10px 10px 10px 10px;
}

.rekisi3 {
	font-size: 2em;
	color: #79D1D0;/*青緑*/
	font-weight: bold;

}

.rekisi4 {
	margin: 0px 0px 0px 50px;
}

h3 {
	font-family: Meiryo;
	padding: 10px 10px 10px 10px;
}

#one p, #two p, #three p, #four p, #five p, #six p, #seven p, #eight p, #nine p, #ten p {
	padding-left: 15px;
}

section, article ,aside, nav, header, main, footer{
	display: block;
}


/*ページの枠組み------------------------------------------------------*/
#page {
	width: 1000px;
	margin: 0 auto;
	background: #ffffff;/*白*/
}

footer {
	clear: both;
}

#mail {
	margin: 10px 0;
	text-align: center;
}

#mail img {
	padding-left:20px;
}

#name {
	font-family: Meiryo;
	font-size: 30px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;		
}

#name:first-letter {
	color: #79D1D0;/*青緑*/
}

#name2 {
	color: #ffffff;/*白*/
	font-size: 50px;
	font-family: fantasy;
}

#sita {
	width: 1000px;
	background-color: #BA79B1;/*紫*/
}

#koumoku {
	color: #ffffff;/*白*/
}

.silhouette {
	clear: both;
	text-align: center;	
	margin: 50px 0 0 0;
}

#copyright {
	clear: both;
}


/*ナビゲーション---------------------------------------------*/

nav ul {
	overflow: hidden;
	padding: 0;
	line-height: 1.0;
	background: white repeat-x bottom;
	display: table;
	width: 100%;
	margin: 0;
	text-align: center;
}

nav li, nav a {
	display: block;
	color: #ffffff;/*白*/
}

nav li {
	display:table-cell;
	width:12.5%;
	border:1px solid #ffffff;/*白*/
	list-style:none;
}

nav a {
	padding: 10px 10px;
	font-weight: bold;
	text-decoration: none;
}

nav a:hover {
	background: #f0e68c repeat-x bottom;/*黄*/
}

nav #now a {
	color: #000000;/*黒*/
}

li:nth-child(1) {
	background: #F9C270;/*オレンジ*/
}

li:nth-child(2) {
	background: #C1DB81;/*黄緑*/
}

li:nth-child(3) {
	background: #69BD83;/*緑*/
}

li:nth-child(4) {
	background: #61C1BE;/*薄青*/
}

li:nth-child(5) {
	background: #6C9BD2;/*青*/
}

li:nth-child(6) {
	background: #796BAF;/*青紫*/
}

li:nth-child(7) {
	background: #BA79B1;/*紫*/
}

li:nth-child(8) {
	background: #EE87B4;/*ピンク*/
}


/*トップページ枠組み------------------------------------------------------*/
#contents {
	width: 800px;
	float: left;
	margin-bottom: 10px;
}

#left {
	width: 380px;
	float: left;
	margin: 20px 20px 0px 0px;
}

#face {
	text-align: center;
	width: 380px;
	height: 380px;
	background: #00b0f0;/*水色*/ 
}

#irai {
	text-align: center;
	width: 380px;
	height: 380px;
	overflow: auto;
	background: #00838f;/*濃青緑*/
	margin: 20px 0px 0px 0px;
	color: #ffffff;/*白*/

}

#right {
	width: 380px;
	height: 380px;
	float: right;
	margin: 20px 20px 0px 0px;
}

#dan {
	text-align: center;
	width: 380px;
	height: 380px;
	overflow: auto;
	background: #00b050;/*緑*/
	color: #ffffff;/*白*/
 
}

#info {
	text-align: center;
	width: 380px;
	height: 380px;
	background: #92d050;/*黄緑*/ 
	margin: 20px 0px 0px 0px;

}

#yoko {
	width: 200px;
	height: 780px;
	float: right;
	margin: 20px 0px 0px 0px;
	overflow: auto;
	background: #0277bd;/*青*/
	color: #ffffff;/*白*/
}

#newsarea {
	resize: vertical;
	overflow: hidden;
	height: 310px;
}

.titlekuromoji {
	font-size: 30px;
	margin: 0;
	padding-top: 5px;
	font-weight: bold;
	font-family: Meiryo;
	text-align: center;

}

.titlesiromoji {
	font-size: 30px;
	margin: 0;
	padding-top: 5px;
	font-weight: bold;
	font-family: Meiryo;
	color: #ffffff;/*白*/
}

.click {
	padding: 10px;
	background: #f0e68c;/*薄黄*/
	width: 180px;
	height: 30px;
	font-size: 30px;
	margin: 0 0 0 90px;
	font-weight: bold;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	position: relative;
}

.click a {
	color: #000000;/*黒*/
	display: block;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.click a:hover {
	background: #F9C270;/*オレンジ*/
}

/*トップページ枠組みここまで------------------------------------------------------*/

/*プロフィール枠組み-----------------------------------------------*/
	/*タイトル----------------------------------------------*/
#purohuli-ruatama {
	font-size: 2em;
	color: #C1DB81;/*黄緑*/
	font-weight: bold;
}

#purohuli-ruatama {
	font-size: 2em;
	font-weight: bold;
}

.bar1 {
	border-width: 10px 0px 0px 0px; 
	border-style: solid; 
	border-color: #C1DB81; /*黄緑*/
}

	/*タイトル終わり----------------------------------------------*/

	/*サイドバー-----------------------------------------------*/

#ue, #shita {
	margin:20px auto 0 auto;
	width: 1000px ;
}


#left1 {
	float:left;	
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: solid #F9C270;/*オレンジ*/
	border-radius: 1px;/*角の丸み*/

}

#right2 {
	float: right;
	margin: 0px;
	padding: 10px;
	height: 530px;
	line-height: 30px;
	font-size: large;
	color: #ffffff;/*白*/
	background: #EE87B4;/*ピンク*/
	border: solid #EE87B4;/*ピンク*/
	border-radius: 1px;/*角の丸み*/
	width :280px;

}

#right1 {
	float:right;
	margin: 18px 0 0 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: solid #796BAF;/*青紫*/
	border-radius: 1px;/*角の丸み*/
	clear: both;
}


#left2 {
	float:left;
	padding: 10px;
	height: 500px;
	line-height: 30px;
	font-size: large;
	color: #ffffff;/*白*/
	background: #61C1BE;/*青緑*/
	border: solid #61C1BE;/*青緑*/
	border-radius: 1px;/*角の丸み*/
	width :650px;
	margin: 20px 0px 0px 0px;

}

.box1 {
    padding: 0.5em 1em;
    font-weight: bold;
    border: solid 3px #808080;
	width: 800px;
	float: right;
	margin: 20px 50px 0 0;
}

.box1 p {
    margin: 0; 
    padding: 0;
}

#hyou3 {
	display: table;
	clear: both;
	width: 100%;
	margin: 5px auto;
}

#hyou3 table border="1" {
 	table-layout:fixed;
	width:100%;
}

#hyou3 table,th, td {
	border: none;
	margin-top: 30px;
}

#hyou3 table th {
	vertical-align: top;
	padding-top: 25px;
}


	/*サイドバー終わり-----------------------------------------------*/

/*プロフィール枠組み終わり-----------------------------------------------*/


/*活動の歴史枠組み---------------------------------------------------*/

/*活動の歴史クリック画面の設定---------------------------------------------------*/

#rekisi {
	font-size:2em;
	color:  #69BD83;/*m緑*/
	font-weight: bold;
}

#rekisi {
	font-size: 2em;
	font-weight: bold;
}

#rekisi2 {
	font-size:2em;
	color: #EEB7B4;/*薄赤*/
	font-weight: bold;
}

#rekisi2 {
	font-size: 2em;
	font-weight: bold;
}

.bar2 {
	border-width: 10px 0px 0px 0px; 
	border-style: solid; 
	border-color: #69BD83;/*緑*/
}

#baiorin {
	float: left;
	margin: 20px 0px 0px 190px
}

#baiorin a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

#sax {
	float: right;
	margin: 20px 190px 0px 0px;
}

#sax a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

#horun {
	float: left;
	margin: 0px 0px 30px 190px;
}

#horun a:hover {
	filter:alpha(opacity=80);
	opacity: 0.8;
}

#waiwai {
	float: right;
	margin: 0px 190px 0px 0px;
}

#waiwai a:hover {
	filter:alpha(opacity=80);
	opacity: 0.8;
}

#page {
	font-family: Meiryo;
}


/*活動の歴史クリック画面の設定ここまで---------------------------------------------------*/

	/*活動の歴史中身枠組み---------------------------------------------------*/

.ten {
	margin: 0 auto;
	overflow: hidden;
	width: 880px;

}

.item {
	width: 200px;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	color: #000000;/*黒*/
	margin: 10px;
	float: left;
}

.item a {
	text-decoration: none;
	color: #000000;/*黒*/
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.years {
	overflow: hidden;

}

.item2 {
	width: 180px;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	color: #000000;/*黒*/
	margin: 10px;
	font-weight: bold;
	float: left;
}

.item2 a {
	text-decoration: none;
	color: #ffffff;/*白*/
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.item2:nth-child(1) {
	background-color: #F9C270;/*オレンジ*/
}

.item2:nth-child(2) {
	background-color: #61C1BE;/*水色*/
}

.item2:nth-child(3) {
	background-color: #F9C270;/*薄オレンジ*/
}

.item2:nth-child(4) {
	background-color: #61C1BE;/*水色*/
}

.item2:nth-child(5) {
	background-color: #F9C270;/*薄オレンジ*/
}

.years2 {
	overflow: hidden;

}

.ten #now {
	background-color: #69BD83;/*緑*/
}

	/*活動の歴史中身ページトップ------------------------------------------------------*/
}

.bg {
	background:#ffdab9;/*肌色*/
}

#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#pagetop a {
	display: block;
	z-index: 999;
	padding: 6px 6px 6px 6px;
	width: 50px;
	height: 50px;
	background-color: #9FD6D2;/*水色*/
	color: #ffffff;/*白*/
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#pagetop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
	/*活動の歴史中身ページトップここまで------------------------------------------------------*/

	/*活動の歴史中身枠組みここまで---------------------------------------------------*/

/*活動の歴史枠組みここまで---------------------------------------------------*/

/*年間予定枠組み------------------------------------------------------*/
#nennkannyotei {
	font-size: 2em;
	color: #61c1be;/*青緑*/
	font-weight: bold;

}

.bar3 {
	border-width: 10px 0px 0px 0px; 
	border-style: solid; 
	border-color: #61c1be; /*青緑*/
}

#yotei {
	width: 1000px;
	margin: 50px 0 0 0;
}


/*年間予定枠組みここまで------------------------------------------------------*/


/*団員募集枠組み------------------------------------------------------*/

#daninbosyuu {
	font-size: 2em;
	color: #796BAF;/*紫*/
	font-weight: bold;
}

#daninbosyuu {
	font-size: 2em;
	font-weight: bold;
}

.bar5 {
	border-width: 10px 0px 0px 0px; 
	border-style: solid; 
	border-color: #796BAF;/*紫*/
}

	/*表-------------------------------------------------*/
#hyou {
	margin: 0 0 0 10px;
}

#hyou table {
	border-collapse: collapse;
	border: solid 2px #696969;/*灰色、表全体を線で囲う*/
}

#hyou table td {
  border: dashed 1px #696969;/*破線 1px 黒*/
  padding: 10px;/*表の余白*/
  font-size: 20px;
}

.leftcell {
	background-color:  #EE87B4; /*ピンク、左列の配色 */
} 

	/*表終わり-------------------------------------------------*/



	/*告知-----------------------------------------------*/
#kokuti {
	margin: 0;
	font-size: 30px;
	text-align: center;
}
	/*メール------------------------------------------------*/



	/*GoogleMap----------------------------------------*/
.ggmap {
	text-align: center;
}


/*団員募集枠組み終わり-----------------------------------------------*/


/*お問い合わせ枠組み------------------------------------------------------*/

#otoiawase {
	line-height: 1.O;
	font-size: 15px;
	padding: 10px 30px 30px 60px;

}

#otoiawase2 {
	font-size: 2em;
	color: #BA79B1;/*紫*/
	font-weight: bold;
}

#otoiawase2 {
	font-size: 2em;
	font-weight: bold;
}

#otoiawase3 {
	margin: 0;
	padding: 10px;
	font-size: 2em;
	font-weight: bold;
	color: #ffffff;/*白*/
}

.bar7 {
	border-width: 10px 0px 0px 0px; 
	border-style: solid; 
	border-color: #BA79B1; /*紫*/
}

.bar9 {
clear: both;
}

.bar10 {
	border-width: 5px 0px 0px 0px; 
	border-style: solid; 
	border-color: #F6CEEC; /*薄紫*/
	width: 90%;
}

#mailnaiyou {
	margin: 0;
	padding: 20px 10px 20px 43px;
	font-size: 120%;	
	color: #ffffff;/*白*/

}

/*お問い合わせ枠組みここまで------------------------------------------------------*/

/*リンクの枠組み------------------------------------------------------*/
#link {
	font-size: 2em;
	color:#EE87B4;/*ピンク*/
	font-weight: bold;
}

#link {
	font-size: 2em;
	font-weight: bold;
}

.bar8 {
	border-width: 10px 0px 0px 0px; 
	border-style: solid; 
	border-color:#EE87B4; /*ピンク*/
}

#hyou2 table border="1" {
	table-layout:fixed;
	width:100%;
}

#hyou2 table {
	margin-top: 30px;
}

/*リンクの枠組みここまで------------------------------------------------------*/

/*フッタ------------------------------------------------------*/
footer {
	height: 20px;
	clear: both;
	margin: 0 0 10px 0;

}