@charset "utf-8";


/* FLASH
----------------------------------------------- */
div#flasharea {
    width: 400px;
    height:200px;
    overflow:hidden;
    margin: 0 auto;
}

/* センターカラム用バナー
----------------------------------------------- */
.center_banner {
	width:400px;
	margin:0 auto 10px auto;
}

/* ニュース
----------------------------------------------- */
div#newsarea {
    width: 400px;
    margin: 5px auto;
    font-size: 100%;
    background:transparent url('../img/top/bg_news_bottom.gif') no-repeat 0 bottom;
    padding-bottom:10px;
}

div#newssection {
	padding:10px;
	background:transparent url('../img/top/bg_news.gif');
}

div#newsarea h2 {
	padding-top:40px;
	width:400px;
	height:0;
	display:block;
	overflow:hidden;
	background:transparent url('../img/top/title_news.gif') no-repeat 0 0;
	text-indent:-9999em;
}

div#newsarea dl dt {
	color:#231F20;
	font-weight:bold;
	line-height:25px;
	border-bottom:1px dotted #939091;
	margin-bottom:5px;
	clear:both;
}

div#newssection dl dt span.date,
div#recommendsection dl dt span.date {
	color:#676863;
	font-weight:normal !important;
}

div#newsarea dl,
div#recommendarea dl {
	overflow:hidden;
	padding:0 0 15px 0;
}


div#newsarea dl dd.thumb,
div#recommendarea dl dd.thumb {
	float:left;
	margin:0 0px 0 0;
	text-align:center;
}

div#newsarea dl dd.thumb p,
div#recommendarea dl dd.thumb p {
	margin:0 0 8px 0;
}

div#newsarea dl dd,
div#recommendarea dl dd {
	padding:0 0 0px 0;
	overflow:hidden;
}

div#newssection dd.text p.button,
div#recommendsection dd.text p.button {
	text-align:right;
	padding-top:10px;
}

/* おすすめ
----------------------------------------------- */
div#recommendarea {
    width: 400px;
    margin: 0 auto;
}

div#recommendarea h2 {
	height:0px;
	width:400px;
	padding-top:35px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	background: transparent url('../img/top/title_recommend.gif') no-repeat 0 0;
}

div#recommendsection {
	padding:10px;
	border-left: 2px solid #618e34;
	border-right: 2px solid #618e34;
	border-bottom: 2px solid #618e34;
}

div#recommendarea dl dt {
	color:#cb2147;
	font-weight:bold;
	line-height:25px;
	border-bottom:1px dotted #939091;
	margin-bottom:5px;
}

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

div.recomendleft {
    float: left;
    margin: 0 5px 0 0;
}

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

div.recomendright {
    float: right;
    width: 190px;
    position: relative;
}

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

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

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

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

/* サムネイル収納ブロック */
div#newssection dd.thumb,
div#recommendsection dd.thumb {
	width:180px;
	padding:0 5px;
}

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

/* 独占＆限定配信レーベル_ブロック設定 */

#monopoly_block {
	width:398px;
	margin:0 auto;
	overflow:hidden;
	border:1px solid #90C75A;
	padding:0 0 10px 0;
	margin-top:10px;
}

#monopoly_block h2 {
	height:40px;
	overflow:hidden;
}



#monopoly_block ul#monopoly_block_left {
	float:left;
	padding-left:30px;
	overflow:hidden;
	width:166px;
}

#monopoly_block ul#monopoly_block_right {
	float:right;
	padding-right:30px;
	overflow:hidden;
	width:166px;
}

#monopoly_block li {
	width:166px;
	height:50px;
	overflow:hidden;
	margin-bottom:2px;
}

/* -------------------------------------------------- */
/* お知らせバナーブロック */
#infobanner_block {
	width:400px;
	margin:10px auto 0 auto;
}

/* -------------------------------------------------- */
/* 追加商品ブロック */

#addtitle_block {
	width:400px;
	margin:0px auto 0 auto;
}

h2#addtitle_title {
	background:transparent url('../img/top/title_latest.jpg') no-repeat scroll 0 0 !important;
	display:block;
	height:0;
	margin-bottom:2px;
	overflow:hidden;
	padding-top:40px;
	text-indent:-9999em;
	width:400px;
}

#addlist_area {
	width:388px;
	height:110px;
	overflow-y:scroll;
	padding:5px;
	border:1px solid #B8BBB4;
}

#addlist_area div.date {
	float:left;
	clear:both;
	width:40px;
	font-weight:bold;
}

#addlist_area dl {
	margin-left:45px;
	margin-bottom:10px;
	width:320px;
}

#addlist_area dt {
	color:#4E993C;
}

#addlist_area dd {
	margin-left:12px;
	margin-bottom:4px;
}


/* 追加商品ブロック2011 */
#addtitle_block2011 { width:270px; margin:0px 0px 0px px; float: left; }
#addlist_area2011 { width:261px; height:90px; overflow-y:scroll; padding:5px; border:none; }
#addlist_area2011 li{ margin:0px;}

/* 追加商品ブロック2012 */
#addtitle_block2012 { width:374px; margin:0px 0px 0px 2px; float: left; }
#addlist_area2012 { width:374px; height:92px; overflow-y:scroll; padding: 1px 0 5px 1px; border:none; }
#addlist_area2012 dl{ margin :0px; padding:0px; 374px; }
#addlist_area2012 dd{ margin:1px 2px 1px 0px; padding: 0; float: left; width:175px; font-size:11px; line-height: 120%;
	white-space: nowrap; 
	overflow: hidden; /*省略各ブラウザ用*/
	text-overflow: ellipsis;  /*省略各ブラウザ用*/
	-webkit-text-overflow: ellipsis;  /*省略各ブラウザ用*/
	-o-text-overflow: ellipsis;  /*省略各ブラウザ用*/
	}

/* 3列新着情報部分 */
div#newsspacearea, div#newsspacearea1 { width: 430px; margin: 5px auto; font-size: 100%; padding-bottom:5px; }
div#newsspacearea h2 { padding-top:25px; width:430px; height:0; display:block; overflow:hidden;
	background:transparent url('../img/top/title_news2.gif') no-repeat 0 0; text-indent:-9999em; }

div#newsspace dl, div#newsspace1 dl { float:left; width:136px; height:266px; margin:0px 2px 5px 3px; overflow:hidden; font-size:12px; border:1px dashed #999999; }
div#newsspace dt, div#newsspace1 dt { margin:0px; padding:2px 2px 0px 2px; text-align:left; font-weight:bold; border:none; height:13px; }
div#newsspace dd, div#newsspace1 dd{ margin:0px; padding:0px 2px; border:none; }
div#newsspace dd.txt-ttlespace, div#newsspace1 dd.txt-ttlespace { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:130px; height:15px; text-align:left; font-weight:bold; }
div#newsspace dd.txt-newsspace, div#newsspace1 dd.txt-newsspace { overflow:hidden; text-overflow:ellipsis; width:130px; height:120px; }