@charset "Shift_JIS";
/*-------------------------------------------------
reset
-------------------------------------------------*/
body,p,blockquote,address,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form {
	margin:0;
	padding:0;
	border:0;
}

/*-------------------------------------------------
body
-------------------------------------------------*/
body {
	background: #99cccc url("../img_share/side.gif") repeat-y left top;
	margin: 0 0 0 20px;
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}

/*-------------------------------------------------
wrapper
-------------------------------------------------*/
div#wrapper {
	width: 790px;
	background: url("../img_share/haikei.gif");
	background-attachment:fixed;
} 

/*-------------------------------------------------
header
ヘッダ
-------------------------------------------------*/
div#header {
	position:relative;
	height: 97px;
	background-color:#FFFFFF;
	border-bottom: 1px solid #008499;
}

div#header h1 a {
 position: absolute;
	top: 0px;
	left: 0px;
 width: 530px;
	height: 96px;
	background: url(../img_share/header_title.gif);
	text-indent: -1000em;
	text-decoration: none;
	display: block;
}

div#header p.zou a {
 position: absolute;
	top: 0px;
	left: 530px;
 width: 44px;
	height: 96px;
	background: url(../img_share/header_zou.gif) 0 0;
	text-indent: -1000em;
	text-decoration: none;
	display: block;
}
div#header p.zou a:hover {
	background: url(../img_share/header_zou.gif) -1px 1px;
}

div#header p.date a {
 position: absolute;
	top: 0px;
	left: 574px;
 width: 215px;
	height: 96px;
	background: url(../img_share/header_date.gif) 0 0;
	text-indent: -1000em;
	text-decoration: none;
	display: block;
	border-left: 1px solid #008499;
}
div#header p.date a:hover {
	background: url(../img_share/header_date.gif) -1px 1px;
}

/*-------------------------------------------------
main
メイン
-------------------------------------------------*/
/*共通*/
div#main {
 padding-right: 16px;
 float: right;
	width: 524px;
}

div#main a {
 color: #008499;
}
div#main a:hover {
 text-decoration: none;
}
div#main a:visited {
 color: #003366;
}

div#main h2 {
	width: 524px;
	height: 56px;
	text-indent: -1000em;
	margin: 21px 0 18px 0;
}
div#main h2.film {
	background: url(../img/film_title.gif);
}
div#main h2.guest {
	background: url(../img/guest_title.gif);
}
div#main h2.access {
	background: url(../img/access_title.gif);
}
div#main h2.ticket {
	background: url(../img/ticket_title.gif);
}
div#main h2.what {
	background: url(../img/what_title.gif);
}
div#main h2.stamp {
	background: url(../img/stamp_title.gif);
}

div#main div.box {
	background: url(../img_share/main_spoon.gif);
	background-repeat: repeat-y;
	margin-bottom: 28px;
}

div#main div.box h3 {
 margin: 0 0 9px 14px;
 border-bottom: 1px solid #008499;
	text-indent: -1000em;
 background-repeat: no-repeat;
	height: 22px;
}
div#main div.box h3#timetable {
	background: url(../img/film_timetable.gif);
}
div#main div.box h3#a_pro {
	background: url(../img/film_a.gif);
}
div#main div.box h3#b_pro {
	background: url(../img/film_b.gif);
}
div#main div.box h3#c_pro {
	background: url(../img/film_c.gif);
}
div#main div.box h3#d_pro {
	background: url(../img/film_d.gif);
}
div#main div.box h3#aozoratei {
	background: url(../img/guest_aozoratei.gif);
}
div#main div.box h3#keiki {
	background: url(../img/guest_keiki.gif);
}
div#main div.box h3#futaba {
	background: url(../img/guest_futaba.gif);
}
div#main div.box h3#raizo {
	background: url(../img/guest_raizo.gif);
}
div#main div.box h3#yamamura {
	background: url(../img/guest_yamamura.gif);
}
div#main div.box h3#map {
	background: url(../img/access_map.gif);
}
div#main div.box h3#shosuien {
	background: url(../img/access_shosuien.gif);
}
div#main div.box h3#reserve {
	background: url(../img/ticket_reserve.gif);
}
div#main div.box h3#form {
	background: url(../img/ticket_form.gif);
}
div#main div.box h3#inn {
	background: url(../img/ticket_inn.gif);
}
div#main div.box h3#animationsoup {
	background: url(../img/what_animationsoup.gif);
}
div#main div.box h3#history {
	background: url(../img/what_history.gif);
}
div#main div.box h3#member {
	background: url(../img/what_member.gif);
}
div#main div.box h3#date {
	background: url(../img/stamp_date.gif);
}
div#main div.box h3#stampmap {
 padding-left: 1px;
	background: url(../img/stamp_map.gif);
}
div#main div.box h3#workshop {
 padding-left: 1px;
	background: url(../img/stamp_workshop.gif);
}

div#main p {
	font-size: 14px;
	line-height: 160%;
	color: #333333;	
}
div#main p.normal {
 padding: 0 0 0 30px;
}
div#main p.small {
 margin: 18px 0 0 0;
 padding: 0 0 0 30px;
	font-size: 12px;
	line-height: 140%;
}
div#main p.x_small {
	font-size: 9px;
}

