@charset "shift_jis";

body {
	background-image: url(../images/bg.jpg);
}


/* ----- ヘッダー ----- */
#header {
	background-image: url(../images/header.jpg);
	height: 100%;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#container{

background-color:#FFFFFF;
}


/* ----- ヘッダー左 ------ */
#header .left {
	margin-top: 20px;
	padding-left: 10px;
}

/* ----- ヘッダー右 ----- */
#header .right li {
	margin-right: 5px;
	background-image: url(../images/sign.gif);
	padding-left: 14px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	float: left;
}



/* ----- ヘッダーナビゲーション ----- */
#hdnavi {
	margin-top: 20px;
	width: 250px;
}

/* ----- メルマガ登録部 ----- */
#mailmagazine p {
	margin-bottom: 5px;
}
#mailmagazine {
	clear: left;
	padding-top: 20px;
}

#header:after {
	 content: " "; clear: both; height: 0; display: block; visibility: hidden;
}

/* ----- 左配置 ----- */
.left {
	float: left;
}

/* ----- 右配置 ----- */
.right {
	float:right
}

/* -----メイン部 ----- */

#main {
	background-color: #FFFFFF;
}
#main {
	clear: both;
	padding: 10px 10px;
	height: 100%;
	background-color: #FFFFFF;
}

#main .left {
	width: 580px;
}
#main .left .entry {
	width: 568px;
	margin: 0 auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-bottom: 40px;
	padding-bottom:0.5em;
	clear: both;
	background-color: #F7F7F7;
}

/* ----- パンくずリスト ----- */
#breadnavi {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0ADB8;
	margin-bottom: 20px;
}


/* ----- 記事の部分 ------ */
.entry h2 {
	margin-bottom: 10px;
}


/* ----- 特集 ----- */
.featuers .banner {
	float: left;
}
.featuers .text {
	float: left;
	padding: 0 0.3em;
	width:200px;
}

/* 今月の特集（topは今月の特集,bottomは過去の記事のブロックです。） */
.featuers .top {
	height: 100%;
	margin-bottom:1em;
	padding-bottom:0.5em;
}


.featuers .bottom h3 {
	float: left;
}
.featuers .bottom p {
	float: left;
	width: 150px;
	font-size: 11px;
	padding: 0 0.5em;
	
}
.coupons .no {
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-right: 5px;
}
.coupons p {
	background-color: #EAEAEA;
	padding: 0.2em;
	height: 100%;
	margin-bottom:0.5em;
}
.coupons .description {
	font-size: 10px;
	color: #000000;
	margin-left: 7px;
}
.no a , .no a:visited{
	color: #FF6600;
	text-decoration: none;
}
.coupons .shop a , .coupons .shop a:visited {
	text-decoration: none;
	color: #CC3300;
}
.coupons .description a {
	color: #666666;
}



.recommend div img {
	float: left;
	margin: 0 5px 3px 0;
	
}

.recommend div {
	width:270px;
	margin:0 0 10px 5px;
	float:left;
	background-color: #F2F1F3;
	padding:0.2em;
}

.recommend div p {
	margin:0 0 0.5em 0;
}
.recommend .description {
	clear: left;
}
.search h3 {
	float: left;
	margin: 0;
}



.search01 li {
	font-size: 14px;
	display:inline;
	margin:0 30px 0 0;
	
}
.search01 {
	float: right;
	margin: 0 auto;
	text-align: center;
	width: 450px;
	margin-top: 30px;
}
.search02 li {
	float: left;
	margin-bottom:3px;
	margin-left: 10px;
	white-space:nowrap;
}
.search02 {
	width: 450px;
	float: right;
}
#myselege h2 , #myselege02 h2{
	background-image: url(../images/myselegegurumeBg.jpg);
	height: 28px;
	margin-bottom: 10px;
}

#myselege , #myselege02 {
	width: 264px;
	padding: 3px;
	border: 2px solid #CCCCCC;
	background-color: #fcdfd0;
	margin-bottom: 1em;
	margin-top: 20px;
}

#login {
	float: right;
	margin-left: 60px;
}
#myselegetitle {
	float: left;
}
#myselege p {
	text-align: center;
	margin-bottom: 5px;
}

#myselege02 .left {
	width: 120px;
}
.rankNum {
	font: 40px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	text-align: center;
	color: #CC0000;
}
#myselege02 .right {
	width: 130px;
	float:left;
}
#container #main .right #myselege02 .right .rankTxt {
	font-size: 10px;
}
#myselege02 h2 {
	margin-bottom: 10px;
}
.rankEntry {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	height: 100%;
}
#bannerGroup {
}
#bannerGroup {
	text-align: center;
	background-color: #EFEEF0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#bannerGroup li {
	margin-bottom: 5px;
}
#container #main .right #bannerGroup {
	border: 2px solid #E0DFE3;
	background-color: #FFFFFF;
}


.block {
	float: left;
	width: 280px;
	background-color: #F5F5F5;
	border: 2px solid #fff;
	vertical-align: middle;
	height: 90px;
}

#form2 {
	width: 160px;
	float: right;
	margin: 15px 0 0 0;
}
.block p {
	padding-top: 20px;
}
#container #footer {
	background-color: #FFFFFF;
	margin: 10px 15px  0  15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
}

#container #footer address {
	font-style: normal;
	font-size: 11px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif
}
#container #ad {
	margin-right: 15px;
	margin-left: 15px;
}

#searchmap {

}

.jan {
	margin-left: 30px;
	margin-bottom: 10px;
	white-space: nowrap;
	clear:both;
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 5px;
}

.jan ul {
	
	margin-left:15px;
	border-bottom:#000 1px solid;
	
}


.jan li {
	float: left;
	margin-left:15px;
	white-space: nowrap;
	font-size: 120%;
	margin-bottom: 0.5em;
	background-image: url(../images/listbg01.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}
.block select {
	width: 150px;
}
#breadnavi li {
	float: left;
}
#container #main .left .pagetop {
	text-align: right;
}