@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
structure
---------------------------------------------------------------*/
/*--------------------------------------------------------------
 header
---------------------------------------------------------------*/
/*--------------------------------------------------------------
contents
---------------------------------------------------------------*/
#contents{
	line-height: 1.2;
	padding: 8px;
}
/* メインイメージ */
#contents #main{
	background: url(../images/top/bg_main.gif) left top no-repeat;
	width: 693px;
	padding-top: 1px;
	font-size: 12px;
	padding-bottom:0;
}
/*
	SLIDER
*/
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 677px; height: 250px; margin: 8px;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 677px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
tive-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }

#movers-row{ 
	margin: 0px;
	height: 30px;
}
#movers-row ul li{
	float: left;
	background: url(../images/top/bg_btnMain.jpg) left top  no-repeat;
	padding: 5px 5px 4px;
	width: 158px;
	text-decoration: none;
	border-right: 1px solid #A5A5A5;
	overflow: hidden;
	height: 26px;
}
#movers-row ul li.left{
	border-left: 1px solid #A5A5A5;
}
#movers-row ul li a{
	text-decoration: none;
}
#movers-row ul li{
	line-height: 1.2;
}
#movers-row ul li span{
	float: left;
}
/* トピックス */
#contents #topics li span{
	font-weight: bold;
	margin-right: 10px;
}
#contents #topics li{
	background: url(../images/common/ico_inlink.gif) left center no-repeat;
	padding-left: 17px;
}
/* 展覧会レポート */

#contents #report .wrap{
	padding-right: 5px;
	padding-right: 5px;
}
#contents #report .post{
	width: 315px;
	margin-right: 15px;
	float: left;
	border-bottom: 1px dotted #B4B4B4;
	padding-bottom: 20px;
}
#contents #report dl{
	width: 180px;
	float: right;
}
/*#contents #report dt{
	font-weight: bold;
	background: url(../images/top/ico_report.gif) left 3px no-repeat;
	padding-left: 11px;
	margin-bottom: 10px;
	float: left;
}*/
#contents #report dt{
	font-weight: bold;
	border-left: 5px solid #cc9966;
	padding-left: 11px;
	margin-bottom: 10px;
	float: left;
}
#contents #report dd span{
	display: block;
}
#contents #report dd{
	margin-bottom: 5px;
	clear: left;
}
#contents #report span.more a{
	background: url(../images/common/ico_inlink.gif) left center no-repeat;
	padding-left: 17px;
	display: block;
	margin-top: 5px;
}
#contents #report .post.short{
	border-bottom: none;
	margin-top: 18px;
	padding-bottom: 0px;
}
#contents #report .post.short dl{
	margin-left: 0;
	width: 100%;
}
#contents #report .post.short p.more a{
	margin-left: 0;
}
/* 特集 */
#contents #special{
	float: left;
}
/* コラム */
#contents #column{
	float: right;
}
#contents #column dt span.a{
	background: url(../images/column/ico_a.gif) right center no-repeat;
	padding-right: 17px;
}
#contents #column dt span.b{
	background: url(../images/column/ico_b.gif) right center no-repeat;
	padding-right: 17px;
}
#contents #column dt span.c{
	background: url(../images/column/ico_c.gif) right center no-repeat;
	padding-right: 17px;
}
/* 特集・コラム共通 */
#contents #areaMain .boxH .wrap{
	width: 331px;
	padding-top: 0;
}
#contents #areaMain .boxH .post{
	border-bottom: 1px dotted #B4B4B4;
	padding: 16px 5px 12px 15px;
	margin-bottom: 6px;
}
#contents #areaMain .boxH .post.last{
	border-bottom:none;
	margin-bottom:0px;
}
#contents #areaMain .boxH dt span{
	color:#CA9B67;
	display: block;
	font-weight: normal;
	font-size: 0.8em;	
}
#contents #areaMain .boxH dl{
	margin-left: 75px;
}
#contents #areaMain .boxH dt{
	font-weight: bold;
	margin-bottom: 10px;
	display:inline;	
}
#contents #areaMain .boxH dd{
	margin-bottom: 10px;
