@charset "UTF-8";
/* top.css */

/* ContentsMain */
#ContentsMain {
	width:580px;
	float:left;
}
#ContentsMain h2 {
	clear:both;
	line-height:0.1em;
}
#ContentsMain h2#TitlePickUp {
	margin-top:-8px;
}
#TopMainContainer {
	position:relative;
	width:588px;
	height:262px;
}
#TopMainFrame {
	position:absolute;
	top:-5px;
	left:-4px;
	width:588px;
	height:226px;
	margin-top:20px;
	padding-top:16px;
	background:url(../images/top/BgMain.png) no-repeat;
	text-align:center;
}
#TopMain {
	position:absolute;
	width:556px;
	height:210px;
	top: 16px;
	left: 16px;
	list-style-type:none;
	text-align:center;
	overflow:hidden;
}
#TopMain img:hover {
	opacity:0.7;
	-moz-opacity:0.7;
	filter: alpha(opacity=70);
}
#TopMainNav {
	position:absolute;
	right:0;
	z-index:100;
	width:120px;
	list-style-type:none;
}
#TopMainNav li {
	float:left;
}
#TopMainNav a {
	display:block;
	width:25px;
	height:0;
	margin-right:5px;
	padding-top:26px;
	background:url(../images/top/MainNum.png) no-repeat;
	overflow:hidden;
}
#TopMainNav #TopMainNav01 a:hover,
#TopMainNav #TopMainNav01 a.slideCurrent{
	background-position:0 -26px;
}
#TopMainNav #TopMainNav02 a {
	background-position:-25px 0;
}
#TopMainNav #TopMainNav02 a:hover,
#TopMainNav #TopMainNav02 a.slideCurrent{
	background-position:-25px -26px;
}
#TopMainNav #TopMainNav03 a {
	background-position:-50px 0;
}
#TopMainNav #TopMainNav03 a:hover,
#TopMainNav #TopMainNav03 a.slideCurrent{
	background-position:-50px -26px;
}
#TopPickUp {
	clear:both;
	width:580px;
	padding-top:20px;
	list-style-type:none;
}
#TopPickUp li {
	width:175px;
	float:left;
	margin:0 9px;
}
#TopPickUp .thumb img {
	border:solid 1px #CCCCCC;
	margin-bottom:10px;
}
#TopPickUp li:hover .thumb img:hover {
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
#TopPickUp h3,
#TopFeature h3,
#TopNew h3 {
	margin-bottom:10px;
	line-height:1.5em;
	font-size:14px;
	font-weight:bold;
}
#TopTitle {
	clear:both;
	position:relative;
	padding:30px 0 15px 0;
}
#TopTitle .btnList {
	position:absolute;
	top:27px;
	right:0;
}
#ContentsMain #TitleFeature {
	width:580px;
	height:0;
	padding-top:45px;
	background:url(../images/top/TitleFeature.png) no-repeat;
	overflow:hidden;
	line-height:2em;
}
#ContentsMain #TitleNew {
	width:580px;
	height:0;
	padding-top:45px;
	background:url(../images/top/TitleNew.png) no-repeat;
	overflow:hidden;
	line-height:2em;
}
#TopFeature .contestContainer,
#TopNew .contestContainer {
	list-style-type:none;
	overflow:hidden;
}
#TopFeature .contestSet {
	border-top:solid 1px #EDEDED;
	margin-top:-1px;
	padding:15px 10px;
	overflow:hidden;
}
#TopFeature .contestSet:hover {
	background-color:#ECF8FC;
}
#TopNew .contestSet {
	border:solid 3px #FFFFFF;
	padding:12px 7px;
	overflow:hidden;
}
#TopNew .listOdd .odd {
	border:solid 3px #F7F6F4;
}
#TopNew .contestSet:hover {
	border:solid 3px #45B6DF;
}
#TopFeature .thumb {
	width:120px;
	float:left;
}
#TopFeature .thumb a {
	display:block;
	width:100px;
	height:80px;
	line-height: 80px;
	border:solid 3px #CCCCCC;
	background:url(../images/format/DefaultThumb.png) no-repeat;
	background-position: center center;
}
#TopFeature .thumb a img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}
#TopFeature .detail {
	width:440px;
	float:right;
}
#TopFeature .detailAbout {
	width:300px;
	float:left;
}
#TopFeature .iconCat,
#TopNew .iconCat {
	width:130px;
	float:right;
}
#TopNew .new {
	width:42px;
	float:left;
}
#TopNew .detail {
	width:507px;
	float:right;
}
#TopNew .detailAbout {
	width:363px;
	float:left;
}

