@charset "utf-8";
/*****************************************************
Title: templates.css
Created: 2013‒03‒22
Last Modified: 2013‒03‒22
******************************************************/

/* Table Of Contents
----------------------------------------
# TOP
# ON AIR LIST
----------------------------------------*/
/*--------------------------------------------------------------------
TOP

--------------------------------------------------------------------*/
ul#mainImg li,
ul#musicPeople li{
	width: 720px;
}
section#recommendList{
	position: relative;
	width: 670px;
	padding: 0 25px;
	margin: 15px 0;
}
section#recommendList ul li{
	width: 130px;
	float: left;
	margin-right: 5px;
}
section#recommendList ul li p{
	font-weight: bold;
	line-height: 1.2;
}
section#recommendList ul li p.img{
	border: 1px solid #d6d6d6;
	height: 108px;
	text-align: center;
	display: table;
	width: 128px;
	margin-bottom: 5px;
}
section#recommendList ul li p.img a{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	line-height: 0;
}
	*+html section#recommendList ul li p.img a{/* IE 6 */
		display:inline;
		zoom:1;
	}
	
	*:first-child+html section#recommendList ul li p.img a{/* IE 7 */
		display:inline;
		zoom:1;
	}

section#recommendList ul li a:hover{
	text-decoration: underline
}

section#recommendList p.pager span{
	display: block;
	width: 15px;
	height: 150px;
	position: absolute;
	top: 0;
	cursor: pointer
}
section#recommendList p.pager span#recommend_prev{
	background: url(../img/common/arrow_prev_black.gif) no-repeat center center #000;
	left: 0;
}
section#recommendList p.pager span#recommend_next{
	background: url(../img/common/arrow_next_black.gif) no-repeat center center #000;
	right: 0;
}
section#information{
	margin-top: 30px;
}
section#information ul li{
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 10px 0;
}
section#information ul li a:hover{
	text-decoration: underline
}
section#information ul li p.img{
	float: right;
	line-height: 0;
	width: 60px;
	margin: 0 0 0 20px
}
section#information ul li span.date{
	font-weight: bold
}
section#information ul li.btnMore{
	border: 0;
	text-align: right;
	padding: 0;
	margin: 10px 0 30px;
	display: inline-block;
	float: right
}
section#information ul li.btnMore a{
	display: inline-block;
	padding: 2px 15px;
}

/*--------------------------------------------------------------------
ON AIR LIST

--------------------------------------------------------------------*/
ul#datelist li a{
	display: block;
	color: #fff;
	background: #444;
	width: 179px;
	text-align: center;
	padding: 10px 0 9px
}
ul#datelist li a:hover{
	background: #e3057e;
	text-decoration: none
}
ul#datelist li.active a,
div#tableHeader ul#colHead li.active,
div#tableHeader ul#colHead2 li.active{
	background: #faec0d;
	color: #000;
	font-weight: bold
}
div#tableHeader ul#colHead li.sat,
div#tableHeader ul#colHead2 li.sat{
	background: #00a0de;
	color: #fff;
	font-weight: bold
}
div#tableHeader ul#colHead li.sun,
div#tableHeader ul#colHead2 li.sun{
	background: #e3057e;
	color: #fff;
	font-weight: bold
}
ul#colHead li,
ul#colHead2 li{
	color: #fff;
	background: #444;
	text-align: center;
	padding: 10px 0 9px;
	font-size: 12px;
}
ul#colHead li.first,
ul#colHead2 li.first{
	width: 199px;
}
ul#colHead li.mid,
ul#colHead2 li.mid{
	width: 258px;
}
ul#colHead li.last,
ul#colHead2 li.last{
	width: 260px;
}

ul#colHead li.last2{
	width: 218px;
}

#oalist th{
	width: 183px;
}
#oalist td{
	padding: 0;
}
#oalist td div.target{
	/*position: relative;*/
	padding: 8px;
	z-index: 1;
}

#arealist th{
	width: 201px;
}
#arealist td{
	padding: 0;
}
#arealist td div.target{
	/*position: relative;*/
	padding: 8px;
	z-index: 1;
}

#snsBox {
	width: 317px;
	position: absolute;
	bottom: -35px;
	left: 20px;
	z-index: 9999;
	background: url(../img/common/sns_bg_top.png) no-repeat left top;
}
#snsBox ul{
	background: url(../img/common/sns_bg_foot.png) no-repeat left bottom;
	padding: 0 10px 8px;
	margin-top: 17px;
}
#snsBox ul li{
	float: left;
	padding: 0;
}
#snsBox ul li.like{
	width: 100px;
}
td div.parent{
	position: relative
}
div.oatable{
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
}
/*--------------------------------------------------------------------
TIME TABLE

--------------------------------------------------------------------*/
div#tableHeader ul.thisWeek{
	padding-bottom: 15px;
	width: 720px;
	position: relative;
	text-align: center;
height:33px;
}
div#tableHeader ul.thisWeek li{
	text-align: center;
	line-height: 1.5;
	font-size: 22px;
	float: none;
	z-index: 1
}
div#tableHeader ul.thisWeek li.bold{
position:absolute;
top:0;
left:0;
width:100%
}
div#tableHeader ul.thisWeek li.prev{
	width: 30px;
	height: 30px;
position: absolute;
top:0;
left: 0;
z-index:10;
}
div#tableHeader ul.thisWeek li.next{
	width: 30px;
	height: 30px;
position: absolute;
top:0;
right: 0;
z-index:10
}
div#tableHeader ul.thisWeek li.prev a{
	display: block;
	background: url(../img/common/btn_arrow_left.gif) no-repeat left top;
	width: 30px;
	height: 30px;
}
div#tableHeader ul.thisWeek li.next a{
	display: block;
	background: url(../img/common/btn_arrow_right.gif) no-repeat left top;
	width: 30px;
	height: 30px;
}
div#tableHeader ul.thisWeek li.prev a:hover{
	background: url(../img/common/btn_arrow_left_h.gif) no-repeat left top;
}
div#tableHeader ul.thisWeek li.next a:hover{
	background: url(../img/common/btn_arrow_right_h.gif) no-repeat left top;
}
div#tableHeader p.cell{
	width: 90px;
	float: left;
	display: block;
	color: #fff;
	background: #444;
	padding: 19px 0 18px;
	margin-right: 1px;
}

div#tableHeader ul.cell li{
	width: 89px;
	padding: 9px 0 8px;
}
table#timetable{
	position: relative;
}
table#timetable th{
width:74px;
}
table#timetable td{
	background: #dfdfdf;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
width: 73px;
}
table#timetable th{
	background: #c9c9c9;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#detailBox{
	width: 477px;
	min-height: 200px;
	/*background: #fff;
	border: 1px solid #444;*/
	z-index: 99;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -238px;
}
#detailBox #loading{
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	background: url(../img/common/ajax-loader.gif) no-repeat left top;
}

#detailHead{
	width: 477px;
	height: 15px;
	display: block;
	font-size: 0;
	line-height: 0;
	background: url(../img/contents/detail_head.png) no-repeat left top;
}
#detailFoot{
	width: 477px;
	height: 15px;
	display: block;
	font-size: 0;
	line-height: 0;
	background: url(../img/contents/detail_foot.png) no-repeat left top;
}
#detailBody{
	padding: 0 15px;
	width: 447px;
	height: auto;
	background: url(../img/contents/detail_body.png) repeat-y left top;
	min-height: 200px;
}
#detailBox #detailBody h1{
	font-size: 18px;
	margin-bottom: 10px;
}
#detailBox #detailBody h1 span{
	font-size: 14px;
	
}
#detailBox #detailBody p.grayBtn2{
	display: inline-block;
	float: right;
	margin-top: 4px;
}
#detailBox #detailBody ul.sns li{
	float: left;
	margin: 10px 0;
}
#detailBox #detailBody ul.sns li.like{
	margin-right: 5px;
}
#detailBox #detailBody .contBtm{
	border-top: 1px dotted #cccccc;
	padding-top: 10px;
	overflow: hidden;
	clear: both
}
#detailBox #detailBody a:hover{
	text-decoration: none
}
#detailBox #detailBody h2{
	font-size: 13px;
	margin-bottom: 5px;
}
#detailBox .fright{
	width: 130px;
	margin-bottom: 10px;
}
#detailBox div.logo{
	border: 1px solid #ccc;
	width: 128px;
	height: 81px;
	float: right;
	display: table;
}
#detailBox div.logo p{
	display: table-cell;
	vertical-align: middle;
	height: 100%
}
#detailBox div.logo p img{
	max-width: 128px;
}


