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

/* ---------------------------
商品表示
--------------------------- */
.hm_view {
display:block;
float:left;
width:125px;
height:220px;
margin:0;
padding:0;
}

/* ------------------------------------------------------
basic
------------------------------------------------------ */
* {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}

html{
font-size:10pt;
color:#000;
}

body{
margin:0;
padding:0;
text-align:center;
background:url("img/bg/bg_body.jpg") top center repeat-x #fff;
}

/* ------------------------------------------------------
画像
------------------------------------------------------ */

img{
border:0;
margin:0;
padding:0;
vertical-align:bottom;
}

#topimg{
float:left;
margin:10px 0 0;
padding:0;
border:0;}

/* ------------------------------------------------------
リンク
------------------------------------------------------ */

a:link{color:#03f;}
a:visited{color:#906;}
a:hover{color:#f00;}

#left .box_cat a:link{color:#03f;}
#left .box_cat a:visited{color:#906;}
#left .box_cat a:hover{color:#f00;}

#left .box a:link{color:#03f;}
#left .box a:visited{color:#906;}
#left .box a:hover{color:#f00;}

/* ------------------------------------------------------
header
------------------------------------------------------ */

#header{
width:100%;
height:100px;
margin:0 auto 0;
text-align:center;
background:url("img/bg/bg_header_under.jpg") top center repeat-x;
}

#head{
width:840px;
margin:0 auto 0;
text-align:center;
background:url("img/bg/bg_header_upper.jpg") top center repeat-x;
}

#logo{
width:80px;
height:75px;
margin:0;
float:left;
text-align:left;
}

h1{
width:770px;
height:25px;
line-height:25px;
margin:0px;
padding-left:75px;
text-align:left;
color:#ccc;
font-size:1em;
font-weight:normal;
}

#nav{
float:right;
width:720px;
height:50px;
margin:0;
padding:0;
text-align:right;
}

#breadcrumb{
width:830px;
line-height:25px;
margin:0 0 0 10px;
padding:0;
clear:both;
text-align:left;
vertical-align:middle;
}

form,input{
margin:0;
padding:0;
vertical-align:bottom;
}

/* ------------------------------------------------------
all
------------------------------------------------------ */

#all{
width:840px;
margin:0 auto 0;
padding:0;
text-align:left;}

#main{
width:500px;
margin-top:10px;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
padding:0;
float:left;}

#right{
width:150px;
margin-top:0px;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
padding:0;
float:right;}

#left{
width:170px;
margin-top:10px;
margin-bottom:20px;
margin-left:0px;
margin-right:10px;
padding:0;
float:left;}

#footer{
width:840px;
line-height:25px;
margin:0;
clear:both;
text-align:center;
background:url("img/bg/bg_footer.jpg") top center;}

address{
width:100%;
line-height:25px;
margin:0;
padding:0;
clear:both;
text-align:center;
font-style:normal;
color:#fff;
background:url("img/bg/bg_address.jpg") top center;}

/* ------------------------------------------------------
left:左column
------------------------------------------------------ */
.box_cat{
line-height:25px;
margin:0;
padding:0;
}

.box_cat dt{
margin:0;
padding:0;
background:url("img/bg/bg_category_title.jpg");
}

.box_cat dd{
margin:0;
padding:0;
font-size:10pt;
}

.box_cat dd a:link{
display:block;background:url("img/bg/bg_category.jpg");
padding:0 15px 0;
color:#555;
text-decoration:none;
}

.box_cat dd a:visited{
display:block;background:url("img/bg/bg_category.jpg");
padding:0 15px 0;
color:#555;
text-decoration:none;
}

.box_cat dd a:hover{
display:block;background:url("img/bg/bg_category_hover.jpg");
padding:0 15px 0;
color:#444;
text-decoration:none;
}

#left .box{
margin:10px 0 0;
padding:0 0 10px;
background:url("img/bg/bg_box_left.jpg") bottom left no-repeat;
}

#left .box dt{
line-height:30px;
margin:0;
padding:0;
background:#fff;
}

#left .box dd{
margin:0;
padding:0 15px 0;
}

/* ------------------------------------------------------
right:右column
------------------------------------------------------ */

