@charset "utf-8";
/* CSS Document */
/*=========================================================
 html 
==========================================================*/

* {
	margin: 0px;
	padding: 0px;

}

body {
	background: url(../img/9back.gif) repeat top;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, div, p, ol, ul, li{
	text-align: left;
}

h1 {
	color: #FFFFFF;
	font-size: 10px;
	background: url(../img/h1_back.gif) no-repeat left top;
	padding: 5px 10px 0.5em;
	font-weight: normal;
}

h2 {
	width: 800px;
	height: 75px;
	background: url(../img/logo_9chair.gif) no-repeat center top;
	text-align: center;
}
ol, ul, li{
	list-style: none;
}

p {
	margin: 0px 0px 1em 0px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	font-size: 0.8em;
}


/*=========================================================
 layout 
==========================================================*/

#container {
	width: 820px;
	margin: 0px auto 0px;
	background: url(../img/back_container.gif) repeat-y top center;
	text-align: left;
}
#mainarea {
	width: 800px;
	margin: 0px auto 0px;
	text-align: center;
	background: url(../img/back_main.jpg) repeat-y top center;	
}

#header {
	width: 800px;
	margin: 0px auto 0px;
	text-align: center;
}

#headertop {
	width: 800px;
	height: 105px;
	margin: 0px auto 0px;
	
}

#headerimg {
	width: 800px;
	height: 325px;
	margin: 0px auto;
	background: url(../../img/headerimg.jpg) no-repeat top center;
}
#js {
	width: 583px;
	height: 300px;
	padding: 15px 0px 0px 20px;
}

#main {
	width: 760px;
	padding: 0px 20px 0px 20px; 
}
/*=========================================================
 main 
==========================================================*/
.content{
	width: 605px;
	padding-bottom: 30px;
	color: #2B1A13;
	float: left;
}

#subareamenu {
	display: block;
	width: 760px;
	margin: 0px auto 0px;
	text-align: left;
	
}

.content a {
	color: #666666;
	text-decoration: underline;	
}

.content a:hover{
	text-decoration: none;
}


/*=========================================================
 globalmenu 
==========================================================*/
#globalmenu {
	display: block;
	width: 760px;
	height: 70px;
	margin: 0px auto 0px;
	padding: 0px;
	
}


#globalmenu ul li {
	float: left;
}

#globalmenu ul li a{
	display: block;
	width: 70px;
	height: 70px;
	text-align: left;
	padding: 0px;
}

#globalmenu a:hover {
	text-decoration: none;
}
#globalmenu a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	/*Hides from IE-mac \*/
	overflow: hidden;
	/*End hides from IE-mac */
}
#globalmenu .top a { margin: 0px 45px 0px 0px; background: url(../img/btn_top.jpg) no-repeat left top;}
#globalmenu .top a:hover { background: url(../img/btn_top.jpg) no-repeat left bottom;}
#globalmenu .about a { margin: 0px 45px 0px 0px; background: url(../img/btn_about.jpg) no-repeat left top;}
#globalmenu .about a:hover { background: url(../img/btn_about.jpg) no-repeat left bottom;}
#globalmenu .menu a { margin: 0px 45px 0px 0px; background: url(../img/btn_menu.jpg) no-repeat left top;}
#globalmenu .menu a:hover { background: url(../img/btn_menu.jpg) no-repeat left bottom;}
#globalmenu .blog a { margin: 0px 45px 0px 0px; background: url(../img/btn_blog.jpg) no-repeat left top;}
#globalmenu .blog a:hover { background: url(../img/btn_blog.jpg) no-repeat left bottom;}
#globalmenu .party a { margin: 0px 45px 0px 0px; background: url(../img/btn_party.jpg) no-repeat left top;}
#globalmenu .party a:hover { background: url(../img/btn_party.jpg) no-repeat left bottom;}
#globalmenu .contact a { margin: 0px 45px 0px 0px; background: url(../img/btn_contact.jpg) no-repeat left top;}
#globalmenu .contact a:hover { background: url(../img/btn_contact.jpg) no-repeat left bottom;}
#globalmenu .link a { background: url(../img/btn_link.jpg) no-repeat left top;}
#globalmenu .link a:hover { background: url(../img/btn_link.jpg) no-repeat left bottom;}



/*=========================================================
footer
==========================================================*/

#footer {
	display: block;
	background: url(../img/footer.jpg) no-repeat left bottom;
	width: 800px;
	height: 100px;
	color: #FFFFFF;
	text-align: center;	
}
#footerinfo {
	display: block;
	width: 800px;
	height: 90px;
	text-align: center;
	padding: 10px 0px 0px 0px;
}
#footerinfo p {
	text-align: center;
	font-size: 10px;
}
#footerinfo  h3 {
	text-align: center;
	font-size: 10px;
	color: #E2AB60;
	line-height: 100%;
}

#footerinfo address {
	font-size: 10px;
	font-style: normal;
	line-height: 120%;
	color: #E2AB60;
}


#footerinfo a {
	color: #FFFFFF;
	text-decoration: underline;	
}

#footerinfo a:hover{
	text-decoration: none;
}


/*----------clearfix-----------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */