@charset "UTF-8";

/*---------------------------------------------

	リセット

---------------------------------------------*/

html {
	min-height:100%;
	overflow-y:scroll;
	filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,brockquote,pre,table,caption,address,form,fieldset,legend,object {
 	margin:0;
 	padding:0;
}

h1,h2,h3,h4,h5,h6,pre,table,code,kbd,samp,acronym,input,textarea {
	font-size:100%;
}

img {
	vertical-align:bottom;
}

li {
	list-style-type: none;
}

img {
	border:none;
}


/*---------------------------------------------

	フォント

---------------------------------------------*/

body {
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:16px;
	line-height:1.25;
	color:#000;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* リンクテキスト */
a {
	color:#007acc;
	text-decoration:underline;
}

a:hover {
	color:#4FB8FF;
}

/* 外部リンクにアイコン */
a[rel="external"]{
	padding-right:12px;
	background:url(../img/icon_external.png) no-repeat right center;
}

/* 強調テキスト */
em {
}

strong {
}


/*---------------------------------------------

	html

---------------------------------------------*/

body {
	min-height:100%;
	background:#fff url(../img/footer_bg.jpg) no-repeat center bottom;
}

/*---------------------------------------------

	ヘッダー

---------------------------------------------*/

#header {
	height:150px;
	background:url(../img/header_bg.jpg) no-repeat center 0;
}

#header a {
	display:block;
	margin:0 auto;
	width:850px;
	height:150px;
}

#header a img {
	position:relative;
	top:25px;
}


/*---------------------------------------------

	ヘッダーナビゲーション

---------------------------------------------*/

#headerNavi {
	background:#b4b4b4 url(../img/navi_bg.jpg) repeat-x 0 0;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	text-align:center;
}

#headerNavi li {
	display:inline;
}

#headerNavi li a {
	display:inline-block;
	padding:0 40px;
	height:44px;
	background:#b4b4b4 url(../img/navi_bg.jpg) repeat-x 0 0;
}

#headerNavi li a img {
	position:relative;
	top:30%;
}

#headerNavi li a:hover,
body.lineup      #headerNavi li a[href="./"],
body.schedule #headerNavi li a[href="schedule.html"],
body.access   #headerNavi li a[href="access.html"],
body.ticket   #headerNavi li a[href="ticket.html"] {
	background:#b4b4b4 url(../img/navi_bg.jpg) repeat-x 0 -44px;
}


/*---------------------------------------------

	フッターナビゲーション

---------------------------------------------*/

#footerNavi {
	margin:0 auto;
	padding:40px 0;
	width:850px;
	text-align:center;
}

#footerNavi li {
	display:inline;
	margin:0 1em;
	font-weight:bold;
}



/*---------------------------------------------

	フッター

---------------------------------------------*/

#footer {
	margin:0 auto;
	padding:0 0 40px;
	width:850px;
	text-align:center;
}


/*---------------------------------------------

	コンテンツ　共通

---------------------------------------------*/

#content {
	margin:0 auto;
	padding:20px 0;
	width:850px;
	min-height:500px;
}

#content h1 {
	
}


/*---------------------------------------------

	コンテンツ　ホーム

---------------------------------------------*/

#screen {
	position:relative;
	margin:50px 0;
	width:850px;
	height:400px;
	background:#000;
}

#screen #screen_object1 {
	display:block;
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:850px;
	height:71px;
	background:url(../img/home_screen_object01.png) no-repeat 0px 0px;
}

#screen #screen_object2 {
	display:none;
	position:absolute;
	z-index:3;
	left:0px;
	top:160px;
	width:850px;
	height:85px;
	background:url(../img/home_screen_object01.png) no-repeat 0px -71px;
}

#screen #screen_object3 {
	display:none;
	position:absolute;
	z-index:4;
	left:0px;
	top:160px;
	width:850px;
	height:107px;
	background:url(../img/home_screen_object01.png) no-repeat 0px -156px;
}

#screen #screen_logo {
	position:absolute;
	z-index:10;
	left:780px;
	top:355px;
	width:57px;
	height:31px;
	opacity:0.7;
	_filter:alpha(opacity=70);
	background:url(../img/home_screen_object01.png) no-repeat -793px -263px;
}

body.home #content div.lineup {
	overflow:hidden;
	zoom:1;
	margin-bottom:40px;
}

body.home #content div.lineup dl {
	float:left;
	margin:0 0 0 16px;
	_display:inline;
	width:265px;
}

body.home #content div.lineup dl.hara dd a {
	float:left;
	width:265px;
}

