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

/*=======
  
  2015

========*/

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

#Outline2015 {
	position:relative;
}
#Outline2015 span{
	    position: absolute;
    left: 35px;
    bottom: -15px;
}
#Outline2015 span:hover{
	opacity:.8;
}

/*===============*/

#slideTop .mainView{
	background-color:#FFF;
	width:674px;
	height:253px;
	margin:-75px auto 40px;
	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: 351px;
}
#slideTop .thumbNail li{
	list-style-type:none;
	float:left;
	width: 20px;
	height: 20px;
	background: url(../../images/history/2015/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/2015/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{
	position:relative;
	margin-bottom:60px;
}
#BoothNav {
	margin-top: -130px;
	position:relative;
}
#BoothNav{
	margin:0 auto;
}
#BoothNav li{
	list-style-type:none;
	float:left;
	padding-right:20px;
}
#BoothNav li.fin{
	padding-right:0;
}
#BoothNav li a{
	background:url(../../images/history/2015/BoothNav.png) no-repeat;
	display:block;
	width:240px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	line-height:1.8em;
}
#BoothNav #NavHandmade a{
	background-position:0 0;
}
#BoothNav #NavHandmade a:hover{
	background-position:0 -62px;
}
#BoothNav #NavFood a{
	background-position:-240px 0;
}
#BoothNav #NavFood a:hover{
	background-position:-240px -62px;
}
#BoothNav #NavWorkshop a{
	background-position:-480px 0;
}
#BoothNav #NavWorkshop a:hover{
	background-position:-480px -62px;
}
#slideTop {
	position:relative;
}
#Outline2015 {
	text-align:center;
	margin-top:25px;
}

/*ブース*/
h3{
	text-align:center;
	padding-top:65px;
}

#HandmadeBox,
#WorkshopBox,
#FoodBox{
	position:relative;
}
#HandmadeBox{
	height:1653px;
	background:url(../../images/history/2015/Hbg.png) no-repeat;
}
#WorkshopBox{
	height:1450px;
	background:url(../../images/history/2015/Wbg.png) no-repeat;
}
#FoodBox {
	height:1530px;
	background:url(../../images/history/2015/Fbg.png) no-repeat;
}
.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:412px;
	height:376px;
}
.Oblong{
	width:314px;
	height:197px;
}

.clImg01,
.clImg02,
.clImg03{
	width:676px;
	height:326px;
}
.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/2015/BtnPhotoList.png) no-repeat;
	cursor: pointer;
}
.PhotoPut .thumbNail li.active{
	background: url(../../images/history/2015/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;
}