#detailBox #detailBody .contBtm .fright{
	width: 160px;
	margin: 0 0 0 20px
}
/*--------------------------------------------------------------------
PROGRAM

--------------------------------------------------------------------*/
ul.tab li{
	width: 355px;
	text-align: center;
	font-size: 14px;
}
ul.tab li.active{
	padding: 9px 0 8px;
	background: #00a0de;
	color: #fff;
}
ul.tab li a{
	display: block;
	padding: 9px 0 8px;
	background: #e6e6e6;
}
ul.tab li a:hover{
	background: #00a0de;
	color: #fff;
	text-decoration: none
}
ul.controller{
	margin: 25px 0 15px;
}
ul.controller li{
	background: #e6e6e6
}
ul.controller li.fleft{
	width: 63px;
	margin-right: 10px;
}
ul.controller li{
	width: 160px;
	float: left;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #f4f4f4;
}
ul.controller li.fleft{
	border: 0;
}
ul.controller li.first{
	border-left: 0;
}
ul.controller li.last{
	border-right: 0
}
ul.controller li.long{
	 line-height: 1.2
}
ul.controller li.long a{
	padding: 5px 0 4px;
	padding: 5px 0 5px\9; /* IE8 and below */
}
ul.controller li a{
	padding: 9px 0 8px;
	display: block;
}
ul.controller li span{
	background: url(../img/common/check_Bg.gif) no-repeat left center;
	padding-left: 14px;
	display: inline-block;
	cursor: pointer;
}
ul.controller li.active span,
ul.controller li a:hover span{
	background: url(../img/common/check_Bg_on.gif) no-repeat left center;
}
div.boxWrap{
	margin-top: 5px;
	width: 730px;
	overflow: hidden;
}
div.programbox{
	border: 1px solid #ebebeb;
	padding: 7px;
	width: 215px;
	float: left;
	margin: 0 12px 11px 0;
	cursor: pointer
}
div.programbox:hover{
	background: #faec0c
}
div.programbox p.img{
	border: 1px solid #ebebeb;
	width: 213px;
	height: 134px;
	text-align: center;
	line-height: 0;
	display: table;
	background: #fff;
}
div.programbox p.img a{
	display: table-cell;
	vertical-align: middle;
		
	
}
div.programbox p.title{
	margin: 5px 0;
}
div.programbox p.tags{
	background: url(../img/common/icon_tag.png) no-repeat left 2px;
	font-size: 10px;
	padding-left: 15px;
	margin-top: 5px;
}
div#programBox div.boxStyle a:hover{
	text-decoration: none
}
ul.controller li a.all:hover{
	background: #444;
	color: #fff;
	text-decoration: none
}
#programBox .panel{
	
	position: relative;
}

/*--------------------------------------------------------------------
CHART

--------------------------------------------------------------------*/
div.chartBox{
	padding-top: 10px;
}
div.chartBox div.singleBox,
div.chartBox div.singleBoxL{
	border: 1px solid #ebebeb;
	padding: 7px 7px 0;
	float: left;
	margin: 0 12px 11px 0;
	width: 215px;
	overflow: hidden;
}
div.chartBox div.singleBoxL{
	width: 700px;
	float: none
}
div.chartBox div.singleBox div.info,
div.chartBox div.singleBoxL div.info{
	width: 340px;
	height: auto;
	float: left;
	display: table;
}
.vmid{
	display: table-cell;
	vertical-align: middle;
}
.morelink{
	clear: both;
	margin: 0 0 5px 0;
	display: inline-block;
	float: right;
}
div.chartBox div.singleBoxL .info p.title{
	font-size: 14px;
}
div.chartBox div.singleBoxL .desc p{
	font-size: 12px;
}
div.chartBox div.singleBox .img,
div.chartBox div.singleBoxL .img{
	border: 1px solid #ebebeb;
	width: 213px;
	height: auto;
	text-align: center;
	line-height: 0;
	display: table;
	background: #fff;
	float: left;
	margin: 0 20px 15px 0
}
div.chartBox div.singleBoxL .img{
	width: 318px;
	height: auto;
}
div.chartBox div.singleBox .img p,
div.chartBox div.singleBoxL .img p{
	display: table-cell;
	vertical-align: middle
}
div.chartBox div.singleBox p.title,
div.chartBox div.singleBoxL p.title{
	margin: 5px 0;
}
div.chartBox div.singleBox p.tags,
div.chartBox div.singleBoxL p.tags{
	background: url(../img/common/icon_tag.png) no-repeat left 2px;
	font-size: 10px;
	padding-left: 15px;
	margin-top: 5px;
}
div.chartBox div.singleBox div.chartLists,
div.chartBox div.singleBoxL div.chartLists{
	font-size: 11px;
	clear: both;
}
div.chartBox div.singleBox div.chartLists .chartList{
	width: 100%;
}
div.chartBox div.singleBoxL div.chartLists .chartList{
	width: 340px;
}
div.chartBox div.singleBox div.chartLists .chartList li,
div.chartBox div.singleBoxL div.chartLists .chartList li{	
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #ebebeb;
	overflow: hidden;
}
div.chartBox div.singleBox div.chartLists .chartList li.last,
div.chartBox div.singleBoxL div.chartLists .chartList li.last{
	border-bottom: 0;
	padding-bottom: 0;
	padding-bottom: 0;
}
div.chartBox div.singleBox div.chartLists .chartList li span,
div.chartBox div.singleBoxL div.chartLists .chartList li span{
	display: inline-block;
	background: #faec0c;
	padding: 4px 0 1px;
	width: 25px;
	text-align: center;
	font-weight: bold;
	float: left;
	margin: 0 8px 0 0;
	clear: both;
}
div.chartBox div.singleBox div.chartLists .chartList li p,
div.chartBox div.singleBoxL div.chartLists .chartList li p{
	line-height: 1.2;
	margin-left: 33px;
}

div.chartBox div.singleBox p.title a:hover,
div.chartBox div.singleBoxL p.title a:hover{
	text-decoration: underline;
}

