/*
///////////////////////////////////////////////////////////////////////
=======================================================================
	       コメダ珈琲店　オフィシャルホームページ
	 	 http://www.komeda.co.jp/index.html
	Copyright (C) 2007 KOMEDA CO.,LTD.All Rights Reserved.
=======================================================================
///////////////////////////////////////////////////////////////////////
-----　Index.html　----------------------------------------------------
*/

DIV#rssFeed{
	float:left;
	padding-left:550px;
	padding-top:30px;
}


/*=====================================================================
　FLASH
=====================================================================*/
.ie8 #flash {
	width:730px;
	height:243px;
	margin-left:auto;
	margin-right:auto;
}
.ie7 #flash {
	width:730px;
	height:230px;
	margin-left:auto;
	margin-right:auto;
}
.ie6 #flash {
	width:730px;
	height:230px;
	margin-left:auto;
	margin-right:auto;
}
.opera #flash {
	width:730px;
	height:243px;
	margin-left:auto;
	margin-right:auto;
}
.gecko #flash {
	width:730px;
	height:243px;
	margin-left:auto;
	margin-right:auto;
}

/*=====================================================================
　メニューリンク
=====================================================================*/
#kwick {
	position:relative;
}


#kwick .kwicks{
	margin-top:0px;
	display:block;
	height:30px;
}


#kwick li{
	margin:0px;
	float:left;
	color:#ede8ca;
}


#kwick .kwick{
	width:69px;
	height:30px;
	background:#ffffff;
	border-right:#efe7c9 1px solid;
	cursor:pointer;
	overflow:hidden;
	display:block;
	padding:5px 17px 5px 17px;
}


#kwick .kwick span{
	display:none;
}


#kwick .coffee{
	background:url(../images/index/menu/coffee.gif) #ede8ca;
}


#kwick .tea{
	background:url(../images/index/menu/tea.gif) #ede8ca;
}


#kwick .drink{
	background:url(../images/index/menu/drink.gif) #ede8ca;
}


#kwick .food{
	background:url(../images/index/menu/food.gif) #ede8ca;
}


#kwick .dessert{
	background:url(../images/index/menu/dessert.gif) #ede8ca;
}


#kwick .special{
	background:url(../images/index/menu/special.gif) #ede8ca;
}


#kwick .morning{
	background:url(../images/index/menu/morning.gif) #ede8ca;
	border-right-width:0px;
}


.ie8 #floatL{
	float:left;
	margin-left:-30px;
	padding-top:10px;
	padding-bottom:6px;
}

.ie7 #floatL{
	float:left;
	margin-left:-30px;
	padding-top:10px;
}

.ie6 #floatL{
	float:left;
	margin-left:-30px;
	padding-top:10px;
}

.opera #floatL{
	float:left;
	margin-left:-30px;
	padding-top:10px;
	padding-bottom:6px;
}

.gecko #floatL{
	float:left;
	margin-left:-30px;
	padding-top:10px;
	padding-bottom:6px;
}
.safari #floatL{
	float:left;
	margin-left:-30px;
	padding-top:10px;
	padding-bottom:6px;
}

ul {
	list-style-type:none;
}


/*=====================================================================
　店舗紹介
=====================================================================*/
/*　土台　*/
#shop{
	background:url(../images/index/shop/hk1.gif) no-repeat top left;
	width:360px;
	height:144px;
	margin-left:auto;
	margin-right:auto;
}


/*　上余白調整　*/
td.stpt{
	padding-top:42px;
}


/*　店舗紹介＋Infomation　*/
#info_shop{
	width:365px;
	float:left;
	margin-left:6px;
	/*background-color:red;*/

}


#cBanner{
	float:left;
}




/*=====================================================================
　店舗検索
=====================================================================*/
/*　店舗検索全体　*/
#search_index{
	width:366px;
	height:318px;
}

#search_index1{
	float:left;
	width:366px;
	height:318px;
}

#search_index2{
	float:left;
	width:366px;
	height:318px;
}


/*　フォーム　*/
form{
	margin:0px;
	padding:0px;
}


/*　フリーワード　*/
#search_top{
	width:331px;
	height:48px;
	background:url(../images/index/search/s_title.jpg) no-repeat top left;
	padding-top:53px;
	padding-left:35px;
	text-align:left;
}

/* コメダ店舗検索用フリーワード */
#search_top1{
	width:331px;
	height:48px;
	background:url(../images/index/search/ns_title1.jpg) no-repeat top left;
	padding-top:8px;
	padding-left:35px;
	text-align:left;
}

/* おかげ庵店舗検索用フリーワード */
#search_top2{
	width:331px;
	height:48px;
	background:url(../images/index/search/ns_title2.jpg) no-repeat top left;
	padding-top:8px;
	padding-left:35px;
	text-align:left;
}


