@charset "utf-8";

/* =============================================================

　　個別設定（公演カレンダー）

============================================================= */


/*  全体・コンテナー　設定
---------------------------------------------*/

#container {
}


/*  ヘッダー 設定
---------------------------------------------*/

#header {
}


/*  コンテンツ 設定
---------------------------------------------*/

#content {
}

/*  演奏会 */

.boxOrchestra .boxInfoList {
	position: relative;
	min-height: 285px;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 2px solid #ccc;
}

.boxOrchestra .boxInfoList .boxInfoListData h2,
.boxOrchestra .boxInfoList .boxInfoListData h4 {
	font-weight: bold;
	line-height: 1.8em;
	font-size:120%;
}

.boxOrchestra .boxInfoList .boxInfoListData {
	width: 495px;
}

.boxOrchestra .boxInfoList .boxTableDl dd {
	padding:  0.75em  0.5em 0.5em 12%;
	border-bottom: 1px dotted #666;
}

.boxOrchestra .boxInfoList .boxTableDl dd:last-child {border: none;}

.boxOrchestra .boxInfoList .boxInfoListPdf {
	position: absolute;
	right: 0; top: 0;
	width: 180px;
	}

.boxOrchestra .boxInfoList .boxInfoListPdf dl dt img {
	width: 180px;
	height: auto;
}


/*  右カラム 設定
---------------------------------------------*/

#side {
	padding-top: 42px;}

.sideBnr img {
	width: 250px;
	height: auto;
}

/*  画像 設定
---------------------------------------------*/

.boxOrchestra .imgLarge {
	width: 85%;
}

.boxOrchestra .imgLarge.typeCenter {
	text-align:center;
}
.boxOrchestra .imgLarge.typeCenter > .inner {
	display:inline-block;
}

p.mainImage img {
	width: 100% !important;
	height: auto;
}


/* =============================================================

　　個別設定（ジュニア・オーケストラ トップ）

============================================================= */

/*  メイン画像 */

.boxOrchestra h2 img {
	width: 100%;
}

/*  新着情報 */

.boxOrchestra .boxNews {
	margin-top: 48px;
}

.boxOrchestra .boxNews h3 {
	margin-bottom: -0.33em;
	color: #9b0033;
	font-size: 1.38em;
	font-weight: bold;
}

.boxOrchestra .boxNews h3 span {
	margin-left: 1em;
	color: #333;
	font-weight: normal;
	font-size: 0.75em;}

.boxOrchestra .boxNews .boxTableDl dt {
	width: 10%;
	font-weight: normal;
}

.boxOrchestra .boxNews .boxTableDl dd {
	width: 100%;
	padding:  0.75em  0.5em 0.5em 12%;
	border-bottom: 1px dotted #666;
}

.boxOrchestra .boxNews .boxTableDl dd:last-child {border: none;}


/* =============================================================

　　個別設定（オーケストラについて）

============================================================= */

.boxOrchestra .boxAbout p {
	margin-bottom: 1.8em;
}

.boxOrchestra .boxAbout .imgLarge {
	margin: 60px auto 0 auto;
}

.boxOrchestra .imgLarge img,
.boxOrchestra .imgLarge iframe {
	margin-bottom: 0.5em;
}

.boxOrchestra .boxAbout .boxOrganization {
	width: 85%;
	margin: 60px auto 0 auto;
	padding: 1.8em;
	background-color: #f7f6de;
	border: 1px solid #e0dec1;
}

.boxOrchestra .boxAbout .boxOrganization dt {
	font-weight: bold;
}


/* =============================================================

　　個別設定（指導者のご紹介）

============================================================= */

.boxOrchestra .boxBgColor h2 span {
	display: block;
	font-size: 0.88em;
}

.boxOrchestra .boxBgColor h2 span.inline {
	display:inline;
	font-size: 0.88em;
}

.boxOrchestra .boxBgColor h2 em {
	font-size: 0.81em;
	font-weight: normal;
}

.boxOrchestra .boxBgColor .imgLarge {
	margin: 30px auto 0 auto;
}

.boxOrchestra .boxBgColor h3 {
	margin-top: 3em;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.25em;
}

.boxOrchestra .boxBgColor ul {
	margin-top: 30px;
}

/* =============================================================

　　個別設定（活動のご紹介）

============================================================= */

.boxOrchestra .boxActive h2 {
	font-weight: bold;
	font-size: 1.25em;
	margin-bottom: 0.5em;;
}

.boxOrchestra .boxActive p {margin-bottom: 1.5em;}

/* 演奏会 */

.boxOrchestra .listConcert {
	position: relative;
	width: 100%;
}

.boxOrchestra .listConcert li {
	float: left;
	width: 49%;
	height: 374px;
	margin-right: 1%;
	font-size: 0.88em;
	line-height: 1.5em;
}

.boxOrchestra .listConcert li dt {
	font-weight: bold;
}

.boxOrchestra .listConcert li dt img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}


/* 練習内容 */

.boxOrchestra .bgBlue {
	margin-top: -30px;
}

.boxOrchestra .listImgaeTwo {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}

.boxOrchestra .listImgaeTwo li {
	float: left;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;} 

.boxOrchestra .listImgaeTwo li img {
	display: block;
	width: 100%;
	height: auto;
}

/* =============================================================

　　個別設定（団員募集）

============================================================= */

/* H1タイトル文字調整 */

.boxOrchestra .ttlMain small.ttlMemberS {
	margin-left: 1em;
	font-size: 0.69em;
}

/* 概要 */

.innerBox p,
.innerBox ul {
	margin-bottom: 1em;
}
.boxOrchestra .boxTargetNotice {
	width: 100%;
	margin: 1em auto 3em auto;
	padding: 1em 3em;
	background-color: #fbf2f2;
	border: 1px solid #990000;
}

.boxOrchestra .boxTargetNotice p {
	margin-bottom: 0;
	color: #990000;
	font-weight: bold;
}

.boxOrchestra .boxTargetMsg {
	width: 82%;
	margin: 1em auto 3em auto;
	padding: 1em 3em;
	background-color: #dff4f4;
	border: 1px solid #067b75;
}

.boxOrchestra .boxTargetMsg p {
	margin-bottom: 0;
	color: #067b75;
	font-weight: bold;
}

.boxOrchestra ul.listTest li {
	margin-bottom: 1em;
}

.boxOrchestra ul.listTest li span {
	float: left;
	display: inline-block;
	width: 8em;
}

.boxOrchestra ul.listTest li em {
	display: inline-block;
	padding-left: 9em;
	margin-top: -1.8em;
}

/* =============================================================

　　個別設定（コントラバス教室）

============================================================= */

/* H1タイトル文字調整 */

.boxOrchestra .ttlMain span.icnBeginner {
	display: block;
	min-height: 50px;
	padding-left: 100px;
	background: url(../img/contrabass/icnBeginner.png) left center no-repeat;
}

.boxOrchestra .ttlMain span.ttlTxtSmall {
	display: block;
	font-size: 0.56em;
	margin-bottom: 8px;
}

.txtBlue {color: #007edc;}
.txtYellow {color: #fdac00;}

.boxContrabass dl.boxTableDl dd {
	border-bottom: 1px dotted #666;
}

.boxContrabass dl.boxTableDl dd .btnLinkBlue a {
	width: 80%;
	font-size: 1em;
}

.boxContrabass dl.boxTableDl dd:last-child {border: none;}


/*  フッター 設定
---------------------------------------------*/

#footer {
}