#chartListNavi li {
	overflow:hidden;
	margin-bottom:5px;
	border-bottom:#000 1px solid;
	font-weight:bold;
	font-size: 11px;
}
#chartList li {
	overflow:hidden;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:#ccc 1px dotted;
}
#chartListNavi li div, #chartList li div {
	float:left;
	display:block;
	padding:10px 0;
	word-wrap:break-word;
	overflow:hidden;
}
#chartListNavi li div{
	padding: 20px 0 15px;
	line-height: 1
}
#chartListNavi li div.position { width:115px; }
#chartList li div.position {
	text-align:center;
	margin-right:15px;
	padding:0;
	width:100px;
	font-weight:bold;
	color:#fff;
}
#chartList li div.position .rank { width:40px; }
#chartList li.reEnt div.position .rank {
	background:#E3007D;
	color:#fff;
}
#chartList li.new div.position .rank {
	background:#fdec00;
	color:#000;
}
#chartList li.stay div.position .rank { background:#000; }
#chartList li.up div.position .rank { background:#e3007d; }
#chartList li.down div.position .rank { background:#009fde; }
#chartList li div.status {
	color:#000;
	text-align:center;
	width:50px;
	font-weight:normal;
	margin: 0 0 0 9px;
}
#chartList li.new div.status{
	background:#fdec00;
	color:#000;
	font-size: 11px;
	padding: 2px 5px 0;
	margin: 10px 0 0 15px;
	width: auto;
}
#chartList li.up div.status{
	text-indent: -9999px;
	background: url(../img/contents/arrow_up.gif) no-repeat center center;
}
#chartList li.re div.status{
	text-indent: 0;
	background: none;
	line-height: 1.2;
	font-size: 10px;
	letter-spacing: 1px;
	padding-bottom: 0;
}
#chartList li.down div.status{
	text-indent: -9999px;
	background: url(../img/contents/arrow_down.gif) no-repeat center center;
}
#chartList li.stay div.status{
	text-indent: -9999px;
	background: url(../img/contents/arrow_stay.gif) no-repeat center center;
}
#chartListNavi li div.title, #chartList li div.title {
	width:200px;
	margin-right:5px;
	font-weight:bold;
}
#chartListNavi li div.titleL{
	width:250px;
	margin-right:5px;
	font-weight:bold;
}
#chartList li div.titleL{
	width:250px;
	margin-right:5px;
	font-weight:bold;
}
#chartListNavi li div.artist, #chartList li div.artist {
	width:160px;
	margin-right:5px;
}
#chartListNavi li div.artistL{
	width:250px;
	margin-right:5px;
}
#chartList li div.artistL{
	width:250px;
	margin-right:5px;
}
#chartList li div.package {
	width:165px;
	font-weight:bold;
}
#chartList li div.package span.type {
	display:block;
	float:left;
	width:60px
}
#chartList li div.package span.packageTitle {
	display:block;
	float:left;
	width:230px;
}
#chartListNavi li div.lastWeek, #chartList li div.lastWeek {
	float:right;
	text-align:center;
	width:70px;
	font-weight:bold;
}
#chartList li div.lastWeek{
	line-height: normal;
	padding: 10px 0;
}
.oaNav {
	background: #fdec00;
	overflow: hidden;
}
.oaNav h2 {
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
}
.oaNav span a {
	float: right;
	display: block;
	padding: 0 15px 0 20px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #444 url(../img/contents/oanav_arrow.gif) left center no-repeat;
}
.oaNav span a:hover {
	background: #00a0de url(../img/contents/oanav_arrow_h.gif) left center no-repeat;
	text-decoration: none
}

/*--------------------------------------------------------------------
ARTIST

--------------------------------------------------------------------*/
.indexList{
	overflow: hidden;
	border-bottom: 1px dotted #cccccc;
	
}
.indexList .unit {
	float:left;
	margin-bottom:5px;
	padding-left:25px;
}
.indexList .hira01, .indexList .hira04, .indexList .hira07, .indexList .number, .indexList .alphabet, .indexList .unit.first, .indexList .unit#indxListA, .indexList .unit#indxListH { padding-left:0; clear: both}
.indexList dt { display:none; }
.indexList dd {
	float:left;
	padding:0 5px 0 0;
}
.indexList .hira01,.indexList .hira02,.indexList .hira03,.indexList .hira04,.indexList .hira05,.indexList .hira06,.indexList .hira07{
	width: 190px;
}
.indexList .hira08,.indexList .hira10{
	width: 112px;
}
.indexList .alphabet{
	margin-top: 15px;
	width: 100%;
}
.indexList .alphabet dd{
	padding-bottom: 9px;
}
.indexList dd:last-child, .indexList dd.last { padding-right:0; }
.indexList dd strong, .indexList dd span, .indexList dd a {
	display:block;
	float:left;
	width: 32px;
	padding: 11px 0 7px;
	border:1px solid #c0c0c0;
	background-color:#e6e6e6;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
}
.indexList dd strong {
	background-color:#000;
	border-color:#000;
	color:#fff;
}
.indexList dd span { color:#bbb; }
.indexList dd a { color:#000; }
.indexList dd a:hover {
	background-color:#ccc;
	color:#000;
	text-decoration:none;
}
.indexList .number a, .indexList .number span, .indexList .number strong { width:142px; }
.indexList .alphabet a { }
.indexList .alphabet strong { }

.artistList { margin:20px 0;overflow: hidden; clear: both }
.artistList .secHead {
	padding:10px;
	background:#009fde;
	color:#fff;
	font-size:108%;
	font-weight:bold;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.artistList .secBody { margin:5px 0; overflow: hidden }
.artistList .lines {
	float:left;
	width:33%;
}
.artistList .lines:nth-child(3), .artistList .linesLast {
	float:left;
	width:32%;
}
.artistList .lines .unit { 
	font-size: 13px;
}
.artistList .lines:nth-child(1) ul { padding-right:10px; }
.artistList .lines:nth-child(2) ul { padding-right:10px; }
.artistList .lines:nth-child(3) ul, .artistList .linesLast ul { }
.artistList .lines .unit li, .artistList .linesLast .unit li {
	margin:8px 0;
	font-size:93%;
}
.artistList .lines .unit li a:hover{
	text-decoration: underline
}

.artistList h1.headline1{
	font-size: 18px;
	background: #00a0de;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 1px 8px 0;
	float: left
}

div.secBody2{
	clear: both
}


/*アーティスト個別*/
article.artist .dataUnit{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 19px;
	padding-bottom: 19px;
}
article.artist .mb0{
	margin-bottom: 0;
	padding-bottom: 0
}
article.artist .dataUnit h2{
	margin-bottom: 5px;
	font-size: 13px;
}
article.artist .dataUnit th{
	padding-bottom: 6px;
	text-align: left;
	width: 149px;
	vertical-align: top;
}
article.artist .dataUnit td{
	padding: 0 0 6px 15px;
}
article.artist .dataUnit table{
	margin-bottom: 0
}
article.artist .dataUnit p.blueBtn{
	margin-top: 15px;
	width: 140px;
	text-align: center
}
article.artist .dataUnit p.blueBtn a{
	text-decoration: none
}
div.morebody{
	border: 1px solid #00a0de;
	padding: 5px;
	display: none
}
div.morebody p.close{
	width: 20px;
	height: 20px;
	background: url(../img/contents/btn_close.gif) no-repeat center center;
	text-indent: -9999px;
	cursor: pointer;
	float: right;
}
div.morebody table{
	margin: 10px;
}
ul#musicVideoList{
	padding-left: 20px;
	display: inline-block;
}
ul#musicVideoList li{
	list-style-type : square; 
	margin-bottom: 5px;
	/*color: #faec0d*/
}
ul#musicVideoList li div.target{
	cursor: pointer;
	display: inline
}
ul#musicVideoList li div.target:hover{
	text-decoration: underline;
}
ul#musicVideoList li div.target div{
	background: url(../img/contents/blowS.png) no-repeat left center;
	width: 98px;
	height: 30px;
	padding: 7px 10px 0 20px;
	position: absolute;
	top: 50%;
	right: -128px;
	margin-top: -19px;
}
ul#musicVideoList li div.target div p.blueBtn{
	background: #00a0de;
	display: inline-block;
	margin-top: 0;
	font-size: 11px;
	width: auto
}
ul#musicVideoList li div.target div p.blueBtn a{
	padding: 3px 10px 0px;
}
ul#musicVideoList li div.target div p.blueBtn a:hover{
	background: #444;
	color: #fff;
}
/*--------------------------------------------------------------------
INFORMATION

--------------------------------------------------------------------*/
div#contIn section#information{
	margin-top: 0;
}
div#contIn section#information li{
	border-bottom: 1px dotted #999
}
div#contIn section#information li a:hover{
	text-decoration: underline
}
div#contIn section#information li p.title{
	font-size: 14px;
}
div#contIn section#information li p.img{
	width: 80px;
}
div#contIn section#information li p.meta{
	line-height: 1;
	margin-bottom: 7px;
}
div#contIn section#information li p.meta span{
	margin-right: 10px;
	display: inline-block;
}
div#contIn section#information li p.meta span.news,
div#contIn section#information li p.meta span.notice,
div#contIn section#information li p.meta span.liveinfo{
	font-size: 10px;
}
div#contIn section#information li p.meta span a{
	padding: 3px 5px 2px;
	display: inline-block;
}
div#contIn section#information li p.meta span a:hover{
	text-decoration: none;
	background: #444;
	color: #fff;
}
div#contIn section#information li p.meta span.news{
	background: #faec0c;
}
div#contIn section#information li p.meta span.notice{
	background: #00a0de;
	color: #fff;
}
div#contIn section#information li p.meta span.liveinfo{
	background: #e3057e;
	color: #fff;
}
div#contIn section#information li p.meta span.notice a,
div#contIn section#information li p.meta span.liveinfo a{
	color: #fff;
}
div.relArtist {
	border-top: 1px solid #ebebeb;
	padding-top: 15px;
}
div.relArtist h2{
	font-size: 12px;
}
div.relArtist ul{
	margin: 5px 0 20px;
	padding-left: 25px;
}
div.relArtist ul li{
	list-style-type: square
}
div.relArtist ul a{
	text-decoration: none;
}
div.relArtist ul a:hover{
	text-decoration: underline;
}
div.infoIndex ul.tab,
div.applyIndex ul.tab{
	overflow: hidden;
	margin-bottom: 20px;
}
div.infoIndex ul.tab li,
div.applyIndex ul.tab li{
	float: right;
	width: 212px;
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
}
div.applyIndex ul.tab li{
	width: 319px;
}
div.infoIndex ul.tab li.all,
div.applyIndex ul.tab li.all{
	width: 70px;
	margin-right: 10px;
	float: left;
	border: 0;
}
div.infoIndex ul.tab li.all a:hover,
div.infoIndex ul.tab li.all a.active,
div.applyIndex ul.tab li.all a:hover,
div.applyIndex ul.tab li.all a.active{
	background-color: #444;
	color: #fff;
}
div.infoIndex ul.tab li.news,
div.applyIndex ul.tab li.present{
	border-left: 0;
}
div.infoIndex ul.tab li.news a:hover,
div.infoIndex ul.tab li.news a.active,
div.applyIndex ul.tab li.present a:hover,
div.applyIndex ul.tab li.present a.active{
	background-color: #faec0c;
	color: #000;
}
div.infoIndex ul.tab li.notice a:hover,
div.infoIndex ul.tab li.notice a.active,
div.applyIndex ul.tab li.invitation a:hover,
div.applyIndex ul.tab li.invitation a.active{
	background-color: #00a0de;
	color: #fff;
}
div.infoIndex ul.tab li.liveinfo,
div.applyIndex ul.tab li.invitation{
	border-right: 0;
}
div.infoIndex ul.tab li.liveinfo a:hover,
div.infoIndex ul.tab li.liveinfo a.active{
	background-color: #e3057e;
	color: #fff;
}
/*--------------------------------------------------------------------
RECOMMEND

--------------------------------------------------------------------*/
div.recommend div.recommendBox{
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}
div.recommend div.recommendBox dt.headA{
	font-size: 14px;
	font-weight: bold
}
div.recommend div.recommendBox dt.headA a:hover{
	text-decoration: underline;
}
div.recommend div.col2{
	padding: 15px 65px;
	width: 590px;
}
div.recommend div.articleboxL{
	width: 250px;
	position: relative;	
}
div.recommend .boxWrap p.label{
	margin-bottom: 5px;
}
p.label span{
	display: inline-block;
	padding: 2px 8px 1px;
}
p.label span.icoMusicJpn{
	background: #00a0de;
	color: #fff;
}
p.label span.icoMusicInt{
	background: #e3057e;
	color: #fff;
}
div.recommend div.articleboxL p.more{
	font-size: 11px;
	text-align: right
}
div.recommend div.articleboxL p.more a{
	text-decoration: none;
}
div.recommend div.articleboxL p.more a:hover{
	text-decoration: underline
}
div.recommend div.articlebox{
	width: 165px;
	float: left;
	position: relative;
	margin-right: 20px;
	font-size: 11px;
}
div.recommend div.articleboxL p.img,
div.recommend div.articlebox p.img{
	margin-bottom: 5px;
}
div.recommend div.last{
	margin-right: 0;
}
article.recommendDetail .unit{
	overflow: hidden;
	font-size: 14px;
}
article.recommendDetail .unit p.imgSec{
	border-bottom: 0;
	width: 250px;
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-right: 15px;
}
article.recommendDetail p.label{
	margin: 10px 0;
}