div#main div.pagetop a {
	width: 60px;
	height: 17px;
	text-indent: -1000em;
	display: block;
	text-decoration: none;
	background: url(../img_share/main_pagetop.gif) ;
	margin: 0 0 20px 464px;
}

/*トップページ*/
div#main div.top {
 margin: 26px 0 26px 0;
}
div#main div.top img.top {
 float: right;
	margin: 18px 0 0 10px;
}

/*スケジュールと上映作品ページ*/
div#main div.box div.filmtitle {
	margin: 15px 3px 4px 30px;
	background-color: #999;
}
div#main div.box div.filmtitle table {
	width: 470px;/*IE用*/
}
html>body div#main div.box div.filmtitle table {
	width: 490px;/*モダンブラウザ用*/
}
div#main div.box div.filmtitle p {
	margin-right: 2px;
	padding: 3px;
	font-size: 10px;
}
div#main div.box div.filmtitle h4 {
	padding: 1px 0 0 3px;
	font-size: 12px;
	padding: 3px;
}

div#main div.box div.director {
 background: url(../img/film_line.gif) repeat-x;
	margin: 4px 0 0 30px;
}
div#main div.box div.director p {
 font-size: 12px;
	padding-top: 5px;
}

div#main div.box div.time {
 margin: 10px 0px 10px 18px;
	color: #FFFFFF;
	font-size: 14px;
}
div#main div.box div.time a {
	color: #FFFFFF;
}
div#main div.box div.time table.timetable {
	color: #FFFFFF;
	width: 480px;/*IE用*/
}
html>body div#main div.box div.time table.timetable {
	width: 505px;/*モダンブラウザ用*/
}
div#main div.box div.time table.timetable td {
	padding: 2px;
}

div#main div.box div.collabo {
 margin: 10px 0 10px 10px;
}
div#main div.box div.collabo img {
	float: left;
}
div#main div.box div.collabo p {
	font-size: 10px;
	padding-top: 1px;
}

div#main div.box div.profile img {
 float: right;
}

/*スケジュールと上映作品ページ　ゲストミュージシャンページ*/
div#main div.clear {
 clear: both;
}

div#main img.left {
 margin: 0 9px 0 30px;
	float: left;
}

div#main div.profile {
 margin-left: 189px;
}

/*会場へのアクセスページ*/
div#main div.address {
 margin-left: 30px;
	background: url(../img/access_shosuien_mark.gif) no-repeat 0 1px;
	padding-left: 54px;
}

div#main div.url {
 margin-left: 30px;
	background: url(../img/access_url.gif) no-repeat 0 2px;
	padding-left: 80px;
	font-size: 12px;
	line-height: 180%;
}
div#main div.url li {
	list-style-type: none;
}

div#main div.shosuien {
 margin: 10px 0 0 30px;
}

/*会場へのアクセスページ　関連企画ページ*/
div#main img.access {
 margin: 5px 0 5px 30px;
}

/*会場へのアクセスページ　アニメーションスープとはページ*/
div#main span.link {
	background: url(../img_share/main_link.gif) no-repeat 0 3px;
	padding: 2px 0 2px 13px;
}

/*予約についてページ*/
div#main div.ticket {
 margin: 10px 20px 10px 50px;
	border: 1px solid #333333;
	padding: 5px 5px 5px 20px;
	font-size: 14px;
	font-family: Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	color: #333333;
	list-style-position: inside;
}

div#main div.box div.tablebox {
	font-size: 14px;
	font-family: Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	color: #333333;
	padding: 5px 5px 5px 5px;
 border: 3px solid #FF3333;
	margin: 10px 19px 10px 49px;	
}
/*予約についてページ ---> フォームページ*/
div#main div.form {
 background: url(../img_share/main_spoon.gif);
	background-repeat: repeat-y;
	margin-top: 30px;
}

/*アニメーションスープとはページ*/
div#main dl {
	color: #333333;	
 padding: 0 0 0 30px;
}
div#main dt {
 font-size: 14px;
	line-height: 160%;
}
div#main dd {
 font-size: 12px;
	line-height: 160%;
	padding-left: 5px;
}

/*関連企画ページ*/
div#main div.stamp_address {
 margin-left: 30px;
	background: url(../img/stamp_cup_mark.gif) no-repeat 0 1px;
	padding-left: 54px;
}

div#main div.workshp_text {
 height: 409px;
}

div#main div.workshop {
 float: right;
	width: 200px;
	margin-left: 10px;
	height: 414px;
}
div#main div.workshop img {
 margin-bottom: 5px;
}

div#main div.stamp_address p.stamp_small {
	font-size: 12px;
	line-height: 180%;
	border: 1px solid #999;
	margin: 5px 10px 15px 10px;
	padding: 2px 11px 2px 11px ;
}

