@charset "utf-8";


/*基本設定*/
body {
	background: #ffffdd;
	letter-spacing: 0.1em;
	color: #372C1E;
}

a {
	text-decoration: none;
	color: #372C1E;
}
a:hover {
	text-decoration: underline;
}
p {
	text-indent: 1em;
}
html {
	overflow-y: scroll;
	height: 100%;
	margin-bottom: 1px;
}
h3 {
	margin-top: 15px;
	font-size: 160%;
	font-weight: bold;
}
h2 {
	font-size: 200%;
	font-weight: bolder;
	background: url(../images/picLogo11x11.gif) no-repeat left center;
	color: #C00;
	border-bottom: 3px solid #C00;
	padding-left: 15px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 20px;
}

#mainContents address {
	font-size:13px;
}
#wrapper {
	width: 1114px;

}
#leftBar {
	width: 400px;
	float: left;
	background: url(../images/background.gif) no-repeat scroll left top;
}
.address {
	text-align: right;
	margin-top: 335px;
	margin-right: 15px;
	font-size: 14px;
}

#gNav {
	position: fixed;
	width: 70px;
	margin-left: 400px;
	border-right: 2px solid #9D794B;
	border-left: 2px solid #9D794B;
}

#gNav .nav1 {
	padding-top: 60px;
}
#gNav .nav8 {
	padding-bottom: 1200px;
}

#gNav li a {
	display: block;
	height: 70px;
	width: 70px;
}
#gNav li a:hover {
	background: transparent;
}
#gNav li a:hover img {
	visibility: hidden;
}
#gNav .nav1 a:hover {
	background: url(../images/navtop_hov.gif) no-repeat;
}
#gNav .nav2 a:hover {
	background: url(../images/navinfo_hov.gif) no-repeat;
}
#gNav .nav3 a:hover {
	background: url(../images/navparty_hov.gif) no-repeat;
}
#gNav .nav4 a:hover {
	background: url(../images/navfood_hov.gif) no-repeat;
}
#gNav .nav5 a:hover {
	background: url(../images/navalchol_hov.gif) no-repeat;
}
#gNav .nav6 a:hover {
	background: url(../images/navdrink_hov.gif) no-repeat;
}
#gNav .nav7 a:hover {
	background: url(../images/navaccess_hov.gif) no-repeat;
}
#gNav .nav8 a:hover {
	background: url(../images/navblog.png
	) no-repeat;
}


#mainContents {
	float: right;
	margin-top: 60px;
	text-align: center;
	width: 650px;
}
#mainContents #lefty {
	text-align: left;
	margin-left: 15px;
	font-size: 120%;
	line-height: 200%;
}

#mainContents #flash {
	z-index: 1;
	margin-right: 130px;
}

#mainContents address {
	text-align: right;
	margin-right: 140px;
}
 a.info{
            position:relative; /*this is the key*/
            z-index:24;
         }
         a.info:hover{z-index:25; background-color:#}
         a.info span{display: none}
         a.info:hover span{ /*the span will display just on :hover state*/
	margin-left: -23em;
	margin-top: -18px;
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:20em;
	border:1px solid #372C1E;
	background-color:#372C1E;
	color:#fff;
	text-align:left;
	font-size: 130%;
	padding: 5px;
	font-weight: bold;
         }
 a.baloon {
            position:relative; /*this is the key*/
            z-index:24;
         }
         a.baloon:hover{z-index:25; background-color:#}
         a.baloon span{display: none}
         a.baloon:hover span{ /*the span will display just on :hover state*/
	margin-left: 100px;
	margin-top: -150px;
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:20em;
	border:1px solid #7F5C2B;
	background-color:#;
	color:#7F5C2B;
	text-align:left;
	padding: 5px;
	font-weight: bold;
         }
 a.info{
            position:relative; /*this is the key*/
            z-index:24;
         }
         a.info:hover{z-index:25; background-color:#}
         a.info span{display: none}
         a.info:hover span{ /*the span will display just on :hover state*/
/*	margin-left: -23em;
	margin-top: -18px;
*/	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:20em;
	border:1px solid #372C1E;
	background-color:#372C1E;
	color:#fff;
	text-align:left;
	font-size: 130%;
	padding: 5px;
	font-weight: bold;
         }
#TabbedPanels1 {
	margin-left: 10px;
	font-size: 160%;
}
#TabbedPanels1 img {
	margin-left: -20px;
}
#TabbedPanels1 .TabbedPanelsContent img {
	margin-right: 0.2em;
	margin-bottom: 0.5em;
}
.TabbedPanelsContent {
	text-align: left;
}
.TabbedPanelsContent dt {
	text-indent:1.2em;
	border-top: 2px solid #7A5A2A;
}
#TabbedPanels1 a {
	font-size: 60%;
	background: #8B6A43;
	color: #FFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	}
#mainContents #lefty {
	font-size: 140%;
}