@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：SKE48 OFFICIAL WEB SITE
作成日：2010.06.09
修正日：2010.06.11
ガイドライン：Ver.01
製作者：株式会社エムアップ
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット
 * ------------------------------------ */
@import "reset.css";
@import "common.css?190701";


/* ------------------------------------
 * ブロックごとの設定
 * ------------------------------------ */

/*--- トピックス ------------------*/

#loopedSlider,
.slides a,
.slides div{
	width: 660px;
	height: 350px;
}

#loopedSlider {
	margin-bottom: 20px;
	border: 1px #f8b605 solid;
	position: relative;
	overflow: hidden;
	background-color: #fff9ed;
	cursor: pointer;
}

.slides {
	position: absolute;
	top: 0;
	left: 0;
}

.slides div {
	position: absolute;
	top: 0;
	display: none;
}

.image {
	margin-right: 5px;
	float: left;
}

.slides a {
	display: block;
	color: 5e5748;
	text-decoration: none;
}

.slides h2 {
	margin-left: 10px;
	padding: 10px 0;
	color: #ff9900;
	font-size: 130%;
}

.slides p {
	margin-left: 10px;
	padding-right: 5px;
	line-height: 1.3;
	color: #5e5748;
}

#slidesNav {
	position: absolute;
	right: 3px;
	bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.pagination {
	margin: 0;
	padding: 0 1px 0 0;
	display: inline;
	list-style: none;
}

ul.pagination li {
	float: left;
}

#slidesNav a {
	margin: 0 1px;
	padding: 1px 3px;
	color: #fff;
	background: #ffc05d;
	text-decoration: none;
}

#slidesNav li a {
	background: #f89800;
}

#slidesNav li.active a {
	background: #ffe8c3;
	color: #ff9900;
}

#slidesNav a:hover {
	background: #ff6600;
}


/*--- 今日のSKE48 ------------------*/

#sectionMain table.unitToday {
	margin-bottom: 20px;
	width: 100%;
	border: solid 1px #e9d3a8;
}

#sectionMain table.unitToday th,
#sectionMain table.unitToday td {
	text-align: left;
}

#sectionMain table.unitToday th {
	padding: 14px 16px 10px 16px;
	width: 20%;
	background-color: #f8b500;
	vertical-align: middle;
	white-space: nowrap;
}

#sectionMain table.unitToday th img {
	margin-bottom: 5px;
	display: block;
}

#sectionMain table.unitToday th em {
	display: block;
	color: #fff;
	font: 174%/1.1 Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#sectionMain table.unitToday th a.rss {
	float: right;
}

#sectionMain table.unitToday td {
	padding: 14px 14px 10px 14px;
}

#sectionMain table.unitToday td h2 {
	color: #666;
	font-size: 12px;
	padding: 0 0 0.5em;
}

#sectionMain table.unitToday td h2 a.stage,
#sectionMain table.unitToday td h2 a.release,
#sectionMain table.unitToday td h2 a.event,
#sectionMain table.unitToday td h2 a.media,
#sectionMain table.unitToday td h2 a.member,
#sectionMain table.unitToday td h2 a.audition,
#sectionMain table.unitToday td h2 a.etc,
#sectionMain table.unitToday td h2 a.kisekae,
#sectionMain table.unitToday td h2 a.youtube3,
#sectionMain table.unitToday td h2 a.mixi,
#sectionMain table.unitToday td h2 a.dmm,
#sectionMain table.unitToday td h2 a.mobile,
#sectionMain table.unitToday td h2 a.akb48,
#sectionMain table.unitToday td h2 a.hkt48,
#sectionMain table.unitToday td h2 a.nmb48,
#sectionMain table.unitToday td h2 a.ameblo,
#sectionMain table.unitToday td h2 a.goods,
#sectionMain table.unitToday td h2 a.goods2,
#sectionMain table.unitToday td h2 a.web,
#sectionMain table.unitToday td h2 a.apps,
#sectionMain table.unitToday td h2 a.ticket,
#sectionMain table.unitToday td h2 a.akushukai {
	padding-left: 55px;
	display: block;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	line-height: 17px;
	background-position: left center;
	background-repeat: no-repeat;
}

#sectionMain table.unitToday td h2 a.stage {
	background-image: url(../img/icons/iconStage.jpg);
}

#sectionMain table.unitToday td h2 a.release {
	background-image: url(../img/icons/iconRelease.jpg);
}

#sectionMain table.unitToday td h2 a.event {
	background-image: url(../img/icons/iconEvent.jpg);
}