body.home #content div.lineup dl.hara dd div.lecture {
	float:right;
	padding:10px 130px 10px 10px;
	width:100px;
	border:1px solid #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff url(../img/harakazuo.jpg) no-repeat right top;
	font-size:87.5%;
}

body.home #content div.lineup dl.hara {
	width:546px;
}

body.home #content div.lineup dl dt {
	margin:30px 0 10px;
	padding:10px 5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	border-radius:10px;
	/*background:#fff url(../img/footer_bg.jpg) no-repeat 33% 57%;*/
	text-align:center;
	color:black;
	font-size:125%;
	font-weight:bold;
}

body.home #content div.lineup dl dt.hara       {background:#989CBC;}
body.home #content div.lineup dl dt.haraRec    {background:#E59E91;}
body.home #content div.lineup dl dt.advertise  {background:#F2F2B4;}
body.home #content div.lineup dl dt.oversea    {background:#AFDFDF;}
body.home #content div.lineup dl dt.freeschool {background:#FACACC;}
body.home #content div.lineup dl dt.shure      {background:#80CAA8;}

body.home #content div.lineup dl dd {
	margin:5px 0;
}

body.home #content div.lineup dl dd a {
	display:block;
	overflow:hidden;
	zoom:1;
	padding:10px 5px;
	border:1px solid #FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#000;
	text-decoration:none;
}

body.home #content div.lineup dl dd a:hover {
	background:#fff url(../img/footer_bg.jpg) no-repeat 30% bottom;
	border-color:#CCC;
}

body.home #content div.lineup dl dd a img {
	float:left;
	border:1px solid #999;
}

body.home #content div.lineup dl dd a:hover img {
	border-color:#000;
}

body.home #content div.lineup dl dd a strong.title {
	display:block;
	zoom:1;
	margin-left:90px;
	cursor:pointer;
}

body.home #content div.lineup dl dd a strong.title span.sub {
	font-size:75%;
}

body.home #content div.lineup dl dd a span.staff {
	display:block;
	zoom:1;
	margin-left:90px;
	padding-bottom:3px;
	border-bottom:1px dashed #666;
	margin-bottom:4px;
	text-align:right;
	font-size:87.5%;
	cursor:pointer;
}

body.home #content div.lineup dl dd a span.date {
	display:block;
	zoom:1;
	margin-left:90px;
	text-align:right;
	font-size:75%;
	cursor:pointer;
}

body.home #content div.lineup dl dd a span.ps {
	clear:both;
	display:block;
	zoom:1;
	padding-top:3px;
	font-size:75%;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}

/*---------------------------------------------

	コンテンツ　上映作品

---------------------------------------------*/

body.lineup #content h2 {
	margin:50px 0 5px;
	padding:0 0 0 60px;
	border-bottom:2px solid #666;
	background:url(../img/lineup_h2_bg.png) no-repeat 0 0;
	font-size:150%;
	color:#666;
}

body.lineup #content div.profile {
	overflow:hidden;
	margin:10px 0 20px 300px;
	padding:10px;
	border:1px solid #DDD;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	border-radius:10px;
	background:#EEE url(../img/footer_bg.jpg) no-repeat left bottom;
}

body.lineup #content div.profile img {
	float:right;
	margin:0 0 5px 5px;
	border:2px solid #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
}

body.lineup #content div.profile strong.name {
}

body.lineup #content div.profile p.description {
	font-size:75%;
}

body.lineup #content div.film {
	zoom:1;
	margin:25px 0 40px;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
	background:#000;
	color:#fff;
}

body.lineup #content div.freeschool {
	background:rgb(249,209,212);
	color:#000;
}

body.lineup #content div.film div.capture {
	float:left;
	position:relative;
	padding-bottom:10px;
	width:210px;
}

body.lineup #content div.film div.capture p.movie {
	position:absolute;
	top:-25px;
	left:690px;
	padding:3px 8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
	background:#000;
	font-weight:bold;
}

body.lineup #content div.film div.capture p.movie a {
	display:block;
	zoom:1;
	overflow:hidden;
	width:6.2em;
	height:16px;
	padding-left:18px;
	background:url(../img/icon_playMovie.png) no-repeat 0 0;
	line-height:1;
	font-size:16px;
	color:#DDD;
	text-decoration:none;
}

body.lineup #content div.film div.capture p.movie a:hover {
	background-position:0 -16px;
	color:#FFF;
}

body.lineup #content div.film div.capture img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
}

body.lineup #content div.film div.capture ul {
	overflow:hidden;
	zoom:1;
	position:relative;
	z-index:2;
	margin:5px 0 -15px;
	width:200px;
	background:#333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
}

