@charset "UTF-8"; /* 文字コード宣言 */
/* ============================================================
    Event ページ用 CSS ファイル
     * 更新日時: 2010-07-05 00:29
     * 更新担当: nishimura
     * 更新内容:
        ・aboveSentenceで画像が表示されないエラーを修正。
		　といっても大文字と小文字が違っただけですが・・・orz 
 ============================================================ */
@import url("lib/style/default/base.css");
/* 全ページで共通の設定は "lib/css/base.css" に記述 */

body {
	background-color: #00A0FF;
	color: #FFFFFF;
}

div#aboveSentence {
	background-image: url("lib/style/default/staff/aboveSentence.jpg");
	background-repeat: no-repeat;
	width: 780px; height: 315px;
}

#aboveSentence p {
	position: relative;
	z-index: -1;
	font-size: x-large;
	text-align: center;
	top: 130px;
	margin: 0px;
}

div#footer {
	padding-top: 80px;
	background-image: url("images/catch_blue.gif");
	background-repeat: no-repeat;
}



ul li:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

ul li {
  min-height: 1px;
}

* html ul li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ====================
	節: event
 ==================== */
#section_recruit h2 {
	background-image: url("images/recruit.gif");
	background-repeat: no-repeat;
	width: 780px; height: 30px;
}
#section_recruit h2 span {
	position: relative;
	z-index: -1;
	display: block;
	overflow: hidden;
	width: 100%; height: 100%;
}
#section_recruit p {
	margin-left: 30px;
	margin-right: 30px;
}


#section_stafflist {
	padding-left: 25px;
	padding-right: 25px;
}
#section_stafflist h2 {
	display: none;
}
#section_stafflist ul {
	margin: 0; padding: 0;
}
#section_stafflist .staff_item {
	display: inline-block;
	vertical-align: top;
	width: 225px;
	padding: 5px;
	padding-left: 130px;
	margin: 0;
	margin-bottom: 10px;
	font-size: 12px;
}
/* IE 6 用 */
* html #section_stafflist .staff_item { display: inline; zoom: 1; }
/* IE 7 用 */
*+html #section_stafflist .staff_item { display: inline; zoom: 1; }
#section_stafflist .staff_item img {
	float: left;
	margin-left: -125px;
	background-color: #FFFFFF;
}
#section_stafflist .staff_item .name {
	margin-top: 0;
	font-weight: bold;
}
#section_stafflist .staff_item .name .value {
	font-size: 140%;
}
#section_stafflist .staff_item div {
	margin: 0.2em 0;
	line-height: 170%;
}
#section_stafflist .staff_item .delimiter {
	margin: 0 0.4em;
}


#section_stafflist h3 {
	margin-left: 5px;
	margin-right: 5px;
	height: 30px;
	width: 720px;
	background-color: #FFFFFF;
	color: #00A0FF;
	overflow: hidden;
}
#section_stafflist h3 span {
	width: 100%; height: 100%; overflow: hidden; display: block;
}
#section_stafflist h3 span:before {
	display: block; float: left;
} /* IE6, 7 用は別ファイル */

/* 置換する画像の設定 */
#subsec_producer h3 span:before {
	content: url("lib/style/default/staff/h3_producer.png");
} /* IE6, 7 用は別ファイル */
#subsec_editorswriters h3 span:before {
	content: url("lib/style/default/staff/h3_editors_writers.png");
} /* IE6, 7 用は別ファイル */
#subsec_design h3 span:before {
	content: url("lib/style/default/staff/h3_design.png");
} /* IE6, 7 用は別ファイル */
#subsec_salesps h3 span:before {
	content: url("lib/style/default/staff/h3_sales_ps.png");
} /* IE6, 7 用は別ファイル */
#subsec_web h3 span:before {
	content: url("lib/style/default/staff/h3_web.png");
} /* IE6, 7 用は別ファイル */
#subsec_event h3 span:before {
	content: url("lib/style/default/staff/h3_event.png");
} /* IE6, 7 用は別ファイル */
#subsec_photo h3 span:before {
	content: url("lib/style/default/staff/h3_photo.png");
} /* IE6, 7 用は別ファイル */
#subsec_assistants h3 span:before {
	content: url("lib/style/default/staff/h3_assistants.png");
} /* IE6, 7 用は別ファイル */




