@charset "utf-8";
/*
**********************************************************************

* page.css

*********************************************************************
*/


/* =========================================================
Contents
========================================================= */
#Contents {
}
#Contents .inner {
  background: #fff;
  padding: 44px 0 0;
}


/* #KeyvSect
======================================= */
#KeyvSect {
  position: relative;
  border-bottom:10px solid #000000;
  z-index:11;
  width: 100%;
  min-width: 960px;
  overflow:hidden;
  padding: 20px 0 15px;
}
#KeyvSect .sectInner {
}
#KeyvSect.active {
  min-height: 441px;
}
#KeyvSect img {
  vertical-align: top;
}
#KeyvSect #KeyvWrap {
  margin-bottom: 20px;
}
#KeyvSect.active #KeyvWrap {
  width: 2700px;
}
#KeyvSect #KeyvList {
  width:870px;
  margin:0 auto;
  position: relative;
  text-align:center;
  height: 360px;
}
#KeyvSect.active #KeyvList {
  width: 10000px;
}
#KeyvSect #KeyvList li {
  float: left;
  padding: 0 10px;
  text-align: center;
  display:none;
  width:850px;
}
#KeyvSect.active #KeyvList li {
  display:block;
}
#KeyvSect #KeyvList li:first-child {
  display:block;
}
#KeyvSect #KeyvList li span {
  display: block;
  width: 846px;
  height: 356px;
  overflow: hidden;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  transition: all .25s ease-in;
}
#KeyvSect #KeyvList li.active span {
}
#KeyvSect #KeyvList li img {
  margin: -2px 0 0 -2px;
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  transition: all .25s ease-in;
}
#KeyvSect.active #KeyvList li img {
  opacity: 0.4;
  filter:alpha(opacity=40);  /* IE7以下用 */
  -ms-filter: "alpha(opacity=40)"; /* IE8用 */
}
#KeyvSect #KeyvList li.active img {
  opacity: 1;
  filter:alpha(opacity=100);  /* IE7以下用 */
  -ms-filter: "alpha(opacity=100)"; /* IE8用 */
}
#KeyvSect #KeyvNavWrap {
  padding-left:3px;
  width: 835px;
  margin:0 auto;
  position:relative;
}
#KeyvSect #KeyvNav {
  position:relative;
  text-align:center;
}
#KeyvSect #KeyvNav li {
  margin-right: 3px;
  position: relative;
  width: 150px;
  padding:5px;
  height: 64px;
  overflow: hidden;
  cursor: pointer;
  display:inline-block;
    *display: inline;  
    *zoom: 1; 
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
#KeyvSect #KeyvNav li.active {
  cursor: default;
}
#KeyvSect #KeyvNav li img {
  opacity: 0.4;
  filter:alpha(opacity=40);  /* IE7以下用 */
  -ms-filter: "alpha(opacity=40)"; /* IE8用 */
  margin:0;
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  transition: all .25s ease-in;
}
#KeyvSect #KeyvNav li.active img {
  opacity: 1;
  filter:alpha(opacity=100);  /* IE7以下用 */
  -ms-filter: "alpha(opacity=100)"; /* IE8用 */
}
#KeyvSect #KeyvNav li span {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 148px;
  height: 62px;
}
#KeyvSect #KeyvNav li.active span {
  width: 154px;
  height: 68px;
  border: 3px solid #ff0b00;
}
#KeyvSect .leftBtn,
#KeyvSect .rightBtn {
  position: absolute;
  top: 415px;
}

p.rightBtn {}
#KeyvSect .leftBtn {
  left: 50%;
  margin-left: -475px;
}
#KeyvSect .rightBtn {
  right: 50%;
  margin-right: -475px;
}
#KeyvSect .leftBtn a img,
#KeyvSect .rightBtn a img {
  margin-top: 0px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
#KeyvSect .leftBtn a:active img,
#KeyvSect .rightBtn a:active img {
  margin-top: 3px;
}

#KeyvSect #KeyvNav,
#KeyvSect .leftBtn,
#KeyvSect .rightBtn,
#KeyvSect #exb_counter {
  display:none;
} 
#KeyvSect.active #KeyvNav,
#KeyvSect.active .leftBtn,
#KeyvSect.active .rightBtn,
#KeyvSect.active  #exb_counter {
  display:block;
}

div#exb_counter {} 


#KeyvSect #exb_counter {
  position: absolute;
  right: 50%;
  top: 25px;
  margin-right: -413px;
}
#KeyvSect #exb_counter #Timer {
  position: absolute;
  left: 3px;
  top: 38px;
}
#KeyvSect #exb_counter #Timer span {
  position: absolute;
  left: 0px;
  top: 0px;
}
#KeyvSect #exb_counter #Timer span img {
  margin-right: 0px;
}
#KeyvSect #exb_counter .time #Timerd img {
   margin-left: -1px; 
}
#KeyvSect #exb_counter .time #Timerd {
  position: absolute;
  top: 0px;
  left: 7px;
  width: 100px;
}
#KeyvSect #exb_counter .time #Timerh {
  top: 0px;
  left: 61px;
  width: 50px;
}
#KeyvSect #exb_counter .time #Timerm {
  top: 0px;
  left: 109px;
  width: 50px;
}
#KeyvSect #exb_counter .time #Timers {
  top: 0px;
  left: 154px;
  width: 50px;
}

