@charset "UTF-8";

@import"http://oggi.tv/css/reset.css";
@import"http://oggi.tv/css/fonts.css";

/* ------------------------------------------------------------
	Reset
------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer,
header, hgroup, menu, nav, section {
	display: block;
}
#commonHeader{display:none;}
#header{display:none;}
#topicPass{display:none;}
#globalHeader{display:none;}
#mainRight{display:none;}
#footer{display:none;}
#footer2{display:none;}
#contents{width:480px;background-color:#FFFFFF;}
#mainBox{}
#staffCredit{display:none;}
#mainHeader{display:none;}


/* ------------------------------------------------------------
	HTML, Body, Anchor
------------------------------------------------------------ */
html {
	width: 480px;
	/*border-right: 1px dotted red;*/
	-webkit-text-size-adjust: none;
}
body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	font-size: 16px;
}
a {
	color: #000;
	-webkit-tap-highlight-color: rgba(00,33,99,0.3);
}
li {list-style:none;}


/* ------------------------------------------------------------
	Contents
------------------------------------------------------------ */

.eMessage {
	color:#FF0000;
}

.txtFix {
	display:none;
}

.textFix {
	display:none;
}

.txtFix2 {
	text-decoration:none;
	text-indent:-9999px;
	display:block;
}

#mainLeft {
	width:480px;
	padding-bottom:10px;
}

.btnSearch{
	position:relative;
	margin-left:10px;
	width:126px;
	display:inline;
}

.area_name {
	color:#FFFFFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:120%;
	font-weight:bold;
	line-height:1.5em;
	position:relative;
	float:left;
	margin-bottom:10px;
	width:460px;
	height:23px;
	background-image:ur/img/oggi.tv/p/oggi.tv/p/iphone_shopnavi_cont_bar.jpg);
	background-repeat:no-repeat;
}

.txtKen{
	position:relative;
	float:left;
	color:#FFFFFF;
	padding-left:1.8em;
	
}

.txtContTitle{
	position:absolute;
	color:#FFFFFF;
	font-size:92%;
	font-weight:bold;
	line-height:1em;
	width:auto;
	margin:4px 0 0 10px;
}

#mainLeft #dotLine{
	position:relative;
	clear:both;
	width:480px;
	height:35px;
	background-image:url(/img/oggi.tv/p/dot_line.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#mainLeft #mainHeader{
	position:relative;
	width:480px;
	height:35px;
	background-image:url(/img/oggi.tv/p/iphone_shopnavi_main_header.png);
}

#mainLeft #mainTitle{
	position:relative;
	width:480px;
	height:62px;
	margin-bottom:35px;
	background-image:url(/img/oggi.tv/p/iphone_shopnavi_cont_title.png);
}

#mainLeft #contTitle{
	position:relative;
	width:480px;
	height:62px;
	margin-bottom:35px;
	background-image:url(/img/oggi.tv/p/iphone_shopnavi_cont_title.png);
}

/* ブランド名で検索 ----------------------------------------------------------*/

#mainLeft #searchBrandBox{
	position:relative;
	width:480px;
	height:auto;
	padding-bottom:17px;
	margin-bottom:25px;
	background-image:url(/img/oggi.tv/p/iphone_shopnavi_cont_footer.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	
}

#mainLeft #searchBrandBox #contHeader{
	position:relative;
	width:480px;
	height:36px;
	background-image:url(/img/oggi.tv/p/iphone_shopnavi_cont_header.png);
}

#mainLeft #searchBrandBox #contBg{
	position:relative;
	width:465px;
	padding-left:15px;
	padding-bottom:5px;
	/*padding-right:15px;*/
	background-image:url(/img/oggi.tv/p/iphone_shopnavi_cont_bg.png);
	background-position:bottom left;
	background-repeat:repeat-y;
	height: auto;
}

#mainLeft #searchBrandBox #contBg #formBox{
	padding-top:10px;	
}

/* 50音順で検索 --------------------------------------------------------------*/

