* { margin:0; padding:0;} 
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,img {
	margin:0;
	padding:0;
}
ul,ol,li { list-style:none;}
img { border:none;}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",Verdana, Geneva, sans-serif;
	font-size:80%;
	color:#333333;
	line-height:1.6;
	margin:0;
	padding:0;
}

em { font-style:normal; font-weight:bold;}
a { color:#333333;}
a:visited { color:#33333;}
a:hover { color:#E40077; text-decoration:underline;}

/* common ////////////////////////////////////////////////////////////////////////////////////////*/


.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}

.bdr_p {
	border:1px solid #f7c1bb;
	padding:10px 10px 5px 10px;
}

.box_s {
	font-size:0.9em;
} 

.small {
	font-size:0.8em;
	line-height:1.6;
}

.pht {
	background:url(../images/phot_bg.gif) no-repeat;
	padding:6px 0 8px 5px;
}

.separate {
	background:url(../images/blog_hr.gif) no-repeat left center;
	height:30px;
	clear:both;
}


.pankuzu {
	text-align:right;
	font-size:10px;
}

.center { text-align:center;}

/* main ////////////////////////////////////////////////////////////////////////////////////////*/

#container {
	background:#fff;
	width:800px;
	text-align:center;
	margin:0 auto;
}

#container h1 {
	background:url(images/header.jpg) no-repeat;
	width:800px;
	height:282px;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;}

h1 a{
	display:block;
	margin:30px 0 0 325px;
	width:180px;
	height:190px;
	font-size:0;
	line-height:0;
}

#mainBox {
	float:right;
	width:554px;
	text-align:left;
	position:relative;
	margin-right:30px;
}

#mainBox .new {
	position:absolute;
	width:59px;
	height:59px;
	left:480px;
	top:10px;
}

#mainBox h2 {
	width:554px;
	text-indent:-9999px;
	clear:left;
}

#mainBox h2.topics{
	background:url(images/topics_ttl.jpg) no-repeat;
	height:40px;
}


#mainBox h2.news{
	background:url(images/new_ttl.jpg) no-repeat;
	height:65px;
}


#mainBox .bg01 {
	background:url(images/topics_bg.jpg) repeat-y;
	padding:15px 15px 20px 15px;
}

#mainBox .topicshonbun dt.photo{
	float:left;
	width:150px;
	margin-right:15px;
	border:4px solid #F4F4F4; 
}


#mainBox .topicshonbun h3{
	color:#50A135;
	line-height:1.2;
}

#mainBox .newshonbun {
	font-size:1.2em;
	margin:0 0 20px 0;
	line-height:1.5;
	clear:both;
	overflow:hidden;
}

#mainBox .newshonbun em{
	font-size:1.4em;
}

#mainBox .newshonbun a{
	text-decoration:none;
}

#mainBox .newshonbun dt{
	float:left;
	width:5em;
}

#mainBox .newshonbun dd{
	border-left:2px solid #50A135;
	padding:2px 10px 0 10px;
	margin-left:6em;
	font-size:0.8em;
}

#mainBox .newshonbun dd span {
	color:#50A135;
}

#naviarea{
	width:171px;
	text-indent:-9999px;
	float:left;
}

#naviarea li {
	display:block;
	width:171px;
	height:44px;
	float:left;
}

#naviarea a,#naviarea span{
	background:url(images/naviarea.gif) no-repeat;
	display:block;
	height:44px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

#naviarea li.about a { background-position:0 0;}
#naviarea li.news a { background-position:0 -44px;}
#naviarea li.artist a { background-position:0 -88px;}
#naviarea li.workshop a { background-position:0 -132px;}
#naviarea li.party a { background-position:0 -176px;}
#naviarea li.access a { background-position:0 -220px;}
#naviarea li.maruten a { background-position:0 -264px;}
#naviarea li.chubby a { background-position:0 -308px;}
#naviarea li.contact a { background-position:0 -352px;}

#naviarea li.about a:hover { background-position:-171px 0;}
#naviarea li.news a:hover { background-position:-171px -44px;}
#naviarea li.artist a:hover { background-position:-171px -88px;}
#naviarea li.workshop a:hover { background-position:-171px -132px;}
#naviarea li.party a:hover { background-position:-171px -176px;}
#naviarea li.access a:hover { background-position:-171px -220px;}
#naviarea li.maruten a:hover { background-position:-171px -264px;}
#naviarea li.chubby a:hover { background-position:-171px -308px;}
#naviarea li.contact a:hover { background-position:-171px -352px;}

#naviarea li.about span { background-position:-342px 0;}
#naviarea li.news span { background-position:-342px -44px;}
#naviarea li.artist span { background-position:-342px -88px;}
#naviarea li.workshop span { background-position:-342px -132px;}
#naviarea li.party span { background-position:-342px -176px;}
#naviarea li.access span { background-position:-342px -220px;}
#naviarea li.contact span { background-position:-342px -352px;}


#pagetop {
	clear:both;
	text-align:right;
	width:800px;
	padding:25px 0 0 0;
}

#footer {
	clear:both;
	width:800px;
	border-top:1px solid #666666;
	padding:15px 0;
}

#footer address {
	font-style:normal;
}




/*ABOUT ////////////////////////////////////////////////////////////*/

#mainBox h2.about{
	background:url(about/images/ttl.jpg) no-repeat;
	height:40px;
}

#mainBox .abouthonbun {
	padding:0 6px 0 10px;
	margin:0 0 30px 0;
	line-height:1.8;
	font-size:0.9em;
}

