@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

/* 見出し・段落 -------------------- */



/* --------------------------------------------------------------------------------------
 トップ
--------------------------------------------------------------------------------------- */

div#topimage {
	width: 697px;
	margin: 0 0 25px 58px;
}

div#topCtArea {
	width: 705px;
	margin: 0 0 0 55px;
}
div#topCtArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topCtArea { display:inline-block; }
/*\*/
* html div#topCtArea { height:1%; }
div#topCtArea { display:block; }
/**/


/* What's New -------------------- */


div#topCtLeftBace {
	float: left;
	width: 390px;
}

div#topCtLeft {
	width: 390px;
	background: #F4F2EA;}

div#topCtLeft dl {
	width: 340px;
	margin-left: 20px;
	padding: 28px 0 20px;
}
div#topCtLeft dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topCtLeft dl { display:inline-block; }
/*\*/
* html div#topCtLeft dl { height:1%; }
div#topCtLeft dl { display:block; }
/**/

div#topCtLeft dl dt,
div#topCtLeft dl dd {
	margin-bottom: 12px;
	line-height: 1.1;
}

div#topCtLeft dl dt {
	float: left;
	/*\*/clear: both;/**/
	width: 80px;
	color: #C8A36A;
}

div#topCtLeft dl dd {
	float: left;
	width: 255px;
}
/*\*/
* html div#topCtLeft dl dd {
	float: none;
}
*:first-child + html div#topCtLeft dl dd {
	float: none;
}
/**/
div.topbanner{
	padding-top:10px;
	clear:both;
}


/* アーティスト募集・Nyanブログ -------------------- */

div#topCtRight {
	float: right;
	width: 273px;
}

div#topCtRight h2 {
	clear: both;
}

div#topCtRight div.want {
	width: 273px;
	padding-bottom: 10px;
	line-height: 1.3;
}
div#topCtRight div.want:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topCtRight div.want { display:inline-block; }
/*\*/
* html div#topCtRight div.want { height:1%; }
div#topCtRight div.want { display:block; }
/**/

div#topCtRight div.want p.img {
	float: left;
	width: 140px;
}

div#topCtRight div.want p.txt {
	float: right;
	width: 128px;
}


/* --------------------------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------------------------- */

div.contact h2 {
	margin: 0 0 10px;
}

div#formArea {
	position: relative;
	width: 565px;
	margin: 17px 0 25px 68px;
	padding: 20px 0;
	background: #F3F3F3;
}

div#formArea p.attention {
	position: absolute;
	top: -32px;
	left: 170px;
	color: #C8A36A;
	font-size: 10px;
}

p.formBtn {
	width: 565px;
	margin: 0 0 0 68px;
	text-align: center;
}

div.contact p.tel {
	margin: 15px 0 38px;
}

div#formArea table {
	width: 530px;
	margin: 0 0 0 18px;
}

div#formArea table th,
div#formArea table td {
	padding: 8px 0;
	text-align: left;
	vertical-align: top;
}

div#formArea table th {
	width: 130px;
}

div#formArea table th span.indispensable {
	margin-left: .5em;
}

div#formArea table td input {
	padding: 2px 3px;
}
div#formArea table td input.inputstyle01 {
	width: 275px;
}
div#formArea table td input.inputstyle02 {
	width: 385px;
}
div#formArea table td input.inputstyle03 {
	width: 80px;
}
div#formArea table td input.inputstyle04 {
	width: 280px;
	margin-bottom: 7px;
}
div#formArea table td textarea {
	width: 275px;
	height: 115px;
	padding: 2px 3px;
}


/* --------------------------------------------------------------------------------------
 ひとり芝居・ワークショップ
--------------------------------------------------------------------------------------- */

/* ひとり芝居 -------------------- */

div.monodrama {
	padding: 25px 0 33px;
}

div.monodrama p {
	margin-bottom: 18px;
}


/* ワークショップ -------------------- */

div.workshop h3 {
	position: relative;
	width: 436px;
	margin: 17px 0 12px;
}

div.workshop h3 span.icon01,
div.workshop h3 span.icon02 {
	position: absolute;
	top: 14px;
	left: 270px;
}

div.workshop h3 span.icon02 {
	left: 90px;
}

div.workshop h3 span img {
	margin-left: 7px;
}

div.workshop div.txtBox {
	min-height: 80px;
}
* html div.workshop div.txtBox {
	height: 80px;
}

