@charset "utf-8";

/*
	SITE: KiKi KYOBASHI
	url: http://www.kiki-kyobashi.jp/
	
-----------------------------------------------------------

	Index
	1.reset,font(YUI)
	2.link
	3.page
	4.header
	5.main
	6.footer
	7.clear

----------------------------------------------------------- 


 1.reset [
----------------------------------------------------------- */
/*

Copyright (c) 2007, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.2.2

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

body * { color:#333;}

/* --------------------------------------------------------- */
body {
	font-size:12px;line-height:1.7em;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	background:url(../images/bg_body.jpg) center 0 repeat-y;
}
*:first-child + html body {
	font-family: "メイリオ","ＭＳ Ｐゴシック",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
}
img {
	vertical-align: text-bottom;
}
td,th {
	vertical-align:top;
}

/*
 2.link [
----------------------------------------------------------- */

a:link			 {color:#F90033;text-decoration:none;}
a:visited		 {color:#F90033;text-decoration:none;}
a:active		 {color:#F90033;text-decoration:none;}
a:hover			 {color:#F90033;text-decoration:underline;}

div#footer a:link	 {color:#464646;text-decoration:none;}
div#footer a:visited	 {color:#464646;text-decoration:none;}
div#footer a:hover	 {color:#04001E;text-decoration:underline;}

.link_format1 a * { color:#0000ff;}
.link_format1 a:link { color:#0000ff;}
.link_format1 a:visited { color:#0000ff;}
.link_format1 a:hover { color:#0000ff;}


div#main a:link			 {color:#333;text-decoration:none;}
div#main a:visited		 {color:#333;text-decoration:none;}
div#main a:active		 {color:#333;text-decoration:none;}
div#main a:hover		 {color:#333;text-decoration:underline;}


/*
 3.page [
----------------------------------------------------------- */
div#page {
	width:850px; margin:0 auto;
}


/*
 4.header [
----------------------------------------------------------- */
body#index div#header {
	width:100%; height:123px; 
	background:url(../images/bg_header.gif) 0 0 no-repeat;
}
div#header {
	position:relative; 
	width:100%; height:123px; 
	background:url(../images/bg_header.gif) 0 0 no-repeat;
}

div#header h1 a {
	display:block;
	position:absolute;
	top:14px; left:4px;
	width:123px; height:55px;
	background:url(../images/spacer.gif) no-repeat ;
	text-indent:-998px;
	overflow:hidden;
}
div#header p#h_logo a{
	display:block;
	position:absolute;
	top:20px; left:12px;
	width:195px; height:60px;
	background:url(../images/spacer.gif) no-repeat ;
	text-indent:-9998px;
}
div#header p#h_discription {
	width:0; height:0; overflow:hidden;
}
div#header address {
	width:0; height:0;
	overflow:hidden;
}
/* g_navi */
dl#g_navi {
	position:absolute;
	right:0px; bottom:50px;
}
dl#g_navi dt{
	width:0; height:0;
	overflow:hidden;
}
dl#g_navi dd ul li{
	display:inline;
	margin-right:13px;
}

/* h_navi */
dl#h_navi {
	position:absolute;
	width:100%; height:50px;
	left:0px; bottom:0px;
	background:url(../images/bg_hnavi.jpg) 0 0 no-repeat;
}
dl#h_navi dt{
	width:0; height:0;
	overflow:hidden;
}
dl#h_navi dd ul li{
	float:left;
}
dl#h_navi dd ul li a{
	position:absolute;
	display:block;
	overflow:hidden;
	background:url(../images/spacer.gif);
	text-indent:-9998px;
}
a#hnavi_top { width:121px; height:50px; left:0; top:0;}
a#hnavi_top:hover,a#hnavi_top.current { background:url(../images/bg_hnavi_o.jpg) 0 0 no-repeat;}

a#hnavi_floor { width:122px; height:50px; left:122px; top:0;}
a#hnavi_floor:hover,a#hnavi_floor.current { background:url(../images/bg_hnavi_o.jpg) -122px 0 no-repeat;}

a#hnavi_shop { width:119px; height:50px; left:244px; top:0;}
a#hnavi_shop:hover,a#hnavi_shop.current { background:url(../images/bg_hnavi_o.jpg) -244px 0 no-repeat;}

a#hnavi_event { width:120px; height:50px; left:364px; top:0;}
a#hnavi_event:hover,a#hnavi_event.current { background:url(../images/bg_hnavi_o.jpg) -364px 0 no-repeat;}

a#hnavi_access { width:121px; height:50px; left:485px; top:0;}
a#hnavi_access:hover,a#hnavi_access.current { background:url(../images/bg_hnavi_o.jpg) -485px 0 no-repeat;}

a#hnavi_faq { width:120px; height:50px; left:607px; top:0;}
a#hnavi_faq:hover,a#hnavi_faq.current { background:url(../images/bg_hnavi_o.jpg) -607px 0 no-repeat;}

a#hnavi_about { width:122px; height:50px; left:728px; top:0;}
a#hnavi_about:hover,a#hnavi_about.current { background:url(../images/bg_hnavi_o.jpg) -728px 0 no-repeat;}


div#swf { 
	position:absolute;
	top:0px; left:0;
}

/*
 5.main [
----------------------------------------------------------- */
div#main {
	position:relative; 
	width:100%;
	background:url(../images/bg_main.jpg) 0 0 repeat-y ;
	padding-bottom:20px;
}
body#index div#box_contents {
	float:left;
	width:560px;
	margin-top:12px; padding-left:10px;
}
body#index div#box_side {
	float:right;
	width:235px;
	margin-top:12px; padding-right:10px;
}

body#topics div#box_contents ,
body#event div#box_contents ,
body#access div#box_contents ,
body#faq div#box_contents ,
body#about div#box_contents {
	width:830px;
	margin:18px auto 0;
	padding-bottom:20px;
}
body#floor-map div#box_contents , body#shop-list div#box_contents {
	float:right;
	width:565px;
	margin-top:12px;
	padding-bottom:20px; padding-right:10px;
}
body#floor-map div#box_side , body#shop-list div#box_side {
	float:left;
	width:235px;
	margin-top:12px; padding-left:10px;
}
body#floor-map  ul li, 
body#shop-list ul li { margin-bottom:.3em;}
body#shop-list div#box_side ul li ul li ul li { background:url(../images/ico_triangle_2.gif) 40px 8px no-repeat; border-bottom:1px dashed #ccc; padding: 4px 0 4px 50px; margin-bottom:4px;}


/*
 6.footer [
----------------------------------------------------------- */
div#footer {
	position:relative; 
	width:100%; height:100px;
	background:url(../images/bg_footer.jpg) 0 0 no-repeat ;
}
div#footer dl#f_navi dt{
	width:0; height:0;
	overflow:hidden;
}
div#footer dl#f_navi dd {
	margin:5px; padding-bottom:10px;
	text-align:center;
}
div#footer dl#f_navi dd li {
	float:left;
	padding:3px 3px;
}
div#footer p#f_copy {
	border-top:1px solid #000;
	text-align:center;
	font-size:.8em;
}
div#footer p#f_logo {
	position:absolute;
	right:0; bottom:4px;
}
/*
 7.clear [
----------------------------------------------------------- */
.z:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .z{height: 1%;}
*+html .z{height: 1%;}
/* End hide from IE-mac */

.x:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clear{clear:both;}