@charset "UTF-8";
/*==================================================
 COMMON CSS
==================================================*/

.btn {
	border: none;	
	}
	
.required2 {
	color: #9A0101 !important;
	}
	
.line01 {
	border-bottom: 1px dashed #000000;
	}
	
.h301 {
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	border-left: 5px solid #262626;
	}

.h302 {
	font-size: 13px;
	font-weight: bold;
	padding: 1px 1px 1px 0px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #B4B4B4;
	background: url(../img/common/h302Bg.gif) repeat 0px 0px;
	}
	.h302 span {
		display: block;
		padding: 4px 20px;
		border-left: 1px solid #03AF7A;
		}
	
.h401 {
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #262626;
	}
	
.commonBox01 {
	padding: 20px 58px 60px 68px;
	}
.commonBox02 {
	padding: 0px 40px;
	}
.commonBox03 {
	padding: 0px 10px;
	}
.commonBox04 {
	padding: 0px 5px;
	}

.frame01 {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/frame01Tp.gif) no-repeat 0px top;
	}
.frame01Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/frame01Bt.gif) no-repeat 0px bottom;
	}
.frame01Inner {
	padding: 0px 3px;
	background: url(../img/common/frame/frame01Bg.gif) repeat-y 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	
.frame01s {
	width: 337px;
	margin: 0px auto;
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/frame01sTp.gif) no-repeat 0px top;
	}
.frame01sWrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/frame01sBt.gif) no-repeat 0px bottom;
	}
.frame01sInner {
	padding: 15px 15px;
	background: url(../img/common/frame/frame01sBg.gif) repeat-y 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	
.frame02 {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/frame02Tp.gif) no-repeat 0px top;
	}
.frame02Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/frame02Bt.gif) no-repeat 0px bottom;
	}
.frame02Inner {
	padding: 0px 3px;
	background: url(../img/common/frame/frame02Bg.gif) repeat-y 0px 0px;
	overflow: hidden;
	zoom: 1;
	}

.frame03s {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/frame03sTp.gif) no-repeat 0px top;
	}
.frame03sWrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/frame03sBt.gif) no-repeat 0px bottom;
	}
.frame03sInner {
	text-align: center;
	padding: 0px 3px;
	background: url(../img/common/frame/frame03sBg.gif) repeat-y 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
	
.frame04s {
	width: 206px;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	background: url(../img/common/frame/frame04sTp.gif) no-repeat 0px top;
	}
.frame04sWrap {
	padding: 0px 0px 5px 0px;
	background: url(../img/common/frame/frame04sBt.gif) no-repeat 0px bottom;
	}
.frame04sInner {
	padding: 0px 5px;
	background: #FFFFFF url(../img/common/frame/frame04sBg.gif) repeat-y 0px 0px;
	}
	
.frame05 {
	background: url(../img/common/frame/frame05Bg.jpg) repeat-y 0px 0px;

	}
.frame05Wrap {
	padding: 40px 0px 0px 0px;
	background: url(../img/common/frame/frame05Tp.jpg) no-repeat 0px top;
	}
.frame05Inner {
	padding: 10px 13px;
	background: url(../img/common/frame/frame05Bt.jpg) no-repeat 0px bottom;
	overflow: hidden;
	zoom: 1;
	}
	
.frame06 {
	width: 337px;
	margin: 0px auto;
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/frame06Tp.gif) no-repeat 0px top;
	}
.frame06Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/frame06Bt.gif) no-repeat 0px bottom;
	}
.frame06Inner {
	background: url(../img/common/frame/frame06Bg.gif) repeat-y 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
.frame07 {
	width: 337px;
	margin: 0px auto;
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/frame07Tp.gif) no-repeat 0px top;
	}
.frame07Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/frame07Bt.gif) no-repeat 0px bottom;
	}
	
.subFrame01 {
	background: url(../img/common/frame/subFrame01Bg.jpg) repeat-y 0px 0px;
	}
.subFrame01Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/subFrame01Bt.jpg) no-repeat 0px bottom;
	}
.subFrame01Inner {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/subFrame01Tp.jpg) no-repeat 0px top;
	overflow: hidden;
	zoom: 1;
	}
	
.subFrame02 {
	background: url(../img/common/frame/subFrame02Bg.jpg) repeat-y 0px 0px;
	}