article.recommendDetail .unit a{
	text-decoration: none;
}
article.recommendDetail .unit a:hover{
	text-decoration: underline;
}
article.recommendDetail .musicData dt.title{
	font-size: 16px;
	font-weight: bold;
}
/*--------------------------------------------------------------------
MUSIC PEOPLE

--------------------------------------------------------------------*/
div#peopleList ul li{
	float: left;
	width: 115px;
	margin: 0 6px 6px 0;
	line-height: 0
}
div#peopleList ul li.last{
	margin-right: 0;
}
p.moreBtnL{
	text-align: center;
	margin-top: 10px;
}
p.moreBtnL a{
	padding: 5px 0
}
p.moreBtnL a span{
	background: url(../img/common/arrow_down2.gif) no-repeat left center;
	padding-left: 16px;
}
p.moreBtnL a:hover span{
	background: url(../img/common/arrow_down22.gif) no-repeat left center;
}
div.tagbox{
	margin-top: 30px
}
div.tagbox h2{
	background: url(../img/common/icon_tagL.gif) no-repeat left center;
	padding-left: 22px;
}
div.tagbox ul{
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 10px;
}
div.tagbox ul li{
	margin: 0 5px 5px 0;
	display: inline-block;
	float: left;
	white-space: nowrap;
}
div.tagbox ul li a{
	display: inline-block;
	padding: 2px 8px 0;
	background: #faec0c;
	color: #444;
	
}
article.peopleSingle{
	padding: 20px;
	background: #fff;
}
article.peopleSingle .secBody{
	border: 0;
	padding: 0;
	margin: 0
}

article.peopleSingle p.imgSec{
	text-align: center;
}


article.peopleSingle .entryMeta dl dd ul li{
	padding: 3px 10px 2px;
}

/*lightbox*/

#wall{
position:fixed;
top:0;
left:0;
bottom:0;
right: 0;
background-image: url(../img/common/alpha.gif);
background-color: transparent;
z-index: 2010;
width:100%;
height: 100%;
}

.ajaxCover{
z-index: 400;
position: absolute;
top: 0;
background-color:#1F0703;
width: 100%;
height: 100%;
display: block;
left: 0px;
}

#boxClose{
background-color:#1a0806;
position: absolute;
top: 47px;
left: 50%;
z-index: 505;
margin-left: 419px;
}

#boxBg{
background-color:#000;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
top:0;
left:0;
bottom:0;
right: 0;
z-index: 499;
position: fixed;
}

#boxLoading{
width:32px;
height: 32px;
z-index: 510;
position: fixed;
left:50%;
top:50%;
margin-left: -16px;
margin-top: -16px;
background-image: url(../img/common/ajax-loader.png);
background-repeat: no-repeat;
background-position: center center;
}

#boxWrap{
overflow-x: auto;
overflow-y: scroll;
position:fixed;
top:0;
left:0;
bottom:0;
right: 0;
z-index: 1500;
}