/* =========================================================
Main
========================================================= */
#Contents .inner #Main {
  float: right;
  width: 680px;
  margin-bottom: 15px;
}
.carouselSect{
  position:relative;
}
 .carouselSect .sectList {
  width:5000px;
  min-height:100px;
  position:relative;
}
 .carouselSect .sectList li {
  float: left;
}
.carouselSect .sectMain .sectList li.comingTxt {
  border:0;
  padding-top:30px;
  width:620px;
  text-align:center;
}
.carouselSect .leftBtn {
  position:absolute;
  left: 15px;
  top: 150px;
}
.carouselSect .rightBtn {
  position:absolute;
  right:15px;
  top: 150px;
}
.newSect {
  margin-bottom: 32px;
}
.newSect .sectTit {
  line-height: 1;
}
.newSect .sectMainWrap {
  position: relative;
  border: solid #cccccc;
  border-width: 0 1px 1px;
  padding:20px 0;
}
.newSect .sectMain {
  position:relative;
  width: 560px;
  margin:0 auto;
  overflow:hidden;
}
.newSect .sectMain .sectList {
}
.newSect .sectMain .sectList li {
  float: left;
  width: 120px;
  margin-right: 27px;
}
.newSect .sectMain .sectList li a {
  color: #000;
  text-decoration: none;
}
.newSect .sectMain .sectList li .date {
  font-size: 12px;
  margin-bottom: 5px;
}
.newSect .sectMain .sectList li .thumb {
  margin-bottom: 11px;
}
.newSect .sectMain .sectList li .tit {
  font-size: 12px;
  line-height: 1.4;
}
.newSect .sectMain .sectList li a .tit {
  text-decoration: underline;
}
.newSect .sectMain .sectList li a:hover .tit {
  text-decoration: none;
}
.newSect .sectMain .prev {
  position: absolute;
  top: 40%;
  left: 13px;
}
.newSect .sectMain .next {
  position: absolute;
  top: 40%;
  right: 13px;
}
/*
---------------------------*/
.guestSect {
  margin-bottom: 31px;
  border: 1px solid #ccc;
}
.guestSect .sectTit {
  margin: -1px 0 24px -1px;
}
.guestSect .sectTit .moreBtn {
    position: absolute;
    right: 40px;
    top: 10px;
}
.guestSect .sectMain {

  padding: 0 0 29px;
  width: 632px;
  margin: 0 auto;
  overflow:hidden;
}
.guestSect .sectMain .sectList {
}
.guestSect .sectMain .sectList li {
  float: left;
  width: 120px;
  margin-right: 8px;
  border: 1px solid #fff;
  overflow: hidden;
}
.guestSect .sectMain .sectList li:first-child {
  margin-left: 0;
}

.guestSect .leftBtn {
  left: 3px;
  top: 120px;
}
.guestSect .rightBtn {
  right: 3px;
  top: 120px;
}

/*
---------------------------*/

.brandSect {
  margin-bottom: 28px;
  border: 1px solid #ccc;
}
.brandSect .sectTit {
    margin: -1px 0 24px -1px;
}
.brandSect .sectTit .moreBtn {
    position: absolute;
    right: 40px;
    top: 10px;
}
.brandSect .sectMain {
  padding: 0 0 29px;

  width: 620px;
  margin: 0 auto;
  overflow:hidden;
}
.brandSect .sectMain .sectList {
}
.brandSect .sectMain .sectList li {
  float: left;
  margin-right: 31px;
  border: 1px solid #ddd;
}
.brandSect .sectMain .sectList li:first-child {
  margin-left: 0;
}
.brandSect .leftBtn {
  left: 3px;
  top: 108px;
}
.brandSect .rightBtn {
  right:3px;
  top: 108px;
}

