@charset "Shift_JIS";
/* キシリトールタブレット（しまじろう）
----------------------------------------------------------*/

/* reset
---------------------- */
#xyltab {
	width: 960px;
	margin-bottom: 30px;

}


/* contents
---------------------- */
#xyltab .cvarea_ , #xyltab .cvarea2_ {
	position:relative
}
#xyltab .cvarea_ .btnarea01_ {
	overflow:hidden;
	position: absolute;
	left:50px;
	bottom:60px
}
#xyltab .cvarea2_ .btnarea01_ {
	overflow:hidden;
	position: absolute;
	left:50px;
	bottom:40px
}
#xyltab .cvarea_ .btnarea01_ li , #xyltab .cvarea2_ .btnarea01_ li {
	float:left;
	margin-right:40px;
}
#xyltab .cvarea_ .btnarea01_ li:last-child , #xyltab .cvarea2_ .btnarea01_ li:last-child {
	margin-right:0px;
}
#xyltab .cvarea_ .btnarea02_ {
	position: absolute;
	width:100%;
	text-align:center;
	left:0px;
	bottom:75px
}
#xyltab .cvarea2_ .btnarea02_ {
	position: absolute;
	width:100%;
	text-align:center;
	left:0px;
	bottom:50px
}
.orangearea_ {
	margin-top:50px;
	text-align:center;
	background:white
}
.kanren_ttl {
	margin-bottom:10px;
}



#xyltab a:hover > img {
	opacity: 0.8;
}

#xyltab .orangearea_ .btnarea_{
	background:url(../../img/event/xyltab/xyltab_orange_btnbg.png) repeat-y center;
}
#footerBnr {
	position: fixed;
	bottom: 10px;
	z-index: 999;
	width: 960px;
	text-align: center;
}


/* 20180704　追記
----------------------------------------------------------*/
/* レイアウト崩れ修正 */
#xyltab {
	margin: 0 auto;
}
#xyltab img {
	vertical-align: bottom;
}
#xyltab h1 {
	margin: 0;
}
#xyltab ul {
	margin: 0;
	padding: 0;
}
#xyltab li {
	list-style: none;
}
.kanren_ttl {
	text-align: center;
}
#xyltab p {
	margin: 0;
	line-height: 24px;
	font-size: 16px;
}

/* 追記 */
#about_ {
	padding: 50px 70px;
	background: url(../../img/event/xyltab/bg1.jpg) repeat top left;
}
#about_ h2 {
	margin: 0 0 35px;
	text-align: center;
}
#about_ .txt1 {
	margin: 0 0 40px;
	padding: 0 35px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}
#about_ .txt1 strong {
	margin: 0 0 20px;
	text-align: center;
	color: #019D38;
	font-size: 28px;
	display: block;
}
#about_ .point {
	margin: 0;
	text-align: center;
}
#about_ .point li {
	min-height: 170px;
	margin: 0 0 30px;
	padding: 0 24px 0 205px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 22px 6px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#about_ .point li.point1 { background-image: url(../../img/event/xyltab/xyltab_point_img1.png); }
#about_ .point li.point2 { background-image: url(../../img/event/xyltab/xyltab_point_img2.png); }
#about_ .point li.point3 { background-image: url(../../img/event/xyltab/xyltab_point_img3.png); }
#about_ .point li h3 {
	margin: 0 0 5px;
	padding: 50px 0 0;
	text-align: left;
	letter-spacing: -1px;
	color: #019D38;
	font-size: 28px;
	font-weight: 600;
}