/*------------------------------------------------
/* normalize
------------------------------------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote {
	margin: 0;
	padding: 0;
}
th,td,
h1,h2,h3,h4,h5,h6,
p,blockquote,
address {
	font-size: 100%;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6,
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ol,ul,li {
	list-style: none;
}
table {
/*	border-collapse: collapse;
	border-spacing: 0;
*/
}
th,td {
/*	vertical-align: top;
	text-align: left;
*/
}
img,
a img {
	border: 0;
}
input {
	line-height: 1.2;
}

/*------------------------------------------------
/* base
------------------------------------------------*/
body {
	padding: 0 0 0;
	background: #1f1f1f url(/image70/bg_body.gif) 0 0 repeat-x;
	font-size: 84%;
	color: #333;
	line-height: 1.4;
	text-align: center;
	font-family: Verdana ,sans-serif;
}


a:link,
a:visited {
	color: #0066cc;
/*	text-decoration: none;*/

}
a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 140%;
	font-weight: bold;
	margin: 15px 0 0;
}
h1 span {
	font-weight: bold;
	color:#cd4187;
/*	margin:0px 0px 0px 28px;
	padding: 0px 0px 5px 0px;
*/
}
h1 span em {
	font-weight: bold;
	font-style: normal;
}
h2 {
	font-size: 120%;
	font-weight: bold;
}
h3 {
	font-size: 110%;
	font-weight: bold;
}
table {
	font-size: 100%;
}

/*------------------------------------------------
/* page
------------------------------------------------*/
body {
	background: #1f1f1f none 0 0;
}

div#wrapper {
	background: url(/image70/bg_hmv.gif) 0 0 repeat-y;
}

/*------------------------------------------------
/* login
------------------------------------------------*/

div#login {
	width: 100%;
	min-width: 1027px;
	min-height: 20px;
	_height: 20px;
	margin: 0 auto 13px;
	background: #cd4286;
	text-align: center;
}

div#loginInner {
	min-width: 980px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 2%;
	text-align: left;
	color: #ffffff;
	font-size: 84.5%;
}

div#login a {
	color: #ffffff;
}
div#login p {
	float: left;
	white-space: nowrap;
	width: 40%;
}

div#login p span.account  img{
	vertical-align: middle;
	margin: 0 3px;
}
div#login p span.account a {
	text-decoration: none;
}
div#login p a {
	text-decoration: underline;
}
div#login p a.identityReminder {
	padding: 0 0 0 10px;
	background: url(/image70/icon_arrow04.gif) 0 0.1em no-repeat;
	text-decoration: none;
}
div#login ul {
	float: right;
}
div#login ul li {
	display: inline;
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	background: url(/image70/icon_arrow04.gif) 0 0.1em no-repeat;
}
div#login ul li.firstChild {
	margin: 0;
}


/*------------------------------------------------
/* container
------------------------------------------------*/
div#container {
	zoom: 1;
	margin: 0 auto;
	*margin: 0 2%;
	width: 980px;
	text-align: left;
}

div#layout {
	width: 980px;
	margin: 0 2%;
	*margin: 0;
}

div#identity {
	/*position: relative;*/
	height:57px;
}

div#identityMainobj {
	width: 980px;
	_width: auto;
	margin: 0 auto 0;
	text-align: center;
}
div#identityLogo {
	float: left;
	width:152px;
}

div#identityNavi {
	float: left;
	margin-top:10px;
	width:228px;
}

div.searchArea {
	float: none;
	margin: 0 auto;
	font-size: 92%;
}
div.searchArea input,
div.searchArea select {
	border: solid 1px #999;
}
div.searchArea select {
	width: 140px;
	margin: 2px 0 0 5px;
}
div.searchArea input#identitySearchText {
	width: 225px;
	margin: 2px 0 0;
}
div.searchArea input#identitySearchText2 {
	width: 215px;
	margin: 2px 0 0;
}
div.searchArea input#identitySearchText2 {
	width: 215px;
	margin: 2px 0 0;
}
div.searchArea input#searchBtnGo {
	margin-top: 2px;
	border: 0;
}


