@charset "UTF-8";
/* CSS Document */
#shopPage.index{}
#shopPage.index h2 {
  padding-bottom: 40px;
  margin-bottom: 60px;
  border-bottom: 1px solid #707032;
}
#shopPage.index .btn a {
  display: inline-block;
  text-indent: -10000px;
  font-size: 0px;
  vertical-align: top;
}
#shopPage.index .btnDetail a {
	width: 170px;
	height: 35px;
	background: url(../img/philosophy/btn_more.png) top left no-repeat;
}
#shopPage.index .btn a:hover {
	background-position: 0 -35px !important;
}


#shopPage.index .block h3{
	font-size: 16px;
	color:#707031;
	font-weight:bold;
	background: #f3f3e3;
	padding: 10px 20px;
	margin-bottom: 30px;
}

#shopPage.index .block h3 span{
	font-size: 14px;
	font-weight:normal;
	padding-left: 20px;
	color:#595757;
}

#shopPage.index .block li{
	float:left;
	width: 450px;
	margin-right: 60px;
	margin-bottom: 70px;
}
#shopPage.index .block li:nth-child(2n){
	margin-right: 0px;
}
#shopPage.index .block li .img{
	margin-bottom: 20px;
}
#shopPage.index .block li .title{
	margin-bottom: 20px;
	text-align:center;
	height: 40px;
}
#shopPage.index .block li .title h4{
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 5px;
}
#shopPage.index .block li .title p{
	font-size: 14px;
}
#shopPage.index .block li .text{
	height: 100px;
}
#shopPage.index .block li .text p{
	font-size: 14px;
	line-height: 20px;
}
#shopPage.index .block li .btn{
	width: 170px;
	margin: 0 auto;
}

#museumPage{}
#museumPage .pageTitle{
  margin-bottom: 30px;
}
#museumPage .btn a {
  display: inline-block;
  text-indent: -10000px;
  font-size: 0px;
  vertical-align: top;
}
#museumPage .btnDetail a {
	width: 219px;
	height: 30px;
	background: url(../img/museum/museum_btn.png) top left no-repeat;
	margin: 10px 0px 0px 14px;
}
#museumPage .btn a:hover {
	background-position: 0 -30px !important;
}

#museumPage #navi{
  margin-bottom: 30px;
}
#museumPage #navi li{
	float:left;
	margin-right: 2px;
}
#museumPage #navi li.menu0{
	display:none;
}
#museumPage #navi li:last-child{
	margin-right: 0px;
}
#museumPage #mainVisual{
  margin-bottom: 30px;
}
#museumPage #main h2{
  margin-bottom: 60px;
}
#museumPage #main .logo{
  margin-bottom: 60px;
  text-align:center;
}
#museumPage #main h3{
  margin-bottom: 60px;
  text-align:center;
}
#museumPage #main p{
  margin-bottom: 60px;
  text-align:center;
  font-size: 13px;
  line-height: 30px;
}
#info.full.museum{
	background: #f3f3e3;
	padding: 80px 0px 40px 0px;
	margin-bottom: 90px;
}
#info.full.museum .contents{
	width: 960px;
	margin:0 auto;
}
#info.full.museum .contents #news{
	width: 330px;
	float:left;
}

#info.full.museum .contents #news ul{
	border: 1px solid #606060;
	height: 200px;
	background: #ffffff;
}

#info.full.museum .contents #news ul li{
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #f3f3e3;
}
#info.full.museum .contents #news ul span.date{
	display:block;
	color:#707031;
}

#info.full.museum .contents #guide{
	width: 580px;
	float:right;
}

#info.full.museum .contents #guide li{
	width: 180px;
	float:left;
	text-align:center;
	margin-right: 20px;
}
#info.full.museum .contents #guide li:last-child{
	margin-right: 0px;
}
#info.full.museum .contents #guide li .image{
	margin-bottom: 40px;
}
#info.full.museum .contents #guide li h4{
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 20px;
}
#info.full.museum .contents #guide li h4 a{
	background: url(../img/common/icon_carrow.png) no-repeat left center;
	padding-left: 20px;
}

