@charset "Shift_JIS";
/* CSS Document */

body{
	margin: 0 auto;
	padding: 0;
	width: 1110px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

body#fff{
	background: #FFF;
}

.gray{
	background: #f3f6f8;
}

img{
	border: none;
}

/* リンク */
a{
	text-decoration:none;
	cursor:pointer;
	color: #00a0ea;
}

a:hover{
	text-decoration:underline;
}

/* 文字 */
p, span, form, ul, h1, h2, h3, h4{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: "ヒラギノ角ゴ ProN W6";
}

h1{
	font-size: 22px;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 16px;
}

h4{
	font-size: 15px;
}

.em{
	color: #ff0ff0;
}

.red{
	color: #ff0000;
}

.marker{ /*マーカー*/
	background: linear-gradient(transparent 0%, #ffff00 0%);
}

b, table th, .bold{
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W6";
}

.note{
	font-size: 12px;
	line-height: 1.5em;
}

.fontL{
	font-size: 110%;
}

.fontLL{
	font-size: 130%;
}

.align-right{
	text-align: right;
}

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

.align-left{
	text-align: left;
}

.valign-top{
	vertical-align: top;
}

/* ボーダー */
.border-btm-solid-2px{
	border-bottom: 2px #00a0ea solid;
}


/* 回り込み */
.float-left{
	float: left;
}

.float-right{
	float: right;
}

.clearfix{
	clear: both;
}
.clear-right{
	clear: right;
}

/* 非表示 */
.hidden {
	visibility:hidden;
	font-size:0;
}

/*バナーエリア*/
#bnrArea1{
	width: 1100px;
	margin: 0 5px 20px 5px;
	font-size: 0;
}

#bnrArea2{
	width: 1100px;
	margin: 0 5px;
	font-size: 0;
}

#bnrArea1 img, #bnrArea2 img{
	width: 210px;
	height: auto;
	display:inline-block;
	margin: 5px;
	padding: 0px;
}

#bnrArea3{
	width: 1100px;
	margin: 0 5px 15px 5px;
	font-size: 0;
}

#bnrArea3 img{
	width: 100px;
	height: auto;
	display:inline-block;
	margin: 5px;
}

#bnrArea1 img:hover, #bnrArea2 img:hover, #bnrArea3 img:hover{
	opacity: 0.8 ;
	filter: alpha(opacity=80) ;
}


 /*緊急情報*/
.cautionfixed { /*カレンダー月選択ボタンの固定*/
	position: fixed;
	top: -30px;
	left: 0;
	right: 0;
	z-index: 100;
}

#caution{
	width: 1074px;
	padding: 8px;
	margin: 30px auto;
	background: url(/img/contents/bg_caution.png) repeat top left;
	background-size: auto 18px;
}
#caution dl{
	list-style: none;
	padding: 15px;
	margin: 0;
	background: #FFF;
	letter-spacing: -0.40em;
}
#caution dt{
	width: 80px;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	text-align: center;
}
#caution dd{
	width: 964px;
	display: inline-block;
	margin: 0;
	color: #ff0000;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	letter-spacing: normal;
	font-family: "ヒラギノ角ゴ ProN W6";
}
#caution p{
	margin: 0 0 10px 0;
}
#caution p:last-child{
	margin: 0;
}

.caution_icon{
	width: auto;
	height: 52px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

/*注意喚起*/
.attention_red {
	margin: 20px auto 0 auto;
	background-color:#ff0000;
}
.attention_red dl{
	list-style: none;
	padding: 12px 10px;
	margin: 0;
	letter-spacing: -0.40em;
}
.attention_red dt{
	width: 70px;
	display: table-cell;
	margin: 0;
	vertical-align: middle;
	text-align: center;
}
.attention_red dd{
	display: table-cell;
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
	letter-spacing: normal;
	font-family: "ヒラギノ角ゴ ProN W6";
}


/*コンテンツタイトル*/
#contentsTitle{
	width: 1090px;
	display: block;
	margin: 20px auto 0px auto;
	position: relative;
}
#contentsTitle span{
	background: linear-gradient(transparent 0%, #ffff00 0%);
}

#contentsTitle dl{
	display: table;
}
#contentsTitle dt, #contentsTitle dd{
	display: table-cell;
	vertical-align: middle;
}
#contentsTitle h1{ /*アーティスト・イベント名*/
	line-height: 1.2em;
}

.ttl_icon{ /*アイコン*/
	margin: 0 10px 0 0;
	width: 65px;
}
.ttl_senko{ /*先行受付情報*/
	color: #42b301;
}
.ttl_ippan{ /*一般発売情報*/
	color: #f7ba00;
}
.ttl_todaylive{ /*今日のライブ*/
	color: #ff7105;
}
.ttl_newlive{ /*新着ライブ*/
	color: #ff87bd;
}
.ttl_article{ /*特集記事*/
	color: #2ab9ca;
}
.ttl_movie{ /*新着ムービー*/
	color: #878ce0;
}
.ttl_member{ /*会員受付情報*/
	color: #01caff;
}
.ttl_other{ /*検索など（基本の青色）*/
	color: #00a0ea;
}