#mainBox .abouthonbun dt.photo{
	float:left;
	width:120px;
	margin-right:15px;
}


#mainBox .abouthonbun h3{
	color:#50A135;
	line-height:1.2;
}


/*news ////////////////////////////////////////////////////////////*/

#mainBox h2.news_in{
	background:url(news/images/news_ttl.gif) no-repeat;
	height:55px;
}

#mainBox #news_line dl {
	background:url(news/images/sttl_normal.gif) no-repeat;
	padding:30px 0 0 0;
	margin-bottom:30px;
}

#mainBox #news_line dt {
	font-size:1.4em;
	font-weight:bold;
	color:#50A135;
}

#mainBox #news_line .party{
	background:url(news/images/sttl_party.gif) no-repeat;
}

#mainBox #news_line .exhibition{
	background:url(news/images/sttl_exhibition.gif) no-repeat;
}

/*exhibition ////////////////////////////////////////////////////////////*/

#artistBox {
	background:url(exhibition/images/artist_bg.jpg) no-repeat left bottom;
	width:267px;
	padding:30px 0 0 25px;
	position:relative;
	height:410px;
}

* #artistBox h1 { background:none; text-indent:0; margin:0 0 30px 0; width:200px; height:auto;}


#artistBox dl{
	width:238px;
}

#artistBox dt.txt {
	line-height:1.6;
	padding:5px 0;
	margin-bottom:10px;
}

#artistBox dd {
	text-align:right;
}

#artistBox .personal {
	position:absolute;
	left:213px;
	top:23px;
}

#artistBox .personal img:hover{
}

#artistBox .close {
	position:absolute;
	width:85px;
	height:25px;
	left:7px;
	bottom:3px;
	text-indent:-9999px;
	display:block;
	z-index:9999;
}

#mainBox .exhibition_map{
	background:url(exhibition/images/map.gif) no-repeat;
	width:554px;
	height:507px;
	position:relative;
}

#mainBox .exhibition_map li{
	text-indent:-9999px;
	display:block;
	position:absolute;
}

#mainBox .exhibition_map li a{
	display:block;
	background:url(images/spacer.gif) repeat;
    /* IE */
    filter: alpha(opacity=0);
    /* Safari Opera */
    opacity:0.00;
    /* Firefox Netscape */
    -moz-opacity:0.00;
}

#mainBox .exhibition_map li a:hover{
	background:url(images/spacer.gif) repeat;
    /* IE */
    filter: alpha(opacity=50);
    /* Safari Opera */
    opacity:0.50;
    /* Firefox Netscape */
    -moz-opacity:0.50;
}

#mainBox .exhibition_map li.e01{width:75px;	height:46px; left:177px; top:5px;}
#mainBox .exhibition_map li.e01 a{width:75px; height:46px;}
#mainBox .exhibition_map li.e02{width:50px;	height:46px; left:342px; top:45px;}
#mainBox .exhibition_map li.e02 a{width:50px; height:46px;}
#mainBox .exhibition_map li.e03{width:85px;	height:46px; left:432px; top:92px;}
#mainBox .exhibition_map li.e03 a{width:85px; height:46px;}
#mainBox .exhibition_map li.e04{width:68px;	height:46px; left:35px; top:290px;}
#mainBox .exhibition_map li.e04 a{width:68px; height:46px;}
#mainBox .exhibition_map li.e05{width:120px; height:46px; left:65px; top:368px;}
#mainBox .exhibition_map li.e05 a{width:120px; height:46px;}
#mainBox .exhibition_map li.e06{width:113px; height:46px; left:152px; top:438px;}
#mainBox .exhibition_map li.e06 a{width:113px; height:46px;}
#mainBox .exhibition_map li.e07{width:120px; height:46px; left:422px; top:380px;}
#mainBox .exhibition_map li.e07 a{width:120px; height:46px;}
#mainBox .exhibition_map li.e08{width:120px; height:46px; left:422px; top:438px;}
#mainBox .exhibition_map li.e08 a{width:120px; height:46px;}



/*Party ////////////////////////////////////////////////////////////*/

#partymap {
	background:url(party/images/space_bg.gif) no-repeat 0 130px;
	width:554px;
	height:485px;
	margin-bottom:45px;
}

#partymap ul{
	width:554px;
}

#partymap li{
	float:left;
	margin-right:10px;
	margin-bottom:220px;
}

#partymap a:hover img{
    /* IE */
    filter: alpha(opacity=50);
    /* Safari Opera */
    opacity:0.50;
    /* Firefox Netscape */
    -moz-opacity:0.50;
}

/*access ////////////////////////////////////////////////////////////*/

#mainBox h2.access{
	background:url(access/images/ttl.jpg) no-repeat;
	height:40px;
}

#mainBox #map {
	background:url(access/images/map_bg.jpg) no-repeat 0 -40px;
	padding:25px 0 15px 15px;
	overflow:hidden;
	height:360px;
}

#mainBox #map dt{
	float:left;
	width:285px;
}

#mainBox #map dd{
	float:left;
	width:240px;
}



/* Clearfix */  
.clearfix:after {   
    content: ".";    
    display: block;    
    height: 0;    
    clear: both;    
    visibility: hidden;   
}   
.clearfix {   
    display: inline-block;   
    min-height: 1%;   
}   
/* Hides from IE-mac \*/  
* html .clearfix {   
    height: 1%;   
}   
.clearfix {   
    display: block;   
}   
/* End hide from IE-Mac */