.subFrame02Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/subFrame02Bt.jpg) no-repeat 0px bottom;
	}
.subFrame02Inner {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/subFrame02Tp.jpg) no-repeat 0px top;
	overflow: hidden;
	zoom: 1;
	}

/* 2012.03.01added
------------------------------------------------------------------------*/
.subFrame03 {
	background: url(../img/common/frame/subFrame03Bg.jpg) repeat-y 0px 0px;
	}
.subFrame03Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/subFrame03Bt.jpg) no-repeat 0px bottom;
	}
.subFrame03Inner {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/subFrame03Tp.jpg) no-repeat 0px top;
	overflow: hidden;
	zoom: 1;
	}

.subFrame04 {
	background: url(../img/common/frame/subFrame04Bg.jpg) repeat-y 0px 0px;
	}
.subFrame04Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/subFrame04Bt.jpg) no-repeat 0px bottom;
	}
.subFrame04Inner {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/subFrame04Tp.jpg) no-repeat 0px top;
	overflow: hidden;
	zoom: 1;
	}

.subFrame05Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/subFrame05Bt.jpg) no-repeat 0px bottom;
	}
/* ------------------------------------------------------------------------ */

/* 2016.04 added TopPage SlideBnr
------------------------------------------------------------------------*/
.midFrame01 {
	background: url(../img/common/frame/midFrame01Bg.gif) repeat-y 0px 0px;
	}
.midFrame01Wrap {
	padding: 0px 0px 10px 0px;
	background: url(../img/common/frame/midFrame01Bt.gif) no-repeat 0px bottom;
	}
.midFrame01Inner {
	padding: 10px 0px 0px 0px;
	background: url(../img/common/frame/midFrame01Tp.gif) no-repeat 0px top;
	overflow: hidden;
	zoom: 1;
	}
/* ------------------------------------------------------------------------ */
	
.entryFrame01 {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/entryFrame01Tp.gif) no-repeat 0px top;
	}
.entryFrame01Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/entryFrame01Bt.gif) no-repeat 0px bottom;
	}
.entryFrame01Inner {
	background: url(../img/common/frame/entryFrame01Bg.gif) repeat-y 0px 0px;
	overflow: hidden;
	zoom: 1;
	}
.entryFrame02 {
	padding: 3px 0px 0px 0px;
	background: url(../img/common/frame/entryFrame02Tp.gif) no-repeat 0px top;
	}
.entryFrame02Wrap {
	padding: 0px 0px 3px 0px;
	background: url(../img/common/frame/entryFrame02Bt.gif) no-repeat 0px bottom;
	}
	
.inputFrame01 {
	background: url(../img/common/frame/inputFrame01Bg.gif) repeat-y 0px 0px;
	zoom: 1;
	}
.inputFrame01Wrap {
	padding: 0px 0px 8px 0px;
	background: url(../img/common/frame/inputFrame01Bt.gif) no-repeat 0px bottom;
	}
.inputFrame01Inner {
	padding: 8px 0px 0px 0px;
	background: url(../img/common/frame/inputFrame01Tp.gif) no-repeat 0px top;
	overflow: hidden;
	zoom: 1;
	}
	.inputFrame01 .th {
		float: left;
		width: 125px;
		padding: 3px 0px 0px 0px;
		}
		.inputFrame01 .th span {
			padding: 0px 0px 0px 15px;
			}
		.inputFrame01 .th .required2 {
			padding: 0px !important;
			}
	.inputFrame01 .td {
		margin: 0px 30px 0px 145px;
		}
	
