@charset "UTF-8";


/* ギャラリー用CSS
---------------------*/

body { background:url(../../images/gallery/bg.gif) 0 0 repeat-x #d8dce2;

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#header {
	width:960px;
	height:60px;
	margin:0 auto;
	padding:13px 0 0;
	position:relative;
}

#header .gNavi {
	_bottom:-6px;
}

a:hover, a:active {
	text-decoration:underline;
	color:#af49a0;
}


/*--- トップ ---*/

.index .topContents {
	width:888px;
	border:solid 1px #af49a0;
	margin:32px auto 28px;
}

.index .topContents .imageArea {
	width:185px;
	float:right;
}

.index .topContents .textArea {
	width:600px;
	padding:25px 0 25px 25px;
	line-height:250%;
	float:left;
}

.index .bottomContents {
	width:935px;
	margin:10px;
}

.index .bottomContents .newsArea {
	width:520px;
	float:left;
	margin: 30px 0 0 20px;
	line-height: 1.75;
	background-color: #FFF;
}

.index .bottomContents .newsArea dl dt { width:490px; padding-top:30px; color:#af49a0; }

.index .bottomContents .newsArea dl dt .title {
	border-left:solid 5px #af49a0;
	background:#eaecef;
	margin-top:8px;
	padding:5px 10px;
	line-height:1.3;
}

.index .bottomContents .newsArea dl dd { padding-top:20px; }

#twitter {
	float:right;
	margin-bottom:15px;
	margin-right:15px;
}
#fb-box {
    float:right;	
}
.bt{
	margin:0 0 15px 0;
	width: 870px;
}

.ivent_area{
	box-shadow: 2px 4px 7px 2px rgba(0,0,0,0.3);
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	padding:18px;
	background:#000;
	height:700px;
	color:#FFF;
	float:right;
	width: 300px;
	margin:15px 0 15px 0;
	}
.ivent_area a:link{
	
	color:#FFF;
}

#ivent_img{float:left;}
#ivent{
	float:left;
	width:300px;
}
#ivent p{padding-top:8px;}

#indent{
	padding-top:10px;
	padding-left:18px;
    border-top:#666 solid;
	border-bottom:#666 solid;
}
#indent p{
	padding-left:25px;}

.index .bottomContents .twitterArea {
	width:315px;
	background:#eaecef;
	margin-top:14px;
	padding-bottom:1px;
	float:right;
}

.index .bottomContents .twitterArea h4 { background:#d7dae0; }

.index .bottomContents .twitterArea .logo {
	width:275px;
	height:29px;
	padding-left:20px;
	margin:6px 0 8px;
}

.index .bottomContents .twitterArea #tweet {
	width:255px;
	background:#FFFFFF;
	padding:10px 10px 0;
	margin:9px auto 20px;
}

.index .bottomContents .twitterArea #tweet li { padding-bottom:20px; }


/*--- 今後の展覧会 ---*/

.schedule .topContents { width:890px; margin:32px auto 0; }

.schedule .scheList { width:890px; margin:18px 0 0; }
.schedule .scheList .img { width:145px; padding:20px 0 18px 5px; vertical-align:top; }
.schedule .scheList .text { vertical-align:top; padding:20px 0 18px 0; }
.schedule .scheList .evetitle { font-size:82%; line-height:1.5; padding-top:15px; text-indent:-1.2em; margin-left:1.2em; }
.schedule .scheList .evetitle span { color:#af49a0; }
.schedule .scheList tr { background:url(../images/common/line_dot.gif) left bottom repeat-x; }


/*--- 過去の展覧会 ---*/

.archive .topContents { width:890px; margin:32px auto 0; }

.archive .acvList { width:890px; margin:18px 0 0; }
.archive .acvList .img { width:145px; padding:20px 0 18px 5px; vertical-align:top; }
.archive .acvList .text { vertical-align:top; padding:20px 0 18px 0; }
.archive .acvList .evetitle { font-size:82%; line-height:1.5; padding-top:15px; text-indent:-1.2em; margin-left:1.2em; }
.archive .acvList .evetitle span { color:#af49a0; }
.archive .acvList .data { padding-top:10px; }
.archive .acvList tr { background:url(../images/common/line_dot.gif) left bottom repeat-x; }


/*--- アクセス ---*/

.access .topContents { width:890px; margin:32px auto 0; }
.access .topContents .textArea { width:530px; padding-top:30px; float:left; }
.access .topContents .mapArea { width:321px; padding-top:40px; float:right; }

.access .middleContents { width:890px; margin:50px auto 0; }
.access .middleContents ul { padding-left:5px; margin:28px 0 0; }

.access .bottomContents { width:890px; margin:50px auto 0; }

/*****/
.ann{
	float:right;
	width:350px;
	margin: 10px 0 20px 0;
	box-shadow: 2px 4px 7px 2px rgba(0,0,0,0.3);
	-moz-border-radius: 20px;    /* Firefox */
    -webkit-border-radius: 20px; /* Safari,Chrome */
    border-radius: 20px;         /* CSS3 */
	text-align:center;
}
#calender{
	margin:30px auto;
	width:350px;
}