/*各コンテンツの枠組みの色*/
.infoBox{  /*インフォメーション*/
	border-bottom: 5px #0084cf solid;
}
.senkoBox{  /*先行受付情報*/
	border-bottom: 5px #42b301 solid;
}
.ippanBox{  /*一般発売情報*/
	border-bottom: 5px #f7ba00 solid;
}
.todayliveBox{  /*今日のライブ*/
	border-bottom: 5px #ff7105 solid;
}
.newliveBox{  /*新着ライブ*/
	border-bottom: 5px #ff87bd solid;
}
.articleBox{  /*新着記事*/
	border-bottom: 5px #2ab9ca solid;
}
.movieBox{  /*新着ムービー*/
	border-bottom: 5px #878ce0 solid;
}
.rankingBox{  /*閲覧ランキング*/
	border-bottom: 5px #ffc801 solid;
}
.mem_uketsukeBox{  /*会員受付情報*/
	border-bottom: 5px #01caff solid;
}
.mem_saleBox{  /*会員受付中のライブ*/
	border-bottom: 5px #ff9805 solid;
}
.mem_soonBox{  /*会員近日受付ライブ*/
	border-bottom: 5px #f7ba00 solid;
}
.mem_specialBox{  /*会員特典情報*/
	width: 265px;
	padding: 0 0 20px 0;
	vertical-align: top;
	background: #FFF;
	position: relative;
	border-bottom: 5px #0084cf solid;
}

.mem_specialBox iframe{
	width: 261px;
	border-left: 2px #50bcef dashed;
	border-right: 2px #50bcef dashed;
}
.otherBox{ /*検索など（基本の青色）*/
	border-bottom: 5px #00a0ea solid;
}

.cont_articleBox{  /*関連記事*/
	border-bottom: 5px #2ab9ca solid;
	border-top: 5px #2ab9ca solid;
}
.cont_movieBox{  /*新着ムービー*/
	border-bottom: 5px #878ce0 solid;
	border-top: 5px #878ce0 solid;
}
.cont_liveBox{  /*新着ライブ*/
	border-bottom: 5px #ff87bd solid;
	border-top: 5px #ff87bd solid;
}
.cont_outBox{  /*アウトブレイン*/
	border-bottom: 5px #8899aa solid;
	border-top: 5px #8899aa solid;
}


/*一覧へボタン*/
.btn_list{
	width: auto;
	height: 20px;
	display:block;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: -5px;
	right: 0;
}
.btn_list a img{
	width: auto;
	height: 20px;
}
.btn_list a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.infoList{  /*インフォメーション*/
	background: #0084cf;
}
.senkoList{  /*先行受付情報*/
	background: #42b301;
}
.ippanList{  /*一般発売情報*/
	background: #f7ba00;
}
.todayliveList{  /*今日のライブ*/
	background: #ff7105;
}
.newliveList{  /*新着ライブ*/
	background: #ff87bd;
}
.articleList{  /*新着記事*/
	background: #2ab9ca;
}
.movieList{  /*新着ムービー*/
	background: #878ce0;
}
.mem_uketsukeList{  /*会員受付情報*/
	background: #01caff;
}
.mem_saleList{  /*会員受付中のライブ*/
	background: #ff9805;
}
.mem_soonList{  /*会員近日受付ライブ*/
	background: #f7ba00;
}
.mem_specialList{  /*会員特典情報*/
	background: #0084cf;
}
.cont_articleList{  /*コンテンツページの関連記事*/
	background: #2ab9ca;
}
.cont_movieList{  /*コンテンツページの関連ムービー*/
	background: #878ce0;
}
.cont_liveList{  /*コンテンツページの新着ライブ*/
	background: #ff87bd;
}
.cont_outList{  /*コンテンツページのアウトブレイン*/
	background: #b3c3cc;
}
.otherList{ /*検索など（基本の青色）*/
	background: #00a0ea;
}
.cont_infoList{  /*インフォメーション*/
	background: #0084cf;
}

/*▲ページトップへ*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 10px;
}
.pagetop a {
	width: 50px;
	height: 50px;
	display: block;
	background-color: #40b9ee;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	padding: 10px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
/*	border-radius: 60px;
	border: 3px #FFF solid;*/
	position:relative;
}
.pagetop a:hover {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.pagetop p {
/*	font-size: 140%;
	line-height: 1em;*/
	position:absolute;
	top: 15px;
	left: 15px;
}
.pagetop p img {
	width: 40px;
	height: auto;
}