<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#contents.index header { height:75px;}
div#cover div#contents.index article#contents { padding-top:77px;}

/* --- main_image --- */
#main_image {
	background:#000;
	width:100%;
	text-align: left;
	overflow: hidden;
	position: relative;
	height:358px;
}
#main_image ul {
	width: 100%;
	background-color:#000;
	position: relative;
}
#main_image ul li {
	width: 100%;
	height:358px;
	display: none;
}

/* --- news_ticker --- */
#news_ticker {
	padding: 10px 0;
	text-align: left;
	position: absolute;
	overflow: hidden;
	top:398px;
	z-index:100;
	background-color:rgba(0,0,0,0.65);
}
#news_ticker h4 { float:left; width:70px; text-align:right; }
#news_ticker ul {
	margin-left:80px;
	position: relative;
}
#news_ticker ul li {
	display: none;
	color:#FFE200;
	/*width: 60%;*/
	width: 90%;
}

/* --- pickup --- */
#pickup {
position:absolute;
top:-100px; right:0; z-index:100;
padding-bottom:12px;
background-color:#D3DA21;
border-top:#000 2px solid;
border-left:#000 2px solid;
border-bottom:#000 2px solid;
}
#pickup h4 { color:#000; font-size:16px; line-height:14px; padding:10px 10px 0 8px; border-bottom:#000 2px solid; margin-bottom:7px;}
#pickup .box {
				width: 100%;
				height: 100%;
			}
#pickup .box p {
	font-size:10px;
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	padding:3px 0;
	text-indent:25px;
	background:#000;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
#pickup .slider {
  position: relative;
  width: 220px;
  margin:0 0;
  height: 120px;
  overflow: hidden;
}
#pickup .slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
#pickup .slide {
	width:50px;
  height: 100%;
  float: left;
  clear: none;
}
#pickup .slider-arrow {
	font-weight:bold;
	font-size:12px;
  position: absolute;
  display: block;
  height:100%;
  padding-top:25%;
  margin-bottom:-25%;
  width:20px;
  background-color:#D3DA21;
  text-align:center;
}
#pickup .slider-arrow:hover { text-decoration:none;}
#pickup .slider-arrow--right {
  bottom: 0;
  right: 0;
}
#pickup .slider-arrow--left {
  bottom: 0;
  left: 0;
}
/* delete */
#pickup .slider-nav { display:none;}
#pickup .slider-nav {
  position: absolute;
  bottom: 30px;
}
#pickup .slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}
#pickup .slider-nav__item:hover {
  background: #ccc;
}
#pickup .slider-nav__item--current {
  background: #ccc;
}

/* --- loopslider(sponser) --- */
#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 100px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
	height: 130px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider ul li {
	max-width: 240px; min-width:80px; margin:0 0 0 20px ;
	height: 130px;
	float: left;
	display: inline-block;
}
#loopslider ul li img { }


/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}


/* =======================================
	Others
======================================= */

ul.fftopics {
	/*padding-right:220px;*/ /*pickup width*/}
	
section.sponsors {
	background:#fff;
	margin-top:10px;
	padding:25px 0 0 0;
	border-top:#333 1px  solid;}
section.sponsors h3 { padding:0 40px 20px 40px; color:#000;}

section.infocus {
	background:#E4E4E5;
	margin-top:10px;
	border-top:#333 1px  solid;}
section.infocus h3 { color:#000;}


/* オーバーレイ */
#over_btn{
        background: #717171;
        color: #eeeeee;
        display:block;
        width: 70px;
        text-align: center;
        font-size: 15px;
        padding:5px 0;
        border-radius: 3px;
        cursor: pointer;
    }
    div#overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 10000;
        background: rgba(0,0,0,0.7);
    }
    div#overlay div.layout{
  position: relative;
  top: 20%;
    }
    div#overlay .y_wrap{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

    div#overlay .y_wrap iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}
   div#overlay div.laysize{ max-width:560px; margin:0 auto; text-align:right;}
   div#overlay #over_close{
	   display:block;
	   background:#666;
        color: #fff;
        width: 70px;
        margin: 10px 0 10px auto ;
        text-align: center;
        font-size: 15px;
        padding:5px 0 5px 0;
        border-radius: 3px;
        cursor: pointer;
    }
   div#overlay #over_close:hover{
	   background:#000;
	   color:#fff;
   }</pre></body></html>