@charset "shift_jis";

/***********************************************************
*
*	ec style
*
*	Index
*
*	1. common
*		1-1. base
*		1-2. categoryHead
*		1-3. productSearch
*	2. index
*		2-1. base
*		2-2. recommendBrand
*		2-3. category
*	3. list
*		3-1. genreSearch
*		3-2. productTable
*		3-3. etc
*	4. detail
*		4-1. product
*		4-2. productMeta
*		4-3. shopList
*		4-4. detailIndex
*		4-5. formComfirm
*		4-6. formError
*		4-7. formThanks
*		4-8. compare
*	5. adjust for IE
*		5-1. IE6
*		5-1. IE7
*
***********************************************************/

/*=========================================================
 1. common
=========================================================*/

ul#gnavi li#ecBtn a {
}
/* 1-1. base
-----------------------*/

div#content img {
	border: none;
}

div#content h3 {
	margin: 5px 0;
}

div#sidebar {
	padding-top:5px;
}

/* 1-2. categoryHead
-----------------------*/

div.categoryHead {
}

/* 1-3. productSearch
-----------------------*/

div#productSearch h4 {
	background: url("/image/ec/common/bg_arrow_01.gif") no-repeat 5px 50% #B4D2E1;
	padding: 5px 0 5px 25px;
	font-size: 100%;
	margin: 5px 0;
}

div#productSearch form dl {
	padding: 0 0 10px 0;
	margin: 0;
}

div#productSearch form dt {
	position: absolute;
	font-weight: bold;
	padding: 3px 0;
	margin: 0;
}

div#productSearch form dd {
	padding: 3px 0 3px 10em;
	margin: 0;
}

div#productSearch form dd span.note {
	display: block;
	font-size: 90%;
	color: #333;
}

div#productSearch form {
	font-size: 88%;
	background: #e9f3ff;
	padding: 10px;
}

div#productSearch form input.inputMoney {
	width: 4em;
}


/*=========================================================
 2. index
=========================================================*/

/* 2-1. base
-----------------------*/

div.indexContent h3 {
	background: url("/image/ec/index/bg_top.gif") repeat-x 0 bottom;
	padding-bottom: 20px;
	position: relative;
	margin: 10px 0;
}

div.indexContent h3 img#topHead02 {
	position: absolute;
	right: 0;
	bottom: 20px;
}

div.indexContent h4 {
	background: url("/image/ec/common/bg_arrow_01.gif") no-repeat 5px 50% #B4D2E1;
	padding: 5px 0 5px 25px;
	font-size: 100%;
	margin: 5px 0;
}

/* 2-2. recommendBrand
-----------------------*/

div.indexContent div#recommendBrand ul.recommendList {
	list-style: none;
	padding: 15px 0;
	margin: 0;
	height: 40px;
	border-bottom: 1px dotted #999;
	font-size: 81%;
	clear: both;
}

div.indexContent div#recommendBrand ul.recommendList li {
	width: 20%;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

div.indexContent div#recommendBrand ul.recommendList li a {
	text-decoration: none;
}

div.indexContent div#recommendBrand ul.recommendList li a:hover {
	color: #C00;
}

div.indexContent div#recommendBrand ul#recommendList04 {
	height: 30px;
	border-bottom: none;
}

/* 2-3. category
-----------------------*/

div.indexContent div#category {
	clear: both;
	padding-bottom: 10px;
}

div.indexContent div#category div.section {
	width: 32%;
	margin-right: 2%;
	float: left;
}

*html div.indexContent div#category div.section {
	width: 31%;
}

div.indexContent div#category div.lastChild {
	margin-right: 0;
}

div.indexContent div#category ul {
	list-style: none;
	padding: 0;
	margin: 0;
	zoom: 1;
}

div.indexContent div#category ul li {
	padding: 2px 0;
	margin: 0;
	font-weight: bold;
	zoom: 1;
}

div.indexContent div#category ul ul {
	padding-left: 5px;
}

div.indexContent div#category ul ul li {
	display: inline;
	padding: 0;
	margin: 0 2px;
	font-size: 81%;
	font-weight: normal;
}

div.indexContent div#category h5 {
	background-color: #e9f3ff;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding: 10px 0 10px 50px;
	margin: 5px 0;
	font-size: 100%;
}

