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

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

	プロジェト:	MAP Japan Art Media
	created:	2008-07-01
	ユーザー:	ピエール・アンリ・ラヴィン
	サイト:		http://plaza.bunka.go.jp/

	要約:	DEFAULT
			CONTENT
			SIDEBAR
			ALSO

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


@media screen {

	/*	=DEFAULT

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

	#navbar {padding-bottom: 0;}

	#container {
		width: auto;
		border: 0;
	}

	/*	=CONTENT

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

#content {width: 615px;}

#content h1 {font-size: 1em;}
#content h1 img {vertical-align: top;}

.ja #content h1 {margin: 0 0 21px 0;}

.en #content h1,
.cn #content h1,
.ko #content h1 {margin: 0 0 7px 0;}

#content h3,
#content h3 a {color: #333;}

#content .date-time {color: #999;}
#content .description {color: #666;}

#content .item {}

#content .over {background: #eeeeee;}

#column-1-3{
	position: relative;
	float: left;
	width: 210px;
	padding: 0 0 0 0;
	margin:0 5px 0 0;
	display: inline;
}
#column-2-3{
	position: relative;
	float: left;
	width: 210px;
	padding: 0 0 0 0;
	margin:0;
}
#column-3-3 {
	position: relative;
	float: left;
	width: 200px;
	padding: 0 0px 0 0;
	margin:0 0 0 9px;
	display: inline;
}
* html #column-1-3 {
	padding: 0 0 0 0;
}
* html #column-2-3 {
	padding: 0 0 0 0;
}
* html #column-3-3 {
	padding: 0 0 0 0;
}

.ja #column-1-3,
.ja #column-2-3,
.ja #column-3-3 {font-size: 1.2em;}

.ja #column-1-3 h3,
.ja #column-2-3 h3,
.ja #column-3-3 h3 {font-size: 1em;}

.ja #column-1-3 h3 span,
.ja #column-2-3 h3 span,
.ja #column-3-3 h3 span {font-weight: normal;}

.ja #column-1-3 .intro,
.ja #column-2-3 .intro,
.ja #column-3-3 .intro {
	margin: 0;
	padding: 0;
	height: 39px;
	text-indent: -999em;
}

#column-1-3 .intro {background: url(/images/leads/festival.gif) no-repeat left top;}
#column-2-3 .intro {background: url(/images/leads/museum.gif) no-repeat left top;}
#column-3-3 .intro {background: url(/images/leads/information.gif) no-repeat left top;}

#column-1-1 .date-time em,
#artItem em,
#column-1-3 .date-time em,
#column-2-3 .date-time em,
#column-3-3 .date-time em {
	display: block;
	margin: 0 0 0 0;
/*	width: 22px;*/
	padding: 7px 0 0 0;
/*	background: url(/img/new_icon.png) 0 0 no-repeat;*/
/*	font-size: 0px;*/
}

#column-1-3 .date-time em,
#artItem em,
#column-1-1 .date-time em {background: url(/img/new_icon.png) 0 0 no-repeat;}
#column-2-3 .date-time em {background: url(/img/new_icon.png) 0 0 no-repeat;}
#column-3-3 .date-time em {background: url(/img/new_icon.png) 0 0 no-repeat;}
#column-1-1 .date-time {
/*
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 116px;
	padding: 0 10px 0 0;
*/
	width: 200px;
	clear: both;
}
#column-1-1 .date-time em {float: right;}
#column-1-1 .item {
	width: 494px;
	padding: 8px 0 8px 126px;
	background: url(/common/img/ui/dot.png) repeat-x 0 100%;
}

#content #column-3-3 {padding: 0;}