/* スケジュール */

div.workshop dl.schedule {
	width: 436px;
	padding-top: 8px;
}
div.workshop dl.schedule:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.workshop dl.schedule { display:inline-block; }
/*\*/
* html div.workshop dl.schedule { height:1%; }
div.workshop dl.schedule { display:block; }
/**/

div.workshop dl.schedule dt,
div.workshop dl.schedule dd {
	line-height: 1.1;
}

div.workshop dl.schedule dt {
	/*\*/clear: both;
	color: #C8A36A;
}

div.workshop dl.schedule dd {
padding-left:10px;
padding-bottom:10px;
}
/*\*/
* html div.workshop dl.schedule dd {
	float: none;
}
*:first-child + html div.workshop dl.schedule dd {
	float: none;
}
/**/


/* 右画像 -------------------- */

div#imgSection p {
	padding-top: 37px;
}


/* --------------------------------------------------------------------------------------
 アーティスト募集
--------------------------------------------------------------------------------------- */

div.artist h2 {
	margin-bottom: 25px;
}

div.artist p.catch {
	margin-bottom: 20px;
}

div.artist div.btnBox {
	padding: 56px 0 18px;
}

div.artist div.btnBox p {
	margin-bottom: 18px;
}


/* --------------------------------------------------------------------------------------
 フロア案内
--------------------------------------------------------------------------------------- */

div.floor h2,
div.floor h3 {
	margin: 0 0 10px;
}

div.floor p.lead {
	padding-bottom: 16px;
}


/* フロア案内 -------------------- */

div.guide {
	width: 700px;
	margin: 10px 0 0;
}
div.guide:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.guide { display:inline-block; }
/*\*/
* html div.guide { height:1%; }
div.guide { display:block; }
/**/

div.guide div.txtBox {
	float: left;
	width: 180px;
}

div.guide div.imgBox {
	float: right;
	width: 470px;
}

div.guide div.imgBox p {
	float: left;
	width: 260px;
	margin-right: 30px;
}

div.guide div.imgBox p.right {
	width: 180px;
	margin-right: 0;
}

div.guide div.imgBox p span {
	display: block;
	min-height: 25px;
	margin-top: 5px;
	line-height: 1.2;
}
* html div.guide div.imgBox p span {
	height: 25px;
}


/* Nyan主要音響・映像機器 -------------------- */

div.sound {
	width: 700px;
	margin: 2px 0 15px;
}

