/*-----------------------------------------------------------------------------
■目次
 ページ(#page)
	┣ ヘッダー(#header)
	┣ フッター(#footer)
	┣ タイトル(#title)

 goods コンテンツ
 	┣ コンテンツ全体(#content_goods)
	┃		├ ヘッダー(#goods_header)
	┃		├ ライン(#goods_line1)
	┃		└ 商品(#goods_item)
	┃				├ 商品写真(#goods_photo)
	┃				└ 商品情報(#goods_info)
	┃							├情報
	┃							├サブライン
	┃							└フォーム
	┃		├ バーゲン注意事項(#goods_bargain)
	┃		├ 在庫表(#goods_bargain_list)

 category コンテンツ
  	┣ コンテンツ全体(#content_category)
	┃		└ 1行分(#categ_wrap)	
	┃			├ テーブル(.categ_item_l .categ_item_r)
	┃			└ ライン(#goods_line1)
	┃				└ 文字
	┃

  top コンテンツ
 	┣ コンテンツ全体(#content_top)	
	┃		├ レフトメニュー(#top_left_menu)
	┃		└ リスト(#top_list)

  テキストページ コンテンツ
 	┣ コンテンツ全体(#content_text)	
	┃		├ 文字(#top_left_menu)
	┃		└ リスト(#top_list)

-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
■ページ
-----------------------------------------------------------------------------*/
body {
	margin:0;
	background-image:url(/ja_pc/images/bg_full.gif);
}
img {
	border:none;
}
#page {
	margin-left:auto;
	margin-right:auto;
	width:758px;
	background-color:#ffffff;
	color:#000000;
}

/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------------------
▼ヘッダー
-----------------------------------------------------------------------------*/
#header {
	width:758px;
	height:100px;
	z-index:1;
}
*html #header { /*for IE6*/
	width:758px;
	height:100px;
	z-index:1;
	margin-bottom:-4px;
}
/*-----------------------------------------------------------------------------
▼フッター
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	margin-top:8px;
}
#copyright {
	width:758px;
	height:20px;
	font-size:10px;
	color:#626262;
	text-align:center;
	line-height:150%;
}

/*-----------------------------------------------------------------------------
▼タイトル
-----------------------------------------------------------------------------*/
#title {
	width:758px;
	height:36px;
}

#outlet_title {
	width:758px;
	height:62px;
}
/*-----------------------------------------------------------------------------
■goods コンテンツ
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
▼goods コンテンツ全体
-----------------------------------------------------------------------------*/
#content_goods {
	width:738px;
	margin-left:10px;
	margin-right:10px;
	background-color:#000000;
	padding-bottom:24px;
}
/*-----------------------------------------------------------------------------
▽goods ヘッダー
-----------------------------------------------------------------------------*/
#goods_header {
	width:738px;
	height:34px;
}
#goods_name {
	float:left;
	width:auto;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	padding-top:5px;
	padding-left:15px;	
}
#goods_btn_back {
	float:right;
	padding-top:10px;
	padding-right:15px;
}
/*-----------------------------------------------------------------------------
▽goods ライン
-----------------------------------------------------------------------------*/
#goods_line1 {
	width:718px;
	height:1px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:18px;
	background-image:url(/ja_pc/images/line_dot_wh.gif);
	background-repeat:repeat-x;
}
#goods_line2 {
	clear:both;
	width:718px;
	height:1px;
	margin-left:10px;
	margin-right:10px;
	margin-top:18px;
	background-image:url(/ja_pc/images/line_dot_wh.gif);
	background-repeat:repeat-x;
}

*html #goods_line1 { /*for IE6*/
	width:718px;
	height:1px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:1px;
	background-image:url(/ja_pc/images/line_dot_wh.gif);
	background-repeat:repeat-x;
}

/*-----------------------------------------------------------------------------
▽goods 商品
-----------------------------------------------------------------------------*/
#goods_item {
	width:690px;
	margin-left:24px;
	margin-right:24px;
}