#sectionMain table.unitToday td h2 a.media {
	background-image: url(../img/icons/iconMedia.jpg);
}

#sectionMain table.unitToday td h2 a.member {
	background-image: url(../img/icons/iconMember.jpg);
}

#sectionMain table.unitToday td h2 a.audition {
	background-image: url(../img/icons/iconAudition.jpg);
}

#sectionMain table.unitToday td h2 a.etc {
	background-image: url(../img/icons/iconEtc.jpg);
}

#sectionMain table.unitToday td h2 a.kisekae {
	background-image: url(../img/icons/iconKisekae.jpg);
}

#sectionMain table.unitToday td h2 a.youtube3 {
	background-image: url(../img/icons/iconYoutube.jpg);
}

#sectionMain table.unitToday td h2 a.mixi {
	background-image: url(../img/icons/iconMixi.jpg);
}

#sectionMain table.unitToday td h2 a.web {
	background-image: url(../img/icons/iconWeb3.jpg);
}

#sectionMain table.unitToday td h2 a.dmm {
	background-image: url(../img/icons/iconDmm.jpg);
}

#sectionMain table.unitToday td h2 a.mobile {
	background-image: url(../img/icons/iconMobile.jpg);
}

#sectionMain table.unitToday td h2 a.akb48 {
	background-image: url(../img/icons/iconAKB48.jpg);
}

#sectionMain table.unitToday td h2 a.hkt48 {
	background-image: url(../img/icons/iconHKT48.jpg);
}

#sectionMain table.unitToday td h2 a.nmb48 {
	background-image: url(../img/icons/iconNMB48.jpg);
}

#sectionMain table.unitToday td h2 a.ameblo {
	background-image: url(../img/icons/iconAmeba.jpg);
}

#sectionMain table.unitToday td h2 a.goods {
	background-image: url(../img/icons/iconGoods.jpg);
}

#sectionMain table.unitToday td h2 a.goods2 {
	background-image: url(../img/icons/iconGoods.jpg);
}

#sectionMain table.unitToday td h2 a.apps {
	background-image: url(../img/icons/iconApps.jpg);
}

#sectionMain table.unitToday td h2 a.ticket {
	background-image: url(../img/icons/iconTicket.jpg);
}

#sectionMain table.unitToday td h2 a.akushukai {
	background-image: url(../img/icons/iconAkushukai.jpg);
}


/*--- YouTube ------------------*/

#sectionMain .unitYouTube {
	margin-bottom: 20px;
	position: relative;
}

#sectionMain .unitYouTube h3.title {
	position: absolute;
	top: 0;
	left: 0;
	width: 660px;
	height: 38px;
}

#sectionMain .unitYouTube .topTitleBtn {
	position: relative;
	top: 11px;
	left: 596px;
	display: block;
	width: 48px;
	height: 17px;
}

#sectionMain .unitYouTube .topTitleBtn li {
	display: block;
	float: left;
}

#sectionMain .unitYouTube ul.box {
	padding:  1px;
	border: solid 1px #e9d3a8;
}

#sectionMain .unitYouTube ul.box li {
	padding: 32px 0 10px 14px;
	float: left;
	width: 200px;
	font-size: 93%;
}

#sectionMain .unitYouTube ul.box li img {
	margin-bottom: 5px;
	display: block;
}


/*--- YouTube 20140703 ------------------*/

#sectionMain .unitYouTube1407 {
	margin-bottom: 20px;
	position: relative;
}

#sectionMain .unitYouTube1407 h3.title {
	position: absolute;
	top: 0;
	left: 0;
	width: 660px;
	height: 38px;
}

#sectionMain .unitYouTube1407 .topTitleBtn {
	position: relative;
	top: 11px;
	left: 366px;
	display: block;
	width: 48px;
	height: 17px;
}

#sectionMain .unitYouTube1407 .topTitleBtn li {
	display: block;
	float: left;
}

#sectionMain .unitYouTube1407 ul.box {
	padding:  1px;
	border: solid 1px #e9d3a8;
}

#sectionMain .unitYouTube1407 ul.box li {
	padding: 32px 0 10px 14px;
	float: left;
	width: 200px;
	font-size: 93%;
}

#sectionMain .unitYouTube1407 ul.box li img {
	margin-bottom: 5px;
	display: block;
}


/*--- ブログ＋ツイッター ------------------*/

#sectionMain .unitSocial {
	margin-bottom: 20px;
	width: 100%;
	height: auto !important;
	background: url(../img/top/bgSocialY.gif) bottom no-repeat;
}