#right .box{
margin:10px 0 0;
padding:0 0 10px;
background:url("img/bg/bg_box_right.jpg") bottom left no-repeat;
}

#right .box dt{
line-height:30px;
margin:0;
padding:0;
}

#right .box dd{
margin:0;
padding:0 15px 0;
}

#right .info{
margin:0;
padding:0 15px 0;
height:150px;
background:url("img/bg/bg_info_right.jpg") top left;
color:#ccc;
}

#right .boximg{
margin:10px 0 0;
padding:0;
}

/* ------------------------------------------------------
main:メインコンテンツ
------------------------------------------------------ */

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

#main ul{
margin:10px 10px 15px;
padding:0 30px 0;
background:url("img/bg/bg_box_main.jpg") bottom left;
clear:both;
}

#main .news{
margin:10px 0 10px;
padding:10px;
background:url("img/bg/bg_box_main.jpg") bottom left;
}

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

/* ------------------------------------------------------
見出し
------------------------------------------------------ */

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,h5{
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;
}

.smallfont{
font-size:8.5pt;
}

.f_comment{
color:#444;}

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

/* ------------------------------------------------------
カテゴリー紹介
------------------------------------------------------ */
#topcm{
margin:10px 0 10px;
padding:5px;
background:#fff url("img/bg/back-b.gif") right bottom;
}

#topcm p{
margin:5px;
padding:0;
}

.cat{
background:#fff;
margin:0;
padding:0;
list-style-type:none;
border:1px #999 solid;
text-align:left;
}

.cat img{float:left}

.cat a
{display:block;width:100%;color:#333;text-decoration:none;}
.cat a:hover
{display:block;background:url("img/bg/flap.jpg") no-repeat bottom right;color:#f60;}

a.widelink{display:block;width:100%;text-decoration:none;}



/* ------------------------------------------------------
table用・仮フォントサイズ指定
------------------------------------------------------ */
table,td{
font-size:10pt;
}

/* ------------------------------------------------------
エラーボックス
------------------------------------------------------ */
.errorbox{
width:100%;
background:#f99;
font-size:7.5pt;
}

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

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

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

#new_products dt,#products_new dt{
margin: 0;
padding:0;
width: 7em;
float: left;}
	
#new_products dd,#products_new dd{
margin: 0 0 0 7em;
padding: 0;}


/* ------------------------------------------------------
カテゴリー一覧（カラム表示）
------------------------------------------------------ */
#main .clist{
font-size:9pt;
height:95px;
width:115px;
margin:0 0 10px 5px;
padding:0 0 0 0;
float:left;
line-height:1.4em;
}


/* ---------------------------
TABLE：情報ボックス
--------------------------- */
.infoBox {
background:#f3f3f3;
border:1px solid #777;
}
/* ---------------------------
TABLE：情報ボックス（コンテンツ）
--------------------------- */
.infoBoxContents {
  font-size:10pt;
}
/* ---------------------------
TD：フォームエリア（タイトル）
--------------------------- */
TD.formAreaTitle {
font-weight:bold;}

/* ---------------------------
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;
margin:0 auto 0;
text-align:center;
}

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

.checkoutBox p{
text-align:left;}


.full,.full tr,.full,td,.full img{
margin:0;
padding:0;
border:0;
text-align:center;}



/* ------------------------------------------------------
desc　商品説明
------------------------------------------------------ */
table.desc{
width:500px;
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;
margin:10px 0 0;
padding:0;
border-collapse:collapse;
clear:both;
text-align:left;
}

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

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

/* ------------------------------------------------------
table:specifiations 商品仕様
------------------------------------------------------ */

table.spec{
width:500px;
margin:10px 0 0;
padding:0;
border-collapse:collapse;
clear:both;
}

table.spec td{
margin:0;
padding:0 10px 0;
border:#ccc 1px solid
}

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

.related_items_manufacturer{
width:100px;}

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

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

.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;
margin:10px 0 0;
padding:0;
border-collapse:collapse;
clear:both;
}

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

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


/* ------------------------------------------------------
table:guide
------------------------------------------------------ */

table.guide{
width:500px;
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;
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;
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;}

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

/* ------------------------------------------------------
ページ移動
------------------------------------------------------ */
.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;}