@charset "UTF-8";

@import "defaults.css";
@import "form.css";


/* 基本
-----------------------------------------------*/
body {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333333;
}

a:link, a:visited { color: #003399; text-decoration: underline; }
a:hover, a:active { color: #FF3300; text-decoration: none; }
em {color: #FF0000;font-style: normal;}


/* 共通
-----------------------------------------------*/
.attention { color: #FF0000; }
.message { border: 2px dotted #99CC00; padding: 10px; margin: 0 0 10px; }
.float-right {float:right;}
.float-left {float:left;}
.star {color: #FF9900;}

/* テーブル */
table {border-collapse:collapse;width: 100%;font-size: 1em;}
table.form, table.list {margin: 0 0 10px;}
th, td {border: 1px solid #cccccc;padding: 5px;}
th {
    font-weight: normal;
    color: #333333;
    background: #EEEEEE;
}
table.form th {width: 160px; text-align: left;}
table.list th {width: auto; text-align: center;}
table.list td {text-align:center;}
td.price, table.list td.price {text-align: right;}
th.result, table.list th.result {text-align: right;}
td.address, table.list td.address {text-align: left;}
td.name, table.list td.name {text-align: left;}

/* 見出し */
.category-wrapper h2 span, #block-ranking-mens h2, #block-ranking-girls h2,
#block-search h2, #block-category h2, #block-spec-search h2,
#detail-recommend h2, #detail-review h2, #block-spec-search-left h2 {
  background-image: url(../img/titles.gif);
  background-repeat: no-repeat;
  text-indent: -9999em;
}
.category-wrapper h2 span {height: 23px;display:block;margin: 0 15px;}
#category-mens h2 span {background-position: 0 0;}
#category-girls h2 span {background-position: 0 -23px;}
#category-kids h2 span {background-position: 0 -46px;}
#category-style h2 span {background-position: 0 -69px;}
#category-movement h2 span {background-position: 0 -92px;}
#category-function h2 span {background-position: 0 -115px;}
#block-ranking-mens h2 {height: 55px;background-position: 0 -156px;}
#block-ranking-girls h2 {height: 55px;background-position: 0 -211px;}
#main-top #block-search h2 {background-position: 0 -138px;height: 18px;}
#left #block-search h2 {background-position: 0 -266px;height: 56px;}
#left #block-category h2 {background-position: 0 -322px;height: 55px;}
#block-spec-search h2 {background-position: 0 -377px;height: 34px;}
#detail-recommend h2 {background-position: 0 -412px;height: 40px;}
#detail-review h2 {background-position: 0 -452px;height: 40px;}
#block-spec-search-left h2 {background-position: 0 -492px;height: 56px;}

#title h2 {
  height: 45px;
  line-height: 45px;
  text-indent: 40px;
  font-weight: bold;
  font-size: 1.4em;
  color: #FFFFFF;
  background: url(../img/back_category_title.gif);
  margin: 0 0 10px;
}
#page-detail h2, #page-contact h2, #page-abouts h2, #popup-wrapper h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 2px 0 2px 15px;
  border-left: 5px solid #333333;
}

.list-item h3 {padding: 0 0 0 7px;border-left: 5px solid #333333;font-weight:bold;line-height: 1.2em;margin: 0 0 5px;}


/* レイアウト
-----------------------------------------------*/
#wrapper {width: 900px;margin: 0 auto;}
#head {height: 75px;position: relative;}
#left {float:left;width: 200px;}
#right {float:right;width: 250px;}
.one-column #main {width: 900px;}
.two-column-left #main {float: right; width: 690px;}
.two-column-right #main {float: left; width: 640px;}
.three-column #main {}
#main-top {margin: 0 0 10px;}
#main-bottom {padding: 10px 0 0;}
#title {margin: 0 0 10px;}


/* ヘッダー
-----------------------------------------------*/
h1 {width: 185px;height: 55px;position: absolute;top: 10px;left: 0;}
#primary-links {position: absolute;top: 10px;right: 0;}
#primary-links li {display:inline;}
#primary-links li a {
  background: url(../img/arrow_square_red_right.gif) left center no-repeat;
  padding: 3px 0 3px 15px;
  margin: 0 10px 0 0;
}
#breadcrumb li {display:inline;}
#breadcrumb li a {background: url(../img/arrow_square_gray_right.gif) left center no-repeat; padding: 3px 0 3px 15px;}


/* ヘッダー
-----------------------------------------------*/
#foot {padding: 10px 0 0;}
#foot-links {text-align:right;}
#foot-links li {display:inline;}
#foot-links li a {background: url(../img/arrow_square_gray_right.gif) left center no-repeat;margin: 0 10px 0 0;padding: 3px 0 3px 15px;}
address {text-align:right;float:right;margin: 0 0 0 10px;}


/* トップページ
-----------------------------------------------*/
.category-wrapper {margin: 0 0 10px;}
#category-mens, #category-girls {width: 220px;height: 300px;background: url(../img/block_category_body_220.gif) center top repeat-y;position:relative;}
#category-mens {float:left; margin: 0 10px 10px 0;}
#category-girls {float:left;}
#category-mens h2, #category-girls h2 {background: url(../img/block_category_top_220.gif) center top no-repeat;padding: 8px 0 0;}
#category-mens .category-body, #category-girls .category-body {background: url(../img/block_category_bottom_220.gif) center bottom no-repeat;position: absolute;height: 300px;width: 220px;top: 0;left: 0;}
#category-kids {width: 180px;height: 300px;background: url(../img/block_category_body_180.gif) center top repeat-y;float:right;position:relative;}
#category-kids h2 {background: url(../img/block_category_top_180.gif) center top no-repeat;padding: 8px 0 0;}
#category-kids .category-body {background: url(../img/block_category_bottom_180.gif) center bottom no-repeat;width: 180px;height: 300px;position:absolute;top:0;left:0;}
#category-style, #category-movement, #category-function {width: 640px;background: url(../img/block_category_body_640.gif) center top repeat-y;clear:both;}
#category-style h2, #category-movement h2, #category-function h2 {background: url(../img/block_category_top_640.gif) center top no-repeat;padding: 8px 0 0;}
#category-style .category-body, #category-movement .category-body, #category-function .category-body {background: url(../img/block_category_bottom_640.gif) center bottom no-repeat;padding: 0 0 10px;}

.category-wrapper h2 {margin: 0 0 10px;}
.category-wrapper ul {margin: 0 0 0 70px;}
.category-wrapper li {width: 130px;float:left;margin: 0 10px 10px 0;}
.category-wrapper li a {background: url(../img/arrow_square_red_right.gif) left center no-repeat;padding: 3px 0 3px 15px;}

#category-mens ul, #category-girls ul, #category-kids ul {margin: 0;}
#category-mens li, #category-girls li, #category-kids li {margin: 0;}
#category-mens-domestic, #category-girls-domestic {width: 220px;height: 115px;position: absolute;top: 45px;}
#category-mens-domestic {background: url(../img/category_mens_domestic.gif) top center no-repeat transparent;}
#category-girls-domestic {background: url(../img/category_girls_domestic.gif) top center no-repeat transparent;}
#category-mens-domestic a.image, #category-girls-domestic a.image {display:block;position:absolute;top:0px;left:0px;width: 220px;height: 115px;text-indent:-9999em;padding:0;background:none;}
#category-mens-domestic a.text, #category-girls-domestic a.text {display:block;position:absolute;top:85px;left: 60px;z-index:999;}
#category-mens-world, #category-girls-world {width: 220px;height: 115px;position: absolute;top: 175px;}
#category-mens-world {background: url(../img/category_mens_world.gif) top center no-repeat transparent;}
#category-girls-world {background: url(../img/category_girls_world.gif) top center no-repeat transparent;}
#category-mens-world a.image, #category-girls-world a.image {display:block;position: absolute;top: 0px;left: 0px;width: 220px;height: 115px;text-indent:-9999em;padding:0;background:none;}
#category-mens-world a.text, #category-girls-world a.text {display:block;position: absolute;top: 80px;left: 60px;z-index:999;}
#category-kids-kids {width: 180px;height: 180px;position: absolute;top: 75px;background: url(../img/category_kids.gif) top center no-repeat transparent;}
#category-kids-kids a.image {display:block;position:absolute;top: 0px;left: 0px;width: 180px;height: 180px;text-indent: -9999em;padding:0;background:none;}
#category-kids-kids a.text {display:block;position:absolute;top: 155px;left: 60px;z-index:999;}


/* 商品一覧
-----------------------------------------------*/
#page-list {width: 680px;margin: 0 auto;}
.list-row {border-top: 1px dashed #CCCCCC;margin: 0 0 20px;padding: 20px 0 0;}
.list-row.first {border:none;padding: 20px 0 0;}
.list-item {width: 212px;}
.list-item.left {float:left;margin: 0 22px 0 0;}
.list-item.center {float:left;}
.list-item.right {float:right;}
.list-item p {font-size: 0.9em;}
.list-item .image {width: 75px;float:left;margin: 0 0 10px;text-align:center;}
.list-item .image img {max-height: 75px;man-width: 75px;}
.list-item .data, .list-item .link, .list-item .star {width: 130px;float:right;margin: 0 0 3px;}
.list-item .data {line-height: 1.2em;}
.list-item .link a {background: url(../img/arrow_square_red_right.gif) left center no-repeat;padding: 3px 0 3px 15px;}
.list-item .price {height: 40px;width: 127px;float: right;background: url(../img/back_price_list.gif);position: relative;}
.list-item .price span {position: absolute;bottom: 3px;right: 5px;color: #990000;font-weight:bold;font-size: 1.4em;}
.list-item .btn-list-buy {clear:both;float:left;}
.paging .number {float:left;}
.paging .action {float:right;}


/* 商品詳細
-----------------------------------------------*/
#page-detail {width: 680px;margin: 0 auto;}
#page-detail .clear-block {margin-bottom: 15px;}
#detail-image {float:left;margin-right: 10px;width: 160px;text-align:center;}
#detail-data {float:left;width: 200px;margin-right: 5px;}
#detail-data dt {float:left;width: 70px;clear:block;}
#detail-data dd {width: 130px;float:right;}
#detail-data dd.star {width: auto;float:none;}
#detail-ranking {width: 285px;}
#detail-ranking tr {}
#detail-ranking tr.no1 td.rank {background-image: url(../img/rank_detail_01.gif);}
#detail-ranking tr.no2 td.rank {background-image: url(../img/rank_detail_02.gif);}
#detail-ranking tr.no3 td.rank {background-image: url(../img/rank_detail_03.gif);}
#detail-ranking tr.no4 td.rank {background-image: url(../img/rank_detail_04.gif);}
#detail-ranking tr.no5 td.rank {background-image: url(../img/rank_detail_05.gif);}
#detail-ranking tr.no6 td.rank {background-image: url(../img/rank_detail_06.gif);}
#detail-ranking tr.no7 td.rank {background-image: url(../img/rank_detail_07.gif);}
#detail-ranking tr.no8 td.rank {background-image: url(../img/rank_detail_08.gif);}
#detail-ranking tr.no9 td.rank {background-image: url(../img/rank_detail_09.gif);}
#detail-ranking tr.no10 td.rank {background-image: url(../img/rank_detail_10.gif);}
#detail-ranking tr.even {background-color: #EEEEEE;}
#detail-ranking td {border:none;min-height:20px;height: auto !important;height: 20px;padding: 1px 0;}
#detail-ranking td.name {padding-left: 3px;}
#detail-ranking td.price {width: 80px;}
#detail-ranking td.rank {width: 20px;background-position: left center;background-repeat:no-repeat;text-indent:-9999em;}
#detail-honpo {width: 320px;float:left;clear:block;background: url(../img/back_detail_honpo_bottom.gif) left bottom no-repeat #C7D6DC;padding: 0 0 10px;}
#detail-honpo h3 {height: 30px;background: url(../img/back_detail_honpo_top.gif) 0 0 no-repeat;text-indent: -9999em;margin: 0 0 10px;}
#detail-honpo .clear-block {width: 300px;margin: 0 auto 10px;}
#honpo-options {background: url(../img/back_honpo_options_body.gif);width: 300px;margin: 0 auto;}
#honpo-options h4 {background: url(../img/back_honpo_options_top.gif) center top no-repeat transparent;}
#honpo-options h4 span {background: url(../img/arrow_square_red_right.gif) left center no-repeat;display:block;margin: 0 10px;padding: 10px 0 10px 15px;font-weight:bold;}
#honpo-options-body {background: url(../img/back_honpo_options_bottom.gif) center bottom no-repeat transparent;padding: 0 0 10px 25px;}
#honpo-price {width: 120px;font-size: 1.3em;font-weight:bold;color:#990000;line-height: 31px;text-align:right;float:left;margin-right: 5px;}
#honpo-qty {line-height: 31px;float:left;}
#btn-add-to-cart {float:right;}
.with-honpo #detail-description {width: 350px;float:right;}
.without #detail-description {width: 350px;float:left;}
#detail-banner {float:right;width: 320px;}

#detail-recommend, #detail-review {width: 680px;margin: 0 auto 10px;}
#detail-recommend h2, #detail-review h2 {width: 160px;float:left;}
#detail-recommend .block-body, #detail-review .block-body {float:right;width: 510px;}
#detail-recommend .recommend-item, #detail-review .review-item {width: 160px;float:left;margin: 0 10px 10px 0;}
#detail-recommend .recommend-item img {float:left;}
#detail-recommend .recommend-item h3 {width: 80px;float:right;font-size: 0.8em;line-height: 1.3em;}
#detail-review .review-item h3 {font-size: 0.8em;font-weight: bold;line-height: 1.3em;}
#detail-review .review-item .comment {font-size: 0.8em;line-height: 1.3em;}
#detail-review .review-item .author {font-size: 0.8em;text-align: right;}


/* お問い合わせ
-----------------------------------------------*/
#page-contact {width: 680px;margin: 0 auto;}
#page-contact p {margin: 0 0 0.5em;}


/* 会社案内
-----------------------------------------------*/
#page-abouts {width: 680px;margin: 0 auto;}


/* ブロック
-----------------------------------------------*/
.block-wrapper {margin: 0 0 10px;}

/* ランキング */
#block-ranking-mens .block-wrapper {background: #CCDDDD;}
#block-ranking-mens .block-body {background: url(../img/block_ranking_mens_bottom.gif) center bottom no-repeat #CCDDDD;padding: 14px;}
#block-ranking-girls .block-wrapper {background: #DDCCCC;}
#block-ranking-girls .block-body {background: url(../img/block_ranking_girls_bottom.gif) center bottom no-repeat #DDCCCC;padding: 14px;}
table.ranking td {border:none;padding:0 0 0 5px;font-size: 0.85em;line-height: 1.2em;}
table.ranking td.image {width: 45px; text-align:center; }
table.ranking td.rank {width: 14px; text-indent:-9999em; background-position: left center; background-repeat:no-repeat; }
table.ranking tr {margin: 0 0 2px;}
table.ranking tr.no1 td.rank {background-image: url(../img/rank_block_01.gif);}
table.ranking tr.no2 td.rank {background-image: url(../img/rank_block_02.gif);}
table.ranking tr.no3 td.rank {background-image: url(../img/rank_block_03.gif);}
table.ranking tr.no4 td.rank {background-image: url(../img/rank_block_04.gif);}
table.ranking tr.no5 td.rank {background-image: url(../img/rank_block_05.gif);}

/* 検索 */
#main-top #block-search h2 {
  height: 18px;
  width: 102px;
  position: absolute;
  top: 14px;
  left: 13px;
}
#main-top #block-search {background: url(../img/block_search_main_body.gif) 0 0 repeat-y;position: relative;height: 45px;}
#main-top #block-search .block-body {position: absolute;height: 45px;width: 640px;background: url(../img/block_search_main_top.gif) 0 0 no-repeat transparent;}
#main-top #block-search dl {position: abosolute;height: 45px;width: 640px;background: url(../img/block_search_main_bottom.gif) 0 bottom no-repeat transparent;font-size: 0.9em;}
#main-top #block-search dt {position:absolute;top: 50%;margin-top: -0.75em;background: url(../img/arrow_square_red_right.gif) left center no-repeat;padding: 0 0 0 15px;}
#main-top #block-search dd {position:absolute;top: 50%;margin-top: -0.75em;}
#main-top #search-keyword-title {left: 145px;}
#main-top #search-keyword-form {left:225px;}
#main-top #search-category-title {left: 355px;}
#main-top #search-category-form {left:435px;}
#main-top #btn-search-submit {position:absolute;top: 10px;left: 570px;}
#main-top #block-search input {width: 120px;}
#main-top #block-search select {width: 120px;}
#left #block-search {background: #CCCCCC;}
#left #block-search .block-body {background: url(../img/block_left_gray_bottom.gif) center bottom no-repeat transparent;padding: 0 0 10px;}
#left #block-search input {width: 160px;}
#left #block-search select {width: 160px;}
#left #block-search dl {width: 160px;margin: 0 auto;padding: 10px 0;}
#left #block-search dt {background: url(../img/arrow_square_red_right.gif) left center no-repeat;padding: 0 0 0 15px;}
#left #btn-search-submit {width: 126px;margin: 0 auto;}

/* スペック検索 */
#block-spec-search h2 {width: 127px;position:absolute;top: 18px;left: 18px;}
#block-spec-search {background: url(../img/block_spec_search_body.gif) center top repeat-y;width: 680px;height: 160px;margin: 0 auto;position:relative;}
#block-spec-search .block-body {background: url(../img/block_spec_search_top.gif) center top no-repeat;width: 680px;height: 160px;}
#btn-spec-search-submit {width: 680px;height: 160px;position:absolute;background: url(../img/block_spec_search_bottom.gif) center bottom no-repeat;top:0;left:0;}
#btn-spec-search-submit a {position: absolute;left: 504px;top: 114px;}
#block-spec-search ul {position: absolute; top: 5px;left: 195px;width: 260px;z-index: 999;}
#block-spec-search li {clear:both;}
#block-spec-search li label {float:left;background: url(../img/arrow_square_red_right.gif) left center no-repeat;padding: 3px 0 3px 15px;width: 95px;}
* html #block-spec-search li label {width: 80px;} /* for IE6 */
#block-spec-search li select {vertical-align: middle;}

/* カテゴリ */
#left #block-category {background: #CCCCCC;}
#left #block-category .block-body {padding:10px;background: url(../img/block_left_gray_bottom.gif) center bottom no-repeat transparent;}
#left .categoryTree {}
#left .categoryTree ul {margin: 0 0 0 10px;}
#left .categoryTree li.init {font-weight:bold;}
#left .categoryTree li.init li {font-weight:normal;}
#left .categoryTree li.init li.init {font-weight:bold;}

/* スペック */
#left #block-spec-search-left {background: #CCCCCC;}
#left #block-spec-search-left .block-body {padding:10px;background: url(../img/block_left_gray_bottom.gif) center bottom no-repeat transparent;}


/* ポップアップ
-----------------------------------------------*/
#popup-wrapper {padding: 20px;}


/* ボタン
-----------------------------------------------*/
.list-item .btn-list-buy a, #main-top #btn-search-submit a, #left #btn-search-submit a,
#btn-spec-search-submit a, #btn-add-to-cart a {
  background-image: url(../img/buttons.gif);
  text-indent: -9999em;
  display:block;
  height: 31px;
}
.list-item .btn-list-buy a {width: 80px;background-position: -311px 0;}
.list-item .btn-list-buy a:hover {background-position: -311px -31px;}
#main-top #btn-search-submit a {width: 56px;background-position: -126px 0;}
#main-top #btn-search-submit a:hover {background-position: -126px -31px;}
#left #btn-search-submit a {width: 126px;background-position: 0 0 ;}
#left #btn-search-submit a:hover {background-position: 0 -31px;}
#btn-spec-search-submit a {width: 126px;background-position: -182px 0;}
#btn-spec-search-submit a:hover {background-position: -182px -31px;}
#btn-add-to-cart a {width: 126px;background-position: -394px 0;}
#btn-add-to-cart a:hover {background-position: -394px -31px;}






/* 社内追加
-----------------------------------------------*/

/* 既存上書き */
h1 {width: 192px;height: 57px;position: absolute;top: 13px;left: 0;}
#head {height: 82px;position: relative;}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}


div#right div.banners p {
	margin-bottom: 10px;	
}


/* hot_box */

div#main div#category_box,
div#main div#hot_brand {
	width: 640px;
	margin-bottom: 10px;
}

div#main div#category_box h2,
div#main div#hot_brand h2 {
	width: 625px;
	background: url(../img/add/bg_box_header.gif) no-repeat left top;
	padding: 12px 0px 0px 15px;
	margin: 0px;
}

div#main div#hot_brand div.list {
	width: 570px;
	background: url(../img/add/bg_box.gif) repeat-y left top;
	padding: 13px 0px 0px 70px;
}

