@charset "utf-8";

/*------------------------------------------------------------------------------
	On-Stage - リスト表示
	(C) GMO Systemconsulting All Rights Reserved.
------------------------------------------------------------------------------*/


#search_ListArea {
	margin:20px 0 0;
}


/*----------------------------------------------------
TitleList　マイページTOP用
----------------------------------------------------*/
#listtitle{
	background-color:#128ffa;
	color:#FFF;
	font-size:18px;
	width:693px;
	padding:10px 20px 10px;
	margin:5px 0;
	overflow:hidden;
	line-height:120%;
}
#listtitle p.l{
	float:left;
	margin:5px 0 0;
	display:block;
}
#listtitle p.r a{
	text-align:right;
	color:#FFF;
	font-size:12px;
	float:right;
	text-decoration:underline;
	margin:5px 0 0;
}
#listtitle p.r a:hover{
	text-align:right;
	color:#FFF;
	font-size:12px;
	float:right;
	text-decoration:none;
}


#listtable{
	margin:5px 0 20px;
	width:733px;
}
#listtable th.topleft{
	background-image:url(../image/list_topleft.png);
	background-repeat:no-repeat;
	width:7px;
	height:39px;
}
#listtable th.topright{
	background-image:url(../image/list_topright.png);
	background-repeat:no-repeat;
	width:7px;
	height:39px;
}
#listtable td.bottomleft{
	background-image:url(../image/list_bottomleft.png);
	background-repeat:no-repeat;
	width:7px;
	height:7px;
}
#listtable td.bottomright{
	background-image:url(../image/list_bottomright.png);
	background-repeat:no-repeat;
	width:7px;
	height:7px;
}


#listtable th.titleid,
#listtable th.title,
#listtable th.artist,
#listtable th.titleage,
#listtable td.blue {	
	background-color:#128ffa;
	height:39px;
	vertical-align:middle;
	color:#FFF;
	text-align:left;
	padding-left:10px;
}


#listtable tr.even td {    background:#e1f2fd;
	border-bottom:#FFF 1px solid;}
#listtable tr.odd td {    background:#ebf7fe;
	border-bottom:#FFF 1px solid;}
#listtable tr {
}

#listtable td.titleid,
#listtable td.title,
#listtable td.artist,
#listtable td.titleage {
	padding:10px;
}
#listtable td.left,
#listtable td.right{
	width:7px;
}


#listtable td.txtright{
	text-align:right;
	font-weight:normal;
	padding-right:10px;
	font-size:12px;
}
#listtable td.txtright a{
	color:#FFF;
	text-decoration:underline;
}
#listtable td.txtright a:hover{
	color:#cceafd;
	text-decoration:none;
}


/*----------------------------------------------------
検索結果欄：（全ページ共通）
----------------------------------------------------*/

#Searchresult{
	margin:5px 0 5px;
	background-color:#FFFFFF;
	width:693px;
	padding:10px 20px 1px;
}
#Searchresult p.count{
	display:inline;
	float: left;}
#Searchresult p.transfer{

	text-align: right;}

#Searchresult p.transfer a{
	margin:0;
	padding:0;
	background-image:none;
	display:inline;
	color:#474747;	
	text-decoration:underline;}
#Searchresult p.transfer a:hover{
	display:inline;
	color:#4c8bdf;
	text-decoration:none;}
	
#Searchresult span.red{	color:#e64100;		display:inline;	}


/*----------------------------------------------------
リスト（blue）
----------------------------------------------------*/

#list_blue_table{	margin:0;}
#list_blue_table table{}


#list_blue_table th.topleft{
	background-image:url(../image/list_topleft.png);
	background-repeat:no-repeat;
	width:7px;
	height:39px;
}
#list_blue_table th.topright{
	background-image:url(../image/list_topright.png);
	background-repeat:no-repeat;
	width:7px;
	height:39px;
}
#list_blue_table td.bottomleft{
	background-image:url(../image/list_bottomleft.png);
	background-repeat:no-repeat;
	width:7px;
	height:7px;
	font-size:7px;
	line-height:100%;
}
#list_blue_table td.bottomright{
	background-image:url(../image/list_bottomright.png);
	background-repeat:no-repeat;
	width:7px;
	height:7px;
	font-size:7px;
	line-height:100%;
}
#list_blue_table td.bottomcenter{
	background-color:#128ffa;
	height:7px;
	font-size:7px;
	line-height:100%;
}


#list_blue_table th.titleid,
#list_blue_table th.title,
#list_blue_table th.artist,
#list_blue_table th.titleage,
#list_blue_table th.item,
#list_blue_table th.orderdate,
#list_blue_table th.paymentdate,
#list_blue_table th.startdate,
#list_blue_table th.enddate,
#list_blue_table th.btn_cancel,
#list_blue_table th.deliverdate2,
#list_blue_table th.titleid2,
#list_blue_table th.title2,
#list_blue_table th.artist2,
#list_blue_table th.titleid3,
#list_blue_table th.title3,
#list_blue_table th.artist3,
#list_blue_table th.titleage3 {
	background-color:#128ffa;
	height:39px;
	vertical-align:middle;
	color:#FFF;
	text-align:left;
	padding-left:10px;
	line-height:100%;
}

#list_blue_table tr.even td {    background:#e1f2fd;
	border-bottom:#FFF 1px solid;}
