body	{text-align: center}
/* 共通 */ 
/* 文字・文章関係全体 */
h1		{font-family: serif ; margin-bottom: 0px}
h2		{font-family: serif ; margin-top: 40px}
h3		{font-family: serif ; margin-top: 50px ; margin-bottom: 0px}
h4		{font-family: serif}
p#trouba	{font-style: italic}
p		{font-family: serif ; color: #444444 ; line-height: 1.7}
li		{color: #444444}
.mini	{text-align: left ;
			font-size:87.5%}

/* 文章枠 */
.message	{text-align: left ; width: 600px;
					margin-left: auto;
					margin-right: auto}

.message2	{text-align: left ; width: 360px;
					margin-left: auto;
					margin-right: auto}

.message3	{text-align: left ; width: 460px;
					margin-left: auto;
					margin-right: auto}

.message4	{text-align: left ; width: 400px;
					margin-left: auto;
					margin-right: auto}

.message5	{text-align: left ; width: 620px;
					margin-left: auto;
					margin-right: auto}

.message6	{text-align: left ; width: 670px;
					margin-left: auto;
					margin-right: auto}

.message7	{text-align: right ; width: 740px;
					margin-left: auto;
					margin-right: auto}

/* 文字片寄せ */
p.text-right	{text-align: right}
p.text-right2	{text-align: right}
p.text-left		{text-align: left}

/* 共通ナビ */
nav ul		{list-style-type: none;
		border-bottom: solid 1px #b0b0b0}

nav ul li		{display: inline}

li#last			{display: inline;
					padding-right: 0px}

/* リンク */
a	{font-family: serif; color: #606060}
a:hover	{color: #202020}
ul a:visited	{color: #606060}
ul a:hover	{color: #202020}
nav li a	{text-decoration: none}

/* リンク用リスト */
li.menue		{display: inline}
ul.menue2		{padding-left: 0;	/*ulの余白を除く*/
						margin-left: auto; margin-right: auto}
ul.menue2 li	{display: inline-block;
					margin: 10px}
ul.menue-c		{text-align: left}
li.menue-c		{display: inline}
li.menue-r		{display: inline}

/* ・付きリスト　部員用　 */
ul.list-dot		{text-align: left;
					margin-left: auto; margin-right: auto}

/* テーブル */
/*パパリン紹介*/
table	{font-size: 100%;
		line-height: 1.7;
		width: 360px;
		border: none;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px}

th	{text-align: right;
	padding: 3px;
	vertical-align:top;
	border:none}

td	{text-align: left;
	padding: 3px;
		border:none}

/* 定期・卒業演奏会 */
.table1-L	{font-size: 87.5%; width: 480px;
		border: none;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px}

.table1-S	{font-size: 87.5%; width: 100%;
		border: none;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px}

.th1	{text-align: left; padding: 3px;
		border:none}

.td1	{text-align: left; padding: 3px;
		border:none}

/* 依頼演奏・その他 */
.table2-L	{font-size: 87.5%; width: 600px;
		border: none;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px}

.table2-S	{font-size: 87.5%; width: 100%;
		border: none;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px}

.th2	{text-align: left;
		vertical-align:top;
		padding: 3px;
		padding-bottom: 15px;
		border:none}

.td2	{text-align: left; padding: 3px;
		padding-bottom: 15px;
		border:none}

/* 演奏会ジャケット */
.concert-j	{margin-top: 20px;
				margin-bottom: 0}
img.concert-j	{width: 300px; height: 300px}

/* 演奏会音源メディア */
.concert-m	{margin-top: -3px;
				margin-bottom: 20px}

/* 写真関係 */
p.photo	{text-align: left;
			width: 500px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 30px;
			margin-bottom: 50px}

.photo-right	{margin-left: 35px;
					padding-right: 0}

.photo-left		{margin-left: 0;
					padding-left: 0}

/* 問い合わせフォーム */
h3.inq	{}

form	{text-align: left}
.table-i	{background-color: powderblue}
	
form th	{vertical-align: middle;
		text-align: left}

form td {vertical-align:middle;
		text-align: left}

form select	{}

form input	{}
.input		{}

form textarea	{}

form ul {text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0}

form ul li	{display: inline;
		padding-right: 10px;
		padding-left: 10px}

p.input	{color: black}

/* コピーライト */
footer	{margin-top: 50px;
			margin-bottom: 30px}

small		{font-family: serif; font-style: normal; color: #808080}

/* 印刷・PC */
@media print, only screen and (min-width:900px){

div#container	{width: 760px;
						margin-left: auto;
						margin-right: auto}

header	{width: 760px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(image/g-onpu-b.gif);
		background-repeat: no-repeat;
		background-position: 90% 30%}

/* 文字・文章関係全体 */
h1		{font-size: 200%}
p#trouba	{margin-top: 10px}
p		{font-size: 100%}

/* 文章枠 */
.message	{width: 600px}
.message2	{width: 360px}
.message3	{width: 460px}
.message4	{width: 400px}
.message5	{width: 620px}
.message6	{width: 670px}
.message7	{width: 740px}

/* 文字片寄せ */
p.text-right	{margin-right: 90px}
p.text-right2	{margin-right: 30px}
p.text-left		{margin-left: 30px}

/* 共通ナビ */
nav ul		{margin: 30px 0px; /* 上下 左右 */
		padding: 0px 0px 5px /* 上 左右 下 */}

nav ul li	{padding-right: 20px;
		padding-left: 0px}

nav ul li.last	{padding-right: 0px;
		padding-left: 0px}

nav li a	{font-size: 1.2em}

nav ul#mini	{display: none}	/* スマホ用のnavを非表示 */
nav ul#mini-2	{display: none}


/* 旧版
nav ul		{margin-left: 0 ;
		padding-left: 0 ;
		margin-top: 20px ;
		margin-bottom: 30px ;
		padding-bottom: 5px}

nav ul li		{padding-right: 14px}

nav li a	{font-size: 125%}
*/
/*リンク用リスト 演奏会・サイトマップ */
li.menue		{padding-right: 20px}
a.menue		{font-size: 112.5%}
.list li a			{font-size: 100%}
ul.menue2		{width: 300px}
ul.menue2 a	{font-size: 100%}

/* ・付きリスト　部員用　 */
ul.list-dot		{width: 330px}

/* 問い合わせフォーム */

h3.inq	{margin-top: 0px;
	margin-bottom: 0px}

.table-i	{font-size: 100%;
		line-height: 1.7;
		width: auto;
		margin-bottom: 20px}
	
form th	{padding-left: 20px}

form td {padding-right: 20px}

form select	{font-size: 1em}

form input	{font-size: 1em}
.input		{width: 400px}

form textarea	{font-size: 1em;
		width: 400px}

p.input	{font-size: 1em}

/* コピーライト */
small		{font-size: 75%}
footer img	{width: 139px; height: 50px}
}

/* タブレット？ */
@media only screen and (min-width:600px) and (max-width:899px){

header	{width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-image: url(image/g-onpu-b.gif);
		background-repeat: no-repeat;
		background-position: 96% 30%}

/* 文字・文章関係全体 */
h1		{font-size: 200%}
p#trouba	{margin-top: 10px}

/* 文章枠 */
.message	{width: 600px}
.message2	{width: 360px}
.message3	{width: 460px}
.message4	{width: 400px}
.message5	{width: 620px}
.message6	{width: 670px}
.message7	{width: 740px}

/* 文字片寄せ */
p.text-right	{margin-right: calc((100% - 580px) / 2)}
p.text-right2	{margin-right: calc((100% - 670px) / 2)}
p.text-left		{margin-left: calc((100% - 580px) / 2)}

/* 共通ナビ */
nav ul		{margin: 30px 0px; /* 上下 左右 */
		padding: 0px 0px 5px /* 上 左右 下 */}

nav ul li	{padding-right: 10px;
		padding-left: 0px}

nav ul li.last	{padding-right: 0px;
		padding-left: 0px}

nav li a	{font-size: 1.2em}

nav ul#mini	{display: none}	/* スマホ用のnavを非表示 */
nav ul#mini-2	{display: none}

/*
nav ul		{margin-left: 0 ;
		padding-left: 0 ;
		margin-top: 20px ;
		margin-bottom: 30px ;
		padding-bottom: 5px}

nav ul li		{padding-right: 15px}

nav li a	{font-size: 87.5%}
*/
/* リンク用リスト */
li.menue		{padding-right: 20px}
a.menue		{font-size: 75%}
.list li a			{font-size: 100%}
ul.menue2		{width: 300px}
ul.menue2 a	{font-size: 100%}

ul.list-dot		{width: 330px}
table	{width: 360px}

/* 問い合わせフォーム */

h3.inq	{margin-top: 0px;
	margin-bottom: 0px}

.table-i	{font-size: 100%;
		line-height: 1.7;
		width: auto;
		margin-bottom: 20px}

form th	{padding-left: 20px}

form td {padding-right: 20px}

form select	{font-size: 1em}

form input	{font-size: 1em}
.input		{width: 350px}

form textarea	{font-size: 1em;
		width: 350px}

p.input	{font-size: 1em}

/* コピーライト */
small		{font-size: 75%}
footer img	{width: 139px; height: 50px}
}

/* スマートフォン */
@media only screen and (max-width:599px){
header	{width: 100% ;
		background-image: url(image/g-onpu-b-s.gif);
		background-repeat: no-repeat;
		background-position: 95% 50%}

/* 文字・文章関係全体 */
h1		{font-size: 7.46vw}
p#trouba	{font-size: 3.2vw ; margin-top: 0px}
h2		{font-size: 5.3vw}
h3		{font-size: 100%}
p		{font-size: 3.73vw}
.mini	{font-size:3.2vw}

/* 文章枠 */
.message	{width: 100%}
.message2	{width: 100%}
.message3	{width: 100%}
.message4	{width: 100%}
.message5	{width: 100%}
.message6	{width: 100%}

/* 文字片寄せ */
p.text-right	{margin-right: 10px}
p.text-right2	{margin-right: 10px}
p.text-left		{margin-left: 10px}

/* 共通ナビ */
nav ul		{display: none}	/* 通常のnavを非表示 */

nav ul#mini	{display: block; /* スマホ用のnavを表示 */
		margin-top: 20px;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		border-bottom: none}

nav ul#mini li	{display: inline;
		padding-right: 13px;
		padding-left: 0px}

nav ul#mini-2	{display: block; /* スマホ用のnav２段目を表示 */
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		border-bottom: solid 1px #b0b0b0}

nav ul#mini-2 li	{display: inline;
			padding-right: 10px;
			padding-left: 10px}

nav li a	{text-decoration: none;
		font-size: 4.6vw}

/*
nav ul		{margin-left: 0 ;
		padding-left: 0 ;
		margin-top: 20px ;
		margin-bottom: 30px ;
		padding-bottom: 5px}

nav ul li		{padding-right: 5px}

nav li a	{font-size: 3.2vw}
*/

/* リンク用リスト */
li.menue		{padding-right: 20px}
a.menue		{font-size: 4.8vw}
.list li a			{font-size: 100%}
ul.menue2		{width: 90%}
ul.menue2 a		{font-size: 3.73vw}

ul.list-dot		{width: 85%}
table	{font-size: 3.73vw}

/* 問い合わせフォーム */

h3.inq	{margin-top: 0px;
	margin-bottom: 0px}

.table-i	{font-size: 100%;
		line-height: 1.7;
		width: auto;
		margin-bottom: 20px}

.table-i p	{font-size: 14px}

form th	{padding-left: 5px}

form td {padding-right: 5px}

form select	{font-size: 14px}

form input	{font-size: 14px}
.input		{width: 200px}

form textarea	{font-size: 100%;
		width: 200px}

p.input	{font-size: 16px}

/* コピーライト */
small		{font-size: 3.2vw}
footer img	{width: 70px; height: 25px}
}