.nowOnAir {}
	.nowOnAir .nowOnAirDate {
		height: 40px;
		font-size: 12px;
		font-weight: bold;
		line-height: 40px;
		margin: 0px 0px 3px 0px;
		padding: 0px 30px 0px 225px;
		background: url(../img/side/nowOnAir/nowOnAirDateBg.gif) no-repeat 0px 0px;
		}
	.nowOnAir .nowOnAirTitle {
		height: 47px;
		font-size: 18px;
		font-weight: bold;
		line-height: 47px;
		margin: 0px 0px 3px 0px;
		padding: 0px 20px;
		background: url(../img/side/nowOnAir/nowOnAirTitleBg.gif) no-repeat 0px 0px;
		}
	.nowOnAir .buttons {
		padding: 0px 1px;
		margin: 0px 0px 3px 0px;
		overflow: hidden;
		zoom: 1;
		}
	.nowOnAir .musicSearch {
		height: 30px;
		font-size: 11px;
		font-weight: bold;
		line-height: 30px;
		padding: 0px 5px 15px 35px;
		background: url(../img/side/nowOnAir/musicSearchBg.gif) no-repeat 0px 0px;
		}
		.nowOnAir .musicSearch .btn {
			display: block;
			float: right;
			margin: 3px 0px 0px 0px;
			}
		.nowOnAir .musicSearch .newsTicker {
			margin: 0px 5px 0px 0px;
			overflow: hidden;
			}
	.nowOnAir .frame01sInner {
		font-size: 11px;
		font-weight: bold;
		}
	
	.nowOnAir .information {
		margin: 0px 0px 15px 0px;
		}
		.nowOnAir .information h3,
		.nowOnAir .entry h3 {
			margin: 0px 0px 3px 0px;
			}
	.nowOnAir .entry {
		margin: 0px 0px 0px 0px;
		}
		
.nowOnAirNavigator {
	margin: 0px 0px 3px 0px;
	overflow: hidden;
	zoom: 1;
	}
	.nowOnAirNavigator .NavigatorPhoto {
		float: left;
		}
	.nowOnAirNavigator .nowOnAirData {
		float: right;
		width: 168px;
		background: url(../img/side/nowOnAir/nowOnAirDataBg.gif) repeat-y 0px 0px;
		}
		.nowOnAirNavigator .nowOnAirData .onAirTime {
			padding: 11px 12px 11px 12px;
			background: url(../img/side/nowOnAir/nowOnAirDataTp.gif) no-repeat 0px top;
			}
			.nowOnAirNavigator .nowOnAirData .onAirTime span {
				display: block;
				font-size: 15px;
				font-weight: bold;
				padding: 3px 0px 0px 0px;
				}
		.nowOnAirNavigator .nowOnAirSeparator {
			font-size: 0px;
			}
		.nowOnAirNavigator .nowOnAirData .musicNavigator {
			padding: 11px 12px 11px 12px;
			background: url(../img/side/nowOnAir/nowOnAirDataBt.gif) no-repeat 0px bottom;
			}
			.nowOnAirNavigator .nowOnAirData .musicNavigator span {
				display: block;
				font-size: 15px;
				font-weight: bold;
				padding: 3px 0px 0px 0px;
				}
				
.news {}
	.news .listBtn {
		padding: 5px 6px;
	}
	.newsEntry {
		background: url(../img/side/news/newsEntryLine.gif) repeat-x 0px bottom;
		}
		.newsEntryWrap {
			padding: 5px 6px 10px 6px;
		}
		/*
		.newsEntry h3 {
			height: 30px;
			font-size: 13px;
			font-weight: bold;
			line-height: 30px;
			padding: 0px 20px;
			margin: 0px 0px 10px 0px;
			background: url(../img/side/news/newsH3.gif) no-repeat 0px 0px;
			}
			*/
		.newsEntry .detail {
			font-size: 11px;
			font-weight: bold;
			color: #345E04;
			margin: 0px 0px 10px 0px;
			}
		.newsEntry .img {
			float: left;
			width: 90px;
			}
			.newsEntry .text {
				font-size: 11px;
				font-weight: bold;
				margin: 0px 0px 0px 100px;
				}
.today {
	margin: 0px 0px 10px 0px;
	}
.today .listBtn {
	padding: 5px 6px;
	}
	
	.today p {
		font-size: 11px;
		font-weight: bold;
		padding: 10px;
	}
	
.pr .frame03sInner {
	padding: 0px 10px;
	}
	
.zipHot100 {
	width: 220px;
	margin: 0px auto;
	padding: 32px 0px 0px 0px;
	background: url(../img/side/latestchart/zipHot100/zipHot100Tp.gif) no-repeat 0px 0px;
	}
	.zipHot100Wrap {
		padding: 0px 0px 3px 0px;
		background: #3B4461 url(../img/side/latestchart/zipHot100/zipHot100Bt.gif) no-repeat 0px bottom;
		}
	
