bamm@charset "UTF-8";

/*------------------------------------------------------
	CSS Document (http://www.w3.org/Style/CSS/)

	プロジェト:	MAP Japan Art Media
	created:	2009-06-10
	ユーザー:		Harumi Hoshina
	サイト:		http://plaza.bunka.go.jp/
--------------------------------------------------------

 0) = common
 1) = nav
 2) = nav-third
 3) = navi-whatsnew
 4) = index
      = common
      = banner
      = topics
      = latest
      = works
      = report

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

/* 0) = common

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

#container, #wrapper {/*styles.css (197 行目)*/
	border-top: none;
}

#main {font-size: 12px;}

#footer {
	_border-top: 1px solid #FFF;
}

/* 1) = nav

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

.ja #nav2 strong a,
.ja #nav2 strong a span {
	height: 45px;
}

/*for Safari */

/*\*/ 

html*.ja #navbar ul li ul {margin-top: -28px;}

/*\*/ 

html*.fes #main {padding-top: 30px;}

/*\*/ 

html*.fes #primary {padding-top: 30px;}

/*\*/ 

html*#navbar {/*styles.css*/
	padding:0 0 17px;
}

/* for IE6 */

* html .ja #navbar ul li ul {margin-top: 0;}

/*for IE7 */

*+html .ja #navbar ul li ul {margin-top: 0;}

*+html #navbar {/*styles.css*/
	padding:0 0 14px 0;
}

.ja #navbar ul li ul {background-position: 0 -263px;}

.ja #sub-nav1 a,
.ja  #sub-nav1 a span {
	width: 186px;
}

.ja #sub-nav2 a,
.ja #sub-nav2 a span,
.ja #sub-nav3 a,
.ja #sub-nav3 a span,
.ja #sub-nav4 a,
.ja #sub-nav4 a span,
.ja #sub-nav5 a,
.ja #sub-nav5 a span,
.ja #sub-nav6 a,
.ja #sub-nav6 a span,
.ja #sub-nav7 a,
.ja #sub-nav7 a span,
.ja #sub-nav8 a,
.ja #sub-nav8 a span,
.ja #sub-nav9 a,
.ja #sub-nav9 a span,
.ja #sub-nav10 a,
.ja #sub-nav10 a span,
.ja #sub-nav11 a,
.ja #sub-nav11 a span,
.ja #sub-nav12 a,
.ja #sub-nav12 a span,
.ja #sub-nav13 a,
.ja #sub-nav13 a span,
.ja #sub-nav14 a,
.ja #sub-nav14 a span,
.ja #sub-nav15 a,
.ja #sub-nav15 a span {
	width: 43px;
}

.ja #sub-nav16 a,
.ja #sub-nav16 a span {
	width: 91px;
}

