@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
.gsib_a { padding:0 !important;}

/*----- Pickup -----*/

#pickup {
	width:630px;
	margin:0 0 15px;
}

#pickup:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#pickup {display:inline-block;}

#pickup {display:block;}

#pickup h2 {
	background:url(../images/home/pickup-title.png) no-repeat;
	text-indent:-10000px;
	font-size:0px;
	width:630px;
	height:21px;
	margin:0 0 5px;
}

h2 + dl {
	margin:0 !important;
}

#pickup dl {
	width:208px;
	float:left;
	margin:0 0 0 3px;
}


#pickup dt {
	float:left;
    height:139px;
    overflow:hidden;
}

#pickup dt img {
	width:208px;
	vertical-align:bottom;
}

#pickup dd {
	margin:0;
	font-size:14px;
	font-weight:bold;
	width:208px;
	background:#000;
	float:left;
	padding:5px 0;
}

#pickup dd a {
	display:block;
	padding:3px 5px 2px;
	font-size:14px;
}

#pickup dd a:link {
	color:#2cd5ff;
}


#pickup dd a:visited {
	color:#2cd5ff;
}


#pickup dd a:hover {
	color:#73eaff;
	text-decoration:underline;
}

#pickup dd p {
	font-size:10px;
	line-height:12px;
	padding:0 5px 3px;
	color:#fff;
	font-weight:normal;
}



/*----- Topics -----*/

#topics {
	width:630px;
	margin:0 0 20px;
}

#topics h2 {
	background:url(../images/home/topics-title.png) no-repeat;
	text-indent:-10000px;
	font-size:0px;
	width:630px;
	height:21px;
	margin:0 0 5px;
}

#topics dl {
	width:630px;
	border-bottom:1px #a0a0a0 solid;
	padding:5px 0;
	min-height:1%;  /* for IE 7*/
}

#topics dl:after {
	content: "";
	display: block;
	clear: both;
}

#topics dt {
	font-size:14px;
	font-weight:bold;
	float:right;
	width:520px;
}

#topics dd {
	float:right;
	width:520px;
}

#topics .thumb {
	width:110px;
	float:left;
	height:75px;
	overflow:hidden;
}

#topics .thumb img { width:100px;}

#topics .outline {
	color:#444;
	font-size:12px;
}

#topics .preview {
	color:#a0a0a0;
	font-size:10px;
}

#topics .date {
	color:#a0a0a0;
	font-size:10px;
	font-weight:normal;
}

#topics .readmore a {
	background:url(../images/common/buttons.png) no-repeat;
	background-position:0px -50px;
	display:block;
	text-indent:-10000px;
	width:100px;
	height:15px;
	line-height:0;
	margin:5px 0 0 auto;
}

#topics .readmore a:link {
	background-position:0px -50px;
}

#topics .readmore a:visited {
	background-position:0px -50px;
}

#topics .readmore a:hover {
	background-position:0px -65px;
}

/*----- Motenashi -----*/

#motenashi {
	background: #ffffff;
	width: 630px;
	margin: 0 0 20px;
}

#motenashi h2 {
	background:url(../images/home/motenashi-title.png) no-repeat;
	text-indent:-10000px;
	height:30px;
	width:630px;
}

#motenashi #boxcontent {
	background:#F3F5F6;
}

#motenashi dl {
	width:156px;
	float:left;
	border-left:#d9d9d9 solid 1px;
	border-bottom:#d9d9d9 solid 1px;
}

#motenashi dl:nth-of-type(4) {
	width:157px;
	float:left;
	border-right:#d9d9d9 solid 1px;
	border-bottom:#d9d9d9 solid 1px;
}

#motenashi dt {
	padding:10px 10px 5px;
}

#motenashi dt img {
	width:98px;
	border:1px #aaa solid;
}

#motenashi dd.subtitle{
	padding:0 10px ;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

#motenashi dd.shopname {
	padding:3px 10px 10px;
	font-size:10px;
	line-height:12px;
}

#motenashi .seeall {
	padding:5px;
}

#boxcontent dl dt { width:100px; height:75px; overflow:hidden;}
#boxcontent dl dt img { width:100%;}

/*----- Ad (Bottom) -----*/

#adbottom li {
	float:left;
	width:200px;
	margin:0 15px 2px 0;
}

#adbottom li img  {
	vertical-align:bottom;
}

#adbottom li.last {
	margin:0 0 15px 0;
}