@charset "utf-8";

/**
============================================================
top.css
------------------------------------------------------------

■ インパクト
■ メインスライド
■ 重要なお知らせ
■ RECOMMEND
■ 会員登録
■ RECOMMEND POPUP
■ EVENT MEDIA POPUP
■ タイムライン
■ セール
■ 下段コンテンツ
■ NEWS
■ 重要なお知らせ、NEWS 詳細
■ ファンクラブ
■ LINK
■ PICK UP, CAMPAIGN
■ NEW BOOKS, OTHERS
■ メンバー詳細
■ メンバー選択

============================================================
*/

/* ---------------------------------------------------------
■ インパクト
--------------------------------------------------------- */
.topImpact,
.leftImpact,
.rightImpact {
	display: none; }





/* ---------------------------------------------------------
■ メインスライド
--------------------------------------------------------- */
.mainBlock {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.mainSlideWrapper {
	float: left;
	position: relative;
	width: 960px;
	margin: 0;
	zoom: 1; }

.mainSlideWrapper ul {
	overflow: hidden;
	zoom: 1; }

.mainSlideWrapper li {
	float: left;
	width: 960px;
	line-height: 0;
	position:relative;
}
.carouPrev {
	cursor: pointer;
	position: absolute;
	top: 43%;
	right: -2px;
	display: block;
	z-index: 1;
	opacity: 0.5;
	width: 34px;
	height: 53px;
	background: url(../img/top/after_btn.png) no-repeat left top;
}
.carouNext {
	cursor: pointer;
	position: absolute;
	top: 43%;
	left: 0px;
	display: block;
	z-index: 1;
	opacity: 0.5;
	width: 34px;
	height: 53px;
	background: url(../img/top/before_btn.png) no-repeat left top;
}
.carouNext:hover {
	opacity: 1;
}
.carouPrev:hover {
	opacity: 1;
}
/*
 * ページャー
 */
.mainSlideWrapper .pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
    text-align: center;
	z-index: 5; }

.mainSlideWrapper .pagination a {
    background: url(../img/common/bg_slide_pager1.png) no-repeat 0 -38px;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
    display: inline-block; }

.mainSlideWrapper .pagination a.selected {
    background-position: 0 0;
    cursor: default; }

.mainSlideWrapper .pagination a span {
    display: none; }


/*
 * サイドバナー
 */
.mainSideNav {
	width: 240px;
	height: 384px;
	float: right;
	background-color: #e14898;
}

.mainSideTitle {
	text-align: left;
	padding: 7px 0 0 7px;
	height: 21px;
}
.mainSideBanner a img:hover {
	opacity: 0.8;
}
.mainSideBanner a {
	display: block;
	height: 100px;
}

/*
 * バナー
 */
.bnrMainSlide {
	position: absolute;
	left: 18px;
	bottom: 18px;
	z-index: 5; }

/* ---------------------------------------------------------
■ マーキー処理
--------------------------------------------------------- */
.connecter{
	width:1200px;
	text-align: center;
	margin:0 auto;
}
.connecter:after{
	content:".";
	display:block;
	height:0;
	font-size: 0;
	clear:both;
	visibility: hidden;
}
.tickercontainer{

	/*border: 1px solid #000;*/

	width:1200px;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	float:left;
}
.tickercontainer .mask{
/*
	background-color:#000000;
*/
	background-image: url(../img/news/emergent_back.png);
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	overflow: hidden;
}
ul.newsticker{
	position:relative;
	left:1200px;
	/*font: 10px;*/
	list-style-type: none;
	margin:0;
	padding:0;

}
ul.newsticker li{
	float:left;
	margin-right:20px;
	line-height: 38px;
	padding: 0px 40px;
	cursor: pointer;
	display:none;
}
ul.newsticker p{
	/*white-space: pre;*/
	padding:0;
	font-size:24px;
	margin:0 0px 0 0;
	color:#ffffff;
}