/*
.ja #sub-nav1 a span { background-position: -0 -263px; }
.ja #sub-nav2 a span { background-position: -186px -263px; }
.ja #sub-nav3 a span { background-position: -231px -263px; }
.ja #sub-nav4 a span { background-position: -276px -263px; }
.ja #sub-nav5 a span { background-position: -321px -263px; }
.ja #sub-nav6 a span { background-position: -366px -263px; }
.ja #sub-nav7 a span { background-position: -411px -263px; }
.ja #sub-nav8 a span { background-position: -456px -263px; }
.ja #sub-nav9 a span { background-position: -501px -263px; }
.ja #sub-nav10 a span { background-position: -546px -263px; }
.ja #sub-nav11 a span { background-position: -591px -263px; }
.ja #sub-nav12 a span { background-position: -636px -263px; }
.ja #sub-nav13 a span { background-position: -681px -263px; }
.ja #sub-nav14 a span { background-position: -726px -263px; }
.ja #sub-nav15 a span { background-position: -771px -263px; }

.ja #sub-nav1 a:hover span { background-position: 0 -287px; }
.ja #sub-nav2 a:hover span { background-position: -186px -287px; }
.ja #sub-nav3 a:hover span { background-position: -231px -287px; }
.ja #sub-nav4 a:hover span { background-position: -276px -287px; }
.ja #sub-nav5 a:hover span { background-position: -321px -287px; }
.ja #sub-nav6 a:hover span { background-position: -366px -287px; }
.ja #sub-nav7 a:hover span { background-position: -411px -287px; }
.ja #sub-nav8 a:hover span { background-position: -456px -287px; }
.ja #sub-nav9 a:hover span { background-position: -501px -287px; }
.ja #sub-nav10 a:hover span { background-position: -546px -287px; }
.ja #sub-nav11 a:hover span { background-position: -591px -287px; }
.ja #sub-nav12 a:hover span { background-position: -636px -287px; }
.ja #sub-nav13 a:hover span { background-position: -681px -287px; }
.ja #sub-nav14 a:hover span { background-position: -726px -287px; }
.ja #sub-nav15 a:hover span { background-position: -771px -287px; }

.ja #sub-nav1 strong a span,
.ja #sub-nav1 strong a:hover span { background-position: 0 -311px; }
.ja #sub-nav2 strong a span,
.ja #sub-nav2 strong a:hover span { background-position: -186px -311px; }
.ja #sub-nav3 strong a span,
.ja #sub-nav3 strong a:hover span { background-position: -231px -311px; }
.ja #sub-nav4 strong a span,
.ja #sub-nav4 strong a:hover span { background-position: -276px -311px; }
.ja #sub-nav5 strong a span,
.ja #sub-nav5 strong a:hover span { background-position: -321px -311px; }
.ja #sub-nav6 strong a span,
.ja #sub-nav6 strong a:hover span { background-position: -366px -311px; }
.ja #sub-nav7 strong a span,
.ja #sub-nav7 strong a:hover span { background-position: -411px -311px; }
.ja #sub-nav8 strong a span,
.ja #sub-nav8 strong a:hover span { background-position: -456px -311px; }
.ja #sub-nav9 strong a span,
.ja #sub-nav9 strong a:hover span { background-position: -501px -311px; }
.ja #sub-nav10 strong a span,
.ja #sub-nav10 strong a:hover span { background-position: -546px -311px; }
.ja #sub-nav11 strong a span,
.ja #sub-nav11 strong a:hover span { background-position: -591px -311px; }
.ja #sub-nav12 strong a span,
.ja #sub-nav12 strong a:hover span { background-position: -636px -311px; }
.ja #sub-nav13 strong a span,
.ja #sub-nav13 strong a:hover span { background-position: -681px -311px; }
.ja #sub-nav14 strong a span,
.ja #sub-nav14 strong a:hover span { background-position: -726px -311px; }
.ja #sub-nav15 strong a span,
.ja #sub-nav15 strong a:hover span { background-position: -771px -311px; }
*/

.ja #sub-nav1 a span { background-position: -0 -263px; }
.ja #sub-nav2 a span { background-position: -186px -263px; }
.ja #sub-nav3 a span { background-position: -229px -263px; }
.ja #sub-nav4 a span { background-position: -272px -263px; }
.ja #sub-nav5 a span { background-position: -315px -263px; }
.ja #sub-nav6 a span { background-position: -358px -263px; }
.ja #sub-nav7 a span { background-position: -401px -263px; }
.ja #sub-nav8 a span { background-position: -444px -263px; }
.ja #sub-nav9 a span { background-position: -487px -263px; }
.ja #sub-nav10 a span { background-position: -530px -263px; }
.ja #sub-nav11 a span { background-position: -573px -263px; }
.ja #sub-nav12 a span { background-position: -616px -263px; }
.ja #sub-nav13 a span { background-position: -659px -263px; }
.ja #sub-nav14 a span { background-position: -702px -263px; }
.ja #sub-nav15 a span { background-position: -745px -263px; }
.ja #sub-nav16 a span { background-position: -788px -263px; }
.ja #sub-nav1 a:hover span { background-position: 0 -287px; }
.ja #sub-nav2 a:hover span { background-position: -186px -287px; }
.ja #sub-nav3 a:hover span { background-position: -229px -287px; }
.ja #sub-nav4 a:hover span { background-position: -272px -287px; }
.ja #sub-nav5 a:hover span { background-position: -315px -287px; }
.ja #sub-nav6 a:hover span { background-position: -358px -287px; }
.ja #sub-nav7 a:hover span { background-position: -401px -287px; }
.ja #sub-nav8 a:hover span { background-position: -444px -287px; }
.ja #sub-nav9 a:hover span { background-position: -487px -287px; }
.ja #sub-nav10 a:hover span { background-position: -530px -287px; }
.ja #sub-nav11 a:hover span { background-position: -573px -287px; }
.ja #sub-nav12 a:hover span { background-position: -616px -287px; }
.ja #sub-nav13 a:hover span { background-position: -659px -287px; }
.ja #sub-nav14 a:hover span { background-position: -702px -287px; }
.ja #sub-nav15 a:hover span { background-position: -745px -287px; }
.ja #sub-nav16 a:hover span { background-position: -788px -287px; }

