@charset "utf-8";

/** |READ ME| **************************************************************************************

"調布市せんがわ劇場"

Cascading Style Sheet Setting File
shered/css/db_contents.css

公演・イベントメイン領域用CSS
----------------------------------------------------------------------------------------------------

01.Information List Settings
情報メイン設定

02.Information Settings
情報詳細設定

03.Side Navigation Setting
サイドナビゲーション設定

04.Side Search Settings
サイド検索窓設定

05.Side Mark Setting
サイドマークの見方設定

06.Page Footer Settings
ページフッター画像版設定

************************************************************************************** |READ ME| **/


/** |01.Information List Settings| *************************************************************** START **/

/** [メインカラム用（公演・イベント情報一覧）設定] *******************************.close{
font-weight: bold;
}



/** 一覧表示状態 */
div#CMKoenEffect{
margin: 10px 0 10px 21px;
padding: 0 0 0 2px;
}



/** 公演・イベント情報（タイトル）******************************************************************************/

div#CMtitle{
width:600px;
height: 35px;
background: url(http://www.sengawa-gekijo.jp/shared/images/list_title.gif) no-repeat;
margin: 0 0 0 20px;
padding:0;
}


div#CMtitle h2.Ltitle{
color: #fff;
font-weight: bold;
font-size: 18px;
padding: 6px 0 0 0;
text-indent: 10px;
margin: 0;
}



div#CMInformation,
.CMInformation{
width:600px;
margin: 0 0 0 20px;
padding: 0 0 10px 0;
}


/* modified by zy 071216 start  071217class対応分プラス  margin-bottom changed zy 071223*/
/* divでレイアウトする場合以下を使う */
/** 公演・イベント情報（タイトル）******************************************************************************/
div#CMInformation div#InformationTitle,
div.InformationTitle
{
width:600px;
border-top: 1px solid #3399cc;
border-bottom: 1px solid #3399cc;
margin-bottom: 8px;
}

div#CMInformation div#InformationTitle div.titleArea,
div.InformationTitle div.titleArea{
	max-width:470px; 
}

/* zy 071223 modify for total height */
div#CMInformation div#InformationTitle div.titleArea h2,
div.InformationTitle div.titleArea h2{
	margin: 0;
	line-height:135%;
	font-size:136%;
	padding:8px 0 5px;
}
	

/* タイトル横マークアイコン */
div#CMInformation div#InformationTitle div.iconArea,
div.InformationTitle div.iconArea{
	padding-top:6px;
	text-align: right;
	width:128px;
	float:right;
}

div#InformationTitle div.iconArea img,
div.InformationTitle div.iconArea img{
	padding: 0;
	margin: 0px 0px 0px 4px;
}

/* modified by zy 071216 end */


/** 公演・イベント公演情報 （中身）******************************************************************************/

dl.Informationlist{
	width:600px;
	margin: 0;
	text-align:left;
}

/** 公演ポスター */

dl.Informationlist dt{
	width:160px;
	padding:4px 0px;
	float:left;
}

dl.Informationlist dt img{
	border: 0;
	vertical-align:top;
}

/**ページ内タイトル画像設定 */
h3.FB_1{background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/titlebar/gaiyou.gif) no-repeat right top;}
h3.FB_2{background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/titlebar/nittei.gif) no-repeat right top;}
h3.FB_4{background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/titlebar/ryoukin.gif) no-repeat right top;}
h3.FB_5{background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/titlebar/ticket.gif) no-repeat right top;}
h3.FB_6{background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/titlebar/toiawase.gif) no-repeat right top;}
h3.FB_7{background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/titlebar/shusai.gif) no-repeat right top;}
h3.FB_8{background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/titlebar/moushikomi.gif) no-repeat right top;}


/** 公演詳細 */

dl.Informationlist dd{
	width:420px;
	padding:0px;
	margin: 0 0 0 170px;
	line-height: 1.6em;
}


/* 日程表示 */
.date{
	font-weight: bold;
	padding: 0 0 8px 0;
}




/** 公演・イベント情報一覧 ************************************************************* END **/


/** |01.Information List Settings| ***************************************************************** END **/


/** |02.Information Settings| *************************************************************** START **/

/** [メインカラム用（公演・イベント情報詳細）設定] ******************************************************/

/** 公演・イベント情報　詳細　******************************************************************************/

/** 公演タイトル */
dl.InformationTitle h2.detail{
	font-weight: bold;
	padding: 0;
	line-height: 1.6em;
	margin: 0;
	font-size: 93%;
}

/** 公演ポスター部分 */

div#poster{
	width:600px;
	margin: 0;
	padding: 0;
	text-align:center;
}