display: block;
	padding-top: 10px; 	
}
#contents #areaMain .boxH p.more a{
	background: url(../images/common/ico_inlink.gif) left center no-repeat;
	padding-left: 17px;
	margin-right: 8px;
}
/* タブ */
#contents #tabs ul.btn li{
	float: left;
	width: 132px;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 12px;
}
#contents #tabs ul.btn{
	background: url(../images/top/bg_tab.jpg) left top no-repeat;
	height: 35px;
	width: 693px;
}
/* Tabs----------------------------------*/
.ui-tabs { padding:; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:; }
.ui-tabs .ui-tabs-nav li { background: url(../images/top/bg_tabbtn.jpg) left top no-repeat; position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 7px 13px;}
.ui-tabs .ui-tabs-nav li.tabs-1 a { float: left; text-decoration: none; padding: 7px 16px;}
.ui-tabs-nav li a{ color:#585657;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:url(../images/top/bg_tabbtn_on.jpg) left top no-repeat; color: #FFFFFF; }
li.ui-tabs-selected a { color: #FFFFFF; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li.ui-state-hover { background:url(../images/top/bg_tabbtn_on.jpg) left top no-repeat; color: #FFFFFF; }
li.ui-state-hover a { color: #FFFFFF; }

/* 口コミ数 TOP3・アクセス数TOP3共通*/
#contents #js_tab ul.ranking li{
	padding-left: 24px;
}
#contents #js_tab ul.ranking li.no1{
	background: url(../images/top/ico_no1.gif) left center no-repeat;
}
#contents #js_tab ul.ranking li.no2{
	background: url(../images/top/ico_no2.gif) left center no-repeat;
}
#contents #js_tab ul.ranking li.no3{
	background: url(../images/top/ico_no3.gif) left center no-repeat;
}
/* 展覧会ピックアップ・美術館博物館ピックアップ */
#contents .pickup{
	margin-bottom: 20px;
}
#contents .pickup h2{
	width: 649px;
	height: 19px;
	padding: 9px 22px;
	position: relative;
}
#contents .pickup h2 span.number{
	position: absolute;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 3px 0;
	font-size: 12px;
}
#contents .pickup h2 span.search{
	position: absolute;
	right: 10px;
}
/*#contents .pickup .wrap{
	padding-bottom: 0;
	padding-right: 5px;
}
#contents .pickup .post{
	width: 315px;
	margin-right: 15px;
	margin-bottom: 22px;
	float: left;
	border-bottom: 1px dotted #B4B4B4;
	padding-bottom: 20px;
}*/
#contents .pickup .wrap{
	padding: 10px 1px 10px 15px;
	margin-right:-10px;
}
#contents .pickup .post{
	width: 290px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 12px 17px 7px;
	background: #FFFFFF;
	border: 1px solid #CBCAD0;
}	
#contents .pickup .post.last{
	border-bottom: none;
	padding-bottom: 0px;}
#contents .pickup dt span{
	color:#CA9B67;
	display: block;
	font-weight: normal;
	font-size: 0.8em;	
	padding-top: 1px;	
}
#contents .pickup dt{
	font-weight: bold;
	margin-bottom: 10px;	
}
#contents .pickup .boxH dd{
	margin-bottom: 10px;	
}
/* 展覧会ピックアップ */
#contents .pickup#exhibitionpickup h2{
	background: url(../images/top/bg_exhibitionpickup.jpg) left top no-repeat;
}
#contents .pickup#exhibitionpickup h2 span.number{
	left: 454px;
}
#contents .pickup#exhibitionpickup p.ttl{
	font-size:1em;
	font-weight: bold;
	padding-bottom:5px;
	letter-spacing:-1px;
}
#contents .pickup#exhibitionpickup dl{
	margin-left: 65px;
	padding-bottom: 5px;
}
#contents .pickup#exhibitionpickup dl.date{

	padding-bottom: 5px;
	margin-bottom: 3px;
	margin-left: 80px;
}
/* 美術館博物館ピックアップ */
#contents .pickup#museumpickup h2{
	background: url(../images/top/bg_museumpickup.jpg) left top no-repeat;
}
#contents .pickup#museumpickup h2 span.number{
	left: 416px;
}
/*2009.12.19 t.fukaya (p.ttl)*/
#contents .pickup#museumpickup p.ttl{
	font-size:1em;
	font-weight: bold;
	padding-bottom:5px;
}
#contents .pickup#museumpickup dl{
	margin-left: 80px;
	padding-bottom: 5px;
}
#contents .pickup#museumpickup dd span{
	display: block;
}
#contents .pickup#museumpickup dt.ttl{
	color:#3b0e81;
	font-weight: bold;
}
/* ニュース共通 */
#contents .news {
	margin: 0 5px 20px;
}
#contents .news h2{
	border-bottom: 1px solid #B2B2B2;
	padding : 7px 0;
	margin-bottom: 10px;
	width: 683px;
	position: relative;
}
#contents .news h2 span{
	position: absolute;
	right: 0;
	top: 0;
}
#contents .news li  span{
	float: left;

}
#contents .news li a{
	float: left;
	display: block;
	width:75%;
}

/*--------------------------------------------------------------
リンクカラー　トップページメイン
---------------------------------------------------------------*/

#contents #areaMain #main a:visited{
   color:#333333;
   text-decoration:none;
}
#contents #areaMain #main a:link{
   color:#333333;
   text-decoration:none;
}
#contents #areaMain #main a:hover{
   color: #C5791B;
}