/* ---------------------------------------------------------------------------------
Copyright 2013 
HomeMaking,Inc. Web Producut Team
--------------------------------------------------------------------------------- */

/* ---------------------------
商品表示
--------------------------- */
.hm_view {
display:block;
float:left;
/*width:122px;*/
width:171px;
height:230px;
margin:0;
padding:0 3px 0 0;
}



/* ------------------------------------------------------
main:メインコンテンツ
------------------------------------------------------ */
#main{
/*width:500px;*/
width:700px;
margin-top:10px;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
padding:0px;
float:left;
}

#main p{
margin:10px 20px 15px;
padding:0;
clear:both;
line-height:1.4em;
}

#main dt,#main dd{
margin:0;
padding:0;
}

#main .img{
float:left;
}

#main ul{
margin:10px 10px 10px;
padding:0 30px 0;
background:#fff;
}

#main table{
margin:0;
padding:0;
border:0;
}

#main .clist{
font-size:9pt;
height:95px;
/*width:115px;*/
width:161px;
margin:0 0 10px 5px;
padding:0 0 0 0;
float:left;
line-height:1.4em;
}



/* ------------------------------------------------------
見出し
------------------------------------------------------ */
h2{
margin:0 0 15px;
padding:0 15px 0;
background:url("img/bg/bg_bar.jpg") left top no-repeat;
line-height:30px;
font-size:11pt;
font-weight:bold;
color:#fff;
clear:both;
}

h3{
margin:15px 0 10px;
padding:0;
line-height:30px;
font-size:10.5pt;
font-weight:bold;
color:#333;
clear:both;
border-bottom:#ccc solid 1px;
}

h4{
font-weight:bold;
color:#333;
margin:20px auto 10px;
padding:0 0 0;
text-align:left;
clear:both;
}

h6{
font-weight:bold;
color:#335;
margin:0px 5px 3px;
padding:0 0 0;
text-align:left;
clear:both;
font-size:14px;
line-height:1.4em;
}



/* ------------------------------------------------------
強調
------------------------------------------------------ */
strong{
font-weight:normal;
color:#c33;
border-bottom:1px #c33 dotted;
}

em{
font-weight:normal;
font-style:normal;
color:#c33;
}

.f_comment{
color:#444;
}

.ultrabold{
font-size:1.0em;
font-weight:bold;
}



/* ------------------------------------------------------
カート内エラーボックス
------------------------------------------------------ */
.error{
margin:10px;
padding:10px;
border:3px solid #f00;
color:#f00;
text-align:left;
}



/* ------------------------------------------------------
新着商品情報（箇条）
------------------------------------------------------ */
#new_products{
margin:0 0 20px;
padding:10px;
background-color:#ececec;
}

#new_products dl{
margin:0;
padding:0;
}

#new_products dt{
margin: 0 0 1px 0;
padding:0;
/*width: 7em;*/
width:12%;
float: left;
}

#new_products dd{
margin: 0 0 1px 7em;
padding: 0;
}



/* ---------------------------
TABLE：情報ボックス
--------------------------- */
.infoBox {
background:#f3f3f3;
border:1px solid #777;
}



/* ---------------------------
TABLE：情報ボックス（コンテンツ）
--------------------------- */
.infoBoxContents {
  font-size:10pt;
}



/* ---------------------------
DIV：情報ボックス
--------------------------- */
.checkoutBox{
margin:0 auto 0;
padding:15px;
background:url("img/bg/line_or.jpg");
border:1px solid #999;
text-align:left;
color:222;
}

.checkoutBox table{
/*width:460px;*/
width:644px;
margin:0 auto 0;
text-align:center;
}

.checkoutBox table td{
padding:2px;text-align:left;
}

.checkoutBox p{
text-align:left;
}