/* ---------------------------------------------------------
■ RECOMMEND
--------------------------------------------------------- */
.recommendTag {
	padding: 0 0 20px;
	background-color: #fbe0e6; }

.recommendTagInner {
	width: 1060px;
	margin: 0 auto; }

.tagWrapper {
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	text-align: left;
	zoom: 1; }

.tagWrapper p {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 250px;
	color: #595757;
	font-size: 88%;
	line-height: 46px;
	text-align: left; }

.recommendSlideWrapper {
	position: relative; }

.recommendSlideWrapper ul {
	overflow: hidden;
	width: 1054px;
	margin-right: -5px;
	zoom: 1; }

.recommendSlideWrapper li {
	position: relative;
	float: left;
	width: 328px;
	padding: 10px;
	margin-right: 5px;
	line-height: 0;
	cursor: pointer;
	background-color: #fff; }

.recommendSlideWrapper li .img {
	overflow: hidden;
	width: 328px;
	height: 328px; }


.recommendSlideWrapper li .name {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 90px;
	padding-left: 10px;
	color: #f596b4;
	font-size: 69%;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	background: url(../img/top/bg_timeline_name.png) no-repeat; }

.recommendSlideWrapper ul li .name a {
	color: #f596b4; }




/*
 * サイドボタン
 */
.recommendSlideWrapper a.prev,
.recommendSlideWrapper a.next {
	display: block;
	position: absolute;
	top: 149px;
	width: 50px;
	height: 50px; }

.recommendSlideWrapper a.prev {
	left: -71px;
	background: url(../img/common/bg_slidearrow1_left.png) no-repeat 0 0; }

.recommendSlideWrapper a.prev:hover,
.recommendSlideWrapper a.next:hover {
	background-position: 0 -160px; }

.recommendSlideWrapper a.next {
	right: -70px;
	background: url(../img/common/bg_slidearrow1_right.png) no-repeat 0 0; }

.recommendSlideWrapper a.prev.disabled,
.recommendSlideWrapper a.next.disabled {
	cursor: default;
	background-position: 0 -80px; }

.recommendSlideWrapper a.prev.disabled:hover,
.recommendSlideWrapper a.next.disabled:hover {
	background-position: 0 -80px; }

.recommendSlideWrapper a.prev span,
.recommendSlideWrapper a.next span {
	display: none; }




/*
 * ページャー
 */
.recommendSlideWrapper .pagination {
	width: 100%;
	padding: 10px 0 0;
    text-align: center; }

.recommendSlideWrapper .pagination a {
    background: url(../img/common/bg_slide_pager2.png) no-repeat 0 -38px;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
    display: inline-block; }

.recommendSlideWrapper .pagination a.selected {
    background-position: 0 0;
    cursor: default; }

.recommendSlideWrapper .pagination a span {
    display: none; }




/* ---------------------------------------------------------
■ 会員登録
--------------------------------------------------------- */
.infoWrapper {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #f596b4; }

.infoInner {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 1055px;
	margin: 0 auto; }

.infoWrapper .infoLeftWrapper {
	width: 790px; }

.infoWrapper .infoRightWrapper {
	width: 260px;
	margin-left: 5px; }

.infoWrapper .colWrapper {
	overflow: hidden;
	margin-right: -5px;
	zoom: 1; }

.infoWrapper .col {
	float: left;
	width: 260px;
	height: 260px;
	margin-right: 5px;
	text-align: center; }


/*
 * 会員登録
 */
.infoWrapper .loginBef {
/*	background: url(../img/top/bg_regist.png) no-repeat;*/ }

.infoWrapper .loginBef a {
	display: block;
	margin: 200px auto 0;
	width: 240px;
	height: 46px;
/*	background: url(../img/top/bg_registbtn.png) no-repeat;*/ }

.infoWrapper .loginAftEmpty {
/*	background: url(../img/top/bg_registOshimem.png) no-repeat;*/ }

.infoWrapper .loginAftEmpty a {
	display: block;
	margin: 200px auto 0;
	width: 240px;
	height: 46px;
	background: url() no-repeat; }


.infoWrapper .loginBef a:hover,
.infoWrapper .loginAftEmpty a:hover {
	background-position: 0 -76px; }

.infoWrapper .loginAft .nameWrapper {
	margin-top: -20px;
	text-align: left; }

.infoWrapper .loginAft .nameWrapper .oshi {
	color: #fff;
	font-size: 69%;
	line-height: 14px; }

.infoWrapper .loginAft .nameWrapper .oshiname {
	color: #fff;
	font-size: 94%;
	line-height: 26px; }

/*
 * EVENT MEDIA
 */
.col2,
.col3,
.col4 {
	background-color: #fff; }

.col_ttl {
	height: 42px;
	float: left;
}

.infoWrapper .ttl {
	text-align: center; }

.infoWrapper .ttl_wrapper {
	margin: 8px auto;
	display: inline-block; }

.infoWrapper .ttlText {
	color: #e05e9e;
	font-size: 69%;
	line-height: 100%; }

.infoContentsWrapper {
	position: relative;
	overflow: hidden;
	width: 244px;
	height: 196px;
	margin: 0 auto; }

.infoContentsWrapper ul {
	margin: 0px 0px 8px 0px; }

.infoContent {
	position: relative;
	height: 93px;
	margin: 0 0 5px;
	padding: 15px 10px 10px;
	text-align: left;
	cursor: pointer;
	border: 1px solid #f596b4; }

.infoContent .time {
	color: #e05e9e;
	font-size: 69%;
	line-height: 20px; }

.infoContent .text {
	font-size: 82%;
	line-height: 20px; }

.infoContent .icon {
	position: absolute;
	text-align: right;
	right: 4px;
	bottom: -2px;
	height: 28px;
}

.infoWrapper .mCSB_inside > .mCSB_container {
	margin-right: 10px; }

.infoWrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #e05e9e;
	background-color: rgba(224,94,158,0.75); }

.infoWrapper .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #e05e9e;
	background-color: rgba(224,94,158,0.85); }

.infoWrapper .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.infoWrapper .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #e05e9e;
	background-color: rgba(224,94,158,0.9); }

.infoWrapper .mCSB_scrollTools .mCSB_draggerRail{
	background-color: transparent; }




/*
 * シアター
 */
.theaterBox {
	height: 260px;
	background: url(../img/top/bg_timeline_theater.jpg) no-repeat; }

.theaterBox .txt_theaterTtl {
	overflow: hidden;
	height: 38px;
	margin: 0 10px;
	padding: 105px 0 0;
	font-size: 82%;
	font-weight: bold;
	line-height: 19px; }

.theaterBox .date {
	overflow: hidden;
	height: 16px;
	margin: 0 10px;
	padding: 20px 0 0;
	font-size: 69%;
	line-height: 16px; }

.theaterBox .btnTicket {
	padding: 8px 0 0;
	text-align: center; }

.theaterBox .btnTicket a {
	display: block;
	width: 240px;
	height: 46px;
	margin: 0 auto;
	background: url(../img/top/btn_ticket.png) no-repeat; }

.theaterBox .btnTicket a:hover {
	background-position: 0 -76px; }

.theaterBox .ticketInfo {
	margin: 2px 10px 0;
	padding: 0 0 0 13px;
	font-size: 69%;
	line-height: 16px;
	text-align: left;
	background: url(../img/top/icon_hatena.png) no-repeat 0 center; }

.theaterBox .ticketInfo a {	color: #000; }
.theaterBox .ticketInfo a:hover { text-decoration: underline; }




/* ---------------------------------------------------------
■ RECOMMEND POPUP
--------------------------------------------------------- */
.recoPopupMsgInner {
	width: 690px; }

.recoPopupWrapper .caroufredsel_wrapper {
	height: 100%!important; }

.recoPopupWrapper ul {
	overflow: hidden;
	height: 100%!important;
	zoom: 1; }

.recoPopupWrapper ul li {
	float: left;
	width: 690px;
	height: 100%; }

.recoPopupWrapper ul li iframe {
	height: 100%; }

.recoPopupWrapper ul li.pattern1 iframe {
	width: 690px; }


/*
 * サイドボタン
 */
a.prev,
a.next {
	display: block;
	position: absolute;
	top: 319px;
	width: 42px;
	height: 42px; }

a.prev {
	left: -52px;
	background: url(../img/top/btn_popSlide_prev.png) no-repeat 0 0; }

a.next {
	right: -52px;
	background: url(../img/top/btn_popSlide_next.png) no-repeat 0 0; }

a.prev.disabled,
a.next.disabled {
	cursor: default;
	background-position: 0 -72px; }

a.prev.disabled:hover,
a.next.disabled:hover {
	background-position: 0 -72px; }

a.prev span,
a.next span {
	display: none; }






/* ---------------------------------------------------------
■ EVENT MEDIA POPUP
--------------------------------------------------------- */
.eventMsgInner,
.mediaMsgInner {
	margin: 0 0 0 -315px; }

.eventMsgWrapper ul,
.mediaMsgWrapper ul {
	overflow: hidden;
	height: 100%;
	zoom: 1; }

.eventMsgWrapper ul li,
.mediaMsgWrapper ul li {
	float: left;
	width: 630px;
	height: 100%; }

.btnClose {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 0;
	right: -25px;
	cursor: pointer; }

.eventMsgInner .caroufredsel_wrapper,
.mediaMsgInner .caroufredsel_wrapper {
	height: 100%!important; }

.eventMsgInner ul,
.mediaMsgInner ul {
	overflow: hidden;
	height: 100%!important;
	zoom: 1; }






/* ---------------------------------------------------------
■ タイムライン
--------------------------------------------------------- */
.bottomContents {
	padding: 20px 0 50px;
	background-color: #fbe0e6; }

.gridWrapper ::selection {background: rgba(0, 0, 0, 0)}
.gridWrapper ::-moz-selection {background: rgba(0, 0, 0, 0)}

.gridWrapper {
	width: 1055px;
	margin: 0 auto; }

.gridWrapper ul {
	overflow: hidden;
	margin-right: -5px;
	zoom: 1; }

.gridWrapper ul li {
	overflow: hidden;
	position: relative;
	float: left;
	width: 260px;
	height: 260px;
	margin: 0 5px 5px 0;
	zoom: 1; }

.gridWrapper ul li.gridMem {
	width: 260px;
	height: 260px;
	cursor: pointer;
	background-color: #fff; }

.gridWrapper ul li.addGrid {
	display: none;
	position: relative;
	top: 20px;
	opacity: 0; }

.gridWrapper ul li.gridMem .img {
	overflow: hidden;
	width: 240px;
	height: 240px;
	margin: 10px; }

.gridWrapper ul li .seal {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5; }

.gridWrapper ul li .name {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 90px;
	padding-left: 10px;
	color: #f596b4;
	font-size: 69%;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	background: url(../img/top/bg_timeline_name.png) no-repeat;
	z-index: 5; }

.gridWrapper ul li .name a {
	color: #f596b4; }

.gridWrapper ul li .snsIcon {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 5; }

.gridWrapper ul li .ttl {
	position: absolute;
	top: 50px;
	left: 0;
	width: 200px;
	margin: 0 30px;
	color: #595757;
	font-size: 100%;
	font-weight: bold;
	line-height: 20px; }

.gridWrapper ul li .text {
	position: absolute;
	top: 95px;
	left: 0;
	width: 200px;
	margin: 0 30px;
	color: #595757;
	font-size: 75%;
	line-height: 17px; }

.gridWrapper ul li .ttl {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #595757; }




/*
 * セレクトボックス
 */
.gridWrapper .selectBox {
	height: 260px;
}

.gridWrapper .selectBox h2 {
	padding: 13px 0 0; }

.gridWrapper .mCSB_inside > .mCSB_container {
	margin: 0; }

.gridWrapper .mCSB_scrollTools .mCSB_draggerRail {
	background: none; }

.gridWrapper .memberSnsAll {
	position: absolute;
	top: 193px;
	left: 10px;
	width: 240px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: white;
}

.gridWrapper .memberSnsAll img {
	position: absolute;
	top: 8px;
	left: 0px;
}

.gridWrapper .memberSnsAll:hover  {
	background-position: 0 -66px; }


.gridWrapper .memberSelect {
	position: absolute;
	left: 10px;
	width: 240px;
	height: 36px;
	cursor: pointer;
}

.gridWrapper .memberSelectJa {
	top: 113px;
}

.gridWrapper .memberSelectOther {
	top: 123px;
}

.gridWrapper .memberSelect:hover  {
	background-position: 0 -66px; }

.gridWrapper .memberShuffleSelect {
	position: absolute;
	left: 10px;
	width: 240px;
	height: 36px;
	cursor: pointer;
}

.gridWrapper .memberShuffleSelectJa {
	top: 153px;
}

.gridWrapper .memberShuffleSelectOther {
	top: 193px;
}

.gridWrapper #ShuffleBoxArea {
	cursor: pointer;
}

.gridWrapper #ShuffleBoxArea:hover {
	opacity: 0.8;
}
.gridWrapper .memberShuffleSelect:hover {
	background-position: 0 -66px; }

/*
 * GOODS
 */
.gridGoods {
	position: relative;
	background-color: #fff; }

.goodsWrapper {
	position: relative;
	margin: 20px 20px 0; }

.goodsWrapper .goodsttl {
	position: absolute;
	margin: 0;
	top: -16px;
	left: 50%;
	margin-left: -63px;
	z-index: 5; }

.goodsWrapper .goodsttlText {
	position: absolute;
	top: 174px;
	left: 70px;
	padding: 0 3px;
	color: #e05e9e;
	font-size: 69%;
	line-height: 16px;
	background-color: #fff;
	z-index: 5; }

.goodsWrapper .goodsttlTextNormal {
	left: 78px; }

.gridWrapper ul li .goodsWrapper ul {
	overflow: hidden;
	height: 180px; }

.gridWrapper ul li .goodsWrapper li {
	float: left;
	width: 220px;
	height: auto; }

.goodsWrapper .goodsimg {
	overflow: hidden;
	position: relative;
	width: 218px;
	height: 162px;
	margin: 0 0 8px;
	padding-top: 18px;
	text-align: center;
	border: 1px solid #f596b4; }

.goodsWrapper .goodstext {
	font-size: 69%;
	line-height: 15px;
	text-align: center; }

.goodsWrapper .goodstext p {
	width: 218px;
	height: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; }

/* サイドボタン */
.goodsWrapper a.prev,
.goodsWrapper a.next {
	display: block;
	position: absolute;
	top: 79px;
	width: 10px;
	height: 24px;
	z-index: 5; }

.goodsWrapper a.prev {
	left: -5px;
	background: url(../img/top/bg_slidearrow_prev.jpg) no-repeat 0 0; }

.goodsWrapper a.next {
	right: -5px;
	background: url(../img/top/bg_slidearrow_next.jpg) no-repeat 0 0; }

.goodsWrapper a.prev.disabled,
.goodsWrapper a.next.disabled {
	cursor: default;
	background-position: 0 -54px; }

.goodsWrapper a.prev span,
.goodsWrapper a.next span {
	display: none; }



/*
 * MORE
 */
.gridWrapper .viewMore {
	width: 1055px;
	height: 60px;
	margin-bottom: 5px;
	text-align: left;
	cursor: pointer;
	background: url(../img/top/btn_timeline_more.png) no-repeat; }

.gridWrapper .viewMore:hover {
	background-position: 0 -90px; }



/*
 * タイアップ
 */
.timelineTu {
	position: relative;
	width: 260px;
	height: 260px; }

.timelineTicket {
	background: url(../img/top/img_timeline_ticket.jpg) no-repeat; }

.timelineFan {
	background: url(../img/top/img_timeline_fan.jpg) no-repeat; }

.timelineMobile {
	background: url(../img/top/img_timeline_mobile.jpg) no-repeat; }


.btnTimelineTu {
	position: absolute;
	top: 183px;
	left: 30px;
	width: 200px;
	height: 46px;
	cursor: pointer; }

.btnTimelineTu:hover {
	background-position: 0 -76px; }

.btnTimelineTuShop {
	background: url(../img/top/btn_timeline_shop.png) no-repeat; }

.btnTimelineTuTicket {
	background: url(../img/top/btn_timeline_ticket.png) no-repeat; }

.btnTimelineTuFan {
	background: url(../img/top/btn_timeline_fan.png) no-repeat; }

.btnTimelineTuMobile {
	background: url(../img/top/btn_timeline_mobile.png) no-repeat; }











/* ---------------------------------------------------------
■ セール
--------------------------------------------------------- */
.gridWrapper .sale {
	width: 1055px;
	height: 305px;
	margin: 0 0 5px; }

.gridWrapper .sale .left {
	position: relative;
	float: left;
	width: 260px;
	height: 305px;
	padding-right: 20px;
	background: url(../img/top/bg_sale.png) no-repeat;
	z-index: 1; }

.gridWrapper .saleNavWrapper {
	margin: 8px;
	padding: 35px 9px;
	border: 3px solid #fff; }



.gridWrapper .sale .left h3 {
	padding: 16px 0 22px; }

.gridWrapper .sale .navSale div {
	width: 220px;
	height: 50px;
	margin: 0 auto;
	text-indent: -99999px;
	background: url(../img/top/bg_sale_nav.png) no-repeat; }

.gridWrapper .sale .navSale div.navSale1 {
	background-position: 0 0; }

.gridWrapper .sale .navSale div.navSale2 {
	background-position: 0 -51px; }

.gridWrapper .sale .navSale div.navSale3 {
	background-position: 0 -102px; }

.gridWrapper .sale .navSale div.navSale4 {
	height: 51px;
	background-position: 0 -155px; }

.gridWrapper .sale .navSale div.navSale1.on,
.gridWrapper .sale .navSale div.navSale1:hover {
	background-position: 0 -236px; }

.gridWrapper .sale .navSale div.navSale2.on,
.gridWrapper .sale .navSale div.navSale2:hover {
	background-position: 0 -287px; }

.gridWrapper .sale .navSale div.navSale3.on,
.gridWrapper .sale .navSale div.navSale3:hover {
	background-position: 0 -338px; }

.gridWrapper .sale .navSale div.navSale4.on,
.gridWrapper .sale .navSale div.navSale4:hover {
	background-position: 0 -391px; }


.gridWrapper .sale .right {
	position: relative;
	overflow: hidden;
	float: right;
	width: 790px;
	height: 305px;
	margin-left: -15px;
	background-color: #fff; }

.gridWrapper .sale .right .saleSlideWrapper {
	display: none;
	margin: 10px; }

.gridWrapper .sale .right .saleSlideWrapper.on {
	display: block; }

.gridWrapper .sale .right .saleSlideInner {
	overflow: hidden; }

.gridWrapper .sale .right .saleSlideInner div {
	float: left;
	width: 770px;
	line-height: 0; }

.gridWrapper .sale .right .saleSlideInner div img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom: 1; }



/*
 * ページャー
 */
.gridWrapper .pagination {
	position: absolute;
	bottom: 20px;
	right: 15px;
	width: 100%;
	padding: 10px 0 0;
    text-align: right; }

.gridWrapper .pagination a {
    background: url(../img/common/bg_slide_pager1.png) no-repeat 0 -38px;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
    display: inline-block; }

.gridWrapper .pagination a.selected {
    background-position: 0 0;
    cursor: default; }

.gridWrapper .pagination a span {
    display: none; }




/* ---------------------------------------------------------
■ MOVIE
--------------------------------------------------------- */
.movieWrapper {
	width: 230px;
	height:515px;
	margin: 0 0 5px;
	padding: 10px 15px 0;
	background-color: #fff; }

.movieHeadWrapper {
	overflow: hidden;
	margin: 0 0 5px;
	padding:0 0 5px;
	zoom: 1;
	border-bottom:1px solid #ccc; }

.movieHeadWrapper .left {
	float: left;
	width: 82px;
	padding-top: 5px; }

.movieHeadWrapper .right {
	margin:6px 0 0;
	float: right;
	width: 112px; }

.movieHeadWrapper .right a {
	display: block;
	width: 82px;
	height: 35px;
/*	background: url(../img/top/btn_news_more.png) no-repeat;*/ }

.movieHeadWrapper .right a:hover {
	background-position: 0 -65px; }

.movieWrapper .memberDetailRelatedYoutubeArea {
	position: relative;
	height:450px;
	overflow: scroll; }
.movieWrapper .memberDetailRelatedYoutubeArea ul li {
	margin:10px 0 0;
	padding: 0 0 10px;
	border-bottom:1px solid #ccc;
	cursor: pointer; }
.movieWrapper .memberDetailRelatedYoutubeArea ul li p.pickup {
	color:#ef6891;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
}
.movieWrapper .memberDetailRelatedYoutubeTxtTitle span {
	font-size:12px; }
.movieWrapper .moreBtn{
	width:82px;
	height:35px;
	margin:20px auto;
}
.movieWrapper .moreBtn a{
	display: block;
	width:82px;
	height:35px;
}

/* ---------------------------------------------------------
■ 下段コンテンツ
--------------------------------------------------------- */
.contentsWrapper {
	overflow: hidden;
	width: 1055px;
	margin: 20px auto 0; }




/* ---------------------------------------------------------
■ NEWS
--------------------------------------------------------- */
.newsWrapper {
	/*float: left;*/
	width: 760px;
	height: 250px;
	margin: 0 0 5px;
	padding: 10px 15px 0;
	background-color: #fff; }

.newsHeadWrapper {
	overflow: hidden;
	margin: 0 0 10px;
	zoom: 1; }

.newsHeadWrapper .left {
	float: left;
	width: 82px;
	padding-top: 5px; }

.newsHeadWrapper .right {
	float: right;
	width: 120px; }

.newsHeadWrapper .right a {
	display: block;
	width: 120px;
	height: 35px;
/*	background: url(../img/top/btn_news_more.png) no-repeat;*/ }

.newsHeadWrapper .right a:hover {
	background-position: 0 -65px; }

.newsWrapper ul {
	border-top: 1px solid #e5e5e5; }

.newsWrapper li {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	zoom: 1; }

.newsWrapper .date {
	float: left;
	width: 80px;
	color: #595757;
	font-size: 75%;
	line-height: 32px; }

.newsWrapper .category {
	float: left;
	width: 110px;
	margin: 5px 10px 0 0;
	color: #e05e9e;
	font-size: 69%;
	line-height: 20px;
	border: 1px solid #e05e9e; }

.newsWrapper .text {
	overflow: hidden;
	float: left;
	width: 540px;
	height: 32px;
	color: #595757;
	font-size: 75%;
	line-height: 32px;
	text-align: left;
	cursor: pointer; }

.newsWrapper .text:hover {
	text-decoration: underline; }

.newsWrapper .newsmedia,.impInfoWrapper .newsmedia {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newsWrapper .newstheater,.impInfoWrapper .newstheater {
	color: #f596b4;
	border: 1px solid #f596b4; }

.newsWrapper .newstheatermov,.impInfoWrapper .newstheatermov {
	color: #ef6891;
	border: 1px solid #ef6891; }

.newsWrapper .newsakushu,.impInfoWrapper .newsakushu {
	color: #f2731d;
	border: 1px solid #f2731d; }

.newsWrapper .newsevent,.impInfoWrapper .newsevent {
	color: #fcc300;
	border: 1px solid #fcc300; }

.newsWrapper .newsblog,.impInfoWrapper .newsblog {
	color: #a847cc;
	border: 1px solid #a847cc; }

.newsWrapper .newscd,.impInfoWrapper .newscd {
	color: #52c5d7;
	border: 1px solid #52c5d7; }

.newsWrapper .newsdvd,.impInfoWrapper .newsdvd {
	color: #64cc5e;
	border: 1px solid #64cc5e; }

.newsWrapper .newsgoods,.impInfoWrapper .newsgoods {
	color: #5168ae;
	border: 1px solid #5168ae; }

.newsWrapper .newsphoto,.impInfoWrapper .newsphoto {
	color: #a88047;
	border: 1px solid #a88047; }

.newsWrapper .newsfunclub,.impInfoWrapper .newsfunclub {
	color: #346b8a;
	border: 1px solid #346b8a; }

.newsWrapper .newsmobile,.impInfoWrapper .newsmobile {
	color: #e2060a;
	border: 1px solid #e2060a; }

.newsWrapper .newskisekae,.impInfoWrapper .newskisekae {
	color: #a81b50;
	border: 1px solid #a81b50; }

.newsWrapper .newsofficialnet,.impInfoWrapper .newsofficialnet {
	color: #000000;
	border: 1px solid #000000; }

.newsWrapper .newscafeshop,.impInfoWrapper .newscafeshop {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newsWrapper .newssonota,.impInfoWrapper .newssonota {
	color: #b5b5b6;
	border: 1px solid #b5b5b6; }

.newsWrapper .newsitem,.impInfoWrapper .newsitem {
	color: #601980;
	border: 1px solid #601980; }

.newsWrapper .newsnihon,.impInfoWrapper .newsnihon {
	color: #eeac2d;
	border: 1px solid #eeac2d; }

.newsWrapper .newsmobile2,.impInfoWrapper .newsmobile2 {
	color: #9a0b5d;
	border: 1px solid #9a0b5d; }

.newsWrapper .newsiphone,.impInfoWrapper .newsiphone {
	color: #3e3a39;
	border: 1px solid #3e3a39; }

.newsWrapper .newsandroid,.impInfoWrapper .newsandroid {
	color: #6a3906;
	border: 1px solid #6a3906; }

.newsWrapper .newscsakiba,.impInfoWrapper .newscsakiba {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newsWrapper .newscshakata,.impInfoWrapper .newscshakata {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newsWrapper .newscsnanba,.impInfoWrapper .newscsnanba {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newsWrapper .newsblog2,.impInfoWrapper .newsblog2 {
	color: #f498e1;
	border: 1px solid #f498e1; }

.newsWrapper .newsgoogle,.impInfoWrapper .newsgoogle {
	color: #a88047;
	border: 1px solid #a88047; }

.newsWrapper .newsyoutube,.impInfoWrapper .newsyoutube {
	color: #dc0012;
	border: 1px solid #dc0012; }


/* ---------------------------------------------------------
■ 重要なお知らせ
--------------------------------------------------------- */
.impInfoWrapper {
	width: 1200px;
	margin:4px auto;
	background-color:#f596b4;
}

.impInfoInner {
	overflow: hidden;
	margin: 0 70px; }

.impInfoWrapper .ttl {
	float: left;
	width: 150px;
	margin-right: 20px;
	padding: 15px 0; }

.impInfoWrapper ul {
	float: left;
	width: 885px; }

.impInfoWrapper li {
	overflow: hidden;
	zoom: 1; }

.impInfoWrapper li.bbw {
	border-bottom: 1px solid #fff; }

.impInfoWrapper .date {
	float: left;
	width: 70px;
	padding-left: 20px;
	color: #fff;
	font-size: 75%;
	line-height: 30px;
	text-align: left; }

.impInfoWrapper .category {
	float: left;
	width: 110px;
	margin: 5px 10px 0 0;
	color: #e05e9e;
	font-size: 69%;
	line-height: 20px;
	background-color: #fff; }

.impInfoWrapper .text {
	overflow: hidden;
	float: left;
	width: 670px;
	height: 32px;
	color: #fff;
	font-size: 75%;
	line-height: 30px;
	text-align: left;
	cursor: pointer; }

.text p{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.impInfoWrapper .text:hover {
	text-decoration: underline; }


/* ---------------------------------------------------------
■ メンバーシャッフル詳細
--------------------------------------------------------- */
.shuffleMemberMsgWrapper .caroufredsel_wrapper {
	height: 100%!important; }

.shuffleMemberMsgWrapper ul {
	overflow: hidden;
	height: 100%!important;
	zoom: 1; }

.shuffleMemberMsgWrapper ul li {
	float: left;
	width: 690px;
	height: 100%; }

.shuffleMemberMsgWrapper ul li iframe {
	height: 100%; }


/* パターン1 */
.shuffleMemberMsgWrapper ul li.pattern1 iframe {
	width: 690px; }


/* パターン2 */
.shuffleMemberMsgWrapper ul li.pattern2,
.shuffleMemberMsgWrapper ul li.pattern2 iframe {
	width: 871px; }


/* パターン3 */
.shuffleMemberMsgWrapper ul li.pattern3,
.shuffleMemberMsgWrapper ul li.pattern3 iframe {
	width: 782px;
	height: 510px; }


/* ---------------------------------------------------------
■ 重要なお知らせ、NEWS 詳細
--------------------------------------------------------- */
.impInfoPopInner ul,
.emergentInfoPopInner ul,
.emergentNoscrollInfoPopInner ul,
.newsMsgInner ul {
	overflow: hidden;
	height: 100%!important; }

.impInfoPopInner ul li,
.emergentInfoPopInner ul li,
.newsMsgInner ul li {
	float: left;
	width: 690px; }

.impInfoPopInner .caroufredsel_wrapper,
.emergentInfoPopInner .caroufredsel_wrapper,
.emergentNoscrollInfoPopInner .caroufredsel_wrapper,
.newsMsgInner .caroufredsel_wrapper {
	height: 100%!important; }

.impInfoPopWrapper,
.emergentInfoPopWrapper,
.emergentNoscrollInfoPopWrapper,
.newsPopWrapper {
	height: 100%; }

.impInfoPopWrapper ul li iframe,
.emergentInfoPopWrapper ul li iframe,
.emergentNoscrollInfoPopWrapper iframe,
.newsMsgWrapper ul li iframe {
	height: 100%; }


/* ---------------------------------------------------------
■ 注目SNS 詳細
--------------------------------------------------------- */
.attMsgInner ul,
.newsMsgInner ul {
	overflow: hidden;
	height: 100%!important; }

.attMsgInner ul li,
.newsMsgInner ul li {
	float: left;
}

.attMsgInner .caroufredsel_wrapper,
.newsMsgInner .caroufredsel_wrapper {
	height: 100%!important; }

.attMsgWrapper,
.newsPopWrapper {
	height: 100%; }

.attMsgWrapper ul li iframe,
.newsMsgWrapper ul li iframe {
	height: 100%; }



/* ---------------------------------------------------------
■ ファンクラブ
--------------------------------------------------------- */
.funclubWrapper {
	float: right;
	width: 260px;
	height: 260px; }

.funclubWrapper .login {
	margin: 115px 0 5px; }

.funclubWrapper .login a {
	display: block;
	width: 240px;
	height: 46px;
	margin: 0 auto;
	background: url(../img/top/bg_login.png) no-repeat; }

.funclubWrapper .login a:hover {
	background-position: 0 -76px; }

.funclubWrapper p {
	width: 225px;
	margin: 0 auto 5px;
	padding: 0 0 0 15px;
	text-align: left;
	background: url(../img/top/bg_question.png) no-repeat 0 center; }

.funclubWrapper p a {
	color: #e05e9e;
	font-size: 69%;
	line-height: 16px; }

.funclubWrapper p a:hover {
	text-decoration: underline; }

.funclubWrapper .regist a {
	display: block;
	width: 240px;
	height: 46px;
	margin: 0 auto;
	background: url(../img/top/bg_admission.png) no-repeat; }

.funclubWrapper .regist a:hover {
	background-position: 0 -76px; }




/* ---------------------------------------------------------
■ LINK
--------------------------------------------------------- */
.linkWrapper {
	width: 1055px;
	margin: 0 auto;
	background-color: #fff; }

.linkHeadWrapper {
	overflow: hidden;
	padding: 10px 10px 10px 15px; }

.linkWrapper .left {
	float: left;
	width: 112px; }

.linkWrapper .right {
	float: right;
	width: 180px; }

.linkWrapper .right a {
	display: block;
	width: 180px;
	height: 35px;
/*	background: url(../img/top/btn_link_more.png) no-repeat;*/ }

.linkWrapper .right a:hover {
	background-position: 0 -65px; }




/* ---------------------------------------------------------
■ PICK UP, CAMPAIGN
--------------------------------------------------------- */
.bnrWrapper {
	width: 1035px;
	margin: 0 auto 5px;
	padding: 0 10px;
	text-align: left;
	background-color: #fff; }

.bnrWrapper .ttl {
	padding: 15px 0 5px 5px;
	border-top: 1px solid #e5e5e5; }

.bnrWrapper ul {
	overflow: hidden;
	margin-right: -25px;
	zoom: 1; }

.bnrWrapper li {
	float: left;
	width: 240px;
	margin: 10px 25px 10px 0;
	line-height: 0; }

.bnrWrapper li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; }




/* ---------------------------------------------------------
■ SHOP
--------------------------------------------------------- */
.shopWrapper {
	width: 1055px;
	margin: 0 auto;
	background-color: #fff; }

.shopHeadWrapper {
	overflow: hidden;
	padding: 10px 10px 10px 15px; }

.shopWrapper .left {
	float: left;
	width: 112px; }

.shopWrapper .right {
	float: right;
	width: 180px; }

.shopWrapper .right a {
	display: block;
	width: 180px;
	height: 35px;
	/*	background: url(../img/top/btn_link_more.png) no-repeat;*/ }

.shopWrapper .right a:hover {
	background-position: 0 -65px; }




/* ---------------------------------------------------------
■ PICK UP
--------------------------------------------------------- */
.shopBnrWrapper {
	width: 1035px;
	margin: 0 auto 5px;
	padding: 0 10px;
	text-align: left;
	background-color: #fff; }

.shopBnrWrapper .ttl {
	padding: 15px 0 5px 5px;
	border-top: 1px solid #e5e5e5; }

.shopBnrWrapper ul {
	overflow: hidden;
	margin-right: -21px;
	zoom: 1; }

.shopBnrWrapper li {
	float: left;
	width: 331px;
	margin: 10px 21px 10px 0;
	line-height: 0; }

.shopBnrWrapper li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; }

.shopBnrWrapper li a img {
	border-radius: 10px; }




/* ---------------------------------------------------------
■ NEW BOOKS, OTHERS
--------------------------------------------------------- */
.bnrSlideWrapper {
	overflow: hidden;
	position: relative;
	width: 1025px;
	margin: 5px auto 0;
	padding: 12px 5px;
	border-top: 1px solid #e5e5e5;
	background-color: #fff; }

.bnrSlideWrapper .ttl {
	float: left;
	width: 195px;
	padding-top: 5px;
	text-align: left; }

.bnrSlideWrapper .ttl .lh0 {
	margin-bottom: 25px; }

.bnrSlideWrapper .btnMore a {
	overflow: hidden;
	display: block;
	width: 90px;
	height: 26px;
	background: url(../img/top/bg_bnr_more.png) no-repeat; }

.bnrSlideWrapper .btnMore a:hover {
	background-position: 0 -56px; }

.bnrSlideWrapper ul {
	overflow: hidden;
	float: right;
	width: 816px;
	margin-right: -4px;
	zoom: 1; }

.bnrSlideWrapper li {
	float: left;
	width: 200px;
	margin-right: 4px;
	line-height: 0; }

.bnrSlideWrapper li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; }

.bnrSlideWrapper a.next {
	display: block;
	position: absolute;
	top: 41px;
	right: 7px;
	width: 10px;
	height: 21px;
	background: url(../img/top/bg_slidearrow_next.jpg) no-repeat 0 0; }


.bnrSlideWrapper a.next.disabled {
	cursor: default;
	background-position: 0 -72px; }

.bnrSlideWrapper a.next.disabled:hover {
	background-position: 0 -72px; }

.bnrSlideWrapper a.next span {
	display: none; }



/* ---------------------------------------------------------
■ メンバー選択
--------------------------------------------------------- */
.memberSelectInner {
	width: 816px;
	height: 80%;
	margin: 0 0 0 -408px; }


/*
 * タブ
 */
.memberNavWrapper {
	overflow: hidden;
	width: 799px;
	margin: 10px 0 0 8px;
	zoom: 1; }

.memberNavWrapper ul {
	overflow: hidden;
	zoom: 1;
	margin-right: -1px;
	background: url(../img/top/bg_select_nav_line.jpg) repeat; }

.memberNavWrapper li {
	float: left;
	width: 79px;
	height: 55px;
	margin-right: 1px;
/*	background: url(../img/top/bg_select_nav2.png) no-repeat;*/ }

.memberNavWrapper li.memberNav1 { background-position: 0px 0px; }
.memberNavWrapper li.memberNav2 { background-position: -80px 0px; }
.memberNavWrapper li.memberNav3 { background-position: -160px 0px; }
.memberNavWrapper li.memberNav4 { background-position: -240px 0px; }
.memberNavWrapper li.memberNav5 { background-position: -320px 0px; }
.memberNavWrapper li.memberNav6 { background-position: -400px 0px; }
.memberNavWrapper li.memberNav7 { background-position: -480px 0px; }
.memberNavWrapper li.memberNav8 { background-position: -560px 0px; }
.memberNavWrapper li.memberNav9 { background-position: -640px 0px; }
.memberNavWrapper li.memberNav10 { background-position: -720px 0px; }

.memberNavWrapper li.memberNav1:hover { background-position: 0px -85px; }
.memberNavWrapper li.memberNav2:hover { background-position: -80px -85px; }
.memberNavWrapper li.memberNav3:hover { background-position: -160px -85px; }
.memberNavWrapper li.memberNav4:hover { background-position: -240px -85px; }
.memberNavWrapper li.memberNav5:hover { background-position: -320px -85px; }
.memberNavWrapper li.memberNav6:hover { background-position: -400px -85px; }
.memberNavWrapper li.memberNav7:hover { background-position: -480px -85px; }
.memberNavWrapper li.memberNav8:hover { background-position: -560px -85px; }
.memberNavWrapper li.memberNav9:hover { background-position: -640px -85px; }
.memberNavWrapper li.memberNav10:hover { background-position: -720px -85px; }

.memberNavWrapper li.memberNav1.on { background-position: 0px -85px; }
.memberNavWrapper li.memberNav2.on { background-position: -80px -85px; }
.memberNavWrapper li.memberNav3.on { background-position: -160px -85px; }
.memberNavWrapper li.memberNav4.on { background-position: -240px -85px; }
.memberNavWrapper li.memberNav5.on { background-position: -320px -85px; }
.memberNavWrapper li.memberNav6.on { background-position: -400px -85px; }
.memberNavWrapper li.memberNav7.on { background-position: -480px -85px; }
.memberNavWrapper li.memberNav8.on { background-position: -560px -85px; }
.memberNavWrapper li.memberNav9.on { background-position: -640px -85px; }
.memberNavWrapper li.memberNav10.on { background-position: -720px -85px; }


/*
 * 選択
 */
.memberWrapper {
	overflow-y: auto;
	width: 797px;
	height: 75%;
	margin: 0 0 0 8px;
	border-left: 1px solid #b5b5b6;
	border-bottom: 1px solid #b5b5b6;
	border-right: 1px solid #b5b5b6; }

.memberWrapper ul {
	display: none;
	overflow: hidden;
	width: 600px;
	margin: 0 auto;
	padding: 15px 0 0; }

.memberWrapper ul.on {
	display: block; }

.memberWrapper li {
	float: left;
	width: 199px;
	height: 64px;
	padding: 10px 0;
	text-align: left;
	border-bottom: 1px solid #e5e5e5; }

.memberWrapper li .allSecelt {
	display: inline-block;
	position: relative;
	top: 50%;
	padding: 8px 10px;
	color: #fff;
	font-size: 75%;
	line-height: 16px;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px; }

.memberWrapper li .allSecelt.red { background-color: #e05e9e; }
.memberWrapper li .allSecelt.green { background-color: #e05e9e; }
.memberWrapper li .allSecelt.blue { background-color: #e05e9e; }
.memberWrapper li .allSecelt.yellow { background-color: #e05e9e; }
.memberWrapper li .allSecelt.gray { background-color: #e05e9e; }
.memberWrapper li .allSecelt.black { background-color: #e05e9e; }


.memberWrapper li label {
	display: block;
	cursor: pointer; }

.memberWrapper li input,
.memberWrapper li img {
	margin-right: 10px;
	vertical-align: middle; }

.memberWrapper li span {
	color: #f596b4;
	font-size: 82%;
	line-height: 40px; }


.memberBtnWrapper {
	overflow: hidden;
	margin: 0 8px;
	zoom: 1; }

.memberBtnWrapper .left {
	float: left;
	width: 165px;
	height: 30px;
	margin: 20px 0 0;
	cursor: pointer;
/*	background: url(../img/top/btn_release.png) no-repeat;*/ }

.memberBtnWrapper .left:hover {
	background-position: 0 -60px; }

.memberBtnWrapper .right {
	float: right;
	width: 240px;
	height: 46px;
	margin: 10px 0 0;
	cursor: pointer; }

.memberBtnWrapper .decision {
	margin-left: 10px;
/*	background: url(../img/top/btn_decision.png) no-repeat;*/ }

.memberBtnWrapper .cancel {
/*	background: url(../img/top/btn_cancel.png) no-repeat;*/ }

.memberBtnWrapper .right:hover {
	background-position: 0 -76px; }



/*
 * 検索
 */
.memberWrapper .search li.searchWrapper {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	text-align: center; }

.memberWrapper .searchInner {
	overflow: hidden;
	padding: 25px 0 15px; }

.memberWrapper .memberName {
	float: left;
	width: 345px; }

.memberWrapper .memberName input {
	width: 333px;
	height: 44px;
	margin: 0 auto;
	padding: 0 5px;
	border: 1px solid #b5b5b6; }

.memberWrapper .memberSearch {
	float: right;
	width: 240px;
	height: 46px;
	margin: auto;
	cursor: pointer;
/*	background: url(../img/top/btn_search.png) no-repeat;*/ }

.memberWrapper .memberSearch:hover {
	background-position: 0 -76px; }



/*
	注目のSNS
*/
.att_body{
	position:absolute;
	left:0;
	background-color:rgba(0,0,0,0.3);
	color:#000000;
}

.att_body div{
	position:relative;
}

.att_body div p{
	position:absolute;
	top:0;
	left:0;
	color:#ffffff;
	line-height:12px;
	height:12px;
}

ul.emergent_news{
	width:1200px;
	overflow:hidden;
	height:20px;
	line-height:20px;
	background-color:rgba(0,0,0,0.80);
	color:#ffffff;
}

.emergent_news li{
	float:left;
}

.tutorial_content{
	color:#575958;
	width:630px;
	margin:10px auto;
	text-align:left;
}
.tutorial_content_title{
	font-size:16px;
	font-weight:bold;
}

.tutorial_content_btn{
	margin:10px 0 25px 0;
}

.tutorial_content_btn a{
	display:block;
	width:40%;
	height:50px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#e05e9e;
	color:#ffffff;
	float:left;
	line-height:50px;
	text-align:center;
	font-size:14px;
}

.tutorial_content_window{
	width:100%;
	margin:0 auto;
	background-color:#fbe0e7;
	margin-top:10px;
	overflow-y:scroll;
}

.menu2_kai,.menu2_tano,.menu2_shiri{
	display:none;
}

/* sousenkyo2016 slide banner */
.rotation{
	width:1200px;
	margin:0 auto;
	height:180px;
	overflow:hidden;
	position:relative;
}
.rotation ul{
	width:2700px;
	position:absolute;
	left:0;
}
.rotation li{
	float:left;
}
.rotation li a{
	position:relative;
	display:block;
}
.rotation li a:hover{
	opacity:0.75;
}
.rotation img{
	position:absolute;
	top:0;
	left:0;
}
.data1 a,.data1 img{
	width:450px;
	height:180px;
}
.data2 a,.data2 img{
	width:450px;
	height:180px;
}
.data3 a,.data3 img{
	width:225px;
	height:90px;
}
.rotation span{
/*
	display:none;
*/
	position:absolute;
	top:0;
	right:0;
	font-size:32px;
	font-weight:bold;
	color:#ff6600;
	width:120px;
	height:50px;
	line-height:50px;
	text-align:center;
}