.ja #sub-nav1 strong a span,
.ja #sub-nav1 strong a:hover span { background-position: 0 -311px; }
.ja #sub-nav2 strong a span,
.ja #sub-nav2 strong a:hover span { background-position: -186px -311px; }
.ja #sub-nav3 strong a span,
.ja #sub-nav3 strong a:hover span { background-position: -229px -311px; }
.ja #sub-nav4 strong a span,
.ja #sub-nav4 strong a:hover span { background-position: -272px -311px; }
.ja #sub-nav5 strong a span,
.ja #sub-nav5 strong a:hover span { background-position: -315px -311px; }
.ja #sub-nav6 strong a span,
.ja #sub-nav6 strong a:hover span { background-position: -358px -311px; }
.ja #sub-nav7 strong a span,
.ja #sub-nav7 strong a:hover span { background-position: -401px -311px; }
.ja #sub-nav8 strong a span,
.ja #sub-nav8 strong a:hover span { background-position: -444px -311px; }
.ja #sub-nav9 strong a span,
.ja #sub-nav9 strong a:hover span { background-position: -487px -311px; }
.ja #sub-nav10 strong a span,
.ja #sub-nav10 strong a:hover span { background-position: -530px -311px; }
.ja #sub-nav11 strong a span,
.ja #sub-nav11 strong a:hover span { background-position: -573px -311px; }
.ja #sub-nav12 strong a span,
.ja #sub-nav12 strong a:hover span { background-position: -616px -311px; }
.ja #sub-nav13 strong a span,
.ja #sub-nav13 strong a:hover span { background-position: -659px -311px; }
.ja #sub-nav14 strong a span,
.ja #sub-nav14 strong a:hover span { background-position: -702px -311px; }
.ja #sub-nav15 strong a span,
.ja #sub-nav15 strong a:hover span { background-position: -745px -311px; }
.ja #sub-nav16 strong a span,
.ja #sub-nav16 strong a:hover span { background-position: -788px -311px; }

/* 2) = nav-third

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

#navi-third {margin-top: 9px;}

#top #navi-third ul li {font-size:1.2em;}

#festival #navi-third ul li {font-size:1em;}

/* for IE7 */

*+html #navi-third h2 {/*main.css (40 行目)*/
	line-height: 1; /* ←これを入れないとbackground-imageが出ない */
	padding: 8px 0 8px 8px; /* ←padding-top, padding-bottom を2倍にする */
}

/* for IE6 */

#navi-third h2 {/*main.css (40 行目)*/
	_line-height: 1; /* ←これを入れないとbackground-imageが出ない */
	_padding: 8px 0 8px 8px; /* ←padding-top, padding-bottom を2倍にする */
}

/* 3) = navi-whatsnew

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

#navi-whatsnew {font-size:1.16em;}

/* 4) = index

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

/* = common */

.topics,
.latest {
margin-bottom: 30px;
font-size: 1.2em;
color: #666;
}

.topics a,
.latest a {
color: #333;
text-decoration: none;
}

.topics h1,
.latest h2,
.latest h3,
.latest .works .categories h4 {
text-indent: -9999em;
}

/* = banner */

.topics h1 a {
display: block;
width: 621px;
height: 353px;
background: url(../images/banners/bn_fes_top.jpg) no-repeat left top;
}