/* ContentsSub */
#ContentsSub {
	width:185px;
	float:right;
	padding-top:24px;
}
#ContentsSub h2 {
	line-height:0.1em;
}
#ContentsSub h3 {
	margin-bottom:5px;
	line-height:1.6em;
	font-size:13px;
	font-weight:bold;
}
#ContentsSub ul {
	list-style-type:none;
	overflow:hidden;
}
#ContentsSub li {
	border-top:solid 1px #EDEDED;
	margin-top:-1px;
	padding:10px;
}
#ContentsSub .statusActive,
#ContentsSub .statusSoon,
#ContentsSub .statusEnd,
#ContentsSub .statusResult {
	width:163px;
}
#ContentsSub .statusActive {
	background:url(../images/top/StatusActiveTop.png) no-repeat;
}
#ContentsSub .statusSoon {
	background:url(../images/top/StatusSoonTop.png) no-repeat;
}
#ContentsSub .statusEnd {
	background:url(../images/top/StatusEndTop.png) no-repeat;
}
#ContentsSub .statusResult {
	background:url(../images/top/StatusResultTop.png) no-repeat;
}
.contentsSubContainer {
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin-bottom:20px;
	overflow:hidden;
}
.contentsSubContainer .btnMore {
	width:105px;
	height:27px;
	float:right;
	margin:10px 10px 10px 0;
	line-height:2em;
}
.contentsSubContainer .thumb img {
	border:solid 1px #CCCCCC;
	margin-bottom:5px;
}
.contentsSubContainer li:hover .thumb img {
	border:solid 1px #45B6DF;
}
#ContentsSub #SocialBtn {
	position:relative;
	height:40px;
}
.twitter-share-button {
	position:absolute;
	top:0;
	left:0;
	width:100px !important;
	vertical-align:text-bottom;
}
#BtnFacebook {
	position:absolute;
	top:0;
	right:0;
}
.connect_widget {
	position:absolute;
	top:0;
	right:0;
	vertical-align:text-bottom;
}
.contentsSubContainer .prize {
	font-size:10px;
}

#CBTwitter {
	position:relative;
}
/*.twitterFooter {
	position:absolute;
	bottom:0;
	width:185px;
	height:54px;
	background-color:#FFFFFF;
}*/
#TitleTwitter {
	padding:10px 0 15px 0;
}
#BannerPlan {
	margin-bottom:20px;
}
#BannerPlan:hover{
  opacity:.8;
}
#ContentsSub #TitleHurry {
	width:185px;
	height:0;
	padding-top:43px;
	background:url(/images/top/TitleHurry.png) no-repeat;
	overflow:hidden;
	line-height:2em;
}



/*▼▼▼▼　2017トップスライド　▼▼▼▼*/
.topCOMPEDIAPickUpSlideBox{
  width:556px;
  height:210px;
  position:relative;
  padding:16px;
  background-image:url(/images/top/BgMain.png);
margin-top: 10px;
    left: -4px;
}
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging{
  list-style:none;
    width: 110px;
    height:30px;
  position:absolute;
    display: inline-block;
    top: -24px;
    margin:inherit !important;
}
.flex-control-nav {
    top: 0px;
    right:15px;
}

.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li a{
  width:24px;
  height:25px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position:relative;
}
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(1) a:after{
  position:absolute;
  content:"";
  background-image:url(/images/top/iconTopSlideNo1.png);
    width:24px;
  height:25px;
  top:0;
  left:0;
}
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(1):hover a:after,
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(1) a.flex-active:after{
  background-image:url(/images/top/iconTopSlideNo1Ac.png);
}
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(2) a:after{
  position:absolute;
  content:"";
  background-image:url(/images/top/iconTopSlideNo2.png);
    width:24px;
  height:25px;
  top:0;
  left:0;
}
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(2):hover a:after,
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(2) a.flex-active:after{
  background-image:url(/images/top/iconTopSlideNo2Ac.png);
}
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(3) a:after{
  position:absolute;
  content:"";
  background-image:url(/images/top/iconTopSlideNo3.png);
    width:24px;
  height:25px;
  top:0;
  left:0;
}
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(3):hover a:after,
.topCOMPEDIAPickUpSlideBox ol.flex-control-paging li:nth-child(3) a.flex-active:after{
  background-image:url(/images/top/iconTopSlideNo3Ac.png);
}
.topCOMPEDIAPickUpSlideBox li a img:hover{
  opacity:.8;
}




/*▲▲▲▲　2017トップスライド　▲▲▲▲*/