@charset "utf-8";

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

　 個別設定

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


/*  全体・コンテナー 設定
---------------------------------------------*/
.boxColmun {
	overflow:hidden;
}

.boxColmun .colL {
	float:left;
}

.boxColmun .colR {
	float:right;
}

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


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


/*  公演詳細
-------------------------- */

.boxProgramDetail {
  font-size: .85em\9; /* IE9以下用 */
}

/* ------ Program Intro ------ */

.boxProgramDetail .boxProgramIntro {
  position: relative;
  min-height: 360px;
  margin-bottom: 40px;
  padding-left: 342px;
}

/* ---- 公演タイトル ---- */

.boxProgramDetail .boxProgramTitle {
  margin-bottom: 30px;
}

/* -- カテゴリ -- */

.boxProgramDetail .boxProgramTitle .txtCateTag {
  min-width: 100px;
  margin-bottom: 5px;
}

/* -- タイトル -- */

.boxProgramDetail .boxProgramTitle h1 {
  font-size: 1.3em;
  font-weight: bold;
}

/* ---- 公演内容 ---- */

.boxProgramDetail .boxIntroCont {
  font-weight: bold;
}

/* -- 日付＆キャッチコピー -- */

.boxProgramDetail .txtDate,
.boxProgramDetail .txtCatchCopy {
  margin-bottom: 20px;
  line-height: 1.5em;
}

/* -- 日付 -- */

.boxProgramDetail .txtDate {
  font-size: 1.15em;
}

/* -- 日付横　注意書き -- */
.boxProgramDetail .txtNotice {
  line-height:1.6em;
}

/* -- キャッチコピー -- */

.boxProgramDetail .txtCatchCopy {
  font-size: 1.12em;
  color: #186803;
}

/* -- 紹介文 -- */

.boxProgramDetail .txtIntro {
  margin-bottom: 40px;
  line-height: 1.65em;
}

/* ---- 公演イメージ ---- */

.boxProgramDetail .boxProgramImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
}

/* -- 画像 -- */

.boxProgramDetail .boxProgramImg .imgMainPhoto {
  margin-bottom: 10px;
}

.boxProgramDetail .boxProgramImg .imgMainPhoto img {
  width: 100%;
}

/* ------ Main ------ */

.boxProgramDetail .boxMain {
  float: left;
  width: 618px;
}

/* ---- 画像一覧 ---- */

.boxProgramDetail .boxImgList ul {
  letter-spacing: -.40em;
}

.boxProgramDetail .boxImgList li {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  padding-bottom: 15px;
  letter-spacing: normal;
  vertical-align: top;
}

/* -- 画像パターンA -- */

.boxProgramDetail .boxImgPtnA ul,
.boxProgramDetail ul.boxImgPtnA {
  margin-left: -20px;
}

.boxProgramDetail .boxImgPtnA li {
  padding-left: 20px;
}

.boxProgramDetail .boxImgPtnA img {
  width: 140px;
  height: 140px;
}

/* -- 画像パターンB -- */

.boxProgramDetail .boxImgPtnB img {
  width: 300px;
}

/* -- 画像パターンC -- */

.boxProgramDetail .boxImgPtnC ul,
.boxProgramDetail ul.boxImgPtnC {
  margin-left: -8px;
}

.boxProgramDetail .boxImgPtnC li {
  padding-left: 8px;
}

.boxProgramDetail .boxImgPtnC img {
  width: 200px;
  height: 200px;
}

/* -- 画像キャプション -- */

.boxProgramDetail .boxImgList .txtCaption {
  display: block;
  padding: 5px 0 0;
  font-size: .82em;
  letter-spacing: -.05em;
  line-height: 1.6em;
}

/* ---- 概要 ---- */

.boxProgramDetail .boxSummary {
  padding: 0 0 20px;
}

.boxProgramDetail .boxImgList + .boxSummary {
  padding-top: 20px;
}

.boxProgramDetail .boxSummary ul {
}

.boxProgramDetail .boxSummary li {
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
}

.boxProgramDetail .boxSummary li:first-child {
  border-top: none;
}

.boxProgramDetail .boxSummary dt {
  float: left;
  width: 108px;
  padding-right: 28px;
  font-weight: bold;
  letter-spacing: -.05em;
}

.boxProgramDetail .boxSummary dt .txtTwo {
  letter-spacing: 1.5em;
}

.boxProgramDetail .boxSummary dd {
  padding-left: 108px;
  line-height: 1.8em;
}

/* ---- テキストフレーム ---- */

.boxProgramDetail .boxTxtFrame {
  border: 1px solid #dcdcdc;
  padding: 20px 20px 30px;
}

.boxProgramDetail .boxTxtFrame h3 {
  margin-bottom: 45px;
  padding-bottom: 5px;
  border-bottom: 2px solid #333;
  font-size: 1.15em;
  font-weight: bold;
}

/* -- Profile -- */

.boxProgramDetail .boxProfile {
  margin-top: 45px;
}

.boxProgramDetail .boxProfile dt {
  margin-bottom: 2px;
  font-weight: bold;
}

.boxProgramDetail .boxProfile dd {
  font-size: 1.02em;
}


/* ------ Side ------ */

.boxProgramDetail .boxSide {
  float: right;
  width: 300px;
}




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