@charset "UTF-8";

/*
************************************************************

 Copyright (C) media kraft fuzoku aaa.

************************************************************
*/
/*////////////////////////////////////////////

	 class="clearfix"
	<div class="clear"></div>

	1. base
	2. 大枠
	3. コンテンツエリア（共通）
	4. プレミアムバナー
	5. ヘッダー
	6. 全国リンク
	7. google search

※記述順
display
list-style
position
float
clear
width
height
margin
paddint
border
background
color
font
text-decoration
text-align
vrtical-align
white-space
other text
content

////////////////////////////////////////////*/
/************************************************************************************************
 00. 東北フォーム用スタイル
*************************/
body#touhokuform {
	background-image: none;
	background-color: #fff;
}

/************************************************************************************************
 1. base 
*************************/


* {
	margin: 0;
	padding: 0;
}

body {
	font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		Osaka,
		"メイリオ"
		,Meiryo,
		"ＭＳ Ｐゴシック",
		sans-serif;
	background: #000077 url("/image/base/body_bg_blue.jpg") top left repeat-x;
	color: #333333;
	font-size: 13px;
*font-size: 75%;
	line-height: 1.4;
	text-align: center; /* IE6 */
}

ul {
list-style: none outside;
}

a:hover {color: #6633ff;}

a img {
	border: 0;
}


.clear {
	clear: both;
}

/* ブランクリンク用 */
a.blank {
	padding: 0 15px 0 0;
	background: url("/image/base/blankicon.gif") right 1px no-repeat;
}

/************************************************************************************************
 2. 大枠 
************************/
#contentsWapper {
	width: 890px;
	margin: 0 auto;
	background-color: #fff;
/*border: 1px black dashed;*/
	text-align: center; /* IE6 */
}

/************************************************************************
 3. コンテンツエリア（共通）
************************/

#mainContentsArea {
	width: 725px;
margin-left: 160px;
	float: left;
	display: inline;
	text-align: center; /* IE6 */
	background-color: #fff;
}


/************************
 4. プレミアムバナー
************************/

p#premiumbanner {
	width: 730px;
	margin: 6px auto 7px;
	background-color: #fee;
}

/*/////////////////////////////////////////////////
 5. ヘッダー
************************
 5. 
************************/

#header h1 {
	display: inline;
	float: left;
	width: 212px;
}

/************************
 
************************/
#headerRight {
	display: inline;
	float: left;
	width: 678px;
	border-bottom: 1px #ccc solid;
}

/************************
 6. 全国リンク
************************/
#wholeCountrylink {
}

#wholeCountrylink li{
	text-indent: -9999px;
	float: left;
	display: inline;
}

ul#wholeCountrylink li#hokkaido a{
	display: block;
	background: url("/image/base/hokkaido.jpg") top left no-repeat;
	width: 90px;
	height: 26px;
	overflow:hidden;
}

ul#wholeCountrylink li#touhoku a{
	display: block;
	background: url("/image/base/touhoku.jpg") top left no-repeat;
	width: 79px;
	height: 27px;
	overflow:hidden;
}

ul#wholeCountrylink li#kantou a{
	display: block;
	background: url("/image/base/kantou.jpg") top left no-repeat;
	width: 74px;
	height: 26px;
	overflow:hidden;
}

ul#wholeCountrylink li#koushinetsu a{
	display: block;
	background: url("/image/base/koushinetsu.jpg") top left no-repeat;
	width: 90px;
	height: 26px;
	overflow:hidden;
}

ul#wholeCountrylink li#kansai a{
	display: block;
	background: url("/image/base/kansai.jpg") top left no-repeat;
	width: 79px;
	height: 26px;
	overflow:hidden;
}

ul#wholeCountrylink li#chuushikoku a{
	display: block;
	background: url("/image/base/chuushikoku.jpg") top left no-repeat;
	width: 86px;
	height: 26px;
	overflow:hidden;
}

ul#wholeCountrylink li#kyuushuu a{
	display: block;
	background: url("/image/base/kyuushuu.jpg") top left no-repeat;
	width: 79px;
	height: 26px;
	overflow:hidden;
}
/**/

/************************
 7. google search
************************/

#googleSearch {
	margin-left: 400px;
}

/************************
 
************************/


/************************
 お店探し
************************/
div#quickAreaSearch {
	float: left;
	display: inline;
	padding: 0;
	/font-family: "メイリオ" , "ＭＳ Ｐゴシック";
	/font-size: 93%;
	/text-align: left;
}