.snsSect {
}
.snsSect .twBlock {
  width: 330px;
  float: left;
}
.snsSect .twBlock .blockTit {
}
.snsSect .twBlock .blockMain {
  height: 390px;
  border: solid #55abed;
  border-width: 0 1px 1px 1px;
}
.snsSect .fbBlock {
  float: right;
  width: 330px;
}
.snsSect .fbBlock .blockTit {
}
.snsSect .fbBlock .blockMain {
  height: 390px;
  border: solid #3b5997;
  border-width: 0 1px 1px;
}
/* =========================================================
Side
========================================================= */
#Contents .inner #Side {
  width: 240px;
  float: left;
}
#Contents #Side .infoBnr {
  margin-bottom: 20px;
}
#Contents #Side .youtube {
  margin-bottom: 20px;
}
#Contents #Side .buzzBnr {
}
/* =========================================================
channelSect
========================================================= */
#Contents .inner .channelSect {
  margin-bottom: 44px;
}
#Contents .inner .channelSect .sectTit {
  margin-bottom: 22px;
}
#Contents .inner .channelSect .sectTit .moreBtn {
  display: inline-block;
  padding: 1px 0 0;
}
#Contents .inner .channelSect .sectMain {
  border-bottom: 1px solid #ccc;
  padding-bottom: 21px;
}
#Contents .inner .channelSect .sectMain .sectList {
  padding: 0 19px;
}
#Contents .inner .channelSect .sectMain .sectList li {
  float: left;
  width: 300px;
  margin-left: 10px;
}
#Contents .inner .channelSect .sectMain .sectList li:first-child {
  margin-left: 0;
}
#Contents .inner .channelSect .sectMain .sectList li .video {
}
#Contents .inner .channelSect .sectMain .sectList li .txtBox {
  padding: 11px 13px;
}
#Contents .inner .channelSect .sectMain .sectList li .txtBox .tit {
  font-size: 13px;
  font-weight: bold;
}
#Contents .inner .channelSect .sectMain .sectList li .txtBox .txt {
  word-break: break-all;
  line-height: 1.45;
}
/* =========================================================
instaSect
========================================================= */
#Contents .inner .instaSect {
  margin-bottom: 62px;
}
#Contents .inner .instaSect .sectTit {
  position:relative;
}
#Contents .inner .instaSect .moreBtn {
  /*padding:10px 20px 0;
  text-align:right;*/
  position: absolute;
    right: 40px;
    top: 13px;
}
#Contents .inner .instaSect .sectMain {
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  padding: 20px 0 10px;
}
#Contents .inner .instaSect .sectMain .leadTxt {
  font-size: 13px;
  padding-left: 14px;
  margin-bottom: 25px;
}
#Contents .inner .instaSect .sectMain .sectList {
  width: 922px;
  margin: 0 auto;
  height:140px;
  overflow:hidden;
}
#Contents .inner .instaSect .sectMain .sectList li {
  float: left;
  width: 140px;
  margin-left: 16px;
}
#Contents .inner .instaSect .sectMain .sectList li:first-child {
  margin-left: 0;
}
/* =========================================================
bnrSect
========================================================= */
#Contents .inner .bnrSect {
  padding: 0 19px 66px;
}
#Contents .inner .bnrSect .sectList {
  margin-bottom: 10px;
}
#Contents .inner .bnrSect .sectList li {
  float: left;
  margin-left: 10px;
  width: 300px;
}
#Contents .inner .bnrSect .sectList li:first-child {
  margin-left: 0;
}
#Contents .inner .bnrSect .bnr {
}
/* =========================================================
grayBg
========================================================= */
#Contents .grayBg {
  background: url(../common/images/bg_cont_gray.gif)  center 0 repeat-y;
  margin-left:0px;
}
#Contents .grayBg .inner {
  background: #f1f1f1;
  padding: 40px 0 0;
}
#Contents .grayBg .inner .oContSect {
}
#Contents .grayBg .inner .oContSect .sectTit {
  margin-bottom: 18px;
}
#Contents .grayBg .inner .oContSect .sectMain {
  padding: 0px 0 47px;
}
#Contents .grayBg .inner .oContSect .sectMain .sectList {
  width: 960px;
}
#Contents .grayBg .inner .oContSect .sectMain .sectList li {
  float: left;
  width: 228px;
  margin: 0 0 10px 10px;
}
#Contents .grayBg .inner .oBlog {
  padding-bottom: 51px;
}
#Contents .grayBg .inner .oBlog .sectTit {
  margin-bottom: 19px;
}
#Contents .grayBg .inner .oBlog .sectMain {
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock01 {
  margin-bottom: 24px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock01 .kobeBnr {
  float: left;
  width: 516px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock01 .snsbnrList {
  float: left;
  width: 220px;
  margin-left: 1px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock01 .snsbnrList li {
  margin-bottom: 2px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock01 .ameBnr {
  float: left;
  width: 220px;
  margin-left: 2px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock02 {
  padding: 0px 7px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock02 .blockList {
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock02 .blockList a {
  color: #000;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock02 .blockList li {
  float: left;
  width: 220px;
  margin: 0 0px 18px 13px;
  text-align: center;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock02 .blockList li .bnr {
  margin-bottom: 6px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock02 .blockList li .name {
  font-size: 12px;
}
#Contents .grayBg .inner .oBlog .sectMain .bnrBlock02 .blockList li .prof {
  font-size: 12px;
}
#Contents .grayBg .inner .oPartnerSect {
  padding-bottom: 0px;
  
}
#Contents .grayBg .inner .oPartnerSect .sectTit {
  margin-bottom: 7px;
}
#Contents .grayBg .inner .oPartnerSect .sectMain {
	width:1020px;
	margin-left:-30px;
  	background:#FFF;
	padding:25px 0;
}
#Contents .grayBg .inner .oPartnerSect .sectMain .partners {
  text-align: center;
}