/* HEINZ ハインツ　逆さケチャップで目黒通りインテリアショップジャック */
@charset "shift_jis";

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

		全ページ共通部分

***************************** */
/* ------------------------------

	コンテンツ
	
------------------------------ */
* {
	margin: 0;
	padding: 0;
}

html{
	height:100%;
}

body {
	height:100%;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	background: #c41019;
	margin: 0;
	padding: 0;
	text-align: center;
}


div#container{
	width: 800px;
	background: #FFFFFF;
	margin: 0px auto;
	position:relative;
	min-height: 100%;
}

* html div#container{
    height:100%;
}


body > #container {
        height: auto;
}

#header {
	background: #eeeeee; 
	padding: 0;
}

/* ------ メインコンテンツボックス ------ */

#mainContent {
	width: 750px;
	background: #FFFFFF;
	text-align: center;
	margin: 20px;
	padding-bottom: 10px;
	position: relative;
	z-index: 0;
}

#mainContent1 {
	width: 680px;
	background: #FFFFFF;
	text-align: center;
	margin: 0 60px;
	padding-bottom: 10px;
	position: relative;
	top: -10px;
	z-index: 0;
}

#mainContent2 {
	width: 680px;
	background: #FFFFFF;
	text-align: center;
	margin: 0 60px;
	padding-bottom: 10px;
	position: relative;
	top: -30px;
	z-index: 0;
}

#mainContent3 {
	width: 680px;
	background: #FFFFFF;
	text-align: center;
	margin: 0 60px;
	padding-bottom: 10px;
	position: relative;
	top: 0px;
	z-index: 0;
}

#mainContent4 {
	width: 680px;
	background: #FFFFFF;
	text-align: center;
	margin: 0 60px;
	padding-bottom: 10px;
	position: relative;
	top: -23px;
	z-index: 0;
}

#mainContent5 {
	width: 680px;
	background: #FFFFFF;
	text-align: center;
	margin: 0 60px;
	padding-bottom: 10px;
	position: relative;
	top: -33px;
	z-index: 0;
}
/* ------ フッター ------ */

#footer {
	height: 51px;
	position: relative;
	bottom: 0px;
}

#footTop {
	width: 800px;
	height: 21px;
	background: url(images/footer.gif) no-repeat top center;
	margin: 0;
	padding: 0;
}

#footMiddle{
	width: 770px;
	padding: 10px 30px 20px 0;
	margin: 0;
	text-align: right;
	background-color: #f5c500;
	}

/* ------------ */

p {
	padding: 0;
	margin: 0;
}


img {
	margin: 0;
	padding: 0;
	border: 0;
}

form {
	margin-top: 5px;
	}

input.writearea {
	width: 295px;
	margin-bottom: 10px;
	}

textarea.tagarea {
	font-size: 12px;
	width: 130px;
	height: 70px;
	*height: 50px;
	margin-top: 10px;
}

.clear {clear: both;
	margin: 0;
	padding: 0;}


/* ------------------------------

	グローバルナビ
	
------------------------------ */

#g_navi {
	width: 800px;
	height: 67px;
	padding: 0;
	margin: 0 0 10px 0;
}

#g_navi ul {
	height: 67px;
	padding: 0;
	margin: 0;
}

#g_navi li {
	height: 67px;
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
}

#g_navi li a {
	height: 67px;
	display: block;
	float: left;
	text-indent:-10000em;
	text-decoration: none;
	overflow: hidden;
	/*\*//*/
	overflow:auto;
	/**/
}

/* ------ off ------ */
#g_navi li.home a {
	background:url(images/navi.gif) no-repeat 0px -0px;
	width: 159px;}
#g_navi li.rally a {
	background:url(images/navi.gif) no-repeat -159px -0px;
	width: 160px;}
#g_navi li.shop a {
	background:url(images/navi.gif) no-repeat -319px -0px;
	width: 160px;}
#g_navi li.child a {
	background:url(images/navi.gif) no-repeat -479px -0px;
	width: 160px;}
#g_navi li.blog a {
	background:url(images/navi.gif) no-repeat -639px -0px;
	width: 161px;}

/* ------ hover ------ */
#g_navi li.home a:hover {
	background:url(images/navi.gif) no-repeat 0px -67px;}
#g_navi li.rally a:hover {
	background:url(images/navi.gif) no-repeat -159px -67px;}
#g_navi li.shop a:hover {
	background:url(images/navi.gif) no-repeat -319px -67px;}
#g_navi li.child a:hover {
	background:url(images/navi.gif) no-repeat -479px -67px;}
#g_navi li.blog a:hover {
	background:url(images/navi.gif) no-repeat -639px -67px;}

/* ------ on ------ */
#g_navi li.home_on a {
	background:url(images/navi.gif) no-repeat 0px -67px;
	width: 159px;}

#g_navi li.rally_on a {
	background:url(images/navi.gif) no-repeat -159px -67px;
	width: 160px;}

#g_navi li.shop_on a {
	background:url(images/navi.gif) no-repeat -319px -67px;
	width: 160px;}

#g_navi li.child_on a {
	background:url(images/navi.gif) no-repeat -479px -67px;
	width: 160px;}

#g_navi li.blog_on a {
	background:url(images/navi.gif) no-repeat -639px -67px;
	width: 161px;}

#g_navi:after{
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1px;
}

/* ------------------------------

	補足ナビ
	
------------------------------ */

#s_navi {
	width: 335px;
	*width: 375px;
	height: 47px;
	text-align: left;
	margin-right: 10px;
	position: relative;	
	z-index: 1;
	}

#s_navi ul {
	list-style: none;
	padding: 0;
	}

#s_navi li {
	display: inline;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -10000em;
	outline: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	}

#s_navi li a {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -10000em;
	outline: none;
	} 

/* ------ 仮置き ------ */

#s_navi li.event_on {	background-image: url(images/l_event_on.jpg);	width: 165px; height: 47px; margin-right: 10px;}

/* ------ END 仮置き ------ */

#s_navi li.event a {	background-image: url(images/l_event.gif);	width: 165px; height: 47px; margin-right: 10px;}
#s_navi li.room a {	background-image: url(images/l_room.jpg);	width: 160px; height: 44px;}

#s_navi li.event a:hover {	background-position: 0 -47px;}
#s_navi li.room a:hover {	background-position: 0 -44px;}


#s_navi:after{
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1px;
}

/* ------------------------------
	アンカー
   ------------------------------ */

a {outline:none; margin: 0; padding: 0; border: 0;}
a:link { color: #c41019;}
a:visited { color: #c41019;}
a:hover { color: #ffae9b;}


/* ------------------------------

	フォント
	
------------------------------ */

span.txtBG {
	font-size: 14px;
	font-weight: bolder;
	color: #3A7B46;
}

span.txtBG12 {
	font-size: 12px;
	font-weight: bolder;
	color: #3A7B46;
}

span.txtBR {
	font-size: 14px;
	font-weight: bolder;
	color: #c41019;
}

span.txtBR12 {
	font-size: 12px;
	font-weight: bolder;
	color: #c41019;
}

span.txtB {
	font-size: 12px;
	font-weight: bolder;
}


/* ------------------------------

	マージン
	
------------------------------ */

.marR30 {
	margin-right: 30px;}

.marR10 {
	margin-right: 10px;}
	
.marB10 {
	margin-bottom: 10px;}

	
.marTB10 {
	margin: 10px 0;}