@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/

body, th, td, input, textarea {
	font-family:"Lucida Grande","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" ,Osaka, sans-serif;
	font-size:12px;
	line-height:1.3;
	color:#ffffff;
}

a, a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:active, a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

img {
	vertical-align:bottom;
	border:0px;
}
a:hover img {
	opacity:0.80;
}

a:hover .img_girl img {opacity: 1.00; filter: alpha(opacity=100);}
.img_girl a:hover img {opacity: 1.00; filter: alpha(opacity=100);}

/* clearfix */
.clearfix:after{
	content:"."; 
	display:block; 
	height:0; 
	font-size:0;	
	clear:both; 
	visibility:hidden;
}
	
.clearfix {
	display:inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}
/* End Hack */


.hide {
	display: none;
}

/*---------------------------------------------------------------------------*/
body {
	background:#000;
}
#wrapper {
	min-width:980px;
	width:100%;
}
#container {
	margin: 0px auto;
	width: 980px;
}

/* header */
header {
	padding: 0px;
	position: relative;
	background: url(/common/images/header_bg.jpg) repeat-x left top;
}
header h1 {}
header h1 a:hover img {
	opacity: 1.00;
	filter: alpha(opacity=100);
}

/* header search_area */
header #search_area {
	margin: 0px auto 0px auto;
	position: absolute;
	top: 56px;
	right:30px;
}
header #search_area li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: middle;
	margin-left:5px;
}
header #search_area li input{
	border:1px solid #FFF;
	padding:1px 5px;
	width:280px;
	font-size:12px;
	line-height:18px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#333;
}

/* header header_nav */
header #header_nav li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: middle;
}

/* content area */
#content_area {
	width: 970px;
	margin: 25px 0 0px 10px;
	clear: both;
	min-height: 600px;
}
.scd #content_area {
	width: 960px;
	margin: 25px 10px 0px 10px;
}

/* footer */
footer {
	margin-top: 30px;
	padding: 8px 10px 0px;
	position: relative;
	clear: both;
}
footer .toppage {
	position:absolute;
	top:-25px;
	left:231px;
}
footer .pagetop {
	position:absolute;
	top:-25px;
	right:11px;
}


/* copyright */
.copyright {
	background: url(../images/footer_copy.jpg) no-repeat left top;
	width: 980px;
	height: 37px;
	color: #ffffff;
	margin-bottom: 10px;
	text-align: center;
	clear: both;
	line-height: 37px;
}


/**/
.bx-prev,
.bx-next { background-color:#000;}
.bx-prev:hover,
.bx-next:hover {opacity:0.80;filter: alpha(opacity=80);}


/* pan_list */
#pan_list{	position: relative; z-index:20;}
#pan_list ul{
	height: 25px;
	position: relative;
}
#pan_list ul li{
	float: left;
	line-height: 23px;
	background: url(../images/pan_nolink.png) no-repeat left top;
	padding-left: 16px;
	padding-top: 1px;
}
#pan_list ul li.home{
	margin: 0px;
	padding: 0px;
}
#pan_list ul li.link{
	background: url(../images/pan_link.png) no-repeat left top;
	padding-right: 5px;
}
#pan_list ul li.now{
}


/* s_maon_title */
#s_maon_title{
	height: 100px;
	position:relative;
}
#s_maon_title h2{
	position: absolute;
	top: -25px;
	right:0;
	background: url(../images/pan_bg.png) no-repeat left top;
}



/* btn
---------------------------------------------------------------------------*/


.btns{
	display:block;
	width:165px;
	height:28px;
	line-height:28px;
	text-decoration:none !important;
}
	.btns span{
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align:top;
	}
	.btns span.ttl {
		padding-left: 28px;
		width: 65px;
	}
	.btns span.count {
		text-align: right;
		width: 62px;
	}

/**/
.btns2{
	display:block;
	width:165px;
	height:28px;
	line-height:28px;
	text-decoration:none !important;
}
	.btns2 span{
		padding-left:40px;
		text-align:center;
		display:block;
	}