#blockWall{
position: fixed;
z-index: 10005;
width:100%;
height:100%;
background-image: url(../img/common/alpha.gif);
display: none;
}

#colorWall{
overflow: auto;
position: absolute;
z-index: 10001;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}

/*#colorWallInner{
position:absolute;
z-index: 10001;
width:720px;
min-height: 500px;
left:50%;
margin-left: -360px;
top:30px;
background-color: white;
margin-bottom: 100px;
}*/

#colorWallInner{
position:absolute;
z-index: 99999;
width:100%;
min-height: 500px;
}

#colorWallInner #loadDiv{
margin:20px auto 20px auto;
width:720px;
background: #fff;
}

.closeArea{
position: fixed;
z-index: 1600;
width: 100%;
height: 100%;
left: 0;
top: 0px;
background-color:transparent;
background-image: url(../img/common/alpha.gif);}

/*--------------------------------------------------------------------
REQUEST

--------------------------------------------------------------------*/
.requestForm {
	margin-bottom: 19px;
	padding:25px 0;
	text-align:center;
	border:#ccc 1px solid;
	background: #eee;
}
.requestForm p.kome { font-size:77%; }
.requestForm form {
	margin:0 auto;
	width:390px;
	margin-bottom:10px;
}
.requestForm form div.inputText {
	float:left;
	width:300px;
	height:40px;
	text-align:center;
	border: 1px solid #444;
	background: #fff
}
.requestForm form div.inputText input {
	padding:0;
	margin:0;
	border:none;
	background:none;
	line-height:40px;
	width:290px;
	height:40px;
	font-size:16px;
	outline:none;
}
.requestForm form div.submit input {
	display: inline;
	width: 80px;
	height: 42px;
	text-align: center;
	margin-left: 5px;
	border-radius: 0;
	border: 0;
	color: #fff;
	background: #444444;
}
.requestForm form div.submit input:hover,
.articleSRL .inputBtn:hover,
.requestBtn:hover  {
	background: #FDEC00;
	color: black;
	text-decoration: none;
}
.articleSRL {
	padding: 0 0 30px;
}
.articleSRL h1,
.favorite h1,
.requestForm h1{
	font-size: 13px;
	background: #faec0c;
	padding: 8px 0 5px 10px;
}
.articleSRL .nobg{
	margin-bottom: 0
}
.articleSRL .nobg h1{
	background: none;
}

/*--------------------------------------------------------------------
SEARCH

--------------------------------------------------------------------*/
.searchBox dt {
	float:left;
	width:130px;
}
.searchBox dd { margin-bottom:10px; }
.searchBox dt, .searchBox dd {
	height:20px;
	line-height:20px;
}
.searchBox .inputField {
	border:#000 1px solid;
	margin: 0;
	padding:3px 0 2px;
	height: 18px;
}
.articleSRL .inputBtn {
	display: inline;
	width: 80px;
	line-height: 25px;
	height: 25px;
	text-align: center;
	border-radius: 0;
	border: 0;
	color: #fff;
	background: #444444;
}
.articleSRL a:hover{
	text-decoration: underline
}
.articleSRL .mb100 { margin-bottom:100px; }
.articleSRL .requestItem{
	margin-top: 20px;
}
.articleSRL .requestItem dt {
	float:left;
	font-weight:bold;
	width:130px;
}
.articleSRL .mb100 { margin-bottom:100px; }
.articleSRL .requestItem dt {
	float:left;
	font-weight:bold;
	width:130px;
}
.requestBtn {
	border: none;
	padding: 10px 0;
	text-align: center;
	color: white;
	width: 400px;
	background: #444444;
	text-decoration: none;
	cursor: pointer;
	margin: 0 auto
}

#contIn .articleSRL p.summary{
	margin-bottom: 10px;
	padding: 0
}
article.borderb{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}

ul.singleSns li{
	float: left;
}
ul.singleSns li.like{
	margin-right: 5px;
}
p.searchError{
	margin: 20px 0 0;
	font-size: 13px;
}
.searchres ul{
	padding-left: 20px;
}
.searchres ul li{
	list-style-type: square
}
#search-song ul li a{
	margin-right: 20px;
}

/*--------------------------------------------------------------------
friends index

--------------------------------------------------------------------*/
#friendsIndex{
	padding: 0
}
#friendsIndex .requestForm{
	text-align: left;
	padding: 0;
	border-bottom: 0;
}
#friendsIndex .requestForm .form {
	padding:25px 0;
	background:#eee;
	border:#ccc 1px solid;
	text-align: center
}
#friendsIndex .articleSRL ul {
	margin:10px 0 0;
	padding-left: 20px;
}
#friendsIndex .articleSRL ul li{
	padding:5px 0;
	line-height:20px;
	list-style: square
}
#friendsIndex .articleSRL ul.bodyUnit { margin:0; }
.editFormWrap .favorite .headUnit { margin:20px 0 20px; }
.editFormWrap .favorite ul {
	border-bottom:#ccc 1px dotted;
	margin-bottom:30px;
}
.editFormWrap .favorite ul li {
	position:relative;
	word-break:break-all;
	padding:10px 70px 10px 10px;
	border-top:#ccc 1px dotted;
}
.editFormWrap .favorite ul li .artist { font-weight:bold; }
.editFormWrap .favorite ul li .fav_del {
	display:block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-9px;
	width:17px;
	height:18px;
	background:url(../img/contents/icon_del.gif) top left no-repeat;
	cursor: pointer
}
.editFormWrap .favorite ul li .fav_mail{
	display:block;
	position:absolute;
	right:25px;
	top:50%;
	margin-top:-9px;
	width:48px;
	height:18px;
	background: url(../img/contents/icon_mail.gif) no-repeat;
	cursor: pointer
}
.editFormWrap .favorite ul li .off{
	background-position: 0 -15px;
}
.editFormWrap .favorite ul li .on{
	background-position: 0 4px;
}
.editFormWrap .favorite ul li .on a, .editFormWrap .favorite ul li .off a {
	display:block;
	position:absolute;
	right:25px;
	top:50%;
	margin-top:-8px;
	width:42px;
	height:16px;
}
.editFormWrap .favorite ul li .on a { background:url(/share/img_pc/ico_on.gif) top left no-repeat; }
.editFormWrap .favorite ul li .off a { background:url(/share/img_pc/ico_off.gif) top left no-repeat; }
.editFormWrap .favorite .desc {
	padding:15px;
	background:#eee;
	border:#ccc 1px solid;
}
.editFormWrap .favorite .desc dt {
	font-weight:bold;
}
#friendsIndex .articleSRL .linkList {
	margin-top:30px;
	padding-left:20px;
}
#friendsIndex .articleSRL .linkList a {
	padding-right:25px;
	background:url(/share/img_pc/ico_blunk.gif) top right no-repeat;
}
#friendsIndex .articleSRL p.yellowBtn a{
	font-size: 10px;
	padding: 5px 5px 3px;
	line-height: 1;
}
#friendsIndex .articleSRL p.yellowBtn{
	margin-left: 10px;
}
#friendsIndex .articleSRL .unites .c1,
#friendsIndex .articleSRL .unites .c2,
#friendsIndex .articleSRL .unites .checkOFF,
#friendsIndex .articleSRL .unites .checkON {
	display:inline-block;
	margin-right:5px;
	width:18px;
	height:18px;
	cursor:pointer;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
#friendsIndex .articleSRL .unites .c1, .articleSRL .unites .c2,
#friendsIndex .articleSRL .unites .checkOFF {	background:url(/share/img_pc/ico_star_OFF2.png) 0 0 no-repeat;}
#friendsIndex .articleSRL .unites .checkON {	background:url(/share/img_pc/ico_star_ON2.png) 0 0 no-repeat;}
#friendsIndex .balloonUnit {
	text-align:center;
}
#friendsIndex .balloonUnit span {
	display:block;
	font-size:93%;
}
#friendsIndex .balloonUnit small {
	display:block;
	font-size:85%;
}


