/* CSS Document */

/*---------- main ----------*/

#container {
   margin-top:18px;
}

.main .event {
    width:585px;
	margin-left:5px;
	padding-bottom:60px;
}

.main .event#post  {
padding-top:60px;
}


.event .ttl  {
width:585px;
padding-bottom:12px;
font-size:15px;
}


.event .main_left {
    float:left;
	width:278px;
}

.event .main_left p.flyer {
   border:1px solid #999;
}

.event .main_left p.btn {
    margin-top:15px;
}

.event .main_left p.mobile_dis {
    margin-top:10px;
}

.event .main_right {
    float:right;
	text-align:left;
	width:285px;
	line-height:160%;
}


.act {
  margin:0px 0 40px 0;
  width:590px;
}

.act h2 {
   padding:5px;
   background-color:#3b3b3b;
   color:#fff;
   margin-bottom:20px;
}

.act .bloc {
    margin-bottom:10px;
	padding:0 3px 0 5px;
	width:582px;
}

.act .bloc h3 {
    text-align:left!important;
	margin-bottom:10px;
	}

.act ul {
    line-height:100%;
	text-align:center;
	width:582px;
}

.act li  {
    float:left;
	width:120px;
	height:120px;
    margin-right:20px;
} 

html>body .act li  {
    float:left;
	width:140px;
	height:140px;
    margin-right:5px;
}

.act li img {
    border:1px solid #6d6d6d;
}

.act li.last {
    float:left;
	width:120px;
	height:120px;
    margin-right:0px;
}

.act li a img {
width:120px;
	height:120px;
	border:5px solid #cecece;
    
}

.act li a:hover img {
width:120px;
	height:120px;
    border:5px solid #6d6d6d;
}


/*-------------------- web discount --------------------------*/
#discount_container {
   width:595px;
   margin:0 auto;
}