#info.full.museum .contents #guide li p{
	font-size: 13px;
	line-height: 22px;
	text-align:left;
}
#info.full.museum .contents #guide li p.small{
	font-size:11px;
}
#info.full.museum .contents #map{
	width: 960px;
	padding-top: 40px;
	clear:both;
}
#info.full.museum .contents #map .image{
	position:relative;
}
#info.full.museum .contents #map .image .link1{
	position:absolute;
	right: 234px;
	top: 90px;
}
#info.full.museum .contents #map .image .link2{
	position:absolute;
	right: 0px;
	top: 90px;
}
#info.full.museum .contents #map .image .link3{
	position:absolute;
	right: 234px;
	top: 160px;
}
#info.full.museum .contents #map .image .link4{
	position:absolute;
	right: 0px;
	top: 160px;
}

#info.full.museum .contents h3{
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #606060;
}
#info.full.museum .contents #news h3{
	border-bottom: none;
	margin-bottom: 0px;
}

#museumPage #banner{
	margin-bottom: 50px;
}

#museumPage #banner li{
	float: left;
	width: 310px;
	margin-right: 10px;
}
#museumPage #banner li:last-child{
	margin-right: 0px;
}


#museumPage #banner .goods_box{
	margin-top:30px;
	text-align:center;
}

#museumPage #banner .goods_box img{
	text-align:center;
	margin:auto;
}


#museumPage .facility{}

#museumPage .facility h2{
	border-bottom: 2px solid #595757;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#museumPage .facility .contents{
	border-left: 50px solid #e2f0d8;
	padding-left: 50px;
	margin-bottom: 100px;
}
#museumPage #boutique.facility .contents{
	border-left: 50px solid #fce7f0;
}
#museumPage #school.facility .contents{
	border-left: 50px solid #f2f9fd;
}
#museumPage #ju-zen.facility .contents{
	border-left: 50px solid #fffcd2;
}
#museumPage .facility .contents p{
	font-size:14px;
	line-height: 2;
	text-align:left;
}
#museumPage .facility .contents .intro{
	margin-bottom: 40px;
}
#museumPage .facility .contents .main{
	width: 500px;
	float:left;
}
#museumPage .facility .contents .main .banner{
	margin-top: 20px;
}
#museumPage .facility .contents .main .banner li{
	width: 200px;
	float:left;
	margin-right: 20px;
}
#museumPage .facility .contents .time{
	width: 320px;
	float:right;
}
#museumPage .facility .contents .time p{
	line-height: 1.5;
}
#museumPage .facility .contents .list{
	margin-bottom: 40px;
}
#museumPage .facility .contents .list.last{
	margin-bottom: 0px;
}
#museumPage .facility .contents .list .image{
	width: 330px;
	float:left;
}
#museumPage .facility .contents .list .text{
	width: 480px;
	float:right;
}
#museumPage .facility .contents h3{
	margin-bottom: 30px;
}
#museumPage .facility .contents h4{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #7a7979;
}

#museumPage.faq{}

#museumPage.faq h2{
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #707032;
}
#museumPage.faq .block{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #cdcdcd;
}
#museumPage.faq .block:last-child{
	border-bottom: none;
}

#museumPage.faq .block .question{
	padding: 10px 0px 10px 60px;
	background:url(../img/museum/faq_q.png) no-repeat left center; 
	font-size: 22px;
	color:#f19049;
	line-height: 45px;
	margin-bottom: 20px;
}
#museumPage.faq .block .answer{
	padding: 10px 0px 10px 60px;
	background:url(../img/museum/faq_a.png) no-repeat left top; 
}
#museumPage.faq .block .answer h3{
	font-size: 18px;
	font-weight:bold;
	color:#707032;
	margin-bottom: 20px;
}
#museumPage.faq .block .answer h4{
	font-size: 14px;
	font-weight:bold;
	line-height: 24px;
	margin-bottom: 10px;
}
#museumPage.faq .block .answer p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}
#museumPage.faq .block .answer .link a{
	background: url(../img/common/icon_carrow.png) no-repeat left center;
	padding-left: 20px;
	font-size: 14px;
	line-height: 24px;
}