/* = topics */

#column-1-1,
#column-1-1-press {
	/*margin-top: 2px;*/
	margin-top: 20px;
}

#column-1-1 .item,
#column-1-1-press .item {
	width: 494px;
	padding:4px 0 4px 126px;
	background: url(/common/img/ui/dot.png) repeat-x 0 100%;
	font-size: 1em;
}

#column-1-1 .date-time,
#column-1-1-press .date-time {
	top:6px;
	/*font-size: 1.2em;*/
}

#column-1-1 .date-time em {
	overflow: hidden;
	display: block;
	float: left;
	width: 22px;
	height: 0;
	margin: 2px 0 0 0;
	padding: 11px 6px 0 0;
	background-image: url(/common/img/icons/icons.png) no-repeat;
	font-size: 0px;
}

#column-1-1 .date-time em {background-position: -8px -100px;}

#column-1-1 .date-time em {
	margin: 1px 0 0 0;
	float: right;
}

#column-1-1 .date-time,
#column-1-1-press .date-time {
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 116px;
	padding: 0 10px 0 0;
}

#content .item h3 {
font-weight: normal;
font-size: 1em;
_font-size: 1.2em;
}

* html #content .topics .item h3 {
	font-size: 12px;
	line-height: 15px;
}

#content .item h3 a {color: #666;}
#content .item h3 a:hover {color: #2F2F2F;}

#festival #contents h2 {
	_padding-bottom: 1px;	/* これを入れないとimgのheightが表示されない */
}

.topics .ui-items .tit-press {
	width: 616px;
	margin: 0;
	padding:4px 0 0 0;
	background: url(/common/img/ui/dot.png) repeat-x 0 100%;
	zoom: 1;
}

.topics .ui-items .tit-press:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.topics .ui-items .tit-press h2 {
	width: 300px;
	float: left;
	font-size: 1.1em;
	color: #333;
	background-image: none;
	border-bottom: none;
}

.topics .ui-items .tit-press p.more {
	width: 10em;
	padding:0 0 0 9px;
	float: right;
	font-size: 0.9em;
	text-align: right;
	background: url(/festival/img/icons/arrow.png) no-repeat 0 50%;
}

/*for Safari3 */

body:first-of-type .topics .ui-items .tit-press p.more {width: 11em;}

/*for Safari2 \*/

html:\66irst-child body:first-of-type .topics .ui-items .tit-press p.more {width: 11em;}

/*for IE6,IE7 */

.topics .ui-items .tit-press p.more {
/width: 10.6em;
}

.topics .ui-items .tit-press p.more a {
	color: #BE3735;
	font-weight: bold;
	text-decoration: none;
}

.topics .ui-items .tit-press p.more a:hover {
	text-decoration: underline;
}

/* = shiryo */

.topics .ui-items .tit-shiryo {
	width: 616px;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.topics .ui-items .tit-shiryo:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}

.topics .ui-items .tit-shiryo p.more {
width: 33em;
margin: 0;
padding:0 0 0 9px;
float: right;
font-size: 0.9em;
text-align: right;
background: url(/festival/img/icons/arrow.png) no-repeat 0 50%;
}

.topics .ui-items .tit-shiryo p.more {
/width: 10.6em;
}

.topics .ui-items .tit-shiryo p.more a {
color: #BE3735;
font-weight: bold;
text-decoration: none;
}
.topics .ui-items .tit-shiryo p.more a:hover {text-decoration: underline;}

/*for Safari3 */

body:first-of-type .topics .ui-items .tit-shiryo p.more {width: 35em;}

/*for Safari2 \*/

html:\66irst-child body:first-of-type .topics .ui-items .tit-shiryo p.more {
width: 35em;
}

/*for IE6,IE7 */

.topics .ui-items .tit-shiryo p.more {
/width: 36em;
}

.topics .ui-items .tit-shiryo p.more a {
color: #BE3735;
font-weight: bold;
text-decoration: none;
}

.topics .ui-items .tit-shiryo p.more a:hover {text-decoration: underline;}


/* = latest */