div.indexContent div#category div#categoryAV h5 {
	background-image: url("/image/ec/index/bg_category_head_av.gif");
}

div.indexContent div#category div#categoryAudio h5 {
	background-image: url("/image/ec/index/bg_category_head_audio.gif");
}

div.indexContent div#category div#categoryCamera h5 {
	background-image: url("/image/ec/index/bg_category_head_camera.gif");
}


div.indexContent div#category ul li a:link {color:#0000ff;text-decoration:none;}
div.indexContent div#category ul li a:visited {color:#0000ff;text-decoration:none;}
div.indexContent div#category ul li a:hover {color:#0000ff;text-decoration:underline;}

div.indexContent div#category ul li ul a:link {color:#0000ff;text-decoration:none;}
div.indexContent div#category ul li ul a:visited {color:#0000ff;text-decoration:none;}
div.indexContent div#category ul li ul a:hover {color:#0000ff;text-decoration:underline;}




/*=========================================================
 3. list
=========================================================*/

/* 3-1. genreSearch
-----------------------*/

div.listContent div#genreSearch h4 {
	margin: 5px 0;
}

div.listContent div#genreSearch ul {
	background: #eeffff;
	padding: 10px;
	margin: 0;
	list-style: none;
}

div.listContent div#genreSearch ul:after {
	content: ".";
	visibility: hidden;
	height: 0;
	display: block;
	clear: both;
}

div.listContent div#genreSearch ul li {
	float: left;
	margin: 0 2px;
	white-space: nowrap;
}

/* 3-2. productTable
-----------------------*/

div.listContent table.productTable {
	font-size: 81%;
	width: 100%;
	clear: both;
}

div.listContent table.productTable th {
	background: #666666;
	color: #FFF;
	font-weight: normal;
}

div.listContent table.productTable tr.odd {
	background: #eeffff;
}

div.listContent table.productTable td.review div {
	text-align: center;
}

div.listContent table.productTable td.brand,
div.listContent table.productTable td.price {
	font-size: 92%;
}

div.listContent table.productTable td.genre {
	font-size: 84%;
}

div.listContent table.productTable td.compare a.del_basket {
	color: #C00;
}

/* 3-3. etc
-----------------------*/

div.listContent p.pager {
	text-align: center;
}

div.listContent p.pager span.prev {
	margin-right: 10px;
}

div.listContent p.pager span.prev {
	margin-left: 10px;
}

div.listContent p.articleCount {
	float: left;
	margin: 20px 0 10px 0;
	width: 50%;
}

div.listContent p.compareBtn {
	float: right;
	text-align: right;
	width: 49%;
	margin: 20px 0 10px 0;
}


/*=========================================================
 4. detail
=========================================================*/

/* 4-1. product
-----------------------*/

div.detailContent div.product {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #999;
}

div.detailContent div.product p {
	font-size: 81%;
}

div.detailContent div.product h4 {
	margin: 0;
	font-weight: normal;
}

div.detailContent div.product h4 span.brand {
	font-size: 88%;
}

div.detailContent div.product h4 strong.productName {
	color: #900;
	font-size: 106%;
}

div.detailContent div.product p.price,
div.detailContent div.product p.releaseDate {
	margin: 0;
}

div.detailContent div.product p.desc {
	font-weight: bold;
	font-size: 88%;
}

div.detailContent div.product p.note {
	color: #900;
	margin-bottom: 0;
}

div.detailContent div.product img.productImage {
	float: right;
}

div.detailContent div.product p.detail img.logo {
	vertical-align: middle;
	margin-right: 5px;
}

/* 4-2. productMeta
-----------------------*/

div.detailContent div.productMeta h4 {
	margin: 15px 0 5px 0;
}

div.detailContent div.productMeta ul {
	margin-top: 0;
	margin-bottom: 0;
}

/* 4-3. shopList
-----------------------*/

div.detailContent div.shopList form {
	background: #eeffff;
	padding: 10px;
	font-size: 88%;
}

div.detailContent div.shopList h5 {
	margin: 15px 0 5px 0;
	font-size: 100%;
	background: url("/image/ec/article/bg_head_arrow.gif") no-repeat left center;
	padding-left: 20px;
}

div.detailContent div.shopList ul {
	margin: 5px 0;
	list-style: none;
}

div.detailContent div.shopList div.inquiryContent ul li {
	display: inline;
	margin: 0 10px 0 0;
}

