@charset "utf-8";

@import url("../packages/default/css/import.css");

* {
text-align: left;
}

body{
color:#ffffff;

}



/* お客様の声書き込み（入力ページ）
-----------------------------------------------*/
div#windowarea{
    background-color: #000000

}

/* QRブロック
----------------------------------------------- */
div#qr-area{
   margin-left: 24px;


}

/* 配送について
----------------------------------------------- */
div#haisouarea{
    width:585px;

}

/* ニュース(現在サイドブロック用の設定 メインエリアの場合は
div#newsarea {
    width:603px;
    margin: 0 auto;
    padding: 0 0 0 8px;
    font-size: 90%;
}
に戻す）
----------------------------------------------- */
div#newsarea {
    width:166px;
    margin: 0 auto;
    padding: 0 0 0 0px;
    font-size: 90%;
}

div#newsarea dl {
    padding: 5px 0;
    background: url("http://www.in-dude.com/user_data/packages/default/img/common/line_603.gif") no-repeat bottom;
}

div#newsarea dl.end {
    padding: 10px 0;
    background: url("") no-repeat bottom;
}

div#newsarea dl dt {
    padding: 0 0 0 0px;
    background: url("../img/top/news_icon.gif") no-repeat;

}


/* BLOCK
-----------------------------------------------*/
div#loginarea{
    background-color: #111111

}
div#categoryarea{

   background-color: #111111

}

div#searcharea{
    background-color: #111111

}

div#cartarea{
    background-color: #111111

}


/* FLASH
----------------------------------------------- */
div#flasharea {
    width: 603px;
    padding: 0px 8px 0;
}

/* バナー
----------------------------------------------- */
div#banaarea {
    width: 603px;   
    margin: 0 auto;
    padding: 10px 8px 0;
}


/* おすすめ
----------------------------------------------- */
div#recomendarea {
    width: 603px;
    margin: 0 auto;
    padding: 0px 8px;
   
}

div.recomendblock {
    clear: both;
    width: 603px;
    padding: 5px 0 0;
    overflow: auto;
    background: url("../img/common/line_402.gif") no-repeat bottom;
}

div.recomendleft {
    float: left;
    width: 288px;
    height: 115px;
    margin: 0 3px 0 0;   
    padding: 5px;
    border: 1px solid #CCCCCC;
}

div.recomendleft p {
    margin: 0 0 5px 0;
}

div.recomendright {
    float: right;
    width: 288px;
    height: 115px;
    position: relative;
    padding: 5px;
     border: 1px solid #CCCCCC;
}

div.recomendleft img, div.recomendright img {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

div.recomendright p {
    margin: 0 0 5px 0;
}

div.recomendleft h3 {
    font-size: 95%;
}

div.recomendright h3 {
    font-size: 95%;
}

/* 商品一覧

----------------------------------------*/

.item-line {
	width: 603px;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;

}

.item-box-wrap {
	width: 132px;
        height: 250px;
	margin: 0 9px 8px 0;
	padding: 5px;
	float: left;
	overflow: hidden;
       border: solid 1px #333;
}

.item-box-wrap-end {
	width: 132px;
       height: 250px;
	margin: 0 0 8px 0;
	padding: 5px;
	float: right;
	overflow: hidden;
        border: solid 1px #333;
}

.item-box-photo {
	margin: 0;
	padding: 0;
	text-align: center;
}

.item-box-photo img {
	vertical-align: bottom;
}

.item-box-wrap h3,

.item-box-wrap-end h3 {
	margin: 0;
	padding:  0 5px 5px 3px;
	font-size: 85%;
	text-align: left;
}

.item-box-price {
	text-align: center;
	color: #ffffff;
}

.item-box-soldout {
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: center;
	color: #CC0000;
}

.item-box-comment {
	margin: 0;
	padding: 3px 0 0;
	font-size: 80%;
	line-height: 1.4;