/* ブログ */
.unitSocial .boxBlog {
	position: relative;
	float: left;
	width: 400px;
}

.unitSocial .boxBlog h3.title {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 38px;
}

.unitSocial .boxBlog .topTitleBtn {
	position: relative;
	top: 11px;
	left: 340px;
	display: block;
	width: 48px;
	height: 17px;
}

.unitSocial .boxBlog .topTitleBtn li {
	display: block;
	float: left;
}

.unitSocial .boxBlog div.blogList {
	margin: 20px 0;
}

.unitSocial .boxBlog ul.blogListInner li {
	padding: 19px 5px 0 20px;
	float: left;
	width: 100px;
	line-height: 1.2;
	color: #666;
	font-size: 93%;
}

.unitSocial .boxBlog ul.blogListInner li img {
	margin-bottom: 5px;
	border: solid 2px #f8b500;
	display: block;
}

.unitSocial .boxBlog ul.blogListInner li h3 {
	margin-bottom: 3px;
	display: block;
	width: 100px;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* white-space: pre-wrap; /* CSS3 */
	word-wrap: break-word; /* IE 5.5+ */
}

.unitSocial .boxBlog ul.blogListInner li p {
	display: block;
	width: 100px;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* white-space: pre-wrap; /* CSS3 */
	word-wrap: break-word; /* IE 5.5+ */
}
	

.unitSocial .boxBlog ul.blogListInner li .date {
	color: #999;
	font-size: 93%;
}

/* ツイッター */
.unitSocial .boxTwitter {
	position: relative;
	float: right;
	width: 240px;
	min-height: 410px;
	height:auto !important;
	height: 410px;
}

.unitSocial .boxTwitter h3.title {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 38px;
}

.unitSocial .boxTwitter .topTitleBtn {
	position: relative;
	top: 12px;
	left: 152px;
	display: block;
	width: 76px;
	height: 17px;
}

.unitSocial .boxTwitter .topTitleBtn li {
	display: block;
	float: left;
}

a.followMe {
	width: 76px;
	background-image: url(../img/top/followMe.jpg);
}

.unitSocial .boxTwitter .tweet {
	margin-top: 20px;
	padding: 5px 1px 0 1px;
}

.unitSocial .boxTwitter .tweet h3,
.unitSocial .boxTwitter .tweet h4,
.unitSocial .boxTwitter .tweet .twtr-user,
.unitSocial .boxTwitter .tweet .twtr-hd/*,
.unitSocial .boxTwitter .tweet .twtr-ft*/ {
	display: none;
}

.unitSocial .boxTwitter .tweet .twtr-ft {
	background-color: #f8b500;
}



/* ▼ツイッター ※20120920リニューアル※ ▼ */
.unitSocial .boxTwitterList {
	position: relative;
	float: right;
	width: 240px;
	min-height: 410px;
	height:auto !important;
	height: 410px;
	background-color: #f8b500;
	color: #2a2a2a;
}

.unitSocial .boxTwitterList h3.title {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 38px;
}

.unitSocial .boxTwitterList .topTitleBtn {
	position: relative;
	top: 12px;
	left: 152px;
	display: block;
	width: 76px;
	height: 17px;
}

.unitSocial .boxTwitterList .topTitleBtn li {
	display: block;
	float: left;
}

a.followMe {
	width: 76px;
	background-image: url(../img/top/followMe.jpg);
}

.unitSocial .boxTwitterList .tweet {
	overflow: auto;
	margin: 20px 2px 0px 2px;
	padding: 5px 5px 0px 5px;
	background-color: #FFF;
	height: 330px;
}

.unitSocial .boxTwitterList .tweet li {
	line-height: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #999999;
}

.unitSocial .boxTwitterList .tweet li a {
	font-size:10px;
}

.unitSocial .boxTwitterList .tweet li:last-child {
	border: none;
}

.unitSocial .boxTwitterList .tweet h3,
.unitSocial .boxTwitterList .tweet h4,
.unitSocial .boxTwitterList .tweet .twtr-user,
.unitSocial .boxTwitterList .tweet .twtr-hd/*,
.unitSocial .boxTwitter .tweet .twtr-ft*/ {
	display: none;
}

.unitSocial .boxTwitterList .twtr-ft {
	background-color: #f8b500;
	color: #FFF;
	padding: 10px;
}

.unitSocial .boxTwitterList .twtr-ft a {
	color: #FFF;
}

.unitSocial .boxTwitterList .twtr-ft li {
	display: block;
	float: left;
}

.unitSocial .boxTwitterList .twtr-ft li:last-child {
	display: block;
	float: right;
}