.zipDanceHits20 {
	width: 220px;
	margin: 0px auto;
	padding: 32px 0px 0px 0px;
	background: url(../img/side/latestchart/zipDanceHits/zipDanceHits20Tp.gif) no-repeat 0px 0px;
	}
	.zipDanceHits20Wrap {
		padding: 0px 0px 3px 0px;
		/*background: #206EBE url(../img/side/latestchart/zipHot100/zipDanceHits20Bt.gif) no-repeat 0px bottom;*/
		background: #206EBE url(../img/side/latestchart/zipDanceHits/zipDanceHits20Bt.gif) no-repeat 0px bottom;
		}
	
.zpopCountdown30 {
	width: 220px;
	margin: 0px auto;
	padding: 32px 0px 0px 0px;
	background: url(../img/side/latestchart/zpopCountdown30/zpopCountdown30Tp.gif) no-repeat 0px 0px;
	}
	.zpopCountdown30Wrap {
		padding: 0px 0px 3px 0px;
		background: #b94769 url(../img/side/latestchart/zpopCountdown30/zpopCountdown30Bt.gif) no-repeat 0px bottom;
		}
		
.latest .frame04s {
	position: relative;
	}
	.latest .frame04s .rank {
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: 9999;
		}
	
	.latest .entry {
		margin: 0px 0px 0px 0px;
		padding: 7px 5px;
		overflow: hidden;
		zoom: 1;
		}
		
		.latest .entry .img {
			float: left;
			width: 61px;
			margin: 0px 0px 0px 0px;
			}
		.latest .entry .text {
			margin: 0px 0px 0px 65px;
			}
			.latest .entry .text .title {
				font-size: 10px;
				font-weight: bold;
			}
			.latest .entry .text .artist {
				font-size: 10px;
				font-weight: bold;
			}
			
.login {}
	.login .input {
		background: #E6E6E6;
		border: 1px solid #C3BCBC;
		}

/* 2012.03.02added
------------------------------------------------------------------------*/
.logInBox{
	border-bottom:#000 1px dotted;
	padding-bottom:10px;
}
.logInBox p{
	padding-left:1em;
}
/*------------------------------------------------------------------------*/
		
.Ul01 {}
	.Ul01 li {
		padding: 0px 0px 0px 15px;
		background: url(../img/common/arrow03.jpg) no-repeat 0px center;
		}
		.Ul01 li a {
			font-size: 10px;
			color: #9A0101;
			}
			
.Ul02 {}
	.Ul02 li {
		padding: 0px 0px 0px 15px;
		background: url(../img/common/arrow04.gif) no-repeat 0px center;
		}
		.Ul02 li a {
			font-size: 10px;
			color: #9A0101;
			}

			
.entry01 {
	overflow: hidden;
	zoom: 1;
	}
	.entry01 .img {
		float: left;
		width: 42px;
		}
	.entry01 .text {
		margin: 0px 0px 0px 52px;
		}

.loginBox {
	width: 521px;
	height: 79px;
	background: url(../img/page/message/loginBg.gif) no-repeat 0px 0px;
	}
	.loginBox .uid {
		float: left;
		padding: 39px 0px 0px 19px;
		}
	.loginBox .pass {
		float: left;
		padding: 39px 0px 0px 11px;
		}
	.loginBox .btn {
		float: right;
		padding: 19px 22px 0px 0px;
		}
		
.memberBox {
	padding: 44px 0px 0px 0px;
	background: url(../img/page/message/memberBoxTp.gif) no-repeat 0px 0px;
	}
.memberBoxWrap {
	padding: 20px;
	background: #F1EFEF url(../img/page/message/memberBoxBt.gif) no-repeat 0px bottom;
	}

.entryTab {
	width: 636px;
	margin: 37px 30px 0px 40px;
	}
	.entryTab ul {
		padding: 0px 0px 5px 0px;
		background: url(../img/page/entry/entryTabBg.jpg) no-repeat 0px bottom;
		overflow: hidden;
		zoom: 1;
		}
		.entryTab ul li {
			float: left;
			margin: 0px 4px 0px 0px;
			}
			.entryTab ul li a {
				display: block;
				height: 49px;
				text-indent: -9999px;
				background: url(../img/page/entry/entryTab01.gif) no-repeat;
				}
			.entryTab ul li.entryTab01 a {
				width: 310px;
				background-position: 0px -64px;
				}
			.entryTab ul li.entryTab02 a {
				width: 310px;
				background-position: -314px -64px;
				}
			.entryTab ul li.entryTab01 a:hover, .entryTab ul li.entryTab01 a.tab_a {	background-position: 0px 0px;}
			.entryTab ul li.entryTab02 a:hover, .entryTab ul li.entryTab02 a.tab_a {	background-position: -314px 0px;}
			