.latest {
background-color: #F2F2F2;
padding: 12px 0 18px 0;
}

.latest h2 {margin-bottom: 12px;}

.latest h2 a {
display: block;
width: 615px;
height: 25px;
background: url(../images/titles/maf_2008.gif) no-repeat left top;
}

/* = works */

.latest .works h3 {margin: 0 0 0 15px;}

.latest .works h3 a {
display: block;
width: 110px;
height: 27px;
background: url(../images/titles/works.gif) no-repeat left top;
}

.latest .works p {margin: 0 0 20px 13px;}

.latest .works,
.latest .works .categories {
zoom: 1;
}

.latest .works:after,
.latest .works .categories:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}

.latest .works .categories {
position: relative;
float: left;
height: auto !important;
min-height: 100px;
height: 100px;
padding: 0 0 29px 15px;
}

.latest .works .art,
.latest .works .animation,
.latest .works .entertainment,
.latest .works .comic {
width: 290px;
}

.latest .works .art .item,
.latest .works .animation .item,
.latest .works .entertainment .item,
.latest .works .comic .item {
_height: 100px;
}

.latest .works .entertainment,
.latest .works .comic {
padding: 0 0 29px 10px;
}

* html .latest .works .comic {_margin-right: -3px;}

.latest .works .categories h4		{height: 23px;}
.latest .works .art h4				{background: url(../images/titles/art.gif) no-repeat left top;}
.latest .works .animation h4		{background: url(../images/titles/animation.gif) no-repeat left top;}
.latest .works .entertainment h4	{background: url(../images/titles/entertainment.gif) no-repeat left top;}
.latest .works .comic h4			{background: url(../images/titles/comic.gif) no-repeat left top;}

.latest .works .categories dt {
margin: 2px 0 1px 0;
font-size: 1em;
font-weight: bold;
}

.latest .works .categories p {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	float: left;
}

.latest .works .categories p a,
.latest .works .categories p a img {
	display: inline;
}

.latest .works .categories dl {float: right;}

.latest .works .art dl,
.latest .works .animation dl {
overflow: hidden;
width: 180px;
}

.latest .works .entertainment dl,
.latest .works .comic dl {
overflow: hidden;
width: 180px;
}

.latest .works .categories dd.artist {margin-bottom: 8px;}

/* = report */

.latest .report h3 {margin: 0 0 0 15px;}

.latest .report h3 a {
display: block;
width: 252px;
height: 27px;
background: url(../images/titles/report.gif) no-repeat left top;
}

.latest .report p {margin: 0 0 15px 19px;}

.latest .report div {margin: 0 32px 0 19px;}

.latest .report div dl {
width: 335px;
float: right;
}

.latest .report div dt,
.latest .report div dd {padding: 3px 5px;}

.latest .report div dt {margin: 0 0 0 1px;}

.latest .report div dt a {font-weight: bold;}

.latest .report div dd {margin: 0 0 10px 0;}

.latest .report div p {
width: 220px;
float: left;
margin: 0;
}

.categories .item,
.latest .report .item {
	overflow: hidden;
}

body.fes .works .categories .over,
.categories .over,
.latest .report .over {
background-color: #D1D1D1;
}

.latest .works .art .over,
.latest .works .animation .over,
.latest .works .entertainment .over,
.latest .works .comic .over {
_background-color: #D1D1D1;
}

/* = bnr*/

#bnr ul li{float:left;}

#bnr .bnr_left img{margin-left: 4px;}

#bnr .bnr_right img{
float:none;
margin-left: 30px;
}

/* いろんなページ

============================*/

.fes #contents {font-size: 1.1em;}

/* 国内外の展示 > レポート

============================*/

.repo #contents {
/*font-size: 1.1em;*/
}

.image-left {
float: left;
margin: 0 10px 0 0;
}

.image-right {
float: right;
margin: 0 0 0 10px;
}

.repo table,
.repo td,
.repo th,
.repo tr {
margin: 0;
padding: 0;
}

.repo table img {
margin-bottom: 1px;
line-height: 1;
}

