@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      common.css
 Author:         Crea.,Inc.
 Style Info:     ���ʕ����̃X�^�C��(�w�b�_�[�A�t�b�^�[�A���̑��p�[�c)


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





/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{
	background: #add051;
}






/*==-----------------------------------------------
header
-------------------------------------------------*/
#home #header{
	background: #add051 url(../../img/pc/common/header/home_bg.gif) repeat-x 0 0;
	height:680px;
}
#header{
	background: #add051 url(../../img/pc/common/header/inner_bg.gif) repeat-x 0 0;
	height:180px;
}
#header .section{
	text-align: left;
}

#header .section h1{
	margin: 0;
}
#header .section p{
	height:20px;
	margin: 0;
	overflow: hidden;
}

/*==-----------------------------------------------
navigation
-------------------------------------------------*/
#nav{
	width:940px;
}
#nav ul li{
	width:12.5%;
	height: 55px;
	width:117px;
	overflow: hidden;
	float:left;
	background: #CCC;

}
#nav ul li a{
	display:block;
	width:100%;
	padding-top:100px;
	background-repeat: no-repeat;
	background-image: url(../../img/pc/common/nav/global.gif);
}
#nav ul li.nav1 a{background-position: 0 0;}
#nav ul li.nav2 a{background-position: -117px 0;}
#nav ul li.nav3 a{background-position: -234px 0;}
#nav ul li.nav4 a{background-position: -351px 0;}
#nav ul li.nav5 a{background-position: -468px 0;}
#nav ul li.nav6 a{background-position: -585px 0;}
#nav ul li.nav7 a{background-position: -702px 0;}
#nav ul li.nav8 a{background-position: -819px 0;}

#nav ul li.nav1 a:hover{background-position: 0 -60px;}
#nav ul li.nav2 a:hover{background-position: -117px -60px;}
#nav ul li.nav3 a:hover{background-position: -234px -60px;}
#nav ul li.nav4 a:hover{background-position: -351px -60px;}
#nav ul li.nav5 a:hover{background-position: -468px -60px;}
#nav ul li.nav6 a:hover{background-position: -585px -60px;}
#nav ul li.nav7 a:hover{background-position: -702px -60px;}
#nav ul li.nav8 a:hover{background-position: -819px -60px;}

#home #nav ul li.nav1 a{background-position: 0 -60px;}
#detail #nav ul li.nav2 a{background-position: -117px -60px;}
#artist #nav ul li.nav3 a{background-position: -234px -60px;}
#map #nav ul li.nav4 a{background-position: -351px -60px;}
#access #nav ul li.nav5 a{background-position: -468px -60px;}
#notice #nav ul li.nav6 a{background-position: -585px -60px;}
#goods #nav ul li.nav7 a{background-position: -702px -60px;}
#museum #nav ul li.nav8 a{background-position: -819px -60px;}




/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	text-align: left;
}

#contents #inner{
	background: #fffdee;
}



/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
}


#main .section{
}

#contents #main .aside{
}

#main h3{
	margin-bottom:0;
}



/*==-----------------------------------------------
text-navi
-------------------------------------------------*/
#fnavi{
	clear:both;
}
#fnavi p{
	text-align: center;
	margin: 0;
	padding: 0;

}
#fnavi a:link{
	color:#333;
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	text-align: center;
	background: url(../../img/pc/common/footer/bg.gif) repeat-x 0 0;
	height:230px;
}


#footer div{
	text-align: left;
	background: url(../../img/pc/common/footer/illust.gif) no-repeat 0 0;
	height:230px;
	width:980px;
	margin: 0 auto;
	position:relative;
}

#footer p.pagetop{
	width:112px;
	height:58px;
	position:absolute;
	right:10px;
	top:10px;
}



#footer div p.copyright{
	text-align: center;
	position:absolute;
	width:980px;
	bottom:20px;

}
#footer div p.copyright a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}



/*==-----------------------------------------------
sidebar
-------------------------------------------------*/
#contents #sidebar.aside{
	background: #F3F3F3;

}


/*==banner*/

#contents .aside #banner{
}
#contents .aside #banner ul{
	margin: 0 0 0 0;
}
#contents .aside #banner li{
	margin: 0 0 5px 0;
	zoom:1;
}
#contents .aside #banner li a{
}
#contents .aside #banner li a img{
	border:0;
	vertical-align:top;
}
#contents .aside #banner li:last-child{
	margin: 0 0 0px 0;
}

/*==mobile*/

#contents .aside #mobile{
	background: #CCC;

}


/*==-----------------------------------------------
anchor
-------------------------------------------------*/


#anchor{
	width:950px;
	margin-left:-8px;
}

#anchor ul{
	width:950px;
}
#anchor li{
	display: block;
	width:229px;
	height:50px;
	padding-top: 8px;
	float:left;
	margin-left:8px;

}
* html #anchor li{
	display: inline;
}

#anchor li a{
	display:block;
	height: 0px;
	padding-top:50px;
	overflow:hidden;
	width:100%;
	background-repeat: no-repeat;
}
#anchor li.anchor01 a{background-position:0 0;}
#anchor li.anchor02 a{background-position:0 -60px;}
#anchor li.anchor03 a{background-position:0 -120px;}
#anchor li.anchor04 a{background-position:0 -180px;}
#anchor li.anchor05 a{background-position:0 -240px;}
#anchor li.anchor06 a{background-position:0 -300px;}
#anchor li.anchor07 a{background-position:0 -360px;}
#anchor li.anchor08 a{background-position:0 -420px;}

#anchor li.anchor01 a:hover{background-position:-229px 0;}
#anchor li.anchor02 a:hover{background-position:-229px -60px;}
#anchor li.anchor03 a:hover{background-position:-229px -120px;}
#anchor li.anchor04 a:hover{background-position:-229px -180px;}
#anchor li.anchor05 a:hover{background-position:-229px -240px;}
#anchor li.anchor06 a:hover{background-position:-229px -300px;}
#anchor li.anchor07 a:hover{background-position:-229px -360px;}
#anchor li.anchor08 a:hover{background-position:-229px -420px;}




/*==-----------------------------------------------
breadcrumb
-------------------------------------------------*/

p.breadcrumb{
	font-size: 0.85em;
	margin-bottom: 10px;
}