/*関連企画ページ | 尾道map拡大図*/
div#zoommap {
	width: 900px;
	background: url("../img_share/haikei.gif");
	background-attachment:fixed;
}
div#zoommap a:hover {
 text-decoration: none;
}
div#zoommap div.copy {
	width: 900px;
	height: 25px;
}
div#zoommap div.copy address {
	width: 900px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
	font-size:11px;
	padding-top: 5px;
	text-align: center;
}

/*-------------------------------------------------
menu
メニュー
-------------------------------------------------*/
div#menu {
 float: left;
	padding: 20px 0 0 15px;
	width: 220px;
	text-indent: -1000em;
}

div#menu li {
	list-style-type: none
}

div#menu li a {
 width: 190px;
	height: 40px;
 display: block;
	text-decoration: none;
}

div#menu li.top a {
 background: url(../img_share/menu.gif) 440px 0;
}
div#menu li.top a:hover {
 background: url(../img_share/menu.gif) 219px 1px;
}
div#menu li.top-on {
 width: 190px;
	height: 40px;
 background: url(../img_share/menu.gif)	0 0;
}


div#menu li.film a {
 background: url(../img_share/menu.gif) 440px -52px;
}
div#menu li.film a:hover {
 background: url(../img_share/menu.gif) 219px -51px;
}
div#menu li.film-on {
 width: 190px;
	height: 40px;
 background: url(../img_share/menu.gif) 0 -52px;
}


div#menu li.guest a {
 background: url(../img_share/menu.gif) 440px -104px;
}
div#menu li.guest a:hover {
 background: url(../img_share/menu.gif) 219px -103px;
}
div#menu li.guest-on {
 width: 190px;
	height: 40px;
 background: url(../img_share/menu.gif)	0 -104px;
}


div#menu li.access a {
 background: url(../img_share/menu.gif) 440px -156px;
}
div#menu li.access a:hover {
 background: url(../img_share/menu.gif) 219px -155px;
}
div#menu li.access-on {
 width: 190px;
	height: 40px;
 background: url(../img_share/menu.gif)	0 -156px;
}


div#menu li.ticket a {
 background: url(../img_share/menu.gif) 440px -208px;
}
div#menu li.ticket a:hover {
 background: url(../img_share/menu.gif) 219px -207px;
}
div#menu li.ticket-on {
 width: 190px;
	height: 40px;
 background: url(../img_share/menu.gif)	0 -208px;
}


div#menu li.what a {
 background: url(../img_share/menu.gif) 440px -260px;
}
div#menu li.what a:hover {
 background: url(../img_share/menu.gif) 219px -259px;
}
div#menu li.what-on {
 width: 190px;
	height: 40px;
 background: url(../img_share/menu.gif)	0 -260px;
}


div#menu p.stamp a {
 margin-top: 70px;
 height: 90px;
	display: block;
	background: url(../img_share/menu_sub.gif) 0 0;
	text-indent: -1000em;
	text-decoration: none;
}
div#menu p.stamp a:hover {
	background: url(../img_share/menu_sub.gif) 0 -90px;
}
div#menu p.stamp-on {
 margin-top: 70px;
 width: 220px;
 height: 90px;
	background: url(../img_share/menu_sub.gif) 0 -90px;
}


/*-------------------------------------------------
footer
フッタ
-------------------------------------------------*/
div#footer {
 border-top: 1px solid #008499;
 position:relative;
 background-color:#FFFFFF;
 clear: both;
	width: 790px;
	height: 61px;
}

div#footer address {
 position: absolute;
	top: 0px;
	left: 0px;
	width: 259px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
	font-size:11px;
	padding: 15px 0 0 15px;
	line-height: 150%;
}

div#footer li {
 display: inline;
	list-style-type: none
}


div#footer li.dragon a {
 position: absolute;
	top: 0px;
	left: 259px;
 display: block;
	width: 131px;
	height: 61px;
	text-indent: -1000em;
	text-decoration: none;
	background: url(../img_share/footer_dragon.gif) 0 0;
}
div#footer li.dragon a:hover {
	background: url(../img_share/footer_dragon.gif) 0 -61px;
}

	
div#footer li.paraiso a {
	position: absolute;
	top: 0px;
	left: 390px;
 display: block;
	width: 131px;
	height: 61px;
	text-indent: -1000em;
	text-decoration: none;
	background: url(../img_share/footer_paraiso.gif);
}
div#footer li.paraiso a:hover {
	background: url(../img_share/footer_paraiso.gif) 0 -61px;
}
	
	
div#footer li.peace a {
	position: absolute;
	top: 0px;
	left: 521px;
 display: block;
	width: 131px;
	height: 61px;
	text-indent: -1000em;
	text-decoration: none;
	background: url(../img_share/footer_peace.gif);
}
div#footer li.peace a:hover {
	background: url(../img_share/footer_peace.gif) 0 -61px;
}
	
	
div#footer li.hisamoto a {
 position: absolute;
	top: 0px;
	left: 652px;
 display: block;
	width: 131px;
	height: 61px;
	text-indent: -1000em;
	text-decoration: none;
	background: url(../img_share/footer_hisamoto.gif);
}
div#footer li.hisamoto a:hover {
	background: url(../img_share/footer_hisamoto.gif) 0 -61px;
}