div.detailContent div.shopList div.profile dl {
	margin: 0;
	padding: 0;
}

div.detailContent div.shopList div.profile dt {
	padding: 3px 0;
	position: absolute;
}

div.detailContent div.shopList div.profile dd {
	padding: 3px 0 3px 8em;
}

div.detailContent div.shopList div.inquiryBody textarea {
	width: 40em;
	height: 15em;
}

div.detailContent div.shopList p.note {
	color: #C00;
	margin: 5px 0;
}

div.detailContent div.shopList div.note {
	padding: 10px 0;
}

div.detailContent div.shopList div.note h5 {
	padding: 0;
	margin: 5px 0;
	color: #C00;
	background: none;
}

div.detailContent div.shopList div.note ul {
	font-size: 88%;
	list-style: disc;
	padding: 0 0 0 20px;
}

/* 4-4. detailIndex
-----------------------*/

div.detailIndex div.microbanner {
	margin: 10px 0;
}


/* 4-5. formComfirm
-----------------------*/

div.formConfirm div.confirmData {
	font-size: 88%;
}

div.formConfirm div.confirmData h4 {
	margin: 10px 0;
}

div.formConfirm div.confirmData dl {
	padding: 0;
	margin: 0;
}

div.formConfirm div.confirmData dt {
	background: #666;
	color: #FFF;
	margin: 0;
	padding: 5px;
}

div.formConfirm div.confirmData dd {
	background: #eeffff;
	padding: 10px;
}

div.formConfirm div.confirmData dd ul {
	padding: 0 0 0 20px;
	margin: 0;
}

div.formConfirm div.confirmData dd#submitBtnRow {
	text-align: center;
}

/* 4-6. formError
-----------------------*/

div.formError div.error {
	background: #FFC;
	color: #C00;
	padding: 10px;
	margin: 10px 0;
}

div.formError div.error h4,
div.formError div.error p {
	margin: 5px 0;
}

/* 4-7. formThanks
-----------------------*/

div.formThanks p.msg {
	font-size: 81%;
}

/* 4-8. compare
-----------------------*/

div.compare p.showDetail {
	width: 80px;
	margin: 0;
	padding: 0;
	float: left;
}

div.compare p.outCompare {
	padding-top: 5px;
	margin: 10px 0;
}

div.compare p.outCompare a {
	color: #F00;
	text-decoration: underline;
}

div.compare p.note {
	font-size: 81%;
	color: #900;
}

div.compare p.allClear {
	text-align: right;
}

/* 4-9. rightCommu
-----------------------*/

div#rightCom {
	font-size:10pt;
}

div#rightCom p {
	padding:10px 0;margin:0;
}

div#rightCom div#RightComBody{
	padding:0 10px;
	margin:10px 0;
}

div#rightCom p.ecComTitle{
	background:#CCC;
	font-weight:bold;
	padding:5px !important;
	font-size:90%;
}

div#rightCom #comLink {
	line-height:130%;
	font-size:80%;
	color:#C00;
	text-decoration:none;
}

div#rightCom #comLink:hover {
	text-decoration:underline;
}

div#rightCom div#RightComBody ul{
	list-style:none;
	padding:0;
	margin:5px 0;
}

div#rightCom div#ECreview li{
	line-height:140%;
}

div#rightCom .ecComTable{
	font-size:10pt;
}

div#rightCom .ecComTable img{
	text-align:center;
}

div#rightCom .ecComTable td{
	vertical-align:top;
	padding:5px 3px;
}

div#rightCom p.comCount{
	text-align:right;
}

div#rightCom a img.thumbImg{
	border:1px solid white;
}
div#rightCom a:hover img.thumbImg,
div#rightCom a:active img.thumbImg{
	border:1px solid #00F;
}


/*=========================================================
 5. adjust for IE
=========================================================*/

/* 5-1. IE 6
-----------------------*/

*html div.indexContent div#recommendBrand ul.recommendList li {
	width: 19.9%;
}

*html div.listContent div#genreSearch ul li {
	float: none;
	margin: 0;
	display: inline;
}


/* 5-2. IE 7
-----------------------*/

*:first-child+html div.indexContent div#recommendBrand ul.recommendList li {
	width: 19.9%;
}

*:first-child+html div.listContent div#genreSearch ul li {
	float: none;
	margin: 0;
	display: inline;
}