/* ------------------------------------------------------
ショッピングカート-注文者情報入力選択画面-
------------------------------------------------------ */
.checkoutBox2{
margin:0 auto 0;
padding:20px 16px;
background:url("img/bg/line_or.jpg");
border:1px solid #999;
text-align:left;
color:222;
}

.checkoutBox2 table th{
font-size:14px;
font-weight:bold;
color:#333;
}

.checkoutBox2_h3{
font-size:16px;
}



/* ------------------------------------------------------
desc　商品説明
------------------------------------------------------ */
table.desc{
/*width:500px;*/
width:700px;
margin:10px 0 0;
padding:0;
clear:both;
text-align:left;
}

table.desc td{
text-align:left;
vertical-align:top;
}

.desc td ul{
margin:0 10px 0;
padding:0;
clear:both;
}

ul.decimal{
margin:0 10px 0;
padding:0;
clear:both;
list-style:decimal;
}

ul.square{
margin:0 10px 0;
padding:0;
clear:both;
list-style:square;
}

ul.arrow{
margin:0 10px 0;
padding:0;
clear:both;
list-style:url("img/arrow/right_blc.gif");
}

.desc td li{
margin:0;
padding:0;
}

.desc p{
clear:both;
}

.smallfont{
font-size:8pt;
}



