@charset "UTF-8";

/*----------------------------------------------------------------------
/			 Site Common Banner
/----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
/		章
/----------------------------------------------------------------------*/
div.chapter{
	margin-bottom: 30px;
}


/*----------------------------------------------------------------------
/		画像まわりこみ
/----------------------------------------------------------------------*/
img.leftImage{
	margin: 0 10px 10px 0;
	float: left;
}
img.rightImage{
	margin: 0 0 10px 10px;
	float: right;
}

/*----------------------------------------------------------------------
/		menu 
/----------------------------------------------------------------------*/
div#header span.label{
	width:1px ;
	display:block;
	position: absolute;
	top:-9999px;
}
/*----------------------------------------------------------------------
/		caution 
/----------------------------------------------------------------------*/
ul.caution{
	color: #cc0000;
}

/*----------------------------------------------------------------------
/		table 
/----------------------------------------------------------------------*/
table.line{
	border-top:1px solid #cccccc;
	background-repeat: repeat-x;
	background-position: top;
	border-collapse: collapse;
	width: 100%;
	font-size: 100%;
	margin: 5px 0 5px 0;
}

table.line td{
	padding: 6px 0 6px 6px ;
	vertical-align: top;
	border-bottom:1px solid #cccccc;
}
table.line th{
	padding: 6px 6px 6px 0;
	vertical-align: top;
	font-weight:bold;
	/*color :#531581;*/
	border-bottom:1px solid #cccccc;
}
table.line tr.title th{
	background: none;
	background-color: #006699;
	padding: 3px 0 3px 8px;
	color: #ffffff;
}
table.line2{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-repeat: repeat-x;
	background-position: top;
	border-collapse: collapse;
	width: 100%;
	font-size: 100%;
	margin: 5px 0 5px 0;
}

table.line2 td{
	padding: 3px 6px 3px 6px ;
	vertical-align: top;
	border-right:1px solid #cccccc;

		border-top:1px solid #cccccc;
}
table.line2 th{
	padding: 3px 6px 3px 6px;
	vertical-align: top;
	font-weight:bold;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background-color: #efefef;
}
table.line2 tr.title th{
	background: none;
	background-color: #006699;
	padding: 2px 0 2px 8px;
	color: #ffffff;
}
table.line2 td.center,
table.line2 th.center,
table.line2 tr.center td,
table.line2 tr.center th{
	text-align:center;
}
table.line2 td.right,
table.line2 th.right,
table.line2 tr.right td,
table.line2 tr.right th{
	text-align:right;
}
table.line2 td.middle{
	vertical-align:middle;
}
table.line2 th a{
	font-weight:normal;
}
table.line2 tr.grey th,
table.line2 tr.grey td{
	background-color: #f5f5f5;
}
table.line2 tr.amount th,
table.line2 tr.amount td{
	font-weight: bold;
	border-top:3px double #000000;
}

ul.recordtitle {
	line-height: 140%;
	margin:0 0 5px 0;
	padding: 0;
}
ul.recordtitle li{
	list-style-type: none;
	margin:0 0 1px 0;
	padding-left: 60px;
	line-height: 130%;
	font-size: 120%;
}
ul.recordtitle li.artist {
	font-weight: bold;
	background:url(/images/common/icon_artist.gif) no-repeat 0 3px;
}
ul.recordtitle li.title {
	font-weight:bold;
	background:url(/images/common/icon_title.gif) no-repeat 0 3px;
}
/*******************************************
 *            order form 
 *********************************************/
#cart div.formcaption p{
	margin: 0 0 2px 0;
} 
#cart .formcaption-irregular{
	display: none;
}
#cart #addressForm dl dt{
	float: left;
	width: 150px;
}
#cart #addressForm dl dd{
	margin-bottom: 8px;
}
#cart #addressForm dl dd .sample{
	font-size: 85%;
}

/***********
 * ツールチップ(qtip)など追加要素
 ***********/
div.item form.editButton{
	float: right;
	display:inline;
}
div.item span.onlineprice span.tooltip{
	display: none;
}
div.qtip div.qtip-content{
	font-size: 1.1em;
	line-height: 1.6em;
}

/***************
 * 入力サジェスト
 ***************/
.search_suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 200px;
	color: #000;
}
.search_suggest div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
.search_suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.search_suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}
/* 完全一致checkbox */
span.perfectMatch{
	font-size: 12px;
}
span.perfectMatch input{
	 vertical-align: middle; 
}
span.admininfo{
	font-size: 13px;
	padding: 0 0 0 6px;
}
div.salesHistory{
	margin: 12px; 0 0 0;
}
div.salesHistory h5 span.title{
	font-size:80%;
	margin-left: 20px; 
}
div.salesHistory dl dt{
	float: left;
	width: 100px;
}
div.salesHistory dl dd{
	margin: 0 0 4px 100px;
}
div.salesHistory dl dd span.memo{
   background: url(/images/common/icon/document_letter.png) no-repeat left center;
   line-height: 1.2em;
   margin-left: 12px;
   padding-left: 20px;
}
#sm2-container{
	height: 1px;
	width: 1px;
	position: absolute; top: 0; right: 0;
	z-index: -10;
}
div.wide #cart form.order span.required{
	font-weight: bold;
	color: #ff0000;
}
div.wide #cart form.order table.line2 td,div.wide table.line2 th{
	padding: 4px ;
}
div.wide #cart form.order table.line2 td{
	background-color:#ffffff;
}
div.wide #cart form.order table.line2 th{
	background-color:#efefef;
}
div.wide #cart form.order table.line2 tr.error th{
	color: #fff;
	background-color:#f00;
}
div.wide #cart form.order table.line2 tr.error td{
	background-color: #FFBABA;
}
div.wide #cart form.order table.line2 td div.padding{
	margin: 4px 12px;
}