div.sound table {
	width: 700px;
	margin: 15px 0 0;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

div.sound table th,
div.sound table td {
	padding: 5px 5px 4px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: normal;
	text-align: left;
}

div.sound table th {
	width: 200px;
}

div.sound table td.ca01 {
	width: 150px;
}

div.sound table td.ca02 {
	width: 100px;
}

div.sound table td.ca03 {
	width: 50px;
	text-align: right;
}

div.sound table td.ca04 {
	width: 144px;
}

div.floor p.call img {
	margin-left: 3px;
	vertical-align: text-bottom;
}


/* --------------------------------------------------------------------------------------
 Nyanとは？
--------------------------------------------------------------------------------------- */

div.nyan h3 {
	margin-bottom: 5px;
}

div.nyan div.hermitageTxt h3 {
	margin-bottom: 20px;
}

div.nyan div.caBox {
	width: 700px;
	margin: 25px 0 0;
}
div.nyan div.caBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.nyan div.caBox { display:inline-block; }
/*\*/
* html div.nyan div.caBox { height:1%; }
div.nyan div.caBox { display:block; }
/**/


/* 自分を表現する庵 感性と感性が出会う庵 -------------------- */

div.hermitageTxt {
	float: left;
	width: 298px;
}

div.nyan p.hermitageImg {
	float: right;
	width: 350px;
}


/* Nyanでは何ができるの？ -------------------- */

div.aboutImg {
	width: 700px;
	padding: 13px 0 5px;
}
div.aboutImg:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.aboutImg { display:inline-block; }
/*\*/
* html div.aboutImg { height:1%; }
div.aboutImg { display:block; }
/**/

div.aboutImg p {
	float: left;
	width: 220px;
	margin-right: 20px;
}

div.aboutImg p.right {
	margin-right: 0;
}


/* Profile -------------------- */

div.profile {
	width: 700px;
	margin: 25px 0 0;
}
div.profile:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.profile { display:inline-block; }
/*\*/
* html div.profile { height:1%; }
div.profile { display:block; }
/**/

div.profile div.txtBox {
	float: right;
	width: 260px;
	padding-top: 13px;
}

div.profile div.txtBox h4 {
	margin-bottom: 10px;
}

div.profile div.txtBox p.name {
	font-weight: bold;
	margin-bottom: 8px;
}

div.profile p.owner {
	float: left;
	width: 420px;
}


/* --------------------------------------------------------------------------------------
 イベント
--------------------------------------------------------------------------------------- */

div.event {
	position: relative;
	width: 501px;
	margin: 30px 0 0;
	padding: 12px 0 15px;
	background: url(../../event/img/bg_dot.gif) no-repeat;
}

div.event h3 {
	margin-bottom: 17px;
	padding: 0 150px 12px 5px;
	background: url(../../event/img/bg_dot.gif) no-repeat left bottom;
	font-size: 14px;
}

div.event p {
	margin-bottom: 25px;
}

div.event p.date {
	position: absolute;
	top: 15px;
	right: 0;
	width: 150px;
	margin: 0;
	color: #C8A36A;
	font-weight: bold;
	text-align: right;
}


/* 右エリア -------------------- */

dl.calendar {
	margin-bottom: 35px;
}

dl.calendar dt,
dl.backNumber dt,
dl.category dt, {
	margin-bottom: 15px;
	font-size: 1px;
	line-height: 0;
}

dl.calendar dd table {
	width: 170px;
}

dl.calendar dd table td {
	font-size: 11px;
	text-align: center;
}

dl.calendar dd table tr.day td {
	font-weight: bold;
}

dl.calendar dd table tr.day td.sun {
	color: #FFB89F;
}

dl.calendar dd table tr.day td.sat {
	color: #9FCBFF;
}

dl.calendar dd table td.act {
	background: #EBEBEB;
}

dl.calendar dd table a:link,
dl.calendar dd table a:visited {
	color: #171411;
	font-weight: bold;
	text-decoration: underline;
}
dl.calendar dd table a:hover,
dl.calendar dd table a:active {
	color: #171411;
	font-weight: bold;
	text-decoration: none;
}

dl.calendar dd table td.month a:link,
dl.calendar dd table td.month a:visited,
dl.calendar dd table td.month a:hover,
dl.calendar dd table td.month a:active {
	font-weight: normal;
}

/* back number */

dl.backNumber dd ul li {
	margin-bottom: 3px;
	padding-left: 25px;
	background: url(../../event/img/icon_arw.gif) no-repeat 0 3px;
}


/* --------------------------------------------------------------------------------------
 アクセス
--------------------------------------------------------------------------------------- */

div.access h2 {
	margin-bottom: 25px;
}

div.accessDetail {
	width: 700px;
	margin: 30px 0 0;
}
div.accessDetail:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.accessDetail { display:inline-block; }
/*\*/
* html div.accessDetail { height:1%; }
div.accessDetail { display:block; }
/**/

div.transportation {
	float: left;
	width: 238px;
}

div.transportation p.photo img {
	position: relative;
	margin-left: -7px;
}

div.transportation dl {
	padding: 15px 0 0;
}

div.transportation dl dd {
	margin-bottom: 18px;
}

div.transportation p.eventBtn {
	margin-top: 18px;
}

div.map {
	float: right;
	width: 425px;
}


/* --------------------------------------------------------------------------------------
 プライバシーポリシー
--------------------------------------------------------------------------------------- */

div.privacy {
	width: 570px;
	margin: 25px 0 0 65px;
}

div.privacy dl dt {
	margin-top: 18px;
	color: #3F261F;
	font-weight: bold;
}
/* --------------------------------------------------------------------------------------
 劇団員募集中
--------------------------------------------------------------------------------------- */
div.member {
	width: 570px;
	margin: 25px 0 0 65px;
}

div.member dl dt {
	margin-top: 5px;
	color: #3F261F;
	font-weight: bold;
}
p.top-img{
	padding-top:15px;
	padding-bottom:5px;
}
p.caption{
	text-align:right;
}

div.member h3{
	padding-bottom:10px;
}
div.member p{
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
}
div.yamasaki-img{
	width:180px;
	padding-right:10px;
	float: left;
}
div.yamasaki-img{
	line-height:120%;
}