@charset "shift_jis";
@import "brand-top.css";
@import "header.css";
@import "footer.css";
@import "form.css";
/*IE6以前でpngを綺麗に透過させるハック*/
* html .iepngfix {  behavior: expression(IEPNGFIX.fix(this));
}
/*------------------------------
サイト基本セッティング
------------------------------*/
body { margin: 0px; background: #ffffff url(/contents/pc/images/header/bg.gif) repeat-x 0 0;
font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Tahoma, sans-serif; }
#main { margin-left:auto; margin-right:auto; width:971px; }
td { font-size: 13px; color: #666666; }
img { border:none; margin:0px; }
/*パンくず*/
.kuzu { font-size:12px; text-align:left; width:940px; margin:0px auto 3px auto; }
/* リンクカラー */
a { color: #666666; text-decoration: none; }
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
/*a:active { color: #6F0; text-decoration: none; }*/
a:hover { color: #ff3399; text-decoration: underline; }

#centerPos { margin-left: -485; text-align: center; position: absolute; left: 50%; }
/* headerリンク */
#header a { color: #aaaaaa; text-decoration: underline; font-weight:normal; }
#header a:link { color: #aaaaaa; text-decoration: underline; font-weight:normal; }
#header a:visited { color: #aaaaaa; text-decoration: underline; font-weight:normal; }
#header a:active { color: #cccccc; text-decoration: none; font-weight:normal; }
#header a:hover { color: #666666; text-decoration: none; font-weight:normal; }
/* common */
div, fieldset { padding: 0px; margin: 0 0 0 0; border: 0px; }
h1, h2, h3, h4, h5, h6, h7, p, pre, ul, ol, li, dl, dt, dd, blockqote { padding: 0; margin: 0; }
.linkOut { color:#000000; text-decoration: underline; font-weight:bold; }
.copyright { color:#999; }
#search { font-size:12px; width:120px; height:14px; padding-top:0px; margin:0px; }
.clear { clear: both; }
/*フッター背景*/
/*------------------------------
検索
------------------------------*/
#search { width:714px; height:20px; text-align: right; }
#search select { background-color:#000000; color:#FFFFFF; border:solid 0px #000; }

/*------------------------------
アイテムカテゴリー
------------------------------*/
#item-cate { width:800px; background-color:snow; margin:0 auto 0 auto; padding:20px 0; background-image:none; }
#item-cate img { margin-bottom:10px; }
#item-cate div {}
#item-cate div.cate_detail { width:750px; height:auto; padding:0px; text-align:left; margin-top: 0px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }
#item-cate ul { margin:0; }
#item-cate li { background-image: url(../images/mark.gif); list-style-type:none; background-repeat:no-repeat; font-size:12px; line-height:12px; padding:0 0 0 10px; margin:0 0 3px 10px; background-position: 0px 5px; float:left; display:inline; }
.li-color { float:left; margin: 0px 4px 0px 0px; }
#item-title { font-size:12px; margin-left: 5px; color:#FFFFFF; text-align: left; }
#item-cate a {width:100px; height:auto; font-size:12px; font-weight:normal; background-image:none; background-color:snow; color:#666666;}
#item-cate a:hover { text-decoration:underline; color:#ff3399; }

/*------------------------------
ブランド一覧
------------------------------*/
#Brand_List { width:790px; background-image:none; margin:0 auto; padding-top: 0px; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: snow; }
#Brand_List ul {}
#Brand_List ul a { padding:0; font-size:11px; font-weight:normal;width:135px; height:auto; background-image:none; background-color:snow;  }
#Brand_List ul li { float:left; display:inline; list-style-type:none; margin:10px 5px;   }
#Brand_List ul table { width:135px; height:75px; background-color:#ededed; border:1px solid #b0b0b0; }
#Brand_List ul td { background-color:#fff; border:1px solid #d4d4d4; }
#Brand_List ul table:hover { background-image:url(/contents/pc/images/focus01.gif); }
#Brand_List ul h2 { text-align:left; padding-top:2px; color:#F39; font-size:11px; font-weight:normal; line-height:11px;background-color:snow;   }
#Brand_List ul h2 a:hover { text-decoration:underline;  }

/*------------------------------
バナーバックナンバー
------------------------------*/
#Banner_List { width:880px; background-color:#EDEDED; padding:10px; }
#Banner_List li { float:left; display:inline; list-style-type:none; margin:10px 20px; }
#Banner_List table { width:248px; height:117px; background-color:#fff; border:3px double #d4d4d4; padding:1px; display:block; }
#Banner_List h2 { width:248px; text-align:left; padding-top:5px; color:#F39; font-size:12px; font-weight:normal; }
#Banner_List table a { }
#Banner_List table a:hover { text-decoration:underline; }

/*------------------------------
検索結果
------------------------------*/
#search-area a { color: #cccccc; text-decoration: none; font-weight:normal; }
#search-area a:link { color: #cccccc; text-decoration: none; font-weight:normal; }
#search-area a:visited { color: #cccccc; text-decoration: none; font-weight:normal; }
#search-area a:active { color: #eeeeee; text-decoration: none; font-weight:normal; }
#search-area a:hover { color: #ffffff; text-decoration: none; font-weight:normal; }
#search-area { width:800px; background-color:#000000; padding: 0px; }
#search-box { width: 133px; float: left; margin-left:0px; color:#999999; }
#search-box-al { width: 133px; float: left; margin-left:90px; color:#999999; }
#search-area ul li { list-style-image: url(../images/mark.gif); text-align:left; line-height:1.2; margin-left: 18px; margin-top: 4px; display: block; float: none; }
.li-color { float:left; margin: 0px 4px 0px 0px; }
#item-title { font-size:12px; margin-left: 5px; color:#FFFFFF; text-align: left; }

/*------------------------------
フロートセッティング
------------------------------*/
/*左右カラムボックス*/
#Contents { width:940px; padding:0; margin-top: 10px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
/*左カラム*/
html>/**/body #Contents .Left { float:left; width: 800px; margin:8px 0 0 0; padding:0 0 0 0; display:inline; }
#Contents .Left { float:left; width: 800px; margin:0 0 0 0; padding:0 0 0 0; display:inline; }
/*右カラム*/
*:first-child+html #Contents .Right { float:right; margin:0 0 0 0; padding:0 0 0 0; width:120px; display:inline; }
* html #Contents .Right { float:right; margin:0 0 0 0; padding:0 0 0 0; width:120px; display:inline; }
#Contents .Right { float:right; margin:8px 0 0 0; padding:0 0 0 0; width:120px; display:inline; }

/*------------------------------
ニュース（フレームボックス)を使う場合
------------------------------*/
#framebox { width:780px; height:120px; overflow:auto; border:1px solid #999; background-color:#FFF; }
#framebox .date { margin-left: 16px; margin-top: 4px; font-size: 11px; font-weight:bold; float:left; text-align:left; }
#framebox .date-txt { margin-left: 100px; margin-top: 4px; font-size: 11px; text-align: left; }
#txt { /*margin-left: 7px;
margin-top: 4px;*/
font-size: 11px; }
/* BRAND */
#bnr-all { width: 122px; margin-left: 5px; }
#bnr-all ul li { list-style:none; margin-right: 0px; margin-top: 3px; display: block; float: none; }
/* ITEM */
table #itembg { background-image:url(images/common/bg.gif) }
#item-text { font-size:11px; margin: 0px 0px 5px 5px; text-align: left; }
#item-area { width: 800px; padding-left: a; padding-right: auto; background-color:#ffffff; padding: 0px 0px 0px 0px; }
#item-box { width: 157px; height: 334px; float: left; margin:6px 10px 6px 10px; line-height:11px; }
.sort-btn { float: left; margin:0px 3px 0px 0px; }
.item-color { padding:1px 2px 0px 0px; line-height: 12px; }
.item-pop { padding:3px 5px 0px 5px; /*margin:8px 0px 0px 0px;*/
margin-top:8px; margin-right:0px; margin-bottom:0px; margin-left:0px; line-height:13px; }
/* DETAIL */

#detail_img img { margin-left:2px; }
.sale_price { font-weight: bold; color: #FF0000; }
.suggested_retail_price { text-decoration: line-through; }
/* DETAIL */

#detail_img img { margin-left:2px; }
.itemsize { background-color:#FFFFFF; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-top: 1px solid #999999; text-align:center; }
.itemsizeR { background-color:#FFFFFF; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; text-align:center; }
.itemsizeT { background-color:#FFFFFF; border-bottom: 1px solid #999999; border-left: 1px solid #999999; text-align:center; }
.itemsizeTR { background-color:#FFFFFF; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; text-align:center; }
.itemsize_title { margin-bottom:1px; }
.marginL22 { margin-left:22px; }

/*------------------------------
ニュース
------------------------------*/
/*スクロール部分はliscroll.css*/


/*------------------------------
ミニバナー
------------------------------*/
/*特集*/
#Special_Parts { width:800px; height:300px; display:inline; }
#Special_Parts li { margin: 0 12px 5px auto; list-style-type:none; float:left; display:inline;}
#Special_Parts .specialimg { padding:2px; background-color:#FFF; border: solid 1px #ccc; }

/*=================ピックアップ=================*/
#Pickedup_Item {background-image:url(/contents/pc/images/pickuptab/tab_border.gif); background-repeat:no-repeat; 
border-bottom:#666 solid 1px;
border-left:#666 solid 1px;
border-right:#666 solid 1px;}
head~/* */body #Pickedup_Item .Pickedup { width:800px; display:inline; padding-bottom:12px;margin:0px auto 0px auto; }
#Pickedup_Item .Pickedup { width:800px; display:inline; padding-bottom:12px;margin:0px auto 0px auto;background-image:url(/contents/pc/images/pickuptab/tab_border.gif); background-repeat:no-repeat;  }
#Pickedup_Item td { color:#666; }

/*ビスポートセレクション*/
#Vis_Select { width:800px; }
#Vis_Select td { color:#666; }
#Vis_Select li { width:250px; float:left; display:inline; list-style-type:none; }
#Vis_Select li a { display:block; }
#Vis_Select div.item { float:left; display:inline; border:1px solid #d4d4d4; padding:1px; width:90px; text-align:center; }
#Vis_Select div.item_txt_box { float:right; display:inline; padding-left:10px; text-align:left; line-height:15px; width:146px; }
#Vis_Select h3 { color:#F39; font-size:13px; font-weight:bold; text-align:left; padding-bottom:3px; }
#Vis_Select h3:hover { color:#F39; font-size:13px; font-weight:bold; text-align:left; padding-bottom:5px; text-decoration:underline; }
#Vis_Select span.item_txt { color:#666; }
#Vis_Select span.item_txt:hover { color:#666; text-decoration:underline; }

/*センターバナー*/
#Center_bn { width:800px; }
#Center_bn td { color:#666; }
#Center_bn ul { }
#Center_bn li { width:240px; float:left; display:inline; list-style-type:none; }
#Center_bn div.item { border:1px solid #d4d4d4; padding:0px; width:242px }
#Center_bn div.item_txt_box { text-align:left; line-height:15px; width:242px; padding-top:5px; }
#Center_bn span.item_txt { color:#666; }
#Center_bn span.item_txt:hover { color:#666; text-decoration:underline; }

/*------------------------------
バックナンバー
------------------------------*/
#BackNumber { width:880px; background-color:#FFF; padding:10px; }
#BackNumber li { float:left; display:inline; list-style-type:none; margin:4px 16px; width:258px; height: 190px; line-height:15px; }
#BackNumber h2 { text-align:left; padding-top:2px; color:#F39; font-size:12px; font-weight:normal; }
#BackNumber h2 a:hover { text-decoration:underline; }
#BackNumber .img { padding:4px; background-color:#FFF; border: solid 1px #ccc; }
#BackNumber .img:hover { background-image:url(/contents/pc/images/focus01.gif); }

/*------------------------------
FAQ
------------------------------*/
#faq { }
#faq h2 { padding:8px 0 8px 8px; margin-bottom:10px; }

/*------------------------------
見出し
------------------------------*/
/*見出し*/
.midashi01 { font-size:16px; font-weight:bold; color:#333; }
.midashi02 { }
/*見出し帯*/
#FormArea { width:760px; margin:0 auto; }
#FormArea h2 { width:760px; padding-top:6px; line-height:100%; background:transparent url(/contents/pc/images/form/h2_bg_top.gif) no-repeat; }
#FormArea h2 span { display:block; width:734px; padding:2px 10px 7px 16px; background:transparent url(/contents/pc/images/form/h2_bg_btm.gif) no-repeat left bottom; color:#ffffff; }
#FormArea h3 { color:#4c7099; width:100%; padding-bottom:6px; line-height:100%; background:url(/contents/pc/images/title_bg/line_h3dotline.gif) bottom repeat-x; }
#FormArea h3 span { display:block; padding:2px 0 1px; border-left:3px solid #4c7099; padding-left:6px; }
#FormArea h4 { color:#666; margin:20px; auto;
width:700px; }

/*見出し帯2*/
#FormArea2 { width:700px; margin:30px auto 0 auto; }
#FormArea2 h2 { width:700px; padding-top:6px; line-height:100%; background:transparent url(/contents/pc/images/form/h2_bg_top2.gif) no-repeat; }
#FormArea2 h2 span { display:block; width:674px; padding:2px 10px 7px 16px; background:transparent url(/contents/pc/images/form/h2_bg_btm2.gif) no-repeat left bottom; color:#ffffff; }