li { list-style:none; }

.cFix:after
{
	content:"";
/*	display:block;*/
	display:table;
	clear:both;
}



/*タイトル帯
********************************************************/
.titleBgYel {
    margin-top: 10px;
	background:#fdec00;
	padding:10px 21px;
}

.titleBgGry {
    margin: 40px 0 18px 0;
	background:#ebebeb;
	padding:8px 20px 8px 15px;
}

.titleBgYel2 {
	background:#fdec00;
	padding:10px 21px;
}

.titleBgYel-center {
	background:#fdec00;
	padding:10px 21px;
	text-align: center;
}

/*汎用
********************************************************/
.alignC { text-align:center; }
.red { color:#f00; }
.mt15 { margin-top:15px; }
p.kome {
	margin:10px 0;
	color:#444;
}

.mt10 {
margin-top: 10px;
}

.mt20 {
margin-top: 20px;
}

.mt30 {
margin-top: 30px;
}

.explanatoryTitle {
	padding: 0px 0 5px 0;
}

.explanatoryTitleDot {
	border-bottom : 1px dotted #ccc;
	padding: 0px 0 5px 0;
}


/*404
********************************************************/
#wrap404{
	padding:20px 21px;
}

/*登録フォーム
********************************************************/
.registFormWrap {
	padding: 20px 21px;
	border-bottom: #CCC 1px dotted;
	overflow: hidden
}
.registFormWrap:last-child { border-bottom:none; }
#registForm .registFormDt {
	float:left;
	font-weight:bold;
	width:200px;
}
#registForm .registFormDd {
    float:left;
    }
#registForm p.err {
	font-weight:bold;
	color:#f00;
}
#registForm input,#registForm select {
	border: 1px solid #d9d9d9;
	margin-bottom:5px;
}
#registForm input[type="radio"], #registForm input[type="checkbox"] { 
    border:none;
    vertical-align:middle;
    }
#registForm input[type="text"]{ height: 19px; }   
    
#registForm input[type="radio"]{}
#registForm label { 
    display:inline;
    }
#registForm ul { margin-top:10px; }
#registForm ul.kome {
	clear:both;
	font-size:77%;
}
#registForm ul li {
	margin-left:1.5em;
	list-style:square;
}
#registForm .check {
	cursor:pointer;
	margin-left:5px;
}
#registForm .title {
	font-weight:bold;
	margin:0 0 10px;
	font-size:100%;
}
#registForm ul.rule li { margin-bottom:5px; }
/*ボタン設定
********************************************************/
.backTopBtn a, #registForm .formBtn,#registForm input.check {
	display:block;
	border:none;
	padding: 10px 0;
	text-align: center;
	color: white;
	width: 400px;
	background: #444444;
	text-decoration:none;
	cursor:pointer;
}
.backTopBtn a { margin: 30px auto; }
#registForm input.check{
	display:inline;
	width: 80px;
	height: 23px;
	padding: 0;
	text-align: center;
	margin-left: 5px;
	border-radius: 0;
	border: 0;
	color:#fff;
	background: #444444;
}
#registForm .formBtn { display:inline; }
#registForm .halfSize{width:200px;}
.backTopBtn a:hover, #registForm .formBtn:hover,#registForm input.check:hover {
	background: #FDEC00;
	color: black;
	text-decoration:none;
}

.fromBtn{
	border-bottom: 0 !important;
}
/*完了画面
********************************************************/
#registForm .complete p { margin-bottom:1em; }

/*ログインフォーム
********************************************************/
.loginFormWrap { padding: 20px 21px; }
.loginFormWrap div.cFix{
	overflow: hidden
}
#loginForm .loginFormWrap {
	padding: 20px 21px;
	border-bottom: #CCC 1px dotted;
}
#loginForm .loginFormWrap:last-child { border-bottom:none; }
#loginForm .hilight { background:#f7ec83; }
#loginForm .loginFormDt {
	float:left;
	font-weight:bold;
	width:200px;
}
#loginForm .loginFormDd { float:left;}
#loginForm p.err {
	font-weight:bold;
	color:#f00;
}
#loginForm input[type="text"],#loginForm input[type="password"], #loginForm input[type="checkbox"]{
	border: 1px solid #d9d9d9;
	margin-bottom:5px;
}

#loginForm input[type="radio"], #loginForm input[type="checkbox"] { border:none; }
#loginForm label { display:inline; }
#loginForm ul { margin-top:10px; }
#loginForm ul.kome {
	clear:both;
	font-size:77%;
}
#loginForm ul li {
	margin-right: 50px;
}
#loginForm ul li.last{
	margin-right: 0;
}
#loginForm .check {
	cursor:pointer;
	margin-left:5px;
}
.loginFormWrap .title {
	padding: 0 0 20px;
	font-weight:bold;
	font-size:100%;
}
.loginFormWrap dl dt{
	font-weight:bold;
}
.loginFormWrap dl dd{
	padding-left:1.5em;
	margin-bottom:1em;
}

.titleBgPink {
background: #e3007d;
padding: 10px 21px;
color: #fff;
}

#loginForm ul.square{
	padding-left: 0;
}

/*ログインボタン
********************************************************/
.loginFormWrap input.formBtn {
	border:none;
	padding: 10px 0;
	text-align: center;
	color: white;
	width: 400px;
	background: #444444;
	text-decoration:none;
	cursor:pointer;
}

.EntryBtn {
	margin: 0 auto;
}

.EntryBtn a {
    display:block;
	border:none;
	padding: 10px 0;
	text-align: center;
	color: white;
	width: 400px;
	background: #444444;
	text-decoration:none;
	cursor:pointer;
}

.EntryBtn a { margin: 30px auto 0; }

.EntryBtn a:hover,.loginFormWrap input.formBtn:hover {
	background: #FDEC00;
	color: black;
	text-decoration:none;
	border:none;
}

/*会員の方 再登録フォーム
********************************************************/
.editFormWrap {
	padding: 20px 21px;
	border-bottom: #CCC 1px dotted;
	overflow: hidden
}
.editFormWrap div.cFix{
	overflow: hidden
}
.editFormWrap:last-child { border-bottom:none; }
#editForm .editFormDt {
	float:left;
	font-weight:bold;
	width:200px;
}
#editForm .editFormDd { float:left; }
#editForm .editFormDt p, #editForm .editFormDd p { margin-bottom:0.5em; }
#editForm p.err {
	font-weight:bold;
	color:#f00;
}
#editForm input, #editForm select {
	border: 1px solid #d9d9d9;
	margin-bottom:5px;
}
#editForm input[type="radio"], #editForm input[type="checkbox"] { 
     border:none;
     vertical-align:middle;
      }
#editForm  input[type="text"]{ height: 19px; }  
#editForm label { display:inline; }
#editForm ul { margin-top:10px; }
#editForm ul.kome {
	clear:both;
	font-size:77%;
}
#editForm ul li {
	margin-left:1.5em;
	list-style:square;
}
#editForm .check {
	cursor:pointer;
	margin-left:5px;
}
#editForm .title {
	font-weight:bold;
	margin:0 0 10px;
	font-size:100%;
}
#editForm ul.rule li { margin-bottom:5px; }

#editForm ul.square{
	padding-left: 0;
}