.repo td.caption-part {border-bottom: 1px solid #000;}

p.attention img{
margin-top: 10px;
margin-bottom: 15px;
}


/* 08.21 Add to Festival Top 
=====================================================================*/
.lead {
	line-height:1.7;
}
div#fesBannerArea {
	width:580px;
	background: #f5f5f5;
	margin:17px 0 0 22px;
}
div#fesBannerAreaInner{
	padding:11px 13px 11px 10px;
}
div#fesBannerArea ul {
	width:560px;
}
div#fesBannerArea ul li {
	float:left;
	margin-left:0px;
	width:270px;
	display:inline;
}
div#fesBannerArea ul li.line1 {
	margin-bottom:20px;
}
div#fesBannerArea ul li.even {
	margin-left:20px;
}
span.specialSite {
	display: block;
	margin-top: 2px;
}




/* 10.11 Add to Festival Top
=====================================================================*/
body.ja.nav1_festival.snav0 {
}
body.ja.nav1_festival.snav0 * {
}

.box_fesTop01 {
	position: relative;
	margin-bottom: 7px;
}
.box_fesTop02 {
	float: left;
	width: 305px;
	margin-bottom: 25px;
}
.box_fesTop03 {
	float: right;
	width: 305px;
	margin-bottom: 25px;
}

.box_fesTop01 ul {
	position: relative;
	left: -20px;
	width: 650px;
	padding-top: 1px;
}
.box_fesTop02 ul,
.box_fesTop03 ul {
	width: 305px;
	margin-bottom: 10px;
	padding-top: 1px;
}

.box_fesTop01 ul li {
	float: left;
	width: 305px;
	color: #333333;
	margin-bottom: 1px;
	padding: 0 0 0 20px;
	font-weight: bold;
}
.box_fesTop02 ul li,
.box_fesTop03 ul li {
	width: 305px;
	color: #333333;
	margin-bottom: 1px;
	font-weight: bold;
}
/**/
.box_fesTop01 ul div.item,
.box_fesTop02 ul div.item,
.box_fesTop03 ul div.item {
	position: relative;
	width: 305px;
	padding: 10px 0;
	vertical-align: bottom;
	background: url(/common/2010/images/bg_dotline04.gif) repeat-x 0 100%;
}
.box_fesTop01 ul div.item img {
	float: left;
	width: 100px;
	padding-right: 15px;
}
.box_fesTop02 ul div.item img,
.box_fesTop03 ul div.item img {
	float: left;
	width: 75px;
	padding-right: 15px;
}
/**/
.box_fesTop01 ul div.item dl {
	float: right;
	width: 190px;
}
.box_fesTop02 ul div.item dl,
.box_fesTop03 ul div.item dl {
	float: right;
	width: 215px;
}
/**/
.box_fesTop01 ul div.item dt,
.box_fesTop02 ul div.item dt,
.box_fesTop03 ul div.item dt {
	margin-bottom: 10px;
	font-weight: bold;
}
.box_fesTop03 ul div.item dt.icon01,
.box_fesTop02 ul div.item dt.icon02,
.box_fesTop03 ul div.item dt.icon02,
.box_fesTop02 ul div.item dt.icon03,
.box_fesTop03 ul div.item dt.icon03,
.box_fesTop02 ul div.item dt.icon04,
.box_fesTop03 ul div.item dt.icon04 {
	min-height: 23px;
	_height: 23px;
	padding-left: 30px;
	/*background: url(/festival/images/index/icon01.gif) no-repeat 0 0;*/
	background: url(/asset/img/festival/icon.event.abroad.gif) no-repeat 0 0;
}
.box_fesTop02 ul div.item dt.icon02 {
	/*background: url(/festival/images/index/icon02.gif) no-repeat 0 0;*/
	background: url(/asset/img/festival/icon.event.local.gif) no-repeat 0 0;
}
.box_fesTop02 ul div.item dt.icon03,
.box_fesTop03 ul div.item dt.icon03 {
	/*background: url(/festival/images/index/icon03.gif) no-repeat 0 0;*/
	background: url(/asset/img/festival/icon.event.project.domestic.gif) no-repeat 0 0;
}
.box_fesTop02 ul div.item dt.icon04,
.box_fesTop03 ul div.item dt.icon04 {
	/*background: url(/festival/images/index/icon04.gif) no-repeat 0 0;*/
	background: url(/asset/img/festival/icon.event.project.overseas.gif) no-repeat 0 0;
}
/**/
.box_fesTop01 ul div.item dd,
.box_fesTop02 ul div.item dd,
.box_fesTop03 ul div.item dd {
	font-weight: normal;
}

