@charset "utf-8";

* {
	padding: 0px;
	margin: 0px;
	font-family: "メイリオ", sans-serif;
	font-size: 18px;
}

/* ボディー・グリッド */
body	{
	display: grid;
	grid-template-areas:
		"head head head"
		"nav nav nav"
		"main main menu"
		"footer footer footer";
		max-width:  1200px;
	/* グリッド終了 */

	margin-right: auto;
	margin-left: auto;
	border: １0px solid #F00;
	margin-top: 1px;
	background-color: #F4FCFF;
}
/* ボディー・グリッド終了 */

h1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;

}

h2 {
	color: #06F;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 19px;
	padding-top: 8px;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #06F;
}
h3 {
	margin-top: 5px;
	text-align: right;
}
h4 {
	font-weight: normal;
	font-size: 19px;
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #06F;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #06F;
}
h5 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 5px;
}
h6 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #090;
	color: #090;
}



li {
	margin-right: 2px;
	margin-left: 2px;
	list-style-type: none;
}


a {
	text-decoration: none;
	color: #06F;
}
a:hover {
	color: #090;
	text-decoration: underline;
}
a:visited{
	color: #00F;

}
p {
	margin-bottom: 20px;
	line-height: 30px;
}
.p-siro {
	color: #FFF;
}

.p-kousin {
	color: #060;
	padding-left: 5px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 10px;
	background-position: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6ECFE;
	border-bottom-color: #E6ECFE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #E9E9E9;
	margin-bottom: 0px;
}
.p-rairo {
	text-align: right;
	margin-right: 30px;
}
.p-point {
	font-weight: bold;
	color: #090;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #090;
}


.aka {
	color: #F00;
}

.midori-b {
	font-weight: bold;
	color: #090;
}

.ao {
	color: #00F;
}

.sentar {
	text-align: center;
	color: #060;
}

.p-rait {
	text-align: right;
}
.kakko {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #999;
}
.kakko-1 {
	border: 1px solid #00F;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	max-width:  180px;

}
.kakko-2 {
	border: 1px solid #00F;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	max-width:  400px;
}
.main .p-kari {
	color: #FFF;
}
.main p .senao {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #03F;
	padding-top: -10px;
	margin-top: -10px;
}
.main .tate {
	margin-top: -10px;
}


hr {
	color: #E6ECFE;

}

img {		
	max-width: 100%;
	height: auto;
}




/* ########### 1000px以下 ########### */
@media (max-width: 1000px) {

/* グリッド */
body	{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.heabar	{
	margin: 1px;
	padding: 2px;
}
.heabar-annai {
	margin: 1px;
	padding: 2px;
}
.heabar-syoseki {
	margin: 1px;
	padding: 2px;
}
.heabar-sait {
	margin: 1px;
	padding: 2px;
}
.heabar-sait-map {
	margin: 1px;
	padding: 2px;
}
.heabar-point-kanso {
	margin: 1px;
	padding: 2px;
}
.heabar-silver-birch {
	margin: 1px;
	padding: 2px;
}
.heabar-jikosyokai {
	margin: 1px;
	padding: 2px;
}

.nav {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
}

.main {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
}

.menu {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 5;
}


.footer	{grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 5;
		grid-row-end: 6;
}

/*トップページ*/
.main .top-birch{margin: 5px;
				padding: 5px;
}  

/*読書会の日程*/
.main .nitiji {margin: 1px;
				padding: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
} 


/*学習会の感想と内容*/
.main .gakusyu-1 {margin: 2px;
				padding: 2px;
} 
.main .waku {margin: 2px;
			 padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
} 
.main .kanso-1 {margin: 2px;
				padding: 2px;
} 
.main .kanso-2 {margin: 2px;
				padding: 2px;
} 

/*シルバーバーチの言葉*/
.main .birch-1 {margin: 2px;
				padding: 2px;
} 
.main .birch-2 {margin: 2px;
				padding: 2px;
} 

/*自己紹介*/
.main .jikosyoukai {margin: 2px;
				padding: 2px;
}


/*お勧め書籍*/
.main .syoseki-0{margin: 2px;
				padding: 2px;
}

.main .p-syoseki-1{margin: 2px;
				padding: 2px;
}

.main .p-syoseki-2{margin: 2px;
				padding: 2px;
}


/*お勧めサイト*/
.main .o-saito-1 {margin: 2px;
				padding: 2px;
}
.main .o-saito-2{margin: 2px;
				padding: 2px;
}

/*サイトマップ*/
.main .p-sait-1 {margin-left: 2px;
}
.main .p-sait-2 {margin-left: 2px;
} 




/* ########### 1000px以下 ########### */

/* グリッド 終了*/