@charset "utf-8";

/* トップページレイアウト */

#bodycontent {
	margin-top:10px;
}

#leftcol {
	width:156px;
	float:left;
}

#centercol {
	float:left;
	width:528px;
	margin:0px 0px 0px 10px;
}
#rightcol {
	width:177px;
	float:right;
}

/* 登録 */
.regist a {
	display:block;
	width:156px;
	height:90px;
	background:url(../img/top/regist_button.gif) no-repeat top left;
	text-indent:-10000px;
}
.regist a:hover {
	background-position:bottom left;
}


/* ログイン */
.login {
	margin-top:1px;
	width:156px;
	height:141px;
	background:url(../img/top/login_bg.gif) no-repeat top left;
	padding:5px 5px 0px 5px;
	line-height:100%;
}
.login
h3 {
	width:105px;
	height:20px;
	background:url(../img/top/login_title.gif) no-repeat top left;
	text-indent:-10000px;
	font-size:10px;
	margin:0px;
}

.login
dl {
	margin:0;
	margin-top:5px;
}

.login
dt {
	clear:both;
	float:left;
	width:58px;
	margin-top:2px;
}

.login
dd {
	float:left;
	margin:0px;
	margin-top:2px;
	width:90px;
}

.login
ul {
	margin-top:1px;
}

.login
li {
	margin:1px;
	font-size:0.75em;
	}

.login
.aright {

}

/* ブロック初期値 */

.block {
	margin-top:5px;
	clear:both;
}

.block
ul li {
	line-height:120%;
	font-size:0.75em;
	padding-top:5px;
	padding-bottom:5px;
	background:url(/img/common/dotline.gif) repeat-x bottom left;
}


#centercol
.block {
	margin-top:10px;
	clear:both;
}

#centercol
.block
ul {
	margin:5px 0px 0px 10px;
}

#centercol
.block
ul li {
	font-size:0.85em;
	padding-bottom:5px;
	/*background:none;*/
}

/* もっと知りたい */

.moremenu
h3 {
	width:156px;
	height:30px;
	background:url(../img/top/left_title01.gif) no-repeat top left;
	text-indent:-10000px;
}

/* 510からのお知らせ */

.gotonews
h3 {
	width:156px;
	height:30px;
	background:url(../img/top/left_title02.gif) no-repeat top left;
	text-indent:-10000px;
}

/* 地域で探す */

.domainnav
h3 {
	margin-top:5px;
	width:177px;
	height:30px;
	background:url(../img/top/right_title01.gif) no-repeat top left;
	text-indent:-10000px;
}
.domainnav a {
	display:block;
	width:177px;
	height:335px;
	background:url(../img/top/map.gif) no-repeat top left;
}

/* キャンペーンサンプル */

p.rbanner1 a {
	display:block;
	width:177px;
	height:103px;
	background:url(/img/top/bannerkango.gif) no-repeat top left;
	text-indent:-10000px;
	overflow:hidden;
}

.campaign1 a {
	display:block;
	width:177px;
	height:86px;
	background:url(../img/top/banner1.gif) no-repeat top left;
	text-indent:-10000px;
	overflow:hidden;
}
.campaign2 a {
	display:block;
	width:177px;
	height:86px;
	background:url(../img/top/banner2.gif) no-repeat top left;
	text-indent:-10000px;
	overflow:hidden;
}


/* フィーチャーエリア */

.feature {
	position:relative;
	width:527px;
	height:239px;
	background:url(../img/top/feature_bg.jpg) no-repeat top left;
}

.feature
p {
}

/* フィーチャーエリア内見出し */

.feature
a.a001 {
	position:absolute;
	top:199px;
	left:312px;
	display:block;
	width:215px;
	height:40px;
	background:url(../img/top/faqlink.gif) no-repeat top left;
	text-indent:-10000px;
}

.feature
a.a002 {
	position:absolute;
	left:335px;
	top:46px;
	display:block;
	width:174px;
	height:22px;
	background:url(../img/top/banlink1.gif) no-repeat top left;
	text-indent:-10000px;
}

.feature
a.a003 {
	position:absolute;
	top:75px;
	left:335px;
	display:block;
	width:150px;
	height:21px;
	background:url(../img/top/banlink2.gif) no-repeat top left;
	text-indent:-10000px;
}


/* 最新の記事 */

.latest
h2 {
	width:528px;
	height:48px;
	background:url(../img/top/latest_title.gif) no-repeat top left;
	text-indent:-10000px;
}

/* おしらせ */
.ninfo
h2 {
	width:528px;
	height:48px;
	background:url(../img/top/info_title.gif) no-repeat top left;
	text-indent:-10000px;
}

/* こんな商品が売れてます */

.sell
h2 {
	width:528px;
	height:48px;
	background:url(../img/top/sell_title.gif) no-repeat top left;
	text-indent:-10000px;
}

ul.photo li {
	background:none;
	display:inline;
	margin-left:15px;
	float:left;
	text-align:center;
}

/* 記事ランキング */

.ranking
h2 {
	width:528px;
	height:48px;
	background:url(../img/top/ranking_title.gif) no-repeat top left;
	text-indent:-10000px;
}


.commentli
h3 {
	width:528px;
	height:48px;
	background:url(../img/top/buzz_title.gif) no-repeat top left;
	text-indent:-10000px;
	font-size:12px;
	margin-bottom:10px;
}

.morec a {
	float:right;
	display:block;
	width:110;
	height:27px;
	background:url(../img/top/moreread.gif) no-repeat top left;
	text-indent:-10000px;
	font-size:12px;
	margin-right:5px;
}




div.recomendleft,
div.recomendright {
	float: left;
	margin:2px;
    width:165px;
    /width:169px;
    padding:2px;
    border:1px solid #dddddd;
}

div.recomendleft img,
div.recomendright img {
	width:48px;
	height:48px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    border:2px solid #cccccc;
}

div.recomendleft p,
div.recomendright p {
    margin: 0 0 5px 0;
    font-size:12px;
}

div.recomendleft p.mini,
div.recomendright p.mini {
	margin-top:5px;
	clear:both;
    overflow:hidden;
    height:90px;

}

div.recomendleft h3,
div.recomendright h3 {
    font-size: 12px;
    line-height:120%;
}

div.recomendleft p,
div.recomendright p {
	clear:both;
	padding:4px 2px 2px 2px;
}

span.price {
	font-weight:bold;
	color:#ff0000;
}

span.mini {
	font-size:0.9em;
}




.t_left {
	width:228px;
	float:left;
	margin-top:15px;
}
.t_left a {
}

.t_right {
	font-size:0.85em;
	float:left;
	width:295px;
	margin-left:5px;
	margin-top:5px;
}

.leftbanner p {
	margin-top:5px;
}

.shima {
	margin-bottom:5px;
}
.shima p {
	margin:0px;
}