/*　フリーワードタイトル　*/
p.map{
	color:#4C382F;
	font-weight:bold;
	font-size:10pt;
	margin:0px;
}

p.map1{
	color:#4C382F;
	font-weight:bold;
	font-size:10pt;
	margin:0px;
}
p.map2{
	color:#4C382F;
	font-weight:bold;
	font-size:10pt;
	margin:0px;
}



/*　地図　*/
#search_bottom{
	width:366px;
	height:217px;
}

#search_bottom1{
	width:366px;
	height:217px;
}
#search_bottom2{
	width:366px;
	height:217px;
}

/*　店舗検索＋携帯版バナー　*/
#search_mobile{
	width:366px;
	margin-top:00px;
	margin-right:5px;
	text-align:left;
	float:left;

	/*background-color:blue;*/
}


DIV#flashMapAndMobileBarcode{
	width:366px;
	height:363px;
	margin-top:00px;
	margin-right:5px;
	text-align:left;
	float:left;
	/*background-color:blue;*/
}


/*=====================================================================
　Infomation
=====================================================================*/
/*　Infomation+Infoicon.gif　*/
#info_index{
	width:330px;
	text-align:left;
	padding-right:20px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;


}


/*　レイアウト　Infomation　*/
#infomation{
	width:340px;
	height:342px;
	color:#867b77;
	background-color:#f2f4e0;
	border-top:#663300 1px dotted;
	border-bottom:#663300 1px dotted;
	overflow:auto;
	scrollbar-face-color:#a69490;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#e1e1e1;
	scrollbar-arrow-color:#665450;
	scrollbar-track-color:#f6f4f0;
	scrollbar-darkshadow-color:#e1e1e1;
	text-align:left;
	padding:5px 0px 5px 5px;
}


/*　日付　*/
p.date{
	color:#663300;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
	float:left;
}


/*　お知らせ内容　*/
.news{
	width:320px;
	color:#867b77;
	font-weight:normal;
	line-height:13pt;
	margin-bottom:15px;
	padding:5px 0px 10px 0px;
	border-bottom:1px #947658 dotted;
}


/*　Infomation　リンク　*/
.info{
	color:#626c8e;
}



/*=====================================================================
　バナー
=====================================================================*/
/*　携帯版コメダバナー　*/
#mobile{
	width:366px;
	height:92px;
	padding-top:42px;
	text-align:center;
}


.ie8 #mobile2{
	width:366px;
	height:92px;
	text-align:left;
	float:right;
}

.ie7 #mobile2{
	width:366px;
	height:92px;
	text-align:left;
	float:right;
}

.ie6 #mobile2{
	width:366px;
	height:92px;
	margin-top:-80px;
	text-align:left;
	float:right;
	/*background-color:blue;*/
}

.opera #mobile2{
	width:366px;
	height:92px;
	text-align:left;
	float:right;
}

.gecko #mobile2{
	width:366px;
	height:92px;
	text-align:left;
	float:right;
}
.safari #mobile2{
	width:366px;
	height:92px;
	text-align:left;
	float:right;
}



/*　バナー　*/
#banner{
	width:745px;
	height:50px;
	padding-top:0px;
	text-align:center;
	letter-spacing:10px;
	clear:both;
}

/*=====================================================================
　Ｈ１処理
=====================================================================*/
#title_h1{
	DISPLAY: none;
}

DIV#rss{
	DISPLAY: none;
}


/*=====================================================================
　Safari
=====================================================================*/
DIV#SafariDIV_01{
	float:left;
	width:730px;
	height:230px;
	BACKGROUND: url(../images/safari_char1.jpg) no-repeat;
	margin-left:10px;
	z-index:1:
}
DIV#SafariDIV_01 DIV#sxxx{
	float:right;
	width:144px;
	height:26px;
	margin-top:194px;
	margin-right:9px;
	z-index:21:
}


/*iMap Safari*/
DIV#iPadMap{
	width:366px;
	height:352px;
	background:url(../images/iPadMap.gif) no-repeat top left;
}

DIV#iPadMapKomedaForm{
	float:left;
	padding-top:75px;
	padding-left:28px;
}
DIV#iPadMapOkageForm{
	float:left;
	padding-top:89px;
	padding-left:28px;
}

DIV#bxxx{
	float:left;
	width:214px;
	height:29px;
	margin-top:29px;
	margin-left:77px;
}
DIV#cxxx{
	float:left;
	width:214px;
	height:29px;
	margin-top:27px;
	margin-left:77px;
}
DIV#cxxx2{
	float:left;
	width:214px;
	height:29px;
	margin-top:24px;
	margin-left:77px;
}