div.searchArea li {
	float: left;
	width: auto;
	margin-right: 5px;
	vertical-align: middle;
}
div.searchArea li.searchTextList {
	margin-top: 0.4em;
	margin-left: -5px;
}
div.searchArea li.lastChild {
	margin-right: 0;
}
div.searchArea li a {
	display: block;
	margin: 0 0 0 17px;
	padding: 0 0 0 11px;
	background: url(/image70/icon_arrow01.gif) 0 0.3em no-repeat;
	color: #ffffff !important;
}

div#identity div.searchArea {
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
	width:600px;
}
div#utility div.searchArea {
	width: 928px;
	_width: 980px;
	padding-left: 52px;
}
div#utility div.searchArea p {
	float: left;
	width: 143px;
	margin-right: 7px;
}

div#utility div.searchArea p object,
div#utility div.searchArea p param,
div#utility div.searchArea p embed {
}
div#utility div.searchArea form {
	float: left;
}



div#StoreLogo {
	margin: 0 0 20px 0;
}



div#contentsMain {
	width: 980px;
}

div#mainArea04 {
	float:left;
	margin:0 -309px 0 0;
	width:100%;
}

/* 四隅の角丸 */
div#mainArea04 div#contentsMain {
	background: url(/image70/bg_cornertop_left.gif) 0 0 no-repeat;
}
	div#mainArea04 div#contentsMainInner {
		padding: 6px 0 0;
		background: url(/image70/bg_cornertop_right.gif) 100% 0 no-repeat;
	}

	div#mainArea04 div#contentsMainBox {
		background: #fff url(/image70/bg_mainsection_right.gif) 100% 100% no-repeat;
	}

	div#mainArea04 div#contentsMainBoxInner {
		background: url(/image70/bg_mainsection_left.gif) 0 100% no-repeat;
	}

	/* カラム内padding */
	div#mainArea04 div#contentsMainBoxInner {
		padding: 10px 25px 50px 25px;
	}

	div#mainArea04 div#contentsMainInner {
		margin: 0;
	}


/*■■■■ フッター ■■■■*/
div#utility {
	zoom: 1;
	width: 100%;
	margin: 40px 0 0;
	padding: 0 0 15px;
	text-align: center;
}
div#utility ul#utilityNav {
	zoom: 1;
	min-width: 1027px;
	margin: 30px 0 8px;
	padding: 5px 0 5px 0;
	border-top: solid 8px #e74287;
}
div#utility ul#utilityEWarning {
	margin: 10px;
	text-align: center;
	color: #fff;
	font-size: 83%;
}
ul#utilityNav li {
	display: inline;
	margin-right: 9px;
	padding-left: 10px;
	border-left: solid 1px #ffffff;
	font-size: 78%;
}
ul#utilityNav li.firstChild {
	padding: 0;
	border: 0;
}
ul#utilityNav li a {
	color: #ffffff;
}
div#utility p {
	font-size: 78%;
	color: #ffffff;
}
/*■■■■ パンくず ■■■■*/
p#topicpath {
	margin: 0 0 8px 30px;
	font-size: 90%;
	font-weight: bold;
}
p#topicpath {
	color: #ffffff;
}
p#topicpath a {
	color: #ffffff;
}
p#topicpath em {
	color: #edbbd4;
	font-style: normal;
	font-weight: bold;
}