.entryUl01 {
	margin: 0px 3px 0px 1px;
	}
	.entryUl01 li {
		padding: 20px 15px 20px 35px;
		background: #F0EEEE url(../img/common/arrow05.gif) no-repeat 15px center;
		border-bottom: 1px dotted #BCB6B6;
		}
	.entryUl01 li.even {
		background: #F9F8F8 url(../img/common/arrow05.gif) no-repeat 15px center !important;
		}
	.entryUl01 li.last {
		border-bottom: none !important;
		}
		.entryUl01 li a {
			color: #000000;
			text-decoration: underline;
		}
			.entryUl01 li a:hover {
					text-decoration: none;
				}
				
.entryUl02 {
	margin: 0px 1px 0px 1px;
	}
	.entryUl02 li {
		padding: 10px 15px 10px 30px;
		background: #F0EEEE url(../img/common/arrow02.gif) no-repeat 15px 16px;
		border-bottom: 1px dotted #BCB6B6;
		}
	.entryUl02 li.even {
		background: #F9F8F8 url(../img/common/arrow02.gif) no-repeat 15px 16px !important;
		}
	.entryUl02 li.last {
		border-bottom: none !important;
		}
		.entryUl02 li a {
			color: #000000;
			text-decoration: underline;
		}
			.entryUl02 li a:hover {
					text-decoration: none;
				}

/* 2013.04 TopPage Renew
------------------------------------------------*/
.oriconMenu{
	overflow:hidden;
	border-bottom:#6BC8F2 2px solid;
	padding:10px 0px;
	}
.oriconMenu .img{
	float:left;
	width:100px;
	margin: 0px 20px 0px 0px;
}
.oriconMenu .txt{
	/*margin: 0px 0px 0px 110px;*/
}

.tab-box ul#oriconNav {}
.tab-box ul#oriconNav li {
  margin-right:5px;
  float:left;
	}
	.tab-box ul#oriconNav li a{
		display:block;
		width:70px;
		height:35px;
		color:#FFF;
		background:url(../img/side/oricon/oriconTabBg_off.gif) no-repeat 0 0;
		text-align:center;
		line-height:35px;
	}
	.tab-box ul#oriconNav li a.this {
		display:block;
		width:70px;
		height:35px;
		color:#333;
		background:url(../img/side/oricon/oriconTabBg_on.gif) no-repeat 0 0;
		}

.tab-box div.content_wrap {
	font-size:12px;
	border-top:#F0908A 2px solid;
  }
	.tab-box div.content_wrap ul{
		margin-bottom:10px;
		}
	.tab-box div.content_wrap ul li{
		border-bottom:#7D828D 1px dotted;
		padding:10px 10px 10px 15px;
		background:url(../img/common/arrow04.gif) no-repeat left center;
	}
	.tab-box div.content_wrap ul li a{}
	

.tab-box div.content_wrap ul li img{
	width:100px;
	margin-right:20px;
}
.tab-box div.content_wrap ul li p{
	/*padding-left:120px;*/
}
.tab-box div.content_wrap ul li p span.txt{
	color:#999;
}



/* #slider_main
--------------------------- */
#slider_main {
	margin: 0 auto;
	width: 320px;
	height: 320px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#slider_main ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
#slider_main ul li {
	width: 320px;
	height: 320px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* #slider_thumb
--------------------------- */
#slider_thumb {
	margin: 10px auto;
	width: 300px;
	text-align: center;
}
#slider_thumb ul {
	display: inline;
}
#slider_thumb ul li {
	cursor: pointer;
	display: inline;
}
#slider_thumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#slider_main ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slider_main ul {
	display: inline-block;
	overflow: hidden;
}


/* #ORICON
--------------------------- */
#oriconDetailMenu{}
#oriconDetailMenu li{
	float:left;
	margin-right:10px;
	}
#oriconDetailMenu li a{
	display:block;
	background:#F0908A;
	padding:5px 15px;
	color:#333;
	text-decoration:none;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}