/* ------------------------
 * Clearfix
 * ------------------------ */
/* clearfix */
.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{display: inline-block;}

/* Hide MacIE \*/
* html .clearfix{height: 1%}
.clearfix{display: block;}
/* End hide MacIE */


/* ------------------------
 * News Box
 * ------------------------ */
/* Secretariat */
div.scroll_1 {
/*	height:395px;*/
	height:489px;
	width:430px;
	overflow-y:scroll;
	background-color:#EDEBEC;
}

/* Shop */
div.scroll_2 {
/*	height:395px;*/
	height:489px;
	width:430px;
	overflow-y:scroll;
}

/* ------------------------
 * old Shop banner area
 * ------------------------ */
div.AdImage {
   padding: 0 6px;
   margin-bottom: 7px;
   width:193px;
   height:94px;
   overflow:hidden;
   position:relative;
   list-style:none;
   float: left;
}

div.AdImage ul {
   list-style:none;
   margin:0;
   padding:0;
}

div.AdImage li {
   border: solid 1px #fff;
   position:absolute;
   background:#fff;
}


/* ------------------------
 * To S.Phone-TOP button
 * ------------------------ */

div#toSPbtn {
	margin: 0 auto;
	margin-top: 5px;
	width: 900px;
}
div#toSPbtn a {
	display: block;
	width: 100%;
	padding: 30px 0;
	background: #595959;	
	text-align: center;
}


/* ------------------------
 * tokuyakuten banner
 * Rotate table
 * ------------------------ */
td.tokuyaku_banner {
	padding: 81px 40px 24px 40px;
	background: url("../image/index/waku_banner_24.jpg") no-repeat;
	vertical-align: top;
}
div.daily_banner {
	width: 820px;
}

div.daily_banner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.daily_banner ul li {
	margin: 0 6px 9px;
	width:193px;
	height:92px;
	float: left;
}

div.daily_banner ul li a {
	display: block;
	width: 191px;
	height: 92px;
}

div.daily_banner ul li img {
	display: block;
}


.container {
width: 900px;
padding: 0;
margin: 0;
text-align: left;
}

.container .wrap {
position: relative;
height: 20px;
overflow: hidden;
}


/* ------------------------
 * Jump Topics Ticker
 * ------------------------ */
#ticker {
position: relative;
}

#ticker span {
padding-right: 13px;
line-height: 20px;
}
#ticker span img {
border:none;
}


/* ------------------------
 * Left area tri-button
 * ------------------------ */

ul#left_trybtn {
	background:url("../image/index/bc_left_banner.jpg") no-repeat;
	width: 212px;
	height: 343px;
	list-style: none;
	padding: 4px 0 0;
	margin: 0;
}

ul#left_trybtn li {
	width: 193px;
	margin: 7px auto 0;
}

ul#left_trybtn li img,
ul#left_trybtn li a {
	display: block;
}


/* ------------------------
 * Member Login button
 * ------------------------ */
td#login_button {
	position: relative;
}

td#login_button a {
	display:block;
	width: 129px;
	height: 26px;
	position: absolute;
	bottom: 0;
	right: 0;
}

td#login_button a img {
	display:block;
}


/* ------------------------
 * New member application button
 * ------------------------ */
.apply_member a {
	display: block;
}

/* ------------------------
 * TLC 50th Anniversary Special site
 * ------------------------ */
/*
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #000;
	min-height: 100%;
}

#modalwindow {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 2;
	color: #fff;
	min-width: 100%;
	min-height: 100%;
}

.modalslide {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slide {
	width: 100%;
}

.first {
	position: fixed;
	top: 0;
	left: 0;
	background-size:cover;
	
}

.first .block,
.first img {
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.first .block {
	width: 980px;
	height: 100%;
	background: rgba(0,0,0,0.45);
}

.first .block img.btm_txt {
	top: auto;
	bottom: 18%;
	margin: 0 auto;
}

.slick-list,
slick-track {height:100%!important;}

.door {
	position:relative;
	background: #235041;
}

.door .block {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 980px;;
	height: 423px;
}

.door .block img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
}

.door a,
.door span {
	display: block;
	position: absolute;
	height: 111px;
	width: 250px;
}

.door a.left {
	bottom: 0;
	left: 0;
}

.door a.left:hover {
	background: rgba(161,155,118,0.4);
}

.door span.right {
	bottom: 0;
	right: 0;
	cursor: pointer;
}

.door span.right:hover {
	background: rgba(203,206,187,0.4);
}

.slick-slide {
	min-height: 100%;
}
*/