/*  clear-fix
------------------------------------------------*/
.clearfix:after,
#moreFun ul:after,
#guideSearch ul:after,
#guidePoint ul li:after,
.qaanchorMod ul:after,
#genreIndex dl dd ul:after,
.presentApplyColumn:after,
#contentsMain h1:after,
.freeItemIndex ul li div:after,
.freeItemIndex ul:after,
.freeItemIndex:after,
.column2box:after,
.newsOutline:after,
.newsMod ul:after,
.artistIndexImage:after,
.priceInfo:after,
#goodsDetailsLeadMod:after,
.selectionMod:after,
.powerpushMod:after,
.columnList:after,
.artistAnchorMod ul li.lastChild:after,
.artistAnchorMod ul:after,
.relationLinkMod:after,
.bioSignMod:after,
.bioSignMod h3:after,
.artistMenu ul:after,
.pagerModInner25:after,
.pagerMod25:after,
.pagerModInner:after,
.pagerMod:after,
.searchItemIndex ul li div:after,
.searchItemIndex ul:after,
div.sortMod:after,
div.sortMod div:after,
div#searchContents:after,
div#loginInner:after,
div#identity:after,
div#globalMenu ul:after,
div#contentsInner:after,
div#mainArea:after,
div#mainArea05:after,
div#identity div#identityHeadLine:after,
div#identityMainobj:after,
ul#globalMenu:after,
div#contentsTop:after,
div.searchArea:after,
div.searchArea ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
#moreFun ul,
#guideSearch ul,
#guidePoint ul li,
.qaanchorMod ul,
#genreIndex dl dd ul,
.presentApplyColumn,
#contentsMain h1,
.freeItemIndex ul li div,
.freeItemIndex ul,
.freeItemIndex,
.column2box,
.newsOutline,
.artistIndexImage,
.newsMod ul,
.priceInfo,
#goodsDetailsLeadMod,
.selectionMod,
.powerpushMod,
.columnList,
.artistAnchorMod ul li.lastChild,
.artistAnchorMod ul,
.relationLinkMod,
.bioSignMod,
.bioSignMod h3,
.artistMenu ul,
.pagerModInner25,
.pagerMod25,
.pagerModInner,
.pagerMod,
.searchItemIndex ul li div,
.searchItemIndex ul,
div.sortMod,
div.sortMod div,
div#searchContents,
div#loginInner,
div#identity,
div#globalMenu ul,
div#contentsInner,
div#mainArea,
div#mainArea05,
div#identity div#identityHeadLine,
div#identityMainobj,
ul#globalMenu,
div#contentsTop,
div.searchArea,
div.searchArea ul {
	/*\*/
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}



/*------------------------------------------------------
  (c) 2007 System Integrator Corp. All rights reserved.
  フロント共通のスタイルを定義する。
--------------------------------------------------------*/

/*---------
  common
-----------*/
html {
  margin-top: 0;
}
body {
  text-align: center;
  color: #333333;
  font-family:sans-serif;
  margin-top: 0;
}
div {
  margin: 0 auto;
}
div.wrapper {
  // HMV022 IEで左寄せになる問題修正 start
  /*
  text-align: left;
  width: 950px;
  */
  // HMV022 IEで左寄せになる問題修正 end
  margin: 0 auto;
}
div.buttonarea {
  text-align: right;
}
div.messageArea {
  color:#ff0000;
  margin :0.5em;
  padding:0.5em;
  font-size:80%;
  font-weight:normal;

  background-color:#ffeeee;
  border-style:double;
  border-width: 3px;
  border-color: #cccccc;
}

/*---------
  image
-----------*/
img {
  border-width:0;
}

/*---------
  font
-----------*/
.necessary, .important, .price{
  color: #D26900;
  font-size: 80%;
  font-weight: bold;
}
.caution {
  font-size: 80%;
  color: blue;
}
.example {
  font-size: 80%;
  color: #0000FF;
}
.large {
  font-size: 100%;
}
.sub_large_bold {
  font-size: 90%;
  font-weight: bold;
}
.sub_large {
  font-size: 90%;
}
.normal {
  font-size: 80%;
}
.normal_strong {
  font-size: 100%;
  font-weight: bold;
}
.small {
  font-size: 60%;
}
.small_b {
  font-size: 70%;
  font-weight: bold;
}
.color {
  color: red;
  font-weight: bold;
}
.num_right {
  text-align:right;
}

.normal_right {
  font-size: 80%;
  text-align:right;
}

.normal_left {
  font-size: 80%;
  text-align:left;
}

.normal_center {
  font-size: 80%;
  text-align:center;
}

.caption {
  font-size: 80%;
  font-weight: bold;
}