#contKanaBg{
	width:480px;
	padding-right:15px;
	background-image:url(/img/oggi.tv/p/iphone_shopnavi_cont_bg.png);
	background-position:bottom left;
	background-repeat:repeat-y;
	height:560px;
}

#kanaLeft {
	display:block;
	width:290px;
	height:245px;
	margin-left:5px;
}

#kanaRight {
	display:block;
	width:290px;
	height:245px;
	margin-left:5px;
}

ol.kanaList{
	position:relative;
	width:300px;
	height:245px;
	padding-top:5px;
}

ol.kanaList li{
	float:left;
	display:inline;
	margin-left:17px;
	margin-bottom:15px;
}

ol.kanaList li a{
	display:block;
	width:40px;
	height:40px;
}

ol.kanaList li#btnBLK{
	width:40px;
	height:40px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_blank.jpg);
}

ol.kanaList li#btnBLK2{
	width:40px;
	height:40px;
	margin-left:24px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_blank.jpg);
}

ol.kanaList li#kanaA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_a.jpg);}
ol.kanaList li#kanaI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_i.jpg);}
ol.kanaList li#kanaU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_u.jpg);}
ol.kanaList li#kanaE a{background-image:url(/img/oggi.tv/p/shopnavi_btn_e.jpg);}
ol.kanaList li#kanaO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_o.jpg);}

ol.kanaList li#kanaHA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ha.jpg);}
ol.kanaList li#kanaHI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_hi.jpg);}
ol.kanaList li#kanaFU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_fu.jpg);}
ol.kanaList li#kanaHE a{background-image:url(/img/oggi.tv/p/shopnavi_btn_he.jpg);}
ol.kanaList li#kanaHO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ho.jpg);}

ol.kanaList li#kanaKA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ka.jpg);}
ol.kanaList li#kanaKI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ki.jpg);}
ol.kanaList li#kanaKU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ku.jpg);}
ol.kanaList li#kanaKE a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ke.jpg);}
ol.kanaList li#kanaKO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ko.jpg);}

ol.kanaList li#kanaMA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ma.jpg);}
ol.kanaList li#kanaMI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_mi.jpg);}
ol.kanaList li#kanaMU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_mu.jpg);}
ol.kanaList li#kanaME a{background-image:url(/img/oggi.tv/p/shopnavi_btn_me.jpg);}
ol.kanaList li#kanaMO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_mo.jpg);}

ol.kanaList li#kanaSA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_sa.jpg);}
ol.kanaList li#kanaSI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_si.jpg);}
ol.kanaList li#kanaSU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_su.jpg);}
ol.kanaList li#kanaSE a{background-image:url(/img/oggi.tv/p/shopnavi_btn_se.jpg);}
ol.kanaList li#kanaSO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_so.jpg);}

ol.kanaList li#kanaYA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ya.jpg);}
ol.kanaList li#kanaYU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_yu.jpg);}
ol.kanaList li#kanaYO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_yo.jpg);}

ol.kanaList li#kanaTA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ta.jpg);}
ol.kanaList li#kanaTI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ti.jpg);}
ol.kanaList li#kanaTU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_tu.jpg);}
ol.kanaList li#kanaTE a{background-image:url(/img/oggi.tv/p/shopnavi_btn_te.jpg);}
ol.kanaList li#kanaTO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_to.jpg);}

ol.kanaList li#kanaRA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ra.jpg);}
ol.kanaList li#kanaRI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ri.jpg);}
ol.kanaList li#kanaRU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ru.jpg);}
ol.kanaList li#kanaRE a{background-image:url(/img/oggi.tv/p/shopnavi_btn_re.jpg);}
ol.kanaList li#kanaRO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ro.jpg);}

ol.kanaList li#kanaNA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_na.jpg);}
ol.kanaList li#kanaNI a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ni.jpg);}
ol.kanaList li#kanaNU a{background-image:url(/img/oggi.tv/p/shopnavi_btn_nu.jpg);}
ol.kanaList li#kanaNE a{background-image:url(/img/oggi.tv/p/shopnavi_btn_ne.jpg);}
ol.kanaList li#kanaNO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_no.jpg);}