/*-----------------------------------------------------------------------------
↓goods 商品写真
-----------------------------------------------------------------------------*/
#goods_item .photo {
	width:485px;
	vertical-align:top;
}
#goods_item .space {
	width:15px;
}


/*-----------------------------------------------------------------------------
↓goods 商品情報
-----------------------------------------------------------------------------*/
#goods_item .info {
	font-size:15px;
	color:#ffffff;
	text-align:left;
	vertical-align:top;
	line-height:150%;
}
#goods_item .price {
	font-size:18px;
	margin:0;
	padding:0;
}
#goods_item .sp_price {
	color:#FFFF00;
	font-size:18px;
	margin:0;
	padding:0;
}

#goods_item img {
	margin:0;
}
#goods_item .line {
	height:11px;
	background-image:url(/ja_pc/images/line_dot_wh.gif);
	background-repeat:repeat-x;
	vertical-align:top;
}

/*-----------------------------------------------------------------------------
goods フォーム
-----------------------------------------------------------------------------*/
#goods_item form{
	margin:0;
	line-height:28px;
}
#goods_item select {
	font-size:15px;
}
#goods_item input {
	margin-top:10px;
}

#goods_msg {
	font-size:13px;
	color:#ffffff;
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
}

#goods_info {
	font-size:13px;
	color:#ffffff;
	text-align:left;
	padding-top:5px;
	padding-left:25px;	
}

/*-----------------------------------------------------------------------------
goods バーゲン
-----------------------------------------------------------------------------*/
#goods_bargain {
	clear:both;
	width:738px;
	height:72px;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/text_exp_stock.gif);
	background-repeat:no-repeat;
}
#goods_stocklist {
	width:440px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#goods_stocklist table {
	border-collapse:collapse;
	width:100%;
}
#goods_stocklist table, #goods_stocklist th, #goods_stocklist td {
	border:1px solid #a0a0a0;
	font-size:14px;
	color:#ffffff;
	text-align:center;
}
#goods_stocklist th {
	/*width:80px;*/
	height:20px;
	background-color:#2D2D2D;
	font-weight:normal;
}
#goods_stocklist th.color {
	height:30px;
	/*width:80px;*/
	background-color:#ffffff;
}
#goods_stocklist caption {
	font-size:14px;
	color:#ffffff;
	text-align:left;
	height:20px;
}

#goods_stocklist .grn {
	color:#32FF00;
}
#goods_stocklist .yel {
	color:#FFFF00;
}
#goods_stocklist .red {
	color:#FF0000;
}

/*-----------------------------------------------------------------------------
■category コンテンツ
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
▼category コンテンツ全体
-----------------------------------------------------------------------------*/
#content_category {
	width:738px;
	padding-left:20px;
	margin-bottom:24px;
	font-size:12px;
}

div.rubber {
	background-image:url(/ja_pc/images/bg_category_rubber.gif);
	background-repeat:no-repeat;
	height:700px;
}

div.boots {
	background-image:url(/ja_pc/images/bg_category_boots.gif);
	background-repeat:no-repeat;
}

div.sneaker {
	background-image:url(/ja_pc/images/bg_category_sneaker.gif);
	background-repeat:no-repeat;
	height:700px;
}

div.wood {
	background-image:url(/ja_pc/images/bg_category_wood.gif);
	background-repeat:no-repeat;
	height:700px;
}

div.tshirt {
	background-image:url(/ja_pc/images/bg_category_tshirt.gif);
	background-repeat:no-repeat;
}

div.bargain {
	background-image:url(/ja_pc/images/bg_category_bargain.gif);
	background-repeat: repeat-y;
}

div.bwood {
	background-image:url(/ja_pc/images/bg_category_tshirt.gif);
	background-repeat:no-repeat;
	height:700px;
}


