@charset "utf-8";

/*--------------------------------------------------------------------------*/
/*-左側---------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

#leftbox{
	float:left;
	width:370px;
	margin-top:10px;
	}

/*NEWSとスタッフブログ*/

#leftbox .contents h2{
	float:left;
	width:220px;
	}

#leftbox .contents .more{
	float:right;
	margin-top:2px;
	}

#leftbox .contents dl{
	clear:both;
	padding:5px 5px 20px 5px;
	border-top:3px #820000 solid;
	}

#leftbox .contents dt{
	padding-left:1em;
	background:transparent url(../images/arrow.gif) no-repeat left 0.5em;
	font-weight:bold;
	}

#leftbox .contents dd{
	padding:5px 1em;
	border-bottom:1px #CCC dotted;
	}

#leftbox .contents dd.staffblog{
	border-top:1px #CCC dotted;
	border-left:1px #CCC dotted;
	border-right:1px #CCC dotted;
	background-color:#EBEBEB;
	}

#leftbox .contents .next a, #rightbox .contents .next a{
	color:#004B6A;
	}

/*キャンペーン*/

#leftbox .campaign {
	margin-bottom:10px;
	padding:5px 0;
	border:1px solid #FC0;
	background:#FBF7D4 url(../images/bg_hkd.gif) no-repeat scroll center center;
	}

#leftbox .campaign h3{
	padding:5px;
	color:#3366CC;
	font-size:1.4em;
	text-align:center;
	}

#leftbox .campaign p{
	padding:5px;
	}


/*ショッピング*/
#leftbox .item{
	float:left;
	padding:10px;
	text-align:center;
	}

#leftbox .item .clthumb{
	float:left;
	width:175px;
	}

#leftbox .item .clthumb .price{
	color:#CC0000;
	font-weight:bold;
	}

/*--------------------------------------------------------------------------*/
/*-右側---------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

#rightbox{
	float:right;
	width:380px;
	margin-top:10px;
	}

#rightbox .pdl10{
	padding-left:10px;
	}

#rightbox .contents{
	padding-bottom:20px;
	}

#rightbox .contents dl{
	border-left:2px #CCC solid;
	border-right:2px #CCC solid;
	}

#rightbox .contents dt{
	margin:0 5px 5px 5px;
	padding-top:10px;
	padding-left:1em;
	background:transparent url(../images/arrow.gif) no-repeat left 16px;
	font-weight:bold;
	}

#rightbox .contents dd{
	margin:0 1em;
	padding:5px;
	border:1px #CCC dotted;
	background-color:#EBEBEB;
	}

#rightbox .contents .more{
	padding:5px;
	border-left:2px #CCC solid;
	border-right:2px #CCC solid;
	border-bottom:2px #CCC solid;
	text-align:right;
	}