ol.kanaList li#kanaWA a{background-image:url(/img/oggi.tv/p/shopnavi_btn_wa.jpg);}
ol.kanaList li#kanaWO a{background-image:url(/img/oggi.tv/p/shopnavi_btn_wo.jpg);}
ol.kanaList li#kanaN  a{background-image:url(/img/oggi.tv/p/shopnavi_btn_n.jpg);}


/* 地域から検索する ----------------------------------------------------------*/

#mainLeft #searchBrandBox #contBg #areaBox{
	padding-top:10px;
}

div#mainRight{
	top:0px;
}


#btnBox{
	position:relative;
	width:450px;
	height:23px;
	margin-top:10px;
}

/* 次へ ----------------------------------------------------*/

#btnNext{
	position:relative;
	float:right;
	width:48px;
	height:23px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_next.jpg);
}

#btnNext a{
	display:block;
	width:48px;
	height:23px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_next.jpg);
}

#btnNext a:hover{background-position:0 -23px;}


/* 前へ ----------------------------------------------------*/

#btnPrev{
	position:relative;
	float:right;
	width:48px;
	height:23px;
	right:5px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_prev.jpg);
}

#btnPrev a{
	display:block;
	width:48px;
	height:23px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_prev.jpg);
}

#btnPrev a:hover{background-position:0 -23px;}


/* ショップ一覧に戻る ----------------------------------------------------*/

#btnPrevShop{
	position:relative;
	float:left;
	width:133px;
	height:23px;
	left:30px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_prev_shop.jpg);
}

#btnPrevShop a{
	display:block;
	width:133px;
	height:23px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_prev_shop.jpg);
}

#btnPrevShop a:hover{background-position:0 -23px;}


/* 近くにあるショップを探す ----------------------------------------------------*/

#btnSearchShop{
	position:relative;
	float:right;
	width:133px;
	height:23px;
	right:90px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_search_shop.jpg);
}

#btnSearchShop a{
	display:block;
	width:133px;
	height:23px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_search_shop.jpg);
}

#btnSearchShop a:hover{background-position:0 -23px;}


/* MAP ----------------------------------------------------*/

#btnMap{
	background-image:url(/img/oggi.tv/p/shopnavi_btn_map.jpg);
	position:relative;
	float:left;
	width:55px;
	height:23px;
}

#btnMap a{
	display:block;
	width:55px;
	height:23px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_map.jpg);
}

#btnMap a:hover{background-position:0 -23px;}

/* 検索ページトップへ戻る ----------------------------------------------------*/

#btnPrevTop{
	background-image:url(/img/oggi.tv/p/shopnavi_btn_top.jpg);
	position:relative;
	float:right;
	width:124px;
	height:12px;
	margin-right:5px;
	margin-bottomt:20px;
}

#btnPrevTop a{
	display:block;
	width:124px;
	height:12px;
	background-image:url(/img/oggi.tv/p/shopnavi_btn_top.jpg);
	margin-bottomt:20px;
}

#btnPrevTop a:hover{background-position:0 -12px;}

.txtKen{
	position:relative;
	float:left;
	color:#FFFFFF;
	padding-left:1.8em;
	
}

ul.searchBrandUl {
	color:#000000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:16px;
	position:relative;
	width:480px;
}

li.searchBrandLi {
	list-style:none;
	text-indent:1.5em;
	height:20px;
	margin-bottom:13px;
	background-image:url(/img/oggi.tv/p/shopnavi_icon.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

h4 {
	color:#000000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:16px;
	font-weight:bold;
	position:relative;
	margin-left:20px;
	margin-bottom:5px;
}

#mainLeft #shopLogo{
	position:relative;
	margin-left:20px;
	margin-bottom:35px;
}

#mainLeft #shopLogo2{
	position:relative;
	text-align:center;
	margin-left:20px;
	margin-bottom:35px;
}