/**/
.btns3{
	display:block;
	width:284px;
	height:28px;
	line-height:28px;
	text-decoration:none !important;
}	
	.btns3 a{
		text-decoration:none !important;
	}
	.btns3 span{
		padding-left:15px;
		text-align:center;
		display:block;
	}


	.btn_play{background: url(../images/btn1.png) no-repeat left top;}
	.btn_recommend{background: url(../images/btn2.png) no-repeat left top;}
	.btn_more{background: url(../images/btn_more.png) no-repeat left top; margin:0 auto;}
		.btn_more span{padding:0 15px 0 0;}
		.btn_more:hover{		opacity:0.80;filter: alpha(opacity=80);}
	
	.btn_add_recomment{background: url(../images/btn_recommend.png) no-repeat left top;}
	.btn_add_recomment_on{background: url(../images/btn_recommend_on.png) no-repeat left top;}
		.btn_add_recomment_on:hover{		opacity:0.80;filter: alpha(opacity=80);}
		/* ロング版 */
		.scd .btn_add_recomment{background: url(../images/btn_recommend2.png) no-repeat left top;}
		.scd .btn_add_recomment_on{background: url(../images/btn_recommend2_on.png) no-repeat left top;}


/* btn_profile */

.btn_profile a{
	display:block;
	width:284px;
	height:28px;
	line-height:28px;
	background: url(../images/btn_profile.png) no-repeat left top;
	text-decoration:none !important;
}
.btn_profile a:hover{
	opacity:0.80;filter: alpha(opacity=80);
}
.btn_profile a span{
	padding-left:43px;
	text-align:center;
	display:block;
}
	
/* ranking_more */
.ranking_more a{
	display:block;
	width:284px;
	height:29px;
	line-height:28px;
	background: url(../../../images/ranking_more.png) no-repeat left top;
	text-decoration:none !important;
	margin:0 auto;
}
.ranking_more a:hover{
	opacity:0.80;filter: alpha(opacity=80);
}
.ranking_more a span{
	padding-left:10px;
	text-align:center;
	display:block;
}


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

.file {
	margin-top: 15px;
	padding-top: 10px;
}
.file .pdf {
	background: url("../images/cms/pdf.gif") no-repeat scroll left center transparent;
	line-height: 30px;
	padding-left: 30px;
	padding-top: 4px;
}
.file .xls {
	background: url("../images/cms/xls.gif") no-repeat scroll left center transparent;
	line-height: 30px;
	padding-left: 30px;
	padding-top: 4px;
}
.file .doc {
	background: url("../images/cms/doc.gif") no-repeat scroll left center transparent;
	line-height: 30px;
	padding-left: 30px;
	padding-top: 4px;
}

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

.fl_l {
	float:left !important;
}
.fl_r {
	float:right !important;
}
.fl_n {
	float:none !important;
}

.f_c_red {
	color:#ff0101 !important;
}


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

#sample {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}


/*
pager
----------------------- */

.pager {
	background: url(../images/pager.png) repeat-x center top;
	position: relative;
	text-align: center;
	min-height: 32px;
	margin: 0px 0px 10px;
	clear: both;
	padding-top: 38px;
	padding-bottom: 10px;
}
.pager span {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	background:url("../images/pager_btn.png") left top no-repeat;
	width:34px;
	height:18px;
	margin:0px 2px;
	padding:8px 0px;
}
.pager span.pager_now {
	background:url("../images/pager_btn_on.png") left top no-repeat;
	color:#333333;
	height:18px;
	width:34px;
}
.pager span a {
	display:block;
	height:34px;
	width:34px;
	padding:0px;
}
.pager .pager_prev {
	background:none;
	position:absolute;
	top:33px;
	left:65px;
	width:89px;
	height:30px;
}
.pager .pager_prev a {
	background:url("../images/pager_prev.png") left top no-repeat;
	width:89px;
	height:30px;
	text-indent:-9999px;
}
.pager .pager_next {
	background:none;
	position:absolute;
	top:33px;
	right:65px;
	width:89px;
	height:30px;
}
.pager .pager_next a {
	background:url("../images/pager_next.png") left top no-repeat;
	width:89px;
	height:30px;
	text-indent:-9999px;
}

/*---------------------------------------------------------------------------*
error-message
*---------------------------------------------------------------------------*/
.error-message {
	color:#ff0000;
	padding:5px 0px;
}


/*---------------------------------------------------------------------------*
unauth
*---------------------------------------------------------------------------*/
.unauth{
	cursor:pointer;
}
.unauth_close{
	cursor:pointer;
}
#unauth_wrap{
	background: url(/common/images/unauth_bg.png) repeat left top;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:3000;
	display:none;
	text-align:center;
}
#unauth_wrap .wrap{
	position:relative;
	width:100%;
	height:100%;
}
#unauth_wrap .unauth_box{
	width: 500px;
	height: 110px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 1px solid #666;
	color:#FFF;
	font-size:14px;
	padding:30px 0 0 0;
}
#unauth_wrap .unauth_close{
	margin-top:15px;
}
.unauth_back_w{
	position:relative;
	width:100%;
	height:100%;
}