/*ボタン設定
********************************************************/
.backTopBtn a, #editForm .formBtn, #editForm input.check {
	display:block;
	border:none;
	padding: 10px 0;
	text-align: center;
	color: white;
	width: 400px;
	background: #444444;
	text-decoration:none;
	cursor:pointer;
}
.backTopBtn a { margin: 30px auto; }
#editForm input.check {
	display:inline;
	width: 80px;
	height: 23px;
	padding: 0;
	text-align: center;
	margin-left: 5px;
	border-radius: 0;
	border: 0;
	color:#fff;
	background: #444444;
	vertical-align: middle
}
#editForm .formBtn { display:inline; }
#editForm .halfSize { width:200px; }
.backTopBtn a:hover, #editForm .formBtn:hover, #editForm input.check:hover {
	background: #FDEC00;
	color: black;
	text-decoration:none;
}
/*完了画面
********************************************************/
#editForm .complete p { margin-bottom:1em; }



/*退会画面
********************************************************/
.delFormWrap {
	padding: 20px 21px;
}


.delFormWrap:last-child { border-bottom:none; }
#delForm input {
	border:#000 1px solid;
	margin-bottom:5px;
}
#delForm label { display:inline; }
/*ボタン設定
********************************************************/
#delForm .formBtn, #delForm input.check {
	display:block;
	border:none;
	padding: 10px 0;
	text-align: center;
	color: white;
	width: 400px;
	background: #444444;
	text-decoration:none;
	cursor:pointer;
}
.backTopBtn a { margin: 30px auto; }
#delForm input.check {
	display:inline;
	width: 80px;
	height: 23px;
	padding: 3px 0 2px;
	text-align: center;
	margin-left: 5px;
	border-radius: 0;
	border: 0;
	color:#fff;
	background: #444444;
}
#delForm .formBtn { display:inline; }
.backTopBtn a:hover, #delForm .formBtn:hover, #delForm input.check:hover {
	background: #FDEC00;
	color: black;
	text-decoration:none;
}
/*完了画面
********************************************************/
#delForm .complete p { margin-bottom:1em; }

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

	// 利用規約

==========================================================================================*/
#contIn .attention {
	padding:15px 21px;
}

#contIn .attention .snsSubTitle {
	/*font-size: 77%;*/
}

.tos {
	padding:5px 21px 0;
}
.tos .alignC { text-align:center; }

.tos dl dt {
	font-weight:bold;
	margin-bottom:5px;
	}
.tos dl dd {
	padding-left:1em;
	padding-bottom:1px;
	}
.tos dl dd, .tos p { margin-bottom:1em; }
.tos dl dd .title {
	display:block;
	margin:1em 0 0;
	font-weight:bold;
}
.tos dl dd.last{
	margin-bottom: 0;
}
.tos dl dd .attention {
	padding-top:10px;
	background:#eee;
	border:#ccc 1px solid;
	margin-bottom:20px;
}
.tos dl dd .attention p {
	margin-bottom:0;
	padding-left:1em;
	text-indent:-1em;
}
.tos dl dd .attention span {
	margin-bottom:5px;
	padding-bottom:5px;
	font-weight:bold;
	display:block;
	border-bottom:#aaa 1px dotted;
}
.tos dl dd ul,.tos dl dd ol { margin-bottom:1em; }
.tos dl dd ul li,.tos dl dd ol li{
	margin-left:1.5em;
	list-style:square;
}
.tos ol{ margin-bottom:20px; }
.tos ol li {
	margin-left:1.5em;
	list-style:decimal;
}
.tos ol>li{ margin-bottom:1em; }
.tos ol li ul { margin-bottom:1em; }
.tos ol li li { list-style:square; }
.tos ol li strong { font-weight:bold; }



.tos #mobile .right #featurePhone{
    position: relative;
	top:50px;
	text-align: center;
}

#featurePhone img{	
border: #000 3px solid;
}

.tos #mobile h2 {
	font-weight:bold;
	font-size:140%;
}

#loginForm .halfSize{width:200px;}


#pageHeader {
    clear: both;
    margin: 0;
    padding: 30px 21px;
}

#pageTitle {
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 108%;
    font-weight: bold;
}
#pageTitle .sub {
    font-weight: normal;
    margin-left: 1em;
}
#pageHeader .subTitle {
    clear: both;
    font-size: 77%;
    padding: 10px 0 0;
}

.static .imgSec {
    float: left;
    width: 120px;
}
.static .imgSec img {
    border: 1px solid #CCCCCC;
}
.static .articleDT,
.static .articleDT2 {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 20px;
    overflow: hidden
}

.static .firstarticle{
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
}

.sns .attention{
	margin-bottom: 0;
	padding-bottom: 0 !important
}

.sns .articleDT,
.sns .articleDT2{
	padding-bottom: 20px;
}

.sns .articleDT2{
	margin-bottom: 0;
}

.static .articleDT:last-child {
    border-bottom: medium none;
    margin-bottom: 30px;
    padding-bottom: 0;
    padding: 5px 21px;
}

.static .articleDT .dataSec .title {
    font-size: 108%;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4
}

.static .articleDT .dataSec2 .title {
    font-size: 108%;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4
}

#sitePath .contInner:after, #tagList .contInner:after, #categoryList .contInner:after, #contents:after, #bnrsFoot:after, #globalFooter:after, .shortcutList:after, .article:after, .articleList:after, .articleLarge:after, .articleDT:after, .tagCloud .bodyUnit:after, .cFix:after {
    clear: both;
    content: "";
    display: table;
}

.static .snsArticles .articleDT .dataSec .secBody p, .snsArticles .articleDT .dataSec .secBody .twitter {
    margin: 2px 0 10px;
}

.static .articleDT .dataSec {
    float: right;
    width: 540px;
    padding: 18px 0 0 0;
}

.static .articleDT .dataSec2 {
    float: right;
    width: 540px;
}

.static .articleDT2 .dataSec2 {
    float: right;
    width: 540px;
}

.static .artistDT .secHead .title {
    font-size: 123.1%;
    font-weight: bold;
    left: 50px;
    line-height: 1;
    position: absolute;
    top: 21px;
}

.static .btnType1 a {
    background: none repeat scroll 0 0 #444444;
    border: medium none;
    color: white;
    cursor: pointer;
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 400px;
}

.static .btnType2 a {
    background: none repeat scroll 0 0 #444444;
    border: medium none;
    color: white;
    cursor: pointer;
    display: block;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 400px;
}

.static .btnType1 a {
    margin: 30px auto;
}

.static .btnType2 a {
    margin: 2px auto;
}

.static .btnType1 a:hover {
    background: none repeat scroll 0 0 #FDEC00;
    color: black;
    text-decoration: none;
}

.static .btnType2 a:hover {
    background: none repeat scroll 0 0 #FDEC00;
    color: black;
    text-decoration: none;
}

.static  #privacy{
	margin-bottom: -10px;
}

.static .articleList {
    margin: 10px;
}

.static .secBody p{
    margin: 5px 0 10px;
}