/*---------
  table
-----------*/
table.top {
  height: 12px;
  background-color: #CBC5C1;
}
table.list {
}
table.tbl{
}
table.header {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
}
table.label_under {
  border-style: solid;
  border-width:  0px 2px 2px 1px;
  border-color: #999999;
  font-size: 80%;
  text-align: center;
}
table.tbl_align {
  margin-right : 10%;
  margin-left : 10%;
}
table.tbl_align_L {
  margin-right : 5%;
  margin-left : 5%;
}
table.tbl_align_C {
  margin: 0 auto;
}
table.sub_tbl{
  border-style: solid;
  border-width:  1px 1px 1px 1px;
  border-color: #999999;
  font-size: 80%;
}
td.text_align_C {
  text-align: center;
}
td.text_align_L {
  text-align: left;
}
td.text_align_R {
  text-align: right;
}
td.left_border {
  border-style: solid;
  border-width:  0px 0px 0px 1px;
  border-color: #cccccc;
}
td.right_border {
  border-style: solid;
  border-width:  0px 1px 0px 0px;
  border-color: #cccccc;
}
tr.column_headline, td.column_headline {
  font-size: 80%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #9AA0A9;
}
tr.line_headline, td.line_headline {
  background-color: #F4F4F4;
}
td.row1 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #FFFFFF;
}
td.row2 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #F4F4F4;
}
td.row_num_right1 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #FFFFFF;
  text-align: right;
}
td.row_num_right2 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #F4F4F4;
  text-align: right;
}

/*----
  hr
------*/
hr {
  color: #cccccc;
}
hr.under_label_L {
  color: #998787;
}

/*---------
  footer
-----------*/
table.footer {
  text-align: center;
  font-size: 80%;
}

/*------------
  table_header
--------------*/
td.tblHeader_left {
  width:  21px;
  height: 29px;
}
td.tblHeader_center {
  font-size: 80%;
  font-weight: bold;
}
td.tblHeader_right {
  width:  21px;
  height: 29px;
}
td.label_1 {
  background-image: url('/mall/mark_arrow2.gif');
  background-repeat: no-repeat;
  width : 20px;
}
td.label_2 {
  font-weight: bold;
}
td.label_3 {
  width: 500px;
}
td.label_2_1 {
  background-image: url('/mall/label_2_1.gif');
  background-repeat: no-repeat;
}
td.label_2_2 {
  background-image: url('/mall/label_2_2.gif');
  font-size: 90%;
  background-repeat: repeat-x;
  color: black;
  font-weight: bold;
}
td.label_2_3 {
  background-image: url('/mall/label_2_3.gif');
  background-repeat: no-repeat;
}
td.navi_left_1 {
  background-image: url('/mall/navi_left_1.gif');
  background-repeat: no-repeat;
}
td.navi_left_2 {
  background-image: url('/mall/navi_left_2.gif');
  background-repeat: no-repeat;
}
td.navi_center {
  background-image: url('/mall/navi_center.gif');
  font-size: 80%;
  background-repeat: repeat-x;
}
td.navi_right {
  background-image: url('/mall/navi_right.gif');
  background-repeat: no-repeat;
}

/*------------
  table_footer
--------------*/
td.tblFooter_left {
  width:  21px;
  height: 29px;
}
td.tblFooter_center {
  font-size: 80%;
  font-weight: bold;
}
td.tblFooter_right {
  width:  21px;
  height: 29px;
}

/*-----------
  フォーム
-------------*/
.full_width {
  ime-mode: active;
}
.half_width {
  ime-mode: inactive;
}
.half_width_right {
  ime-mode: inactive;
  text-align: right;
}
.ime_disable {
  ime-mode: disabled;
}

/*-----------
  パンくずリスト
-------------*/
.topic_path {
  width: 100%;
  font-size: 80%;
  padding-bottom: 5px;
  border-bottom: 1px dotted;
}

/*-----------
  メッセージ表示用テーブル
-------------*/
tr.tbl_label, td.tbl_label {
  background-color: #cceeff;
  font-weight: bold;
  height: 29px;
}
tr.list_row, td.list_row {
  background-color: #e5f6ff;
}

/*-----------
  ログアウト
-------------*/
td.logout {
  padding: 15px;
  color: #998787;
  background-color: #FEF9F4;
  font-size: 90%;
  border: 2px solid #998787;
}

.logout span {
  font-size: 170%;
}

/*-----------
  お知らせ情報
-------------*/
.information {
  padding: 5px;
  font-size: 80%;
}

.information dl {
  margin: 0 5px 0 10px;
}