/* ------------------------------------------------------
table:specifications　仕様表
------------------------------------------------------ */
table.specifications{
/*width:500px;*/
width:700px;
margin:10px 0 0;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.specifications_s{
/*width:290px;*/
width:406px;
margin:10px 10px 0;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.specifications_250{
/*width:250px;*/
width:350px;
margin:10px 0 0;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.specifications td,table.specifications_s td,table.specifications_250 td{
margin:0;
padding:0 5px 0;
border:#999 1px solid;
text-align:left;
}



/* ------------------------------------------------------
relation　関連商品
------------------------------------------------------ */
.related_item{
/*width:500px;*/
width:700px;
border-bottom:1px solid #ccc;
margin-bottom:10px;
padding-bottom:10px;
text-align:left;
}

.related_items_manufacturer{
/*width:100px;*/
width:140px;
}

.related_items_image{
text-align:left;
/*width:110px;*/
width:154px;
}

.related_items_name{
text-align:left;
/*width:150px;*/
width:210px;
}

.related_items_price{
margin-left:10px;
text-align:left;
}

sup{
margin:0;
padding:0;
vertical-align:top;
font-size:7.5pt;
}

sub{
margin:0;
padding:0;
vertical-align:bottom;
font-size:7.5pt;
}



/* ------------------------------------------------------
table:cart カート周り
------------------------------------------------------ */
table.cart,.cart_itemlist{
/*width:500px;*/
width:700px;
margin:10px 0 0;
padding:0;
border-collapse:collapse;
clear:both;
}

table.cart td{
margin:0;
padding:2px 4px;
border:#777 1px solid;
}

table.cart th{
padding:5px;
font-weight:normal;
text-align:center;
background:#444;
border:#777 1px solid;
color:#fff;
}

table.cart_mess td{
margin:0;
padding:0;
border:none;
}

table.cart_kakaku td{
margin:0;
padding:0;
border:none;
}



/* ------------------------------------------------------
商品説明(カート)-価格お問い合わせリンクメールフォーム-
------------------------------------------------------ */
table.kakaku_toiawase{
width:100%;
margin:10px 0 10px;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.kakaku_toiawase th{
width:30%;
margin:0;
border:#808080 1px solid;
text-align:center;
background-color:#DCDCDC;
}

table.kakaku_toiawase td{
width:70%;
margin:0;
padding:0 15px;
border:#808080 1px solid;
text-align:left;
background-color:#FFFFFF;
}

table.kakaku_toiawase textarea{
width:500px;
padding:10px;
}




/* ------------------------------------------------------
table:guide
------------------------------------------------------ */
table.guide{
/*width:500px;*/
width:700px;
margin:10px 0 10px;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.guide td{
margin:0;
padding:5px;
border:#ccc 1px solid;
text-align:left;
}

table.payment_select{
/*width:420px;*/
width:588px;
margin:0 0 10px;
padding:0;
line-height:1.4em;
background:#fff;
}

.payment_select th{
font-weight:bold;
text-align:left;
border-bottom:1px dotted #ccc;
}

.payment_select td{
text-align:left;
font-size:9pt;
}



/* ------------------------------------------------------
top_info　トップページ
------------------------------------------------------ */
.top_info{
margin:0 0 0px;
padding:0;
border:0;
}

td.top_info_left{
margin:0 0 10px;
padding:0;
border:0;
height:130px;
/*width:200px;*/
width:280px;
vertical-align:top;
}

td.top_info_right{
height:130px;
margin:0;
padding:0;
text-align:left;
vertical-align:top;
}

td.top_info img, .top_info p{
border:0;
margin:0;
padding:0;
}

textarea{
/*width:400px;*/
width:660px;
}



/* ------------------------------------------------------
トップページ-仕入先募集-
------------------------------------------------------ */
table.siire_boshu{
width:100%;
margin:10px 0 10px;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.siire_boshu th{
margin:0;
border:#808080 1px solid;
text-align:left;
background-color:#DCDCDC;
}

table.siire_boshu td{
margin:0;
padding:0 20px;
border:#808080 1px solid;
text-align:left;
background-color:#FFFFFF;
}

table.siire_boshu textarea{
width:500px;
}

table.siire_boshu_kakunin{
width:100%;
margin:10px 0 10px;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.siire_boshu_kakunin th{
width:20%;
margin:0;
border:#808080 1px solid;
text-align:left;
background-color:#DCDCDC;
}

table.siire_boshu_kakunin td{
width:80%;
margin:0;
padding:0 20px;
border:#808080 1px solid;
text-align:left;
background-color:#FFFFFF;
}



/* ------------------------------------------------------
インフォメーション-カタログについて-
------------------------------------------------------ */
table.info_catalog{
width:100%;
margin:10px 0 10px;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.info_catalog th{
width:14%;
padding:0 3px 0 0;
border-top:solid 1px #808080;
border-left:solid 1px #808080;
border-bottom:solid 1px #808080;
text-align:right;
background-color:#DCDCDC;
}

.inf_ctl_kome{
width:4%;
color:#FF0000;
border-top:solid 1px #808080;
border-bottom:solid 1px #808080;
background-color:#DCDCDC;
}

.inf_ctl_input{
width:82%;
padding:14px 20px;
border:#808080 1px solid;
text-align:left;
vertical-align:middle;
background-color:#FFFFFF;
}

table.info_catalog_kakunin{
width:100%;
margin:10px 0 10px;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

table.info_catalog_kakunin th{
width:20%;
margin:0;
border:#808080 1px solid;
text-align:left;
background-color:#DCDCDC;
}

table.info_catalog_kakunin td{
width:80%;
margin:0;
padding:0 20px;
border:#808080 1px solid;
text-align:left;
background-color:#FFFFFF;
}



/* ------------------------------------------------------
一覧から絞込み
------------------------------------------------------ */
.reducelist{
margin:0 5px 10px;
padding:5px;
border:#ddd solid 1px;
background:#fee;
line-height:25px;
text-align:right;
}


/* ------------------------------------------------------
[カテゴリーから選ぶ][メーカーで検索]商品一覧表示
------------------------------------------------------ */
table.s_kaisou{
width:100%;
text-align:left;
}






/* ------------------------------------------------------
ページ移動
------------------------------------------------------ */
.dividepage{
text-align:center;
border-top:2px solid #ddd;
border-bottom:2px solid #ddd;
margin:0 0 20px;
padding:10px 0 10px;
clear:both;
line-height:20px;
}

.divide{
margin:0 5px 0;
font-family:'Verdana',sans-serif;
font-weight:bold;
clear:both;
}