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

"調布市せんがわ劇場"

Cascading Style Sheet Setting File
about/css/other.css

about用CSS
----------------------------------------------------------------------------------------------------

01.Header Area Settings
ヘッダーエリア設定

02.Side Navigation Setting
サイドメニューナビゲーション設定

03.Main Settings
メインページ設定

04.Page Footer Settings
ページ内画像フッター設定


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



/** |01.Header Area Settings| ************************************************************ START **/

div#HeaderArea_back{
	width:870px;
    height:140px;
	background: url(../images/header.gif) no-repeat center top;
}

/** |01.Header Area Settings| ************************************************************** END **/


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


div#ColumnSub2{
	width:210px;
	padding:12px 0 29px 4px;
	text-align:left;
	margin: 0;
	float: left;
}

/* せんがわ劇場とは？ */
#SideNavi li#SNabout{
background: url(../images/side/gekijyoutoha_m.gif) no-repeat;
}

/* 芸術監督メッセージ */
#SideNavi li#SNmessage{
background:  url(../images/side/kantoku_m.gif) no-repeat;
}

/* ロゴについて */
#SideNavi li#SNlogo{
background:  url(../images/side/logo_m.gif) no-repeat;
}

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


/** |03.Main Settings| ************************************************************ START **/

/** ヘッダテキスト せんがわ劇場とは？　*/

div#ColumnMain h2.about{
height: 33px;
background: url(../images/about_title.gif) no-repeat right top;
margin: 0 0 0 20px;
text-indent: -9999px;
width:600px;
}

/** ヘッダテキスト 芸術監督メッセージ　*/

div#ColumnMain h2.message{
width:600px;
height: 33px;
background: url(../images/message_title.gif) no-repeat right top;
margin: 0 0 0 20px;
text-indent: -9999px;
}

/** ヘッダテキスト ロゴについて　*/

div#ColumnMain h2.logo{
width:600px;
height: 33px;
background: url(../images/logo_title.gif) no-repeat right top;
margin: 0 0 0 20px;
text-indent: -9999px;
}


/** hall　**/
.hall_title_l{
font-size:136%;
border:0 0 1px 12px;
border-bottom:#3399cc 1px solid;
text-indent: -8px;
padding:0;
margin: 15px;
float:left;
width:380px;
}
.hall_title_r{
font-size:136%;
border:0 0 1px 12px;
border-bottom:#3399cc 1px solid;
text-indent: -8px;
padding:0;
margin: 15px;
float:right;
width:380px;
}
.hall_3f
{
background: #fff; 
background-image: url(../images/hall_3f.gif);
background-position: 30px 50px;
background-repeat: no-repeat;
width: 860px;
height: auto;
}
.hall_3f_contents
{
padding: 350px 60px 0px 20px;
width: 810px;
text-align: left;
}
.hall_2f
{
background: #fff; 
background-image: url(../images/hall_2f.gif);
background-position: 31px 50px;
background-repeat: no-repeat;
width: 860px;
height: auto;
}
.hall_2f_contents
{
padding: 340px 60px 0px 20px;
width: 810px;
text-align: left;
}
.hall_1f
{
	background: #fff;
	background-image: url(../images/hall_1f.gif);
	background-position: 40px 165px;
	background-repeat: no-repeat;
	width: 860px;
	height: auto;
	margin: 0;
	padding: 0;
}
.hall_1f_contents01
{
float:right;
padding: 10px 20px 0px 0px;
text-align: right;
}
.hall_1f_contents02
{
padding: 280px 0px 0px 0px;
width: 810px;
text-align: left;
clear:both;
}

/** h4 **/

#ColumnMain h4{
font-size:114%;
text-indent: 0;
padding:0;
margin:25px 0px 5px 0px;
}
#profile{
border:#3399cc 1px solid;
padding:8px;
margin:0px 15px;
width:auto;
}
#profile li{
text-indent:10px;

}

div#v_block{
	width:100%;
}
#v_block div.video_l,
#v_block div.video_r{
	width:290px;
	float:left;
	margin:0;
	border:0;
	padding: 0;
}
#v_block div.video_l{
	float:left;
}

#v_block div.video_r{
	float:right;
}

.img_l{
float:left;
margin:10px;
}
.text_r{
	text-align: right;
	clear: both;
}
.text_l{text-align:left;}
.aboutlogo{float:left; margin:0 15px 15px 15px;}



div#LogoMark{
margin: 40px auto;
text-align: center;
}

div#LogoMark .credit{
text-align:right;
margin-top: 1em;
font-size: 0.8em;
}


#ContentsArea{
/*	margin:0 0 2.5em 20px;*/
line-height:2em;
margin:10px 20px;
padding:0pt;
text-align: justify;
}

img.ConceptImage{
margin: 15px;
border: 0;
}
/** |03.Main Settings| ************************************************************ END **/

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


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

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


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