/*--- フットバナー ------------------*/

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.jcarousel-list {
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    width: 200px;
    height: 80px;
    list-style: none;
}

.jcarousel-next {
    display: none;
    z-index: 3;
}

.jcarousel-prev {
    display: none;
    z-index: 3;
}

.jcarousel-skin .jcarousel-container {
    border: 1px solid #e9d3a8;
}

.jcarousel-skin .jcarousel-container-horizontal {
    padding: 15px 15px 15px 25px;
    width: 620px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  615px;
    height: 80px;
}

.jcarousel-skin .jcarousel-item {
    width: 200px;
    height: 80px;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    color: #000;
    background: #fff;
}

.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 110px;
    background: transparent url(../img/bottomBnr/next-horizontal.jpg) no-repeat 0 0;
    cursor: pointer;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: -13px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: -26px 0;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    background-position: -39px 0;
    cursor: default;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 110px;
    background: transparent url(../img/bottomBnr/prev-horizontal.jpg) no-repeat 0 0;
    cursor: pointer;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -13px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -26px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    background-position: -39px 0;
    cursor: default;
}



/*--- ご注意ください表示 2012.09.14 ------------------*/
.attention {
	position: relative;
	margin-bottom: 20px;
}

.attention h4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	height: 36px;
}

.attention ul.box {
	padding: 45px 5px 0 5px;
	border: solid 1px #e9d3a8;
}

.attention ul.box li {
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.attention ul.box li dt {
	padding: 5px auto;
}

.attention ul.box li dd {
	height: auto !important;
}



/*--- YOUTUBE ------------------*/

.unitYouTube1407 {
	border:#e9d3a8 solid 1px;
	border-top:none;
}


#ytvideo2 {
	padding-bottom:11px;
	}
.yt_holder {
    float:left;
	width:381px;
	padding:35px 19px 15px;
}
.yt_holder ul {
    margin:0;
    padding:0;
    width:420px;
}
.yt_holder ul li {
    list-style-type:none;
    display:block;
    float:left;
    width:127px;
	
}
.yt_holder ul li img {
    width:117px;
	padding-bottom:5px;
}
.yt_holder ul li a {
    display:block;
    color:#555;
	font-size:90%;
	line-height:1.4;
	padding:5px;
	
	-webkit-transition: background-color 0.2s ease-out;
}
.yt_holder .currentvideo {
	background-color:#EEE;
}
.yt_holder ul li a:hover {
    color:#FFF;
	text-decoration:none;
	background-color:#555;
}

.yt_playlist {
    float:right;
	width:227px;
	padding:35px 10px 15px 0;
}

#mycustomscroll {
	width: 217px;
	height: 400px;
	overflow: auto;
	position: relative;
	padding-right: 10px;
	background: url(http://web-m.webcdn.stream.ne.jp/www09/web-m/ske48/img/top/YouTube_bar2.jpg) repeat-y right top;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width:5px;
}
.vscrollerbar {
background-image: url(http://web-m.webcdn.stream.ne.jp/www09/web-m/ske48/img/top/YouTube_bar.jpg);
width: 5px;
height: 111px !important;
background: url(http://web-m.webcdn.stream.ne.jp/www09/web-m/ske48/img/top/YouTube_bar.jpg) repeat-y right top;
}
* html .vscrollerbar {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://web-m.webcdn.stream.ne.jp/www09/web-m/ske48/img/top/YouTube_bar.jpg');
}
.yt_playlist li a {
	display: inline-block;
	line-height:1.4;
	background-color:#FFF;
	-webkit-transition: background-color 0.2s ease-out;
	padding:5px 0;
	border-bottom:#dbc79e dotted 1px;
}
.yt_playlist li {
	display: inline-block;
	clear:both;
}
.yt_playlist li img {
	width:84px;
	float:left;
	padding-right:5px;
}
.yt_playlist li span {
	display:block;
	font-size:85%;
	line-height:2;
}
.yt_playlist li a span {
	color:#999;
}
.yt_playlist li a:hover span {
	color:#FFF;
}
.yt_playlist li a:hover {
	color:#FFF !important;
	text-decoration:none;
	background-color:#555;
}


/*--- SIDE BIG BNR：20141001up ------------------*/
.prArea {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.sideBigBnr {
	position: fixed;
	top: 0;
	left: auto;
	width: 960px;
}
.sideBigBnr .sideBigBnrL {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -170px;
}
.sideBigBnr .sideBigBnrR {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -170px;
}
/*--- //SIDE BIG BNR ------------------*/