/* Add */
#plaza_top #content .ui-items h3 {
	clear: both;
}
#column-1-3 .date-time em.newIcon,
#column-2-3 .date-time em.newIcon,
#column-3-3 .date-time em.newIcon {
	display: block;
	padding-right: 3px;
	width: 33px;
	height: 7px;
	float: left;
	background: url(/asset/img/top/new_icon.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 0.1em;
}
#column-1-3 .date-time em.nowIcon,
#column-2-3 .date-time em.nowIcon,
#column-3-3 .date-time em.nowIcon {
	display: block;
	padding-right: 3px;
	width: 33px;
	height: 7px;
	float: left;
	background: url(/asset/img/top/now_icon.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 0.1em;
}

	/*	=SIDEBAR

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

.en #sidebar,
.ko #sidebar {}

.en #sidebar .more,
.ko #sidebar .more {
	float: right;
	text-align: right;
}

#awards {
	overflow: hidden;
	float: left;
	width: 631px;
	padding: 15px 12px 4px 12px;
}

#awards .item {
	float: left;
	width: 283px;
	padding: 0 25px 28px 2px;
}

#awards .item h3 {
	height: auto !important;
	min-height: 21px;
	height: 21px;
}

#awards .item .thumbnail {
	display: block;
	float: left;
	padding: 0 11px 0 0;
}

#awards .item .description p {
	color: #666;
	margin: 0 0 7px 0;
	font-size: 1.2em;
}

#awards .item .description p strong {color: #333;}

#reports {
	float: left;
	width: 215px;
	padding: 15px 25px 24px 5px;
}

#reports ul li {
	color: #666;
	font-size: 1.2em;
}

#reports ul .first {
	padding: 0 0 14px 0;
	line-height: 1.2em;
}

#reports ul .first img {
	display: block;
	margin: 0 0 5px -5px;
}

#reports ul li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#reports ul li a:hover {text-decoration: underline;}

	/*----------------------------------------------------*/
	/*2010_11_edit*/
	/*----------------------------------------------------*/

	/*#header*/
#plaza_top #lang-menu {
	position: relative;
	float: none;
	width: 900px;
	height: 11px;
	margin: 0 auto 10px;
	padding: 0;
}
#plaza_top #lang-menu ul {
	position: absolute;
	top: 0;
	right: 0;
}

/*#content*/
#plaza_top #content{background: none;}
/*#content*/
#plaza_top #content #mainCol{
	margin-bottom: 15px;
	background: url(/asset/img/top/bg_dotline05.gif) repeat-y 212px 0;
}
#plaza_top #content #column-1-1 h2,
#plaza_top #content #column-1-3 h2,
#plaza_top #content #column-2-3 h2,
#plaza_top #content #column-3-3 h2{
	margin-bottom:15px;
	font-size: 1em;
}

#plaza_top #content .ui-items{}
#plaza_top #content .ui-items .item {
	position: relative;
	margin: 0 0 2px 0;
	padding: 0px 0px;
	font-size: 0.95em;
	width:200px;
}

#plaza_top #content #column-1-3 h2,
#plaza_top #content #column-2-3 h2 {
	width: 210px;
}

#plaza_top #content .ui-items#column-1-3 .item,
#plaza_top #content .ui-items#column-2-3 .item {
	margin-left: 5px;
}
	
#plaza_top #content .ui-items .item{
	position:relative;
	margin-bottom:15px;	
}
#plaza_top #content .ui-items .over span.phOverBox{
	position:absolute;
	top:0;
	left:0;
	width:194px;
	height:94px;
	border:3px solid #eeeeee;	
}
#plaza_top #content .ui-items .over span.sPhOverBox{
	position:absolute;
	top:0;
	left:0;
	width:44px;
	height:44px;
	border:3px solid #eeeeee;	
}
	
#plaza_top #content #column-1-1 .more,
#plaza_top #content #column-1-3 .more,
#plaza_top #content #column-2-3 .more,
#plaza_top #content #column-3-3 .more{
	padding-top: 5px;
	text-align:right;
	border-top:1px solid #333333;
}


#plaza_top #content #column-2-3 .int_mark01 {background: url(/asset/img/top/icon_internal.gif) no-repeat right 30%;}
#plaza_top #content #column-2-3 .int_mark02 {background: url(/asset/img/top/icon_local.gif) no-repeat right 30%;}
#plaza_top #content #column-2-3 .int_mark03 {background: url(/asset/img/top/icon_overseas.gif) no-repeat right 30%;}
#plaza_top #content #column-2-3 .int_mark04 {background: url(/asset/img/top/icon_creator.gif) no-repeat right 30%;}

#plaza_top #content #column-3-3 .int_mark01 {background: url(/asset/img/top/icon_15th.gif) no-repeat right 0;}
#plaza_top #content #column-3-3 .int_mark02 {background: url(/asset/img/top/icon_interview.gif) no-repeat right 0;}
#plaza_top #content #column-3-3 .int_mark03 {background: url(/asset/img/top/icon_column.gif) no-repeat right 0;}
#plaza_top #content #column-3-3 .int_mark04 {background: url(/asset/img/top/icon_report.gif) no-repeat right 0;}
#plaza_top #content #column-3-3 .int_mark05 {background: url(/asset/img/top/icon_exinformation.gif) no-repeat right 0;}