.categ_wrap {
	clear:both;
	width:718px;
	margin-bottom:2px;
}
/*category テーブル*/
.categ_item_l {
	float:left;
	width:354px;
}
.categ_item_r {
	float:right;
	width:354px;
}
.categ_item_l .photo, .categ_item_r .photo {
	width:100px;
}
.categ_item_l .info, .categ_item_r .info {
	vertical-align:top;
}
.categ_item_l .line, .categ_item_r .line {
	height:1px;
	background-image:url(/ja_pc/images/line_dot_category.gif);
	background-repeat:no-repeat;
	background-position:right;
}

/*category 文字*/
.categ_item_l ul , .categ_item_r ul {
	list-style:none;
	margin:0 0 0 6px;
	padding:0;
	width:248px;
}
.categ_item_l li , .categ_item_r li {
	margin:2px 0 2px 0;
	padding:0;
}
.categ_wrap .item_name {
	font-weight:bold;
}
.categ_wrap .color {
	color:#666666;
}
.categ_wrap .exp_red {
	color:#FF0000;
}
.categ_wrap .exp_new {
	color:#FF0000;
	font-weight:bold;
}

/*category カラーチップ
.color img {
	margin-right:2px;
}
*/

/*category カラーチップ*/
#categ_color {
	clear:both;
	height:10px;
	margin-top:20px;
}


/*-----------------------------------------------------------------------------
■top コンテンツ
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
▼top コンテンツ全体
-----------------------------------------------------------------------------*/
#content_top {
	width:758px;
	margin-bottom:24px;
	margin-top:0px;
	font-size:14px;
}

/*-----------------------------------------------------------------------------
▽レフトメニュー
-----------------------------------------------------------------------------*/
#top_left_menu {
	float:left;
	width:180px;
	margin-left:12px;
}
*html #top_left_menu { /*for IE6*/
	float:left;
	width:180px;
	margin-left:6px;
}
#top_left_menu .btn {
	height:79px;
	vertical-align:top;
}
#top_left_menu .spbtn {
	height:164px;
	vertical-align:top;
}
#top_left_menu .line {
	height:5px;
	background-image:url(../images/line_dot_bk.gif);
	background-repeat:repeat-x;
}

/*-----------------------------------------------------------------------------
▽リスト
-----------------------------------------------------------------------------*/
#top_list {
	float:right;
	width:544px;
	margin-right:12px;
	font-size:12px;
}
*html #top_list { /*for IE6*/
	float:right;
	width:544px;
	margin-right:6px;
}
#top_list .list_title {
	height:17px;
}
#top_list .line {
	height:1px;
	background-image:url(../images/line_dot_bk.gif);
	background-repeat:repeat-x;
}
#top_list td {
	vertical-align:top;
}
#top_list .photo {
	width:75px;
	height:75px;
}
#top_list .text {
	width:460px;
}

/*-----------------------------------------------------------------------------
▽リスト-文字
-----------------------------------------------------------------------------*/
#top_list .bold {
	font-weight:bold;
	margin:0;
	padding:0;
}
#top_list .exp_red {
	color:#FF0000;
	margin:0;
	padding:0;
}
/*特別-ニュース*/
#top_list p.exp_red_notice {
	color:#FF0000;
	font-weight:bold;
	margin:5px 0;
	padding:0;
}
/*special-Link to goods*/
#top_list a.link01 {
	color: #0175fc;
	/*text-decoration:none;*/
	font-weight:bold;
}

/*-----------------------------------------------------------------------------
■テキストページ コンテンツ
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
▼text コンテンツ全体
-----------------------------------------------------------------------------*/
#content_text {
	width:734px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	font-size:12px;
	line-height:130%;
}
#content_text .title {
	color:#666666;
}
#content_text .exp_red {
	color:#ff0000;
}
#content_text .exp_blue {
	color:#0000ff;
}
#content_text .contect_num {
	font-size:14px;
}

table#dm-cancel {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:50px;
	font-size:12px;
	color:#666666;
}

table#dm-cancel td {
	text-align:center;
	line-height:18px;
}
table#dm-cancel td.exp {
	 padding-bottom:20px;
}
table#dm-cancel td.form {
	 padding-top:12px;
}
table#dm-cancel td input.btn {
	width:80px;
	margin-left:5px;
	margin-right:5px;
}