div#poster_bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    width: 600px;
}

.leftBox {
    width: 300px;
    float: left;
}
.rightBox {
    width: 300px;
    float: right;
}


/** 公演キャスト部分 */

div#staff
{
	width:570px;
	margin: 0;
	text-align:left;
	padding: 5px;
	line-height: 1.6em;
}


/** 公演日程部分 */

div#FB_2{
font-weight: bold;
}


div#FB_3 table.nittei{
text-align: center;
border: 1px #999 solid;
empty-cells:show;
width: 580px;
border-spacing: 0;
margin: 0;
border-collapse : collapse ;
}

div#FB_3 td{
padding: 2px;
font-weight: bold;
font-size: 93%;
line-height: 1.3em;
}

td.time_top{
background-color:#F0FFFF;
border-bottom: 1px #999 solid; 
}

td.time{
background-color:#F0FFFF;
border-bottom: 1px #999 dotted; 
}

td.time_bottom{
background-color:#F0FFFF;
}

td.time_date{
border-bottom: 1px #999 dotted;
border-left: 1px #999 solid;
color: #3399CC;
background: #fff;
}

/* zy 071223 time_date font size */
div#FB_3 td.time_date, 
div#FB_3 td.time_date_bottom, 
span.font-bleu{
vertical-align:middle;
font-family: "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:14px;
}

td.time_date_bottom{
border-left: 1px #999 solid;
color: #3399CC;
}


td.weekly_out{
background-color:#F0EBEB;
border-bottom: 1px #999 solid;
border-left: 1px #999 solid;
color:#999;
width: 65px;
}

td.weekly_in{
background-color:#F0EBEB;
border-bottom: 1px #999 solid;
border-left: 1px #999 solid;
color:#000;
width: 65px;
}

.remarks{
padding-top: 8px;
}

.font-bleu{
color: #3399CC;
font-weight: bold;
}


/** 公演・イベント情報　詳細 ************************************************************* END **/


/** |02.Information Settings| ***************************************************************** END **/



/** |03.Side Navigation Setting| ******************************************************* START **/

/* カレンダー */
#SideNavi li#SNcalendar{
background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/sidemenu_calendar_m.gif) no-repeat;
}

/** |03.Side Navigation Setting| ********************************************************* END **/

/** |04.Side Search Settings| ************************************************************ START **/



/** [サイト内検索] ************************************************************* START **/

#SideSearch{
width: 162px;
height: auto;
border-left: #3399cc 1px solid;
border-right: #3399cc 1px solid;
border-bottom: #3399cc 1px solid;
margin: 19px 0 25px 0;
padding: 0;
text-align: left;
font-size: 12px;
}


#SideSearch h4#key{
background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/sidemenu_key.gif) no-repeat;
width: 81px;
height: 12px;
margin: 0 0 8px 0;
}

#SideSearch h4#date{
background: url(http://www.sengawa-gekijo.jp/shared/images/dbcontents/sidemenu_koen.gif) no-repeat;
width: 56px;
height: 12px;
margin: 10px 0 6px 0;
}


/* 検索テキスト */
.SSKeyword{
margin: 0;
padding: 0;
width:80px;
height:18px;
font-size: 12px;
}

/* 検索ボタン */
.SSButton{
padding: 0;
margin: 10px 0 15px 0;
}

select{
margin: 5px 0 0 0;
}

/** [マージン確保用ブロック] **************************************************/

div#SSContainer{
padding: 10px;
}

/** [サイト内検索] *************************************************************** END **/


/** |04.Side Search Settings| ************************************************************** END **/


/** |05.Side Mark Setting| ******************************************************* START **/

#SideMark{
width: 162px;
}

/** |05.Side Mark Setting| ********************************************************* END **/

/** |06.Page Footer Settings| ************************************************************** START **/

#PageFooter li.oldest {
visibility:hidden;
}


/* 前の10件 */

#PageFooter li#PFback{
background:url(http://www.sengawa-gekijo.jp/shared/images/footer/forward10_m.gif) no-repeat;
}

/* 次の10件 */
#PageFooter li#PFnext{
background: url(http://www.sengawa-gekijo.jp/shared/images/footer/next10_m.gif) no-repeat;
}

/* 前年の公演 */
#PageFooter3 li#PFlastyear{
background:url(http://www.sengawa-gekijo.jp/shared/images/footer/footer_lastyear_m.gif) no-repeat;
}

/* 翌年の公演 */
#PageFooter3 li#PFnextyear{
background: url(http://www.sengawa-gekijo.jp/shared/images/footer/footer_nextyear_m.gif) no-repeat;
margin: 0;
}

/** |06.Page link Settings| **************************************************************** END **/