body, div, h1, h2, h3, h4, h5, h6, form, ul, li, ol, dl, dt, dd, fieldset, pre, code, legend, blockquote {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

.static .whitespace div.underten{
	overflow: hidden
}

.static .whitespace div.underten img{
	margin: 5px 20px 0px 0px;
	border: 1px solid #CCCCCC;
	float: left;
	
}
.static .whitespace div.underten .rightText{
	padding-top: 45px;
}

.static{
	line-height: 1.4;
}

.static th,td{
	margin: 0;
	padding: 0;
}
.static th{
	vertical-align: top;
}

.static td{
	vertical-align: middle;
}

.static .end{
	background: #E2EAEB;
}

.static table{
	margin: 0;
}

.static .abovetf{
	margin-bottom: 10px;
}
/*　よくあるご質問　*/
.faq{
    padding: 10px 0 0;
    border-bottom:1px solid #EBEBEB;
}
.faq .faqList .headUnit {
	padding:0 10px;
	border-top:1px solid #EBEBEB;
	cursor:pointer;
}
.faq .faqList.active .headUnit { border-bottom:none; }
.faq .faqList.active:last-child .headUnit { border-bottom:none; }
.faq .faqList .headUnit .title {
	padding:20px 0;
	background:url(/../img/contents/ico_arw_02D.png) 100% 50% no-repeat;
	font-size:110%;
	font-weight:bold;
	line-height:1;
}
.faq .faqList .headUnit .title .time { margin-right:1em; }
.faq .faqList .headUnit .title .name { color:#000; }
.faq .faqList .headUnit .title .name:hover, .faq .faqList.active .headUnit .title .name { color:#fff; }
.faq .faqList.active .headUnit .title { background:url(/../img/contents/ico_close_01.png) 100% 50% no-repeat; }
.faq .faqList.active .headUnit, .faq .faqList .headUnit:hover {
	background-color:#e3007d;
	color:#fff;
}
.faq .faqList .bodyUnit {
	margin:0 0 35px;
	padding:12px 10px 0;
	border-top:1px solid #EBEBEB;
	display: none;
}
.faq .faqList .bodyUnit ul li {
	margin-left:1.5em;
	list-style:square;
}
.faq .faqList .bodyUnit ol li {
	margin-left:1.5em;
	list-style:decimal;
}
/*　モバイルサイトのご紹介　*/
.tos #mobile {
	margin:0 auto;
	width:665px;
}

.tos .mobileTitle {
	margin-top: 10px;
}

.tos #mobile .left {
	float:left;
	width:300px;
	margin-top: 20px;
}

.tos #mobile .left img {
	margin-left: 20px
}
.tos #mobile .right {
	float:right;
	width:310px;
	margin-right: 20px;
}
.tos #mobile h2 {
	font-weight:bold;
	font-size:140%;
}
.tos #mobile #qr {
	margin-top: 60px;
	background-color: #e8e8e8;
	padding: 10px;
	height: 130px;
}

.tos #mobile #qr p {
	padding: 55px 0px 0px 10px;
}

.tos #mobile #qr img { 
	float: left;
	margin-right: 10px;
}

ul.square{
	padding-left: 20px;
}
ul.square li{
	list-style: square !important;
}

.nbb{
	border-bottom: 0 !important;
}

.nobg{
	background: none !important;
	border: none !important;
}

/*--------------------------------------------------------------------
guide

--------------------------------------------------------------------*/
div#contWarp .guideCont{
	border: #ccc 1px solid;
	padding: 10px 0 0 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}

div#contWarp .guideCont dl dd ul li {
margin-left: 1.5em;
list-style: square;
}

div#contWarp .guideCont dl dd ul {
margin-bottom: 1em;
}

div#contWarp .guideCont dl dd {
padding-left: 1em;
}

#tosIndex{
	width: 720px;
	padding: 20px 0px 0px 70px;
	height: 164px;
}

#tosIndex .tosBtn a {
	display: block;
	border: none;
	text-align: center;
	color: white;
	width: 180px;
	height: 144px;
	background: #444444;
	text-decoration: none;
	float: left;
	}
	
.tosBtn a { 
margin-left: 10px;
}


#tosIndex .tosBtn a:hover {
	background: #FDEC00;
	color: black;
	text-decoration:none;
	border:none;
}

div#contIn .tosText{
	width: 710px;
	padding: 5px 0 0 0;
}

.IndexTextBox{
	width: 180px;
	margin: 0 auto;
	padding: 55px 0 0 0;
	font-size: 12px;
}

.tos dl dd.disclaimerText {
	padding-left: 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------------
station

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

div#contWarp  #contIn .subTitle{
	padding: 0px 0 20px 0;
}

div#contWarp  #contIn .subTitle p{
	/*font-size: 77%;*/
}

div#contWarp .static .articleDT .secBody{
	margin-top: 120px;
}

div#contWarp .secBody .stationTitle{
	padding: 15px 0 0 0;
}

div#contWarp .btnType1 {
	margin-top: 30px;
}

.tvChoice {
	width: 215px;
	float: left;
	margin: 0 10px;
}

.Watchmargin {
	margin: 0 5px;
	!important	
}


.tvChoice img {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

.tvChoice .logoTitle {
	margin: 12px 0 8px 0;
	clear: both
}


.hd_icon {
    display: inline-block;
    background: #444;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    width: 30px;
    height: 18px;
    text-align: center;
    float: left;
    margin: 0 5px 0 0;
}

td .hd_icon{
	float: none;
	margin: 0
}

.hd_icon .iconText {
   padding: 3px 0 0 0;	
}

td .hd_icon .iconText {
   padding: 2px 0 0 0;
   line-height: 1.6
}
div.ovh{
	overflow: hidden
}

.tvChoice .sd_icon .iconText2nd {
   padding: 3px 0 0 0;
}

.tvChoice .sd_icon {
    display: inline-block;
    background: #444;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    width: 30px;
    height: 18px;
    text-align: center;
    float: left;
}


.skybanner  {
	text-align: center;
	padding:20px 0 20px 0;
}

.rightText {
	padding: 27px 0 10px 0;
}

#choicebox {
	margin-bottom: 30px;
	overflow: hidden;
	padding-left: 8px;
}

#otherView {
	text-align: left;
	margin-top: 40px;
	width: 720px;
	overflow: hidden
}

#otherView ul{
	width: 725px;
}
#otherView li{
	float: left;
	margin: 15px 7px 0 0;
}

.watch {
	border: 1px solid #aaa;
}


div.spInner{
	padding:20px;
	border:solid 1px #CCCCCC;
	margin-bottom:20px;
}

div.spInner div.box{
	padding:15px;
	margin: 10px 0;
	border:1px solid #E6E6E6;
}

/*--------------------------------------------------------------------
station  Watch

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

.jcomList {
	margin-left: 20px;
}

.articleSRL ol {
	list-style-type: decimal;
	padding-left: 20px;
}

.articleSRL ol li {
	list-style-type: decimal;
}

/*--------------------------------------------------------------------
sns

--------------------------------------------------------------------*/
div.sns h2{
	margin-bottom: 5px;
}
.socialBox {
    width: 540px;
    margin: 10px 0 0;
    overflow: hidden;
}

.socialBox .twitter {
   float: left;
   margin: 14px 10px;
   display: block;
   border-right-style: dotted 1px #aaa;
   height: 30px;

}

.socialBox .facebook {
    float: right;
	width: 300px;
	 background:url(../img/contents/dot.gif) left no-repeat;
	 margin-top: -10px;
}

.socialBox .facebookOne {
    float: left;
	 margin-top: -10px;
}

.socialBox .google{
	float: left;
	width: 220px;
	height: 30px;
	overflow: hidden;
	clear: both
}
.socialBox .google>div{
	position: relative;
	top: -15px;
	left: -1px
}

/*--------------------------------------------------------------------
privacy

--------------------------------------------------------------------*/
.privacy table{
	margin-bottom: 10px;
}
.privacy table th,
.privacy table td {
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	border-color: gray;
	border: 1px;
	border: 1px solid #ccc;
	padding: 5px 10px
}
.privacy table td ol,
.privacy table td ul{
	margin-left: 10px;
}
.privacy .tos ol>li {
	margin-bottom: 10px;
}
.privacy h2{
	margin: 30px 0 10px
}
.privacy h2.nom{
	margin: 0
}
.privacy h3{
	margin: 20px 0 5px
}


/* 20140312 tateyama add */
div.relProgram {
	border-top: 1px solid #ebebeb;
	padding-top: 15px;
}
div.relProgram h2{
	font-size: 12px;
}
div.relProgram ul{
	margin: 5px 0 20px;
	padding-left: 25px;
}
div.relProgram ul li{
	list-style-type: square
}
div.relProgram ul a{
	text-decoration: none;
}
div.relProgram ul a:hover{
	text-decoration: underline;
}