* {
	margin : 0;
	padding : 0; 
	font-size : 100%;

}

body {

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height : 1.4;

}


.ui-page {


}

.copyright {

	background-color : #000000;
	color : #FFFFFF;

}

.top img {

	width : 100%;
	text-align : center;

}

.toplistbox {
	font-size : 15px;
	text-align : left;
    position: relative;
    -webkit-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    -moz-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    padding: 3%;
    background: #fff;
    margin: 3%;
    position:relative;
    border:1px solid #fff;
	background-color : #FFFFFF;

}

.playerbox {
	
	padding: 3px 5px 5px 5px;
}

.toplistbox:befour {

    content: '';
	font-size : 15px;
	text-align : center;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #ddd;
}


.toplistbox .lead {

	text-align : center;
	display: inline-block;
	width : 100%;
	background-color : #98fb98;
	font-size : 20px;
	font-weight : bold;
/*	border: dashed 2px #5b8bd0;点線*/
	border-bottom : double 10px #0000ff;

}

.date {
	width: 100%;
	height: 30px;
	background-color: #C0C0C0;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.detail {
	width: 100%;
	padding: 25px 10px 0px 10px;
	background-color: #FFFFFF;
}

.rgtitle {
	width: 100%;
	padding: 3px 0px 0px 0px;
	text-align: center;

}

.close {
	width: 80%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #CCCCEE;
	text-align: center;
}

.close_drama {
	width: 50%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #FF0000;
	text-align: center;
}




.audiospled {
    border-top:5px double #000000;
	padding: 5px 0px 5px 0px;
}

.dramaspled {
    border-top:5px double #000000;
	padding: 5px 0px 5px 0px;
}

.seriesspled {
    border-top:10px solid #000000;
	padding: 5px 0px 5px 0px;
}


.auspled {
    border-top:5px double #000000;
	padding: 5px 0px 30px 0px;
}


.topspled {
    border-top:5px double #000000;
	padding: 5px 0px 25px 0px;
}

.spled {
    border-top:5px double #000000;
	padding: 5px 0px 50px 0px;
}

.bottomspled {
    border-top:5px double #000000;
	padding: 5px 0px 50px 0px;
}


.tenkaitop {
	width: 100%;
	background-color: #EE0000;
	color: #FFFFFF;
	text-align: center;
	line-height: 0;
	padding: 10px 0px 10px 0px;
	margin:  10px 0px 10px 0px;
}

.tenkaiarc {
	width: 100%;
	background-color: #FFE4E1;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin:  5px 0px 5px 0px;
	font-family: 'MingLiU';
	text-decoration: none;


}
.tenkaiarc a {
	cursor:pointer;
	text-decoration: none;
} 

.tenkaiarc2 {
	width: 100%;
	background-color: #FF69B4;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin:  5px 0px 5px 0px;
	font-family: 'MingLiU';
	text-decoration: none;


}
.tenkaiarc2 a {
	cursor:pointer;
	text-decoration: none;
} 


.toplistbox img {
	width : 100%;
	padding-bottom: -50px;

}

.topmenu .title {
	text-align : center;
	font-size : 20px;

	background-color: #E0F8F7;
}
.topmenu ul {
	height: 50px;
	text-align : center;
	
	background-color: #E0F8F7;
}

.topmenu ul li {
	padding: 0 5px;
	display: inline-block;
	font-size : 15px;
	background-color: #E0F8F7;
	margin-top: 20px;
	border: dashed 2px #5b8bd0;/*点線*/
	width: auto;

}
.topmenu img {
	text-align : center;
	width: 75%;
}

.topmenu ul li a {
	text-decoration: none;
	vertical-align: middle;
	color: #000000;
}

.topmenu ul li a:hover {
	border-bottom: dotted 3px #FFFFFF;
}

.container {
	width : 540px ;
	margin : 15px auto 30px ;
}
.header {
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-size : 15px;
	text-align: center;
	line-height: 0px;
	padding: 0px 0px -10px 0px;
	margin: 0px 0px 15px 0px;
}

.bord {
	width: 100%;
	margin: 0px 0px 50px 0px;
	line-height: 0;
}

.imgbox {
	font-size: 25px;
}
.imgbox img {
	vertical-align: middle;
}

.container .header {
	width : 540px ;
	height : 52px ;
	background : url(default_page.png) 0 0 no-repeat ;
}

.container .header a {
	display : block ;
	text-indent : -500em ;
	overflow : hidden ;
	width : 292px ;
	height : 40px ;
	margin : 0 auto ;
}

.container dl.contents {
	height : 108px ;
	margin-bottom : 8px ;
	background : url(default_page.png) left bottom no-repeat ;
}

dl.contents dt {
	width : 540px ;
	text-align : center ;
	line-height : 30px ;
	height : 30px ;
	font-weight : bold ;
	font-size : 115% ;
}

dl.contents dd {
	text-align : left ; 
	padding : 8px 12px ;
	position : relative ;
}

dl.contents dd #message {
	position : absolute ;
	top : 50px ;
	left : 30px ;
}

address {
	font-style : normal ;
}




      /*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
/*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
.audiojs {
	height: 40px;
	background: #808080;
	width: 100%;
}
      /*　再生・停止ボタンの高さ、幅、パディングの指定

	padding: 10px 10px 10px 10px;

　*/

.audiojs .play {
	background: url(../audiojs/s_play.png) center center no-repeat;
/*	background-image: url(./audiojs/play.png);
	background-size: 62px 42px;*/
	
}

.audiojs .loading {
	background: url(../audiojs/s_play.png) center center no-repeat;
}

.audiojs .errlr {
	background: url(../audiojs/s_play.png) center center no-repeat;
}

.audiojs .pause {
	background: url(../audiojs/pause.png) center center no-repeat;
}




.audiojs .play-pause {
	width: 40px;
	height: 100px;
	padding: 0px 10px 10px 10px;
}
      /*　再生・停止ボタンなどの p 要素　*/
.audiojs p { 
	width: 60px;
	height: 60px;

	margin: -10px 0px 0px -10px;
}
      /*　進行状態・ロードの状態を表示する部分　*/
.audiojs .scrubber {
	margin-top : 9px;
	background: #FFFFFF;
	width: 40%; 
	height: 20px;
	line-height: 0;


}
      /*　進行状態を表示するバーの部分　*/
.audiojs .progress {
	margin-top : 0px;
	height: 23px;
	width: 100%; 

	background: #CCCCCC;
}
      /*　ロード状態を表示するバーの部分　*/
.audiojs .loaded {
	margin-top : 0	px;
	height: 30px;
	width: 40%; 

	background: #000000;
}
      /*　再生時間の部分　*/
.audiojs .time {
	float: left;
	width: 0px;
	height: 0px;
	font-size: 15px;
	margin : -10px 0px 0px -15px;
	padding: 0px 0px 0px 20px;
	line-height: 60px;
}
.audiojs .error-message {
	height: 24px;
	line-height: 24px;
}