/*-----------
  カテゴリ(商品一覧向け)
-------------*/
.active {
  color: #808080;
  text-decoration: underline;
}

/*-----------
  カテゴリ(index向け)
-------------*/
.categoryLine {
  width: 100%;
  padding: 1px 0;
  background: #f4f4f4;
}

.categoryLine ul {
  margin: 0;
  margin-left: 4px;
  padding: 0;
  clear: both;
}

.categoryLine li {
  float: left;
  border: 1px solid #888888;
  margin: 2px 1px 1px 1px;
  width: 231px;
  list-style-type: none;
  background-color: #efedec;
  background-image: url('/mall/category_back.gif');
  background-repeat: repeat-x;
  font-size: 7pt;
}

.categoryLine a{
  color: #000000;
  display: block;
  width: 224px;
  height: 15px;
  padding: 5px 0 0 7px;
  background: url('/mall/category_mark.gif') no-repeat left;
  text-decoration: none;
}

.categoryLine a:hover {
  color: #666666;
}

.categoryLine a:active {
  color: #666666;
}

.categoryLine a:focus {
  color: #666666;
}

/*-----------
  widthが${system.frontPageWidth}でないテーブルのセンタリング対策
-------------*/
.small_table_width {
  text-align: center;
  width: 720px;
}

/*-----------
  エラーメッセージ用
-------------*/
.err {
  color: red;
  font-size: 60%;
  font-weight: bold;
}

/*----------
  パスワードポリシー
------------*/
.password {
   font-size: 60%;
   color: blue;
}

/*----------
  商品詳細
------------*/
h1.commodityName {
  margin: 0;
  padding: 0;
  font-size: 100%;
  display: inline;
}

.skuImages {
  border: dashed 2px silver;
  padding: 10px;
  margin: 20px;
  text-align:left;
}

/*-- add --*/
.err2 {
  color: red;
  font-size: 80%;
  font-weight: bold;
}

.reviewTitle {
  font-weight: bold;
}

/*-----------
  右寄せ、中央寄せ
-------------*/
.align_right {
  text-align:right;
}
.align_center {
  text-align:center;
}
.align_left {
  text-align:left;
}

/*-----------
  上寄せ、中央寄せ
-------------*/
.valign_top {
  vertical-align: top;
}
.valign_middle {
  vertical-align: middle;
}
.valign_bottom {
  vertical-align: bottom;
}

/*-----------
  ショップ名(注文内容系表示用)
-------------*/
.shopName {
  font-weight: 600;
}

/*-----------
  V9から一時的に移行
-------------*/
.Cmdty_Price_Cell {
  font-size: 95%;
  color: #000000;
  text-align: right;
}
.Cmdty_SalePrice_Cell {
  font-size: 95%;
  color: #FF0000;
  font-weight: 600;
}
.Cmdty_ShopName_Cell {
  color: #000000;
  font-size:11px;
}
.Cmdty_ThumbImg_Cell {
 text-align: center;
 vertical-align: middle;
}
.Cmdty_PointRate_Cell {
  color: #D26900;
  font-weight: 600;
}
.Cmdty_Desc_Cell {
  color: #000000;
  font-size:11px;
  text-align: left;
  margin: 5px;
}
.Cmdty_Name_Cell {
  color: #000000;
  font-size:12px;
}
.errorMessageArea {
  color: #FF0000;
  margin: 1em;
  padding: 1em;
  background-color: #FDF7F2;
  border: 1px solid #C49CA6;  
}
.warningMessageArea {
  color: #663300;
  margin: 1em;
  padding: 1em;
  background-color: #FFFBF1;
  border: 1px solid #FFCC66;  
}
.informationMessageArea {
  color: #006666;
  margin: 1em;
  padding: 1em;
  background-color: #FFFFE5;
  border: 1px solid #CCCC99;
}

label {
  cursor: pointer;
}

/* HMV007 会員連携追加　start */
.hmvWarningMsgArea {
  color: #663300;
  font-size: 80%;
  margin: 1em;
  padding: 1em;
  background-color: #FFFBF1;
  border: 1px solid #FFCC66;  
}
/* HMV007 会員連携追加　end */

.normal a{
  text-decoration : underline;
}