@charset "utf-8";
/*=========================================================
	Layout - 各レイアウトに関する設定
=========================================================*/

/*======================================
	General Layout
=======================================*/
body#home {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	text-align: center; /* Centering for IE6 */
	color: #3a3f41;
	font-size: 12px;
	background: url(../images/head_bg.jpg) repeat-x;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}


/*======================================
	div#grobal
=======================================*/

body#home div#grobal {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}



/*======================================
	div#head
=======================================*/

div#head {
	height: 100px;
}
div#head h1 {
	margin: 0;
	padding: 0;
}
div#head p.text {
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #ccbea6;
}

div#head div.topad {
	position: relative;
	float: right;
	margin-top: 15px;
}




/*======================================
	div#menu
=======================================*/

div#menu {
	
}
div#menu ul li {
	float: left;
	list-style: none outside;
	margin: 0 3px;
}

div#menu div.login {
	float: right;
	padding-top: 10px;
}

div#menu div.logout {
	float: right;
	padding-top: 10px;
}



/*======================================
	div#contents
=======================================*/

div#contents {
	margin: 10px 0;
}



/*======================================
	div#contents → div#main
=======================================*/

div#contents div#main {
	width: 580px;
	float: left;
}

/*-- block --*/
div#contents div#main div.block {
	margin: 10px 0;
}
div#contents div#main div.block h3 {
	margin-bottom: 5px;
}

/*-- searchbox --*/
div#contents div#main div.block div.searchbox {
	background: url(../images/search_bg.jpg) repeat-y;
}
div#contents div#main div.block div.searchbox ul li {
	list-style: none outside;
}
div.searchbox ul li {
	width: 165px;
	height: 30px;
	margin: 1px 4px;
	padding: 3px 0 0 113px;
	float: left;
	display:inline;
}
* html body div.searchbox ul li {
	width: 277px;
}
div.searchbox ul li.c1 {background: url(../images/search_category.jpg) no-repeat;}
div.searchbox ul li.c2 {background: url(../images/search_coupon.jpg) no-repeat;}
div.searchbox ul li.c3 {background: url(../images/search_area.jpg) no-repeat;}
div.searchbox ul li.c4 {background: url(../images/search_delivery.jpg) no-repeat;}
div.searchbox ul li.c5 {background: url(../images/search_pos.jpg) no-repeat;}
div.searchbox ul li.c6 {background: url(../images/search_time.jpg) no-repeat;}
div.searchbox ul li.c7 {background: url(../images/search_station.jpg) no-repeat;}
div.searchbox ul li.c8 {padding: 0;}


/*-- news --*/
div#contents div#main div.block div.news {
	height: 200px;
	overflow: auto;
}
div.news ul li {
	margin: 3px 10px 0;
	padding: 3px 15px;
	border-bottom: 1px dotted #787e82;
	list-style: none outside;
}

/*-- topcoupon --*/
div#contents div#main div.block div.topcoupon {
}
div.topcoupon ul li {
	margin: 3px 10px 0;
	padding: 3px 15px;
	background: url(../images/vec.jpg) no-repeat 5px 8px;
	border-bottom: 1px dotted #787e82;
	list-style: none outside;
}


/*-- gototop --*/
div.gototop {
	margin-top: 30px;
	text-align: right;
}


/*-- anc --*/
div#contents div#main div.anc {
	font-size: 80%;
	color: #aaaaaa;
	margin-bottom: 5px;
}
div#contents div#main div.anc a,
div#contents div#main div.anc a:link,
div#contents div#main div.anc a:visited {
	color: #706750;
	text-decoration: none;
}
div#contents div#main div.anc a:hover {
	color: #f28245;
}


/*-- page --*/
div#contents div#main div.page {
}
div.page span.num {
	font-size: 180%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #ff7e00;
	border: none;
	float: none;
	background: none;
}
div.page span.numb {
	border: none;
	float: none;
	background: none;
}
div.page span {
	border: 1px solid #ccc;
	float: left;
	padding: 2px 5px;
	margin: 1px;
	background: #ede6d4;
}
div.page span.now {
	background: #ff6600;
	color: #ffffff;
	border: 1px solid #ff6600;
}
div.page a,
div.page a:link,
div.page a:visited {
	border: 1px solid #018aea;
	color: #018aea;
	padding: 2px 5px;
	margin: 1px;
	display: block;
	float: left;
}
div.page a:hover {
	background: #018aea;
	color: #ffffff;
	padding: 2px 5px;
	margin: 1px;
	display: block;
}


/*-- info --*/
div#contents div#main div.block div.info {
}
div.info div.left {
	width: 200px;
}
div.info div.left img.b {
	border: 1px solid #ff7e00;
}
div.info div.right {
	width: 370px;
	margin-left: 10px;
}
* html body div.info div.right {
	margin-left: 0px;
}


/*-- detail --*/
div#contents div#main div.block div.detail {
}
div.detail div.left {
	width: 285px;
}
div.detail div.right {
	width: 285px;
}


/*-- footad --*/
div.foodad {
	text-align: center;
	margin: 15px auto 0;
}


/*-- prefbox --*/
div#contents div#main div.block div.prefbox {
	background: url(../images/search_bg.jpg) repeat-y;
	padding: 5px 10px;
}
div#contents div#main div.block div.prefbox ul li {
	list-style: none outside;
}
div.prefbox ul {
}
div.prefbox ul li.preftop {
	width: 50px;
	float: left;
	font-weight: bold;
}
div.prefbox ul li {
	float: left;
	padding: 5px 0;
}


/*-- pref --*/
div#contents div#main div.block p.pref {
	width: 190px;
	float: left;
	padding: 0;
	margin: 0;
}


/*======================================
	div#contents → div#side
=======================================*/

div#contents div#side {
	width: 200px;
	margin-left: 20px;
	float: left;
}

/*-- block --*/
div#contents div#side div.block {
	margin: 10px 0;
}
div#contents div#side div.block h3 {
	margin-bottom: 5px;
}


/*-- count --*/
div#contents div#side div.block div.count {
	background: url(../images/now_shop.jpg) no-repeat;
	padding: 27px 30px 10px;
	font-size: 160%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #d43f23;
	font-weight: bold;
	text-align: right;
}


/*-- new --*/
div#contents div#side ul.new {
	background: #f6f1e5;
	padding: 5px 0;
}
div#contents div#side ul.new li {
	margin: 3px 10px 0;
	padding: 3px 8px;
	border-bottom: 1px dotted #787e82;
	list-style: none outside;
}


/*======================================
	div#foot
=======================================*/

div#foot {
	background: url(../images/foot_bg.jpg) repeat-x center top #ede6d4;
}
div#foot div.content {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
}
div#foot div.content ul li {
	list-style: none outside;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	background: url(../images/dotline.jpg) no-repeat right;
}
div#foot div.content a,
div#foot div.content a:link,
div#foot div.content a:visited {
	color: #706750;
	text-decoration: none;
}
div#foot div.content a:hover {
	color: #f28245;
}
div#foot div.content div.copy {
	color: #837c6a;
	text-align: right;
}