/**/
.box_fesTop01 ul div.item:hover,
.box_fesTop02 ul div.item:hover,
.box_fesTop03 ul div.item:hover {
	background-color: #eeeeee;
}
.box_fesTop01 ul li:hover div.ov_thumb,
.box_fesTop02 ul li:hover div.ov_thumb,
.box_fesTop03 ul li:hover div.ov_thumb {
	position: absolute;
	top: 10px;
	left: 0;
	width: 94px;
	height: 94px;
	border: 3px solid #eeeeee;
	z-index: 10;
}
.box_fesTop02 ul li:hover div.ov_thumb,
.box_fesTop03 ul li:hover div.ov_thumb {
	width: 69px;
	height: 69px;
}

/**/
.box_fesTop01 ul a:link,
.box_fesTop01 ul a:hover,
.box_fesTop01 ul a:visited,
.box_fesTop02 ul a:link,
.box_fesTop02 ul a:hover,
.box_fesTop02 ul a:visited,
.box_fesTop03 ul a:link,
.box_fesTop03 ul a:hover,
.box_fesTop03 ul a:visited {
	color: #333333;
	text-decoration: none;
}


/* 10.11 Add to Festival archive.php
=====================================================================*/

.box_fesArchive {
	position: relative;
}

/**/
.box_fesArchive ul {
	position: relative;
	left: -20px;
	width: 650px;
	padding-top: 2px;
	background: url(/festival/images/archive/bg_dotline01.gif) no-repeat 100% 0;
}

.box_fesArchive ul li {
	float: left;
	width: 305px;
	color: #333333;
	margin-bottom: 1px;
	padding: 0 0 0 20px;
	font-weight: bold;
}
/**/
.box_fesArchive ul div.item {
	position: relative;
	width: 305px;
	padding: 10px 0 10px 0;
	background: url(/common/2010/images/bg_dotline04.gif) repeat-x 0 100%;
}
.box_fesArchive ul div.item img {
	float: left;
	width: 75px;
	padding-right: 22px;
	vertical-align: baseline;
}
.box_fesArchive ul div.item:hover {
	background-color: #eeeeee;
}
.box_fesArchive ul li:hover div.ov_thumb {
	position: absolute;
	top: 10px;
	left: 0;
	width: 69px;
	height: 69px;
	border: 3px solid #eeeeee;
	z-index: 10;
}

/**/
.box_fesArchive ul a:link,
.box_fesArchive ul a:hover,
.box_fesArchive ul a:visited {
	color: #333333;
	text-decoration: none;
}
.box_fesArchive ul div.item a {
}




/* 10.11 Add to Festival event/index.php, event-abroad.php
=====================================================================*/

/*----*/
ul.list_inpageLink01 {
	width: 630px;
	margin-bottom: 20px;
	padding-bottom: 21px;
	background: url(/common/2010/images/bg_dotline02.gif) repeat-x 0 100%;
}
ul.list_inpageLink01 li {
	float: left;
	width: auto;
	padding-right: 3px;
}
ul.list_inpageLink01 li.end {
	padding-right: 0;
}

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

p.keyvisual {
	margin:0 0 40px;
}

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

ul.tab {
	/* background:url(/asset/img/festival/2011/border.event.tab.gif) no-repeat center bottom; */
	border-bottom:1px dotted #D5D6D6;
	margin:0 0 30px;
}