div#subsec_iGetAHouse11 {
	margin-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 12px;
	
	background-image: url("_data/staff.jp");
	background-position: 0px -57px;
}
#subsec_iGetAHouse11 h3 {
	display: none;
}
#subsec_iGetAHouse11 ul {
	list-style: none;
	margin: 0px; padding: 0px;
}
#subsec_iGetAHouse11 dd {
	margin-left: 1em;
}
#subsec_iGetAHouse11 dd p {
	margin: 0px;
}
#subsec_iGetAHouse11 div.subsubsec {
	margin-bottom: 1em;
}
#subsec_iGetAHouse11 .subsubsec h4 {
	display: none;
}

/* Above Sentence */
#subsec_iGetAHouse11 div.aboveSentence {
	margin-bottom: 1em;
	overflow: visible;
}
* html #subsec_iGetAHouse11 div.aboveSentence {
	height: 1px; /* IE 6 用 */
}
#subsec_iGetAHouse11 .aboveSentence div#images {
	width: 365px;
	height: 475px;
	position: relative;
	float: left;
}
* html #subsec_iGetAHouse11 .aboveSentence div#images {
	margin-bottom: -475px;
}
#subsec_iGetAHouse11 .aboveSentence div.title {
	font-size: xx-large;
	font-weight: 700;
	padding-right: 0.4em;
	float: left;
}
#subsec_iGetAHouse11 .aboveSentence div.place {
	font-size: xx-large;
	font-weight: 700;
}
#subsec_iGetAHouse11 .aboveSentence div.date {
	font-size: x-large;
	font-weight: 700;
	margin-left: -0.1em;
	margin-bottom: 0.3em;
}
#subsec_iGetAHouse11 .aboveSentence span.date {
	color: #FFFF33;
}

div#fg_iget_11_notific {
	bottom: 120px; left: 0px;
	width: 350px;
}
#fg_iget_11_notific img {
	width: 350px; height: 350px;
}
div#fg_guest1 {
	bottom: 0px; left: 0px;
	width: 110px;
}
#fg_guest1 img {
	/*width: 180px;*/
	width: 110px; height: 110px;
}
div#fg_guest2 {
	bottom: 0px; left: 120px;
	width: 110px;
}
#fg_guest2 img {
	width: 110px; height: 110px;
}
div.image {
	position: absolute;
/*	padding: 1px;
	border: solid #333 1px;
	background-color: #FFF;
	color: #333330;
	text-align: right; */
}
.image img {
	border: none;
}
.image div {
	display: none;
}

/* Performer */
div#subsubsec_performer {
	width: 380px;
	margin-left: 365px;
}
*+html div#subsubsec_performer {
	width: 355px;
	margin-left: 0px;
	float: right;
}
#subsubsec_performer li {
	line-height: 110%;
	color: #FFFF99;
}
#subsubsec_performer li li {
	color: #FFFFFF;
	font-size: 110%;
}
#subsec_iGetAHouse11 div#subsubsec_performer {
}

li#subsubsec_performer_guest1,
li#subsubsec_performer_guest2 {
	color: #FFFF66;
}
li#subsubsec_performer_guest1 li,
li#subsubsec_performer_guest2 li {
	color: #FFFFFF;
	font-size: 140%;
	font-weight: 700;
}
li#subsubsec_performer_guest2 {
	margin-bottom: 1em;
}

#subsec_iGetAHouse11 li ul {
	margin-left: 1em;
}

div#subsubsec_fee,
div#subsubsec_starttime {
	width: 380px;
	margin-left: 365px;
}
*+html div#subsubsec_fee,
*+html div#subsubsec_starttime {
	width: 355px;
	margin-left: 0px;
	float: right;
}
#subsec_iGetAHouse11 div#subsubsec_starttime {
	margin-bottom: 0px;
}
#subsubsec_fee li ul {
	margin-left: 1em;
}
#subsubsec_fee li li:first-letter {
	margin-left: -1em;
}
li div.code,
li div.discount {
	font-size: 89%;
	padding-left: 1em;
}

div#subsubsec_exp {
	clear: both;
	margin-left: 0px;
}



a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #99FF99;
	text-decoration: underline;
}