div#main div#hot_brand div.list dl {
	width: 140px;
	float: left;
	margin-bottom: 10px;
}

div#main div#hot_brand div.list dl dt {
	width: 125px;
	margin-bottom: 2px;
	background: url(../img/add/bg_arrow.gif) no-repeat 0px 6px;
	padding-left: 15px;
}

div#main div#hot_brand div.list dl dd {
	width: 140px;
	margin-bottom: 0px;
	background: url(../img/add/bg_list.gif) no-repeat 2px 4px;
	padding-left: 15px;
	line-height: 1.3;
}

div#main div#hot_brand div.list dl dd.end {
	width: 140px;
	margin-bottom: 0px;
	background: url(../img/add/bg_list_end.gif) no-repeat 2px 4px;
	padding-left: 15px;
}

div#main div#category_box div.bottom,
div#main div#hot_brand div.bottom {
	width: 640px;
	height: 8px;
	background: url(../img/add/bg_box_bottom.gif) no-repeat left bottom;
}

/* category_box */

div#main div#category_box div.category_inner {
	width: 640px;
	background: url(../img/add/bg_box.gif) repeat-y left top;
	padding: 0px 0px 10px 0px;
}

div#main div#category_box ul {
	width: 640px;
	padding-top: 5px;
}

div#main div#category_box ul li {
	float: left;
	width: 320px;
	background: url(../img/add/bg_arrow.gif) no-repeat 126px 95px;
}

div#main div#category_box ul li a {
	display: block;
	width: 320px;
	height: 20px;
	padding-top: 90px;
	text-indent: 140px;
}

div#main div#category_box ul li.japan a {
	background: url(../img/add/bg_japan.gif) no-repeat center top;
}

div#main div#category_box ul li.world a {
	display: block;
	background: url(../img/add/bg_world.gif) no-repeat center top;
}