#plaza_top #content{
	width:640px;
	float:left;
	padding:0;
	margin:0;
	overflow: hidden;
}
#plaza_top #content .ui-items .item .item_ph{margin-bottom:8px;}
#plaza_top #content .ui-items .bo_line{
	width: 210px;
	background: url(/common/2010/images/bg_dotline03-1.gif) no-repeat 5px 0;
	padding-top:15px;
}
#plaza_top #content .ui-items#column-3-3 .bo_line {
	width: 200px;
	background-position: 0px 0px;
}

/*#sidebarTop*/
#plaza_top #sidebarTop{
	width:245px;
	float:right;
	padding:0px 0 0 0;
	margin:0;
}

#plaza_top #sidebarTop #search-engine {
	float:none;
	width: 245px;
	padding: 8px 0;
	margin-bottom:10px;
}

#plaza_top #sidebarTop h2{
	margin-bottom:10px;
	font-size: 1em;
}

#plaza_top #sidebarTop #tw {}

/*----*/
#plaza_top #sidebarTop h2#h2_file {margin-bottom: 1px;}
#plaza_top #sidebarTop #artItem {margin-bottom:15px;}
#plaza_top #sidebarTop .artItemIn {}
#plaza_top #sidebarTop .item {
	position: relative;
	margin-bottom: 1px;
	padding: 10px 0;
	background: url(/img/bg_dotline_file.gif) repeat-x 0 100%;
}
#plaza_top #sidebarTop .item:hover {background: #eeeeee url(/img/bg_dotline_file.gif) repeat-x 0 100%;}
#plaza_top #sidebarTop .item:hover span.phOverBox {
	position:absolute;
	top: 10px;
	left:0;
	width:59px;
	height:59px;
	border:3px solid #eeeeee;
}

#plaza_top #sidebarTop .artItemIn div {
	float: left;
	width: 65px;
}
#plaza_top #sidebarTop .artItemIn dl {
	float: right;
	width: 168px;
	padding-right:3px;
}
#plaza_top #sidebarTop .artItemIn dt {color: #666666;}
#plaza_top #sidebarTop .artItemIn dd.ttl a:link,
#plaza_top #sidebarTop .artItemIn dd.ttl a:hover,
#plaza_top #sidebarTop .artItemIn dd.ttl a:visited {
	color: #333333;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#plaza_top #sidebarTop p.more {
	padding-top: 6px;
	text-align: right;
}

/*----*/
#plaza_top #sidebarTop #blogItem{
	margin-bottom:15px;
	position:relative;
}
#plaza_top #sidebarTop #blogItem dd{
	position:absolute;
	top:52px;
	left:20px;
	width:210px;
	height:44px;
	overflow-x:hidden;
	overflow-y:hidden;
	color:#666666;
}
#plaza_top #sidebarTop #blogItem dd ul{
	margin: 0px
	padding: 0px;
}
#plaza_top #sidebarTop #blogItem dd li{
	mrgin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}
	
#plaza_top #sidebarTop #blogItem dd a {
	color: #666666;
	text-decoration: none;
}

#plaza_top #sidebarTop #blogItem dd a:hover {
	color: #666666;
	text-decoration: underline;
}



	/*----------------------------------------------------*/
	/*2010_11_edit sj*/
	/*----------------------------------------------------*/

#tw_container {
	background: url(/img/tw_bg.gif) repeat-x 0 100%;
	/*width: 231px;*/
	/*height: 321px;*/
	height: 267px;
	padding: 0px 7px;
	/*font-size: 10px;*/
}

#tw_container a,
#tw_container a:link,
#tw_container a:visited {
	color: #0074bd;
	font-style: normal;
	text-decoration: none;
}

#tw_container a:hover,
#tw_container a:active {
	color: #0074bd;
	font-style:normal;
	text-decoration:underline;
}

#tw_container #tw_overflow {
	overflow: hidden;
	overflow-y: scroll;
	width: 231px;
	/*height: 314px;*/
	height: 260px;
}

#tw_container #tw_overflow #tw_block {
	font-family: "Osaka-等幅";
	padding: 6px;
}

#tw_container #tw_overflow #tw_block .tw_icon {
	float: left;
	text-align: center;
	width: 36px;
}