#list_blue_table tr.odd td {    background:#ebf7fe;
	border-bottom:#FFF 1px solid;}
#list_blue_table tr {
}

#list_blue_table td.titleage,
#list_blue_table td.item,
#list_blue_table td.orderdate,
#list_blue_table td.paymentdate,
#list_blue_table td.startdate,
#list_blue_table td.enddate {
	padding:10px;
}
#list_blue_table td.titleid {
	padding:10px;
	width:10%;
}
#list_blue_table td.title {
	padding:10px;
	width:55%;
}
#list_blue_table td.artist {
	padding:10px;
	width:35%;
}



#list_blue_table td.deliverdate2 {
	padding:10px;
	width:10%;
}
#list_blue_table td.titleid2 {
	padding:10px;
	white-space:nowrap;
	width:10%;
}
#list_blue_table td.title2 {
	padding:10px;
	width:55%;
}
#list_blue_table td.artist2 {
	padding:10px;
	width:25%;
}

#list_blue_table td.titleid3 {
	padding:10px;
	width:10%;
}
#list_blue_table td.title3 {
	padding:10px;
	width:45%;
}
#list_blue_table td.artist3 {
	padding:10px;
	width:30%;
}
#list_blue_table td.titleage3 {
	padding:10px;
	width:15%;
}


#list_blue_table td.left,
#list_blue_table td.right{
	width:7px;
}

#list_blue_table td.btn_cancel {
	padding:10px;
}
#list_blue_table td.btn_cancel a{
	display:block;
	background:url(../../image/using_status/btn_cansel_a.png) no-repeat left bottom;
	width:47px;
	height:26px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#list_blue_table td.btn_cancel a:hover{
	text-indent:-9999px;
}






/*----------------------------------------------------
 購入履歴リスト（2行　green）
----------------------------------------------------*/

#list_2line_table{	margin:0;}
#list_2line_table table{}

#list_2line_table table tr td.bottomleft{
	background-image:url(../image/list_bottomleft_g.png);
	background-repeat:no-repeat;
	width:7px;
	font-size:7px;
	line-height:100%;
}
#list_2line_table table tr td.bottomright{
	background-image:url(../image/list_bottomright_g.png);
	background-repeat:no-repeat;
	width:7px;
	font-size:7px;
	line-height:100%;
}
#list_2line_table table tr td.bottomcenter{
	background-color:#26a3b4;
	font-size:7px;
	line-height:100%;
}
/*---------------
60pxのタイトル欄
-----------------*/

#list_2line_table table th.topleft{
	background-image:url(../image/list_topleft_g.png);
	background-repeat:no-repeat;
	width:7px;
	height:60px;
}
#list_2line_table table th.topright{
	background-image:url(../image/list_topright_g.png);
	background-repeat:no-repeat;
	width:7px;
	height:60px;
}

#list_2line_table th.item,
#list_2line_table th.conname,
#list_2line_table th.orderdate,
#list_2line_table th.paymentdate,
#list_2line_table th.startdate,
#list_2line_table th.enddate{	
	background-color:#26a3b4;
	height:60px;
	vertical-align:middle;
	color:#FFF;
	text-align:left;
	line-height:160%;
}
#list_2line_table th.num{	
	background-color:#26a3b4;
	height:60px;
	vertical-align:middle;
	color:#FFF;
	text-align:left;
	line-height:100%;
	font-size:12px;
}
#list_2line_table th.num a{
	color:#FFF;
	text-decoration:underline;
}
#list_2line_table th.num a:hover{
	text-decoration:none;
	color:#FF3;
}
#list_2line_table th.num a:visited{
	font-size:12px;
}
#list_2line_table th.num span{	
	color:#FF3;
	font-size:11px;
}
/*-----------------*/

#list_2line_table tr.styleC td {
	background:#ecf9fb;
	color:#5b5b5b;
	padding:13px 0;
	border-bottom:1px #ddeff2 solid;
}
#list_2line_table tr.styleD td {
	background:#ecf9fb;
	color:#5b5b5b;
	border-bottom:#FFF 1px solid;
	padding:13px 0;
}	
#list_2line_table tr.styleA td {
	background:#d5eff3;
	color:#13727f;
	padding:13px 0;
	border-bottom:#c5e5ea 1px solid;
	
}
#list_2line_table tr.styleB td {
	background:#d5eff3;
	color:#13727f;
	border-bottom:#FFF 1px solid;
	padding:13px 0;
}
#list_2line_table tr.styleC td.left,
#list_2line_table tr.styleD td.left,
#list_2line_table tr.styleC td.right,
#list_2line_table tr.styleD td.right {
	background-color:#b2dde4;
}
#list_2line_table tr.styleA td.left,
#list_2line_table tr.styleB td.left,
#list_2line_table tr.styleA td.right,
#list_2line_table tr.styleB td.right{
	background-color:#5ec0cd;
}
	
#list_2line_table tr {}

#list_2line_table td.date,
#list_2line_table td.paymentdate,
#list_2line_table td.enddate,
#list_2line_table td.startdate{
	font-size:12px;
}

#list_2line_table td.conname,
#list_2line_table td.item,
#list_2line_table td.date,
#list_2line_table td.paymentdate,
#list_2line_table td.payment,
#list_2line_table td.startdate,
#list_2line_table td.num,
#list_2line_table td.charge,
#list_2line_table td.enddate {
	padding:2px 10px;
		font-size:12px;
}