/***********************************************************
*
*	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
=========================================================*/
article.article {
  background: #FFF; }
  article.article .topicPath {
    margin: 0;
    padding: 10px 25px;
    background: #DEE2E5;
    color: #757575;
    font-size: 11px; }
    article.article .topicPath a {
      color: #757575;
      text-decoration: none; }
  article.article #submidashi {
    color: #606060;
    font-size: 12px;
    margin-bottom: 15px; }
    article.article #submidashi .icon_pr {
      font-size: 12px;
      padding: 1px 22px;
      min-width: 80px;
      margin-right: 15px;
      border: 1px solid #d9d9d9;
      text-align: center;
      color: #757575; }
  article.article #mainBlock {
    padding: 15px 25px; }
    article.article #mainBlock h1 {
      font-size: 18px;
      margin-bottom: 20px;
      line-height: 1.5; }
    article.article #mainBlock > h2 {
      margin-top: 0; }

/* 1-1. base
-----------------------*/
div#content img {
  border: none; }

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

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

/* 1-2. 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;
  height: 65px;
  border-bottom: 1px dotted #999;
  font-size: 81%;
  clear: both; }

div.indexContent div#recommendBrand ul.recommendList::after {
  content: "";
  display: block;
  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 {
  border-bottom: none;
  margin-bottom: 10px; }

/* 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; }

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
-----------------------*/
div.indexContent div#recommendBrand ul.recommendList li {
  width: 19.9%; }

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; }

/*# sourceMappingURL=style_ec.css.map */