﻿/* CSS Document */

/* メニュー
---------------------------------------------*/
#menu a:link    { color : #035820 ; text-decoration : none ; }
#menu a:visited { color : #035820 ; text-decoration : none ; }
#menu a:hover   { color : #035820 ; text-decoration : none ; }

#menu li {
	font-family:"HG丸ゴシックM-PRO","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top:16px;
	list-style-type:none;
	display:block;
	width:146px;
	height:28px;
	border-bottom:2px solid #138A40;
	background-color:#FEFD9D;
	}

#menu li a,
#menu li a:link {
	display:block;
	width:146px;
	height:28px;
	background-color:#74FA90;
	text-decoration:none;
}

#menu li a:hover {
	background-color:#FEFD9D;
	text-decoration:none;
}

.menu_text {
	font-family:"HG丸ゴシックM-PRO","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	color:#035820;
}

#blog {
	width:120px;
	height:60px;
	margin-top:50px;
	margin-left:13px;
}


/* 本文
---------------------------------------------*/
#cornertop {
	width:560px;
	margin:12px 10px 20px 20px;
	line-height:140%;
}

p.subtitle {
	margin-left:16px;
	background-image:url(../img/subtitle_icon.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#03471A;
	line-height:22px;
	letter-spacing:0.2em;
}

#sub_text {
	width:540px;
	margin:8px 20px 20px 36px;
	line-height:130%;
}

p.line_sub {
	margin-left:54px;
	margin-bottom:20px;
}


h2 {
	color: black;/*文字色*/
	/*線の種類（点線）2px 線色*/
	border-bottom: dashed 5px rgb(176, 252, 171);
}

span.small{
	font-size: small;
}

/* 練習予定
---------------------------------------------*/
table.place {
	line-height:130%;
	width: 530px;
	border: 0px;
}

table.schedule {
	width:500px;
	border:1px solid #004117;
	border-collapse:collapse;
	margin-left:50px;
	color:#272827;
}

table.schedule th {
	border:1px solid #004117;
	padding:2px;
	color:#004A1C;
	background-color:#C7FF8E;
}

table.schedule td {
	border:1px solid #004117;
	padding:8px;
}

.normal1 {
	background-color:#ffffff;
	white-space: nowrap;
}

.normal2 {
	background-color:#EFFFD7;
	white-space: nowrap;
}

.end1 {
	background-color:#ffffff;
	color:#BEBFBE;
}

.end2 {
	background-color:#EFFFD7;
	color:#BEBFBE;
}


/* 団員募集
---------------------------------------------*/
table.bosyuu {
	line-height:130%;
	font-size:110%;
}

.bosyuu_date {
	line-height:90%;
	font-size:90%;
}

.bosyuu1 {
	color:#F31E08;
	font-weight:bold;
}

.bosyuu2 {
	color:#E57113;
}

.bosyuu3 {
	font-size:110%;
}

#bosyuu_now {
	width:480px;
	margin:12px 0px 24px 50px;
	padding:8px;
	border:1px solid #38A98D;
	line-height:120%;
}

/* 演奏会
---------------------------------------------*/
#concert_next {
	width:530px;
	margin:16px 0px 30px 32px;
	padding:8px;
	border:1px solid #FECE0C;
	background-color:#feffe7;
	line-height:144%;
	font-size:110%;
	color:#222222;
}


#concert_next2 {
	width:530px;
	margin:16px 0px 30px 32px;
	padding:8px;
	border:1px solid #F78CE9;
	background-color:#FFFBFE;
	line-height:144%;
	font-size:110%;
	color:#222222;
}

#concert_past {
	margin:26px 0px 20px 240px;
	font-weight:bold;
}

#past1 {
	width:520px;
	margin:10px 0px 0px 38px;
	padding:7px;
	border:1px solid #89DE9F;
	background-color:#FBFEFC;
	line-height:120%;
}

#past2 {
	width:520px;
	margin:10px 0px 0px 38px;
	padding:7px;
	border:1px solid #31A642;
	background-color:#FFFFF9;
	line-height:120%;
}

#past1 p {
	font-size:110%;
}

#past2 p {
	font-size:110%;
}

table.past {
	width:470px;
	margin-top:3px;
	margin-left:30px;
}

#concert_past a,
#concert_past a:link {
	display:block;
	width:130px;
	padding:5px;
	border:2px outset #cccccc;
	background-color:#83FEAB;
	text-align:center;
	text-decoration:none;
	color:#03471A;
}

#concert_past a:hover {
	border:2px inset #cccccc;
	background-color:#BDFED2;
	text-decoration:none;
}

.concert1 {
	color:#046E22;
	font-weight:bold;
}

.concert2 {
	font-size:110%;
}

.concert3 {
	font-size:small;
}


/* お問い合わせ
---------------------------------------------*/
#toiawase {
	width:520px;
	height:360px;
	_height:300px;
	margin:36px 0px 30px 30px;
	padding:8px;
	font-size:110%;
	line-height:140%;
}

#zimukyoku {
	margin:36px 0px 0px 70px;
	font-size:120%;
	color:#004A1C;
}

#meruadd {
	margin-left:140px;
	font-size:140%;
	font-weight:bold;
	color:#004359;
	line-height:180%;
}

#leaf {
	margin:10px 0px 0px 420px;
}


.flex{
	padding: 2.5% 0;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
  }
  .flex > *{
	width: 8%;
	background: #fff;
	font-size: 64px;
	text-align: center;
  }
  /* .flex,
  .flex > *{
	border: 3px solid #aaa;
  } */