#tw_container #tw_overflow #tw_block .tw_text {
	/*float: right;*/
	letter-spacing: 0.2em;
	line-height: 140%;
	margin-left: 36px;
	padding: 0px 6px;
}

#tw_container #tw_overflow #tw_block .tw_text span {
	color: #999999;
	display: block;
	/*font-size: 9px;*/
}



#sidebarTop div.news_press {
	margin-bottom: 18px;
	font-size:12px;
	color:#333;
}
#sidebarTop div.news_press dt {
	color:#666666;
	margin-bottom: 5px;
	font-size: 11px;
}
#sidebarTop div.news_press dd {
	margin-bottom: 12px;
	padding-bottom: 12px;
	background: url(/common/2010/images/bg_dotline02.gif) repeat-x 0 100%;
}
#sidebarTop div.news_press dd a:link,
#sidebarTop div.news_press dd a:hover,
#sidebarTop div.news_press dd a:visited {
	color: #333333;
	padding-left: 12px;
	text-decoration: none;
}
#sidebarTop div.news_press dd a:hover {
	text-decoration: underline;
}
#sidebarTop div.news_press dd.icon_blank a {
	background: url(/common/2010/images/icon_blank.gif) no-repeat 0 2px;
}
#sidebarTop div.news_press dd.icon_pdf a {
	background: url(/common/2010/images/icon_pdf.gif) no-repeat 0 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: 21px;
	_height: 21px;
	padding-left: 30px;
	background: url(/festival/images/index/icon01.gif) no-repeat 0 0;
}
.box_fesTop02 ul div.item dt.icon02 {
	background: url(/festival/images/index/icon02.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;
}
.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;
}
/**/
.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;
}


/* Add */
#plaza_top #column-3-3 div.item {
	clear: both;
}
#plaza_top #column-3-3 img.item_ph {
	width: 50px;
	float: left;
	display: inline;
}
#plaza_top #column-3-3 div.areaR {
	width: 138px;
	float: right;
	display: inline;
}

/* Press release */
div.pressList {
}
div.pressList dl {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	width: 634px;
	height: 175px;
	overflow: auto;
}
div.pressList dl dt {
	margin: 0 0 0 0;
	padding: 12px 0 3px 0;
	font-size: 120%;
	line-height: 1.3;
	color: #666;
}
div.pressList dl dd {
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
	font-size: 120%;
	line-height: 1.3;
	color: #333;
	background: url(/common/2010/images/bg_dotline03-1.gif) repeat-x left bottom;
}
div.pressList dl dd.icon_pdf a {
	padding-left: 12px;
	background: url(/common/2010/images/icon_pdf.gif) no-repeat 0 2px;
}

div.pressList dl a:link { color: #333; text-decoration: none; }
div.pressList dl a:visited { color: #333; text-decoration: none; }
div.pressList dl a:hover { color: #333; text-decoration:underline; }
div.pressList dl a:active { color: #333; text-decoration:underline; }

/* Blog list */
div.blogList {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 634px;
	height: 182px;
	background: url(/asset/img/top/bg_blog_head.jpg) no-repeat left top;
	position: relative;
}
div.blogList h2 {
	margin: 0 0 0 0;
	font-size: 0.1em;
	position: absolute;
	left: 15px;
	top: 15px;
}
div.blogList .foot {
	position:relative;
	background:url(/asset/img/top/bg_blog_foot.jpg) no-repeat left bottom;
	top:162px;
	height:20px;
}
div.blogList dl {
	margin:0;
	padding: 5px 0 0 10px;
	width: 596px;
	height: 115px;
	overflow: auto;
	position: absolute;
	left: 12px;
	top: 48px;
	background:#FFF;
	border:1px dotted #CCC;
	z-index:5;
}
div.blogList dl dt {
	margin: 0 0 0 0;
	padding: 0px 0 3px 0;
	font-size: 110%;
	line-height: 1.3;
	color: #666;
}
div.blogList dl dd {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	font-size: 110%;
	line-height: 1.3;
	color: #666;
}

div.blogList dl a:link { color: #666; text-decoration: none; }
div.blogList dl a:visited { color: #666; text-decoration: none; }
div.blogList dl a:hover { color: #666; text-decoration:underline; }
div.blogList dl a:active { color: #666; text-decoration:underline; }

#plaza_top #content .ui-items h3 {
	clear: both;
}