@charset "UTF-8";
/* CSS Document */

/*=======
  
  2014

========*/

.Decoration{
	position:absolute;
}
.clImg{
	position:relative;
	margin:0 auto;
}
.clImg img {
	position:absolute;
	top:10px;
	left:10px;
}

#Outline2014 {
	text-align:center;
	margin-top:50px;
	position:relative;
}
#Outline2014 span{
	    position: absolute;
    left: 24px;
    bottom: -15px;
}
#Outline2014 span:hover{
	opacity:.8;
}

/*===============*/
#BoothNav{
	margin:0 auto;
	width:683px;
}
#BoothNav li{
	list-style-type:none;
	float:left;
	padding-right:35px;
}
#BoothNav li.fin{
	padding-right:0;
}
#BoothNav li a{
	background:url(/images/history/BoothNav.png) no-repeat;
	display:block;
	width:204px;
	height:0;
	padding-top:161px;
	overflow:hidden;
	line-height:1.8em;
}
#BoothNav #NavHandmade a{
	background-position:0 0;
}
#BoothNav #NavHandmade a:hover{
	background-position:0 -162px;
}
#BoothNav #NavFood a{
	background-position:-204px 0;
}
#BoothNav #NavFood a:hover{
	background-position:-204px -162px;
}
#BoothNav #NavWorkshop a{
	background-position:-408px 0;
}
#BoothNav #NavWorkshop a:hover{
	background-position:-408px -162px;
}

#slideTop .mainView{
	background-color:#FFF;
	width:674px;
	height:253px;
	margin:30px auto 20px;
	padding:10px;
	line-height:0;
	box-shadow:0px 0px 5px 2px #DDD;
  -moz-box-shadow:0px 0px 5px 2px #DDD;
  -webkit-box-shadow:0px 0px 5px 2px #DDD;
}


#slideTop .mainView ul{
	width: 674px;
	height: 253px;
}
#slideTop .mainView li{
	list-style-type:none;
	position:absolute;
}
#slideTop .thumbNail{
	position:absolute;
	bottom:-30px;
	left:33px;
}
#slideTop .thumbNail li{
	list-style-type:none;
	float:left;
	width: 20px;
	height: 20px;
	background: url(/images/history/2014/BtnPhotoList.png) no-repeat;
	cursor: pointer;
}
#slideTop .thumbNail li:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
#slideTop .thumbNail li.active{
	background: url(/images/history/2014/BtnPhotoList_on.png) no-repeat;
}

.PhotoPut .mainView li{
	list-style-type:none;
	position:absolute;
}
.PhotoPut .thumbNail li:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

/*格ブース*/
.PhotoCircle,
.PhotoPutOther{
	position:absolute;
	list-style-type:none;
}
#photoNav li{
	list-style-type:none;
	float:left;
	padding-left:5px;
}
#photoNav ul{
	width:92px;
	float:right;
	padding-right:30px;
}
#SPimg{
	display:none;
}
.thumbNail.WholeNav li{
	position:static;
}


/*====

2014

=====*/
#ContentsInner {
	overflow:visible;
}

/*概要*/

#OutlineBox{
	background:url(/images/history/2014/OutlineBg.png) repeat-x;
	position:relative;
	margin-bottom:60px;
}
#BoothNav {
	margin-top: -130px;
	position:relative;
}
#BoothNav li a{
	background-image:url(/images/history/2014/BoothNav.png);
}
#slideTop {
	position:relative;
}
#Outline2014 {
	text-align:center;
}

/*ブース*/
h3{
	text-align:left;
	padding:29px 0 0 35px;
	border-top:7px solid #61758C;
}
#FoodBox h3{
	border-color:#DDB826;
}
#WorkshopBox h3{
	border-color:#E06D76;
}

#HandmadeBox,
#WorkshopBox,
#FoodBox{
	position:relative;
	margin-bottom:30px;
}
#HandmadeBox{
	height:1403px;
	background:url(/images/history/2014/Hbg.png) no-repeat center 70px #F9F9FB;
}
#WorkshopBox{
	height:1450px;
	background:url(/images/history/2014/Wbg.png) no-repeat center 57px #FEF9FA;
}
#FoodBox {
	height:1363px;
	background:url(/images/history/2014/Fbg.png) no-repeat center 42px #FEFCF5;
}
.PhotoPut{
	background-color:#FFF;
	padding:10px;
	line-height:0;
	box-shadow:0px 0px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.1);
	position:absolute;
	list-style-type:none;
}
.Square{
	width:406px;
	height:370px;
}
.Oblong{
	width:314px;
	height:197px;
}

.clImg01,
.clImg02,
.clImg03{
	width:664px;
	height:257px;
}
.tapeL,.tapeR {
	position:absolute;
	width:32px;
	height:32px;
}
.tapeL {
	top:-10px;
	left:-10px;
}
.tapeR {
	right:-10px;
	bottom:-10px;
}

.PhotoPut .thumbNail{
	position:absolute;
	bottom:-30px;
	left:0;
}
.PhotoPut .thumbNail.thumbNailR{
	left:auto;
	right:0;
}
.PhotoPut .thumbNail li{
	list-style-type:none;
	float:left;
	width: 20px;
	height: 20px;
	background: url(/images/history/2014/BtnPhotoList.png) no-repeat;
	cursor: pointer;
}
.PhotoPut .thumbNail li.active{
	background: url(/images/history/2014/BtnPhotoList_on.png) no-repeat;
}

/*==========*/
#H01 {
	height:367px;
}
#H02 {
	height:425px;
}
#H03 {
	height:235px;
}
#H04 {
	height:250px;
}

#F01 {
	height:760px;
}
#F02 {
	height:433px;
}

#W01 {
	height:360px;
}
#W02 {
	height:435px;
}
#W03 {
	height:470px;
}