@charset "utf-8";

/* grid */

/*------------------------------*/
/*layout*/
/*------------------------------*/
html{
	width:100%;
	height:100%;
	}
body{
	background: #FFF;
	width:100%;
	height:100%;
	}
#museum-index #all{
	position:relative;
	display:block;
	left:0;
	margin:0;
	padding:0;
	}
#museum-index #wrap{
	visibility: hidden;
	position:relative;
	display:block;
	left:0;
	margin:0;
	padding:0;
	}
#museum-index #wrap .season-left,
#museum-index #wrap .season-right{
	display: none;
	}

/*------------------------------*/
/*header*/
/*------------------------------*/
#museum-index #header{
	position: relative;
	top:4px;
	display:block;
	width:auto;
	text-align: center;
	background: none;
	padding: 0;
	}
#museum-index #header #header-inner{
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding-bottom: 10px;
	}

/*------------------------------*/
/*hiranavi*/
/*------------------------------*/
#museum-index #hiranavi{
	position: relative;
	z-index:2;	
	width:100%;	
	background: #F3F3F3;
	border-top: solid 1px #D6D6D6;
	}
/* title */
#museum-index #hiranavi .title{
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 15px 0;
	}
#museum-index #hiranavi .title .f-left{
	display: inline;
	width: 352px;
	}
#museum-index #hiranavi .title .f-right{
	display: inline;
	width: 500px;
	}
/* navi */
#museum-index #hiranavi .navi{
	background: #333;
	padding: 10px 0;
	}
#museum-index #hiranavi ul{
	width: 900px;
	margin: 0 auto;
	text-align:left;
	}
#museum-index #hiranavi ul li{
	display: inline;
	}

/*------------------------------*/
/*#contents*/
/*------------------------------*/
#museum-index #contents{
	position:relative;
	width:100%;
	height:1%;
	left:0;
	zoom: 1;
	}
#museum-index #grid{
	position:absolute;
	width:auto;
	left: 0;
	text-align: left;
	zoom: 1;
	}
#museum-index #grid .item{
	position:absolute;
	width: 220px;
	zoom: 1;
	}
#museum-index #grid .box{
	border-top: solid 4px #40403F;
	background: #E5EADD;
	padding: 20px 0 10px;
	}
#museum-index p.hira{
	width: 220px;
	height: 39px;
	}
#museum-index #grid .item .item-header{
	border-bottom: solid 1px #40403F;
	margin: 0 20px 10px;
	padding-bottom: 5px;
	}
#museum-index #grid .item .item-content{
	text-align: center;
	margin: 0 20px;
	}
#museum-index #grid .item .item-content P{
	margin-bottom: 10px;
	}
#museum-index #grid .item .item-content img{
	margin: 0 auto 10px;
	}
#museum-index #grid .item .item-content ul li{
	line-height: 1.5;
	padding: 0 0 10px 18px;
	border-bottom: 1px #ccc solid;
	margin-bottom: 10px;
	background: url(../../../cmn/img/arrow_black.gif) no-repeat 0 3px;
	}
	
.thum-image{
	display: block;
	width: 180px;
	height: 120px;
	overflow: hidden;
	vertical-align: middle;
}

.museum-none{
	display: block;
	width: 100%;
	height: 200px;
	margin: 50px 0;
	padding: 0;
	}

/*------------------------------*/
/*#footer*/
/*------------------------------*/
#museum-index #footer{
	position:absolute;
	width: 100%;
	left:0;
	}
#museum-index #footer #banner{
	position: relative;
	width: 100%;
	}