/* ul */
ul.quickAreaShopSearch {
	height: 18px;
	border: 1px #fff solid;
	padding: 0;
}

ul.quickAreaShopSearch li {
	display: inline;
	float: left;
	margin: 0;
	padding: 1px 1px 1px 10px;
	font-size: 10px;
	*font-size: 10px;
	background: url("/image/base/arrow_red.gif") no-repeat 4px 2px;
}

/* お店探し */
#header ul.quickAreaShopSearch li.qasTitle {
	background-image: none;
font-weight: bold;
	padding-left: 5px;
}

/* デリ探し */
#header ul.quickAreaShopSearch li.qasdeliTitle {
	padding-left: 5px;
	background-image: none;
font-weight: bold;
}

/*** IE7ハック ***/

/* リスト */

*+ html div#quickAreaSearch ul.quickAreaShopSearch li a,
*+ html div#quickAreaSearch ul.quickAreaShopSearch li.qasTitle,
*+ html div#quickAreaSearch ul.quickAreaShopSearch li.qasdeliTitle {
	font-size: 10px;
	line-height: 1.7;
}

*+ html div#quickAreaSearch ul.quickAreaShopSearch li.qasdeliTitle {
font-weight: bold;
}

/*** IE6ȉ ***/
/* リスト */
/* html ul.quickAreaShopSearch {
	width: 590px;
	height: 14px;
	margin-left: 213px;
border: 1px red dashed; */
}

* html div#quickAreaSearch ul.quickAreaShopSearch li {
	background: url("/image/base/arrow_red.gif") no-repeat 4px 2px;
}


* html div#quickAreaSearch ul.quickAreaShopSearch li,
* html div#quickAreaSearch ul.quickAreaShopSearch li a {
	font-size: 10px;
	line-height: 1.4;
}

* html div#quickAreaSearch ul.quickAreaShopSearch li.qasdeliTitle {
font-weight: bold;
}



 /*B wb_[܂
/////////////////////////////////////////////////*/
/************************************************
 パンくず 
************************/

#topicPath {
	font-size: 10px;
	text-align: left;
}

#topicPath li {
	float: left;
	height: 35px;
	line-height: 2.5;
	padding-left: 15px;
}

#topicPath li.crumb {
	background: url("/image/base/arrow.gif") no-repeat 1px 8px;
}


/************************************************
 左カラム 
************************/

div#leftBanner {
	float: left;
	display: inline;
	width: 150px;
	margin-left: -878px;
	_margin-left: -880px;
	padding-bottom: 10px;
	position: relative;
	background-color: #fff;
}

div#leftBanner ul {
background-color: #d6edf5;
	width: 140px;
	padding-bottom: 5px;
}
div#leftBanner ul li {
	margin-top: 10px;
}



/************************
 このページの先頭へ
************************/

p#pegetop {
	height: 20px;
	text-align: right;
	clear: both;
border: 0px #eee solid;
}

/************************************************
 フッター 
************************/

#footer {
	clear: both;
}

#footerBottom {
	background: url("/image/base/footer_bg.jpg") top left repeat;
	height: 68px;
}

#footerLink {
	width: auto;
	height: 25px;
	padding-top: 5px;
	margin: 0 auto;
border-right: 1px #009 solid;
border-left: 1px #009 solid;
	overflow: hidden;
}

#footerLink a{
	display: block;
	border-left: 1px #669 solid;
	padding: 7px 10px 0 10px;
	color: #fff;
	font-size: 0.9em;
}
* html #footerLink a { /* IE6用 */
	font-size: 0.9em;
}
*+html #footerLink a { /* IE7用 */
	font-size: 0.8em;
}

#footerLink a:hover {
	background-color: #009;
	color: #eef;
}

#footer ul li {
	float: left;
	display: inline;
}

#footer address {
	clear: both;
	color: #fff;
	text-align: center;
	font-size: 8px;
	line-height: 1.7;
}

/* ブランクアイコン */
a.blankLink {
	background: url("/image/base/blankicon.gif") top right no-repeat;
	padding-right: 14px;
}

/*/////////////////////////////////////////
 floatをクリアー
/////////////////////////////////////////*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*display
list-style
position
float
clear
width
height
margin
paddint
border
background
color
font
text-decoration
text-align
vrtical-align
white-space
other text
content
*/