body.lineup #content div.film div.capture ul li {
	float:left;
}

body.lineup #content div.film div.capture ul li a {
	padding:0 8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
	outline:none;
	color:#CCC;
	text-decoration:none;
}

body.lineup #content div.film div.capture ul li a:hover {
	color:#FFF;
}

body.lineup #content div.film div.capture ul li a.captureActive {
	background:#fff;
	color:#000;
}

body.lineup #content div.freeschool div.one {
	margin:0 0 0 210px;
	padding:0 0 20px;
}

body.lineup #content div.film strong.title {
	display:block;
	margin:0 0 5px 210px;
	font-size:125%;
	border-bottom:2px solid #DDD;
}

body.lineup #content div.freeschool strong.title {
	display:block;
	margin:0 0 5px 0px;
}

body.lineup #content div.freeschool strong.title {
	border-bottom:2px solid #fff;
}

body.lineup #content div.film span.date,
body.lineup #content div.film span.length,
body.lineup #content div.film span.staff,
body.lineup #content div.film span.language {
	margin-right:0.5em;
}

body.lineup #content div.film p.description {
	margin:0 0 0 210px;
	padding:15px 0 0;
}

body.lineup #content div.film ul.schedule {
	margin:15px 0 0;
	text-align:right;
}

body.lineup #content div.film ul.schedule li {
	display:inline-block;
	_display:inline;
	zoom:1;
	padding:0 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
	background:#FFF;
	text-align:left;
	font-size:75%;
	color:#000;
}

body.lineup #content div.film ul.schedule li a {
	color:#000;
	text-decoration:none;
}


/*---------------------------------------------

	コンテンツ　スケジュール

---------------------------------------------*/

body.schedule #content table {
	margin:20px 0 0px;
	width:100%;
	border-collapse:collapse;
}

body.schedule #content table caption {
	display:none;
}

body.schedule #content table th,
body.schedule #content table td {
	margin:0;
	padding:0 0 20px;
	width:33%;
	vertical-align:top;
}

body.schedule #content table thead th {
}

body.schedule #content table tbody td {
	font-size:75%;
}

body.schedule #content table tbody td div.section {
	margin-bottom:15px;
	border:1px solid #000;
	text-align:center;
}

body.schedule #content table tbody td div.program {
	margin:5px;
	padding:0 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
}

body.schedule #content .hara       {background:#989CBC;}
body.schedule #content .haraRec    {background:#E59E91;}
body.schedule #content .advertise  {background:#F2F2B4;}
body.schedule #content .oversea    {background:#AFDFDF;}
body.schedule #content .freeschool {background:#FACACC;}
body.schedule #content .peace      {background:#EFC377;}
body.schedule #content .shure      {background:#80CAA8;}

body.schedule #content table tbody td div.freescoolPrice {
	margin:5px;
	padding:0 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
	border:3px solid #FACACC;
	text-align:center;
}

body.schedule #content table tbody td div.lecture {
	padding:5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	border-radius:5px;
	border:1px solid #000;
}

body.schedule #content ul.notes {
	padding-top:10px;
	border-top:2px dotted #bbb;
}

body.schedule #content ul.notes li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:2px 4px;
	border:1px solid #ddd;
	font-size:82%;
	font-weight:bold;
}


/*---------------------------------------------

	コンテンツ　会場案内

---------------------------------------------*/

body.access #content p {
	margin:15px 15px 0;
}

body.access #content strong {
	font-size:150%;
}

body.access #content ul.access {
	margin:5px 15px 0;
}

body.access #content ul.access li {
}

body.access #content div.map {
	margin:20px 0 0;
}

body.access #content div.map iframe {
	border:1px solid #CCC;
}

/*---------------------------------------------

	コンテンツ　早割り

---------------------------------------------*/

dl.fee {
	padding:20px 100px;
}

dl.fee dt {
	padding:2px 5px;
	border:2px solid #333;
	font-size:120%;
	font-weight:bold;
}

dl.fee dd {
	padding:5px 0 30px 50px;;
	font-size:120%;
	font-weight:bold;
}

ul.discount {
	height:10em;
}

ul.discount li {
	float:left;
	margin-right:8px;
	width:165px;
	height:11em;
	border:1px solid #000;
}

ul.discount li div.name {
	padding:3px;
	background:#000;
	color:#FFF;
	text-align:center;
}

ul.discount li div.money {
	font-size:200%;
	text-align:center;
}

ul.discount li div.discription {
	padding:0 10px;
}

ol.apply {
	margin-left:1em;
}

ol.apply li {
	list-style:decimal;
}

dd.email a {
	font-size:200%;
}