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

/*=======
  
  Gdo

========*/

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

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

#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/gdo/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/gdo/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;
}


/*概要*/

#OutlineBox{
	position:relative;
	margin-bottom:60px;
}
#BoothNav {
	position:relative;
	width:684px;
	margin:0 auto 40px;
}
#BoothNav li{
	list-style-type:none;
	float:left;
}
#BoothNav li.fin{
	padding-right:0;
}
#BoothNav li a{
	background:url(../../images/history/gdo/BoothNav.png) no-repeat;
	display:block;
	width:302px;
	height:0;
	padding-top:65px;
	overflow:hidden;
	line-height:1.8em;
	margin:5px 20px;
}
#BoothNav #NavHandmade a{
	background-position:0 0;
}
#BoothNav #NavHandmade a:hover{
	background-position:0 -65px;
}
#BoothNav #NavFood a{
	background-position:-303px 0;
}
#BoothNav #NavFood a:hover{
	background-position:-303px -65px;
}
#BoothNav #NavWorkshop a{
	background-position:-606px 0;
}
#BoothNav #NavWorkshop a:hover{
	background-position:-606px -65px;
}
#BoothNav #NavSalon a{
	background-position:-909px 0;
}
#BoothNav #NavSalon a:hover{
	background-position:-909px -65px;
}
#slideTop {
	position:relative;
}
#OutlineGdo {
	text-align:center;
	margin-top:25px;
	position:relative;
}
#OutlineGdo span{
	    position: absolute;
        left: 421px;
    bottom: 51px;
}
#OutlineGdo span:hover{
	opacity:.8;
}

/*ブース*/
h3{
	text-align:center;
}

#HandmadeBox,
#WorkshopBox,
#FoodBox,
#SalonBox{
	position:relative;
}
#HandmadeBox{
	height:1667px;
	background:url(../../images/history/gdo/Hback.png) no-repeat;
}
#HandmadeBox:after{
	content:"";
	background:url(../../images/history/gdo/Hcover.png) no-repeat;
	position:absolute;
	left: 0;
    top: 0;
	width:760px;
	height:1493px;
	z-index:8888;
}
#WorkshopBox{
	height:1265px;
	background:url(../../images/history/gdo/Wback.png) no-repeat;
}
#WorkshopBox:after{
	content:"";
	background:url(../../images/history/gdo/Wcover.png) no-repeat;
	position:absolute;
	left: 0;
    top: 0;
	width:760px;
	height:1159px;
	z-index:8888;
}
#FoodBox {
	height:1083px;
	background:url(../../images/history/gdo/Fback.png) no-repeat;
	margin-bottom:30px;
}
#FoodBox:after{
	content:"";
	background:url(../../images/history/gdo/Fcover.png) no-repeat;
	position:absolute;
	left: 0;
    top: 0;
	width:760px;
	height:962px;
	z-index:8888;
}
#SalonBox {
	height:966px;
	background:url(../../images/history/gdo/Sback.png) no-repeat;
	margin-bottom:30px;
}
#SalonBox:after{
	content:"";
	background:url(../../images/history/gdo/Scover.png) no-repeat;
	position:absolute;
	left: 0;
    top: 0;
	width:760px;
	height:966px;
	z-index:8888;
}


.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;
}


.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/gdo/BtnPhotoList.png) no-repeat;
	cursor: pointer;
}
.PhotoPut .thumbNail li.active{
	background: url(../../images/history/gdo/BtnPhotoList_on.png) no-repeat;
}

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

th {
    
}