ul.tab li {
	width:200px;
	height:40px;
	background:url(/asset/img/festival/2011/tab.event.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	border-top:1px solid #D5D6D6;
	border-right:1px solid #D5D6D6;
	border-left:1px solid #D5D6D6;
}

ul.tab li.exhibition {background-position:-26px 0;}
ul.tab li.exhibition.on {background-position:-26px -40px;}
ul.tab li.movie {background-position:-276px 0;}
ul.tab li.movie.on {background-position:-276px -40px;}


/*----*/
.box_btmline {
	margin-bottom: 6px;
	background: url(/common/2010/images/bg_dotline02.gif) repeat-x 0 100%;
}
/**/
.box_event {padding: 20px 0 0;}
.box_event .thumb_event {
	float: left;
	width: 170px;
}
.box_event .thumb_event p.credit {
	padding:5px 0;
	font-size:10px;
}
.box_event dl {
	float: right;
	width: 440px;
}
.without_img .box_event dl {
	float:none;
	width:630px;
	border-bottom:1px solid #DDD;
}
.box_event dt {
	margin-bottom: 10px;
	font-weight: bold;
}
.box_event dd {margin-bottom: 15px;}
.box_event dd.txt_body {margin-bottom: 10px;}

.box_event dd.remark {
	border:#666 solid 1px;
	padding:10px;
}

.box_event dd.remark .img {
	width:60px;
	float:right;
}

.box_event dd.remark .text {
	width:343px;
	float:left;
}

/*----*/

p.btn_toTop {
	margin-bottom: 35px;
	text-align: right;
}
p.btn_past {
	margin: 0;
	text-align: right;
}

/*----*/
.box_event dd ul.list_past li {
	float: left;
	width: auto;
	padding-right: 15px;
}
#festival .box_event dd ul.list_past li a:link,
#festival .box_event dd ul.list_past li a:hover,
#festival .box_event dd ul.list_past li a:visited {
	color: #1B97D9;
}

/*----*/
#contents630 #blogItem{
	font-size: 11px;
	margin-bottom:20px;
	position:relative;
}
#contents630 #blogItem dd{
	position:absolute;
	top:40px;
	left:24px;
	width:592px;
	height:80px;
	overflow-x:hidden;
	overflow-y:scroll;
	color:#666666;
}
#contents630 #blogItem dd ul{
	margin: 0px
	padding: 0px;
}
#contents630 #blogItem dd li{
	mrgin: 0px;
	padding: 0px;
	margin-top: 4px;
}

#contents630 #blogItem dd li a {
	color: #666666;
	text-decoration: none;
}

#contents630 #blogItem dd li a:hover {text-decoration: underline;}

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

		2011 navigation

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

#nav2011 {
	margin:9px 0 15px 0;
}

#nav2011 h2.navTtl {
	color: #333;
	height: auto;
	padding: 16px 7px 10px;
	text-indent: 0;
	line-height: 1;
	font-size: 14px;
	background: url(/common/2010/images/festival/bg_side_fes01.gif) repeat-x 0 0;
}

#nav2011 ul {
	background: url(/festival/images/navi/dot_line_245.gif) no-repeat top;
}

#nav2011 li {
	background: url(/festival/images/navi/dot_line_245.gif) no-repeat bottom;
	font-size: small;
	margin: 0;
	padding: 4px 0 4px 8px;
	zoom: 1;
}

#nav2011 li a {
	background: url(/festival/images/navi/square_off.gif) 0 46% no-repeat;
	padding: 0 0 0 9px;
	display: block;
}
#nav2011 li a:hover {
	text-decoration:underline;
	color:#333;
}

#nav2011 ul.sublist {
	background: none;
	display: none;
	padding:4px 0;
}

#nav2011 ul.sublist li {
	background: none;
	padding:2px 0 2px 8px
}

#nav2011 ul.sublist li a {
	background: none;
	font-size:13px;
}

.outline #nav2011 #sideNavOutline > a,
.winner #nav2011 #sideNavAward > a,
.recommend #nav2011 #sideNavRecommend > a, .winner #nav2011 #sideNavAwardList a {
	color:#333;
	background: url(/festival/images/navi/square_on.gif) 0 46% no-repeat;
}

.winner #nav2011 #sideNavAward ul.sublist, .recommend #nav2011 #sideNavRecommend ul.sublist {
	display:block;
}