@charset"EUC-JP";

html{
	height:100%;
}

* {
	margin: 0;
	padding: 0;
}

body{
	font-size:80%;
	text-align:center;
}

img {
	border:none;
	vertical-align:top;
	padding:0;
	border:0;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
}

div#wrapper{
	width:930px;
	margin:0 auto;
	background:url(../img/haikei_b.gif) no-repeat bottom left;
	text-align:left;
}


/*ヘッダー*/
div#header{
	height:77px;
	padding-bottom:5px;
	background:url(../img/header_bg.gif) repeat-y;
	}


div.logo_area{
	width:175px;
	float:left;
}

div.g_navi_area{
	width:755px;
	float:right;
}



/*ナビ*/

#navi{
	width:150px;
	margin-left:775px;
}

#navi div.shop_search_area,
#navi div.time_area,
#navi div.pickup_area{
	margin-top:15px;
}

#navi div.mobile{
	margin-top:5px;
}

#navi div.shop_search_area div.floor_area,
#navi div.bn_area,
#navi div.link_area{
	margin-top:10px;
}

#navi div.shop_search_area div.category_area{
	margin-top:5px;
}

#navi div.shop_search_area div.floor_area ul#floor-list,
#navi div.shop_search_area div.category_area ul#cat-list{
	padding:5px 0 5px 0;
	display:none;

}

#navi div.shop_search_area li a{
	color:#666666;
	display:block;
	padding:0 5px 5px 20px;
}

#navi div.shop_search_area ul#floor-list li a:hover{
	background-image:url(../img/navi-floor-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

#navi div.shop_search_area ul#cat-list li a:hover{
	background-image:url(../img/navi-cat-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

#navi div.time_area div.ttl{
	color:#FFF;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	background:url(../img/navi_ttl_bg.gif) no-repeat;
	padding:0 8px 0 5px;
	margin-bottom:5px;
}

#navi div.time_area div.close_area div.ttl{
	margin-top:10px;
}

#navi div.pickup_area li{
	margin-bottom:10px;
}

#navi div.link_area li{
	margin-bottom:10px;
}

#navi div.mobile{
	background-color:#FFF;
	float:left;
	padding:3px 0 3px 3px;
}

#navi div.mobile img{
	float:left;
}

#navi div.mobile div.text{
	float:right;
	padding:3px 0px;
	width:75px;
}

#navi div.mobile div.text .note{
	font-size:80%;
	margin-top:3px;
}


/*フッター*/

#footer{
	clear:both;
	margin:30px 0 0 0;
	background:url(../img/footer_bg.jpg);
	font-size:10px;
	height:46px;
	color:#FFF;
}

#footer a{
color:#FFF;
}

#footer #cw{
	float:left;
	height:10px;
	padding:18px 10px;
}

#footer #pp{
	float:right;
	height:10px;
	padding:18px 10px;
}



/*----------------------------------------------
汎用
----------------------------------------------*/

.mrg-top10{
	margin-top:10px;
}

.mrg-top20{
	margin-top:20px;
}

.mrg-top30{
	margin-top:30px;
}

.mrg-btm10{
	margin-bottom:10px;
}

.mrg-btm20{
	margin-bottom:20px;
}

.mrg-btm30{
	margin-bottom:30px;
}


.pdg-btm10{
	padding-bottom:10px;
}

.mrg-left14{
	margin-left:40px;
}

.mrg-right10{
	margin-right:10px;
}

.f-sz110{
	font-size:110%;
}

.f-sz80{
	font-size:80%;
}

.f-red{
	color:red;
}

.t-center{
	text-align:center
}


.floatclear{
	clear:both;
}


a:link{
	color: #00F;
}
a:visited{
	color: #00F;
}
a:hover{
	color: #FF6600;
}


/*---------------------------------------------------------------------------------------------------------------
フロートバグ対策
解除したい要素にクラスclearfixを追加
*/


/*clearfixハック*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;
/*hides from IE-mac ?*/
*html .clearfix{height:1%}
.clearfix{display:inline-block;}
/*End hide from IE-mac*/