@charset "utf-8";

/*--------------------------------------------
html
----------------------------------------------*/

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


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

ul, ol, li {
	list-style: none;
} 

a img { 
    border: none; 
}

hr {
    display:none;
}


/*--------------------------------------------
body
----------------------------------------------*/
/*基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ(px) : 指定する値(%)
10px : 77%
11px : 85%
12px : 92%
13px : 100%
14px : 107%
15px : 114%
16px : 122%
17px : 129%
18px : 136%
19px : 144%
20px : 152%
21px : 159%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197% 
*/

body {
    background:url(../img/bk.gif) repeat-x;
	text-align:center;
	font-family:'メイリオ',Meiryo,Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",'ＭＳ Ｐゴシック';
	font-size:13px;
	*font-size:small;
	*font:x-small;
}

html,body{
	height:100%;
}



#container {
	width:780px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
}


/*--------------------------------------------
header
----------------------------------------------*/

#header{
    background:#2E1B14;
    width:780px;
	height:70px;
} 

#header .contact {
	height:70px;
	padding:0px;
	margin-left:530px;
	position:absolute;
	top:0;   
}

/*--------------------------------------------
glovalnavi
----------------------------------------------*/

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

#globalnavi {display: inline-block;}

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


#globalnavi ul {
    margin-left:300px;
}

#globalnavi li{
    width:120px;
	height:30px;
	float:left;
}

#globalnavi li a {
    width:120px;
	height:30px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	/* Hides from IE-mac \*/	
	overflow: hidden;
	/* End hide from IE-mac */
}

#globalnavi .access a {
    background:url(../img/btn_access.gif) no-repeat left top;
}

#globalnavi .access a:hover {
    background:url(../img/btn_access.gif) no-repeat left bottom;
}

#globalnavi .faq a {
    background:url(../img/btn_faq.gif) no-repeat left top;
}

#globalnavi .faq a:hover {
    background:url(../img/btn_faq.gif) no-repeat left bottom;
}
#globalnavi .link a {
    background:url(../img/btn_link.gif) no-repeat left top;
}

#globalnavi .link a:hover {
    background:url(../img/btn_link.gif) no-repeat left bottom;
}
#globalnavi .sitemap a {
    background:url(../img/btn_sitemap.gif) no-repeat left top;
}

#globalnavi .sitemap a:hover {
    background:url(../img/btn_sitemap.gif) no-repeat left bottom;
}

/*--------------------------------------------
mainarea
----------------------------------------------*/

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

#mainarea {
	display: inline-block;
	width:780px;	
	background:#FFFFFF;
	padding:10px 0px 0px;
}

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


/*--------------------------------------------
main
----------------------------------------------*/


#main {
    width:580px;
	padding:0px 10px;
	margin:0px auto;
	float:right;
}

#main h2 {
	margin-bottom:10px;
}

	
/*--------------------------------------------
subarea
----------------------------------------------*/

#subarea {
    width:180px;
	float:left;
	position:absolute;
	top:110px;
}

#subarea li a {
    width:160px;
	height:45px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	/* Hides from IE-mac \*/	
	overflow: hidden;
	/* End hide from IE-mac */
}


#subarea .reservation a{
    width:160px;
	height:145px;
}

#subarea .concept a {
    background:url(../img/btn_concept.jpg) no-repeat left top;
}

#subarea .concept a:hover {
    background:url(../img/btn_concept.jpg) no-repeat right top;
}

#subarea .menu a {
    background:url(../img/btn_menu.jpg) no-repeat left top;
}

#subarea .menu a:hover {
    background:url(../img/btn_menu.jpg) no-repeat right top;
}

#subarea .campaign a {
    background:url(../img/btn_campaign.jpg) no-repeat left top;
}

#subarea .campaign a:hover {
    background:url(../img/btn_campaign.jpg) no-repeat right top;
}

#subarea .aloma a {
    background:url(../img/btn_aloma.jpg) no-repeat left top;
}

#subarea .aloma a:hover {
    background:url(../img/btn_aloma.jpg) no-repeat right top;
}

#subarea .school a {
    background:url(../img/btn_school.jpg) no-repeat left top;
}

#subarea .school a:hover {
    background:url(../img/btn_school.jpg) no-repeat right top;
}

#subarea .blog a {
    background:url(../img/btn_blog.jpg) no-repeat left top;
}

#subarea .blog a:hover {
    background:url(../img/btn_blog.jpg) no-repeat right top;
}

#subarea .reservation a {
    background:url(../img/btn_reservation.jpg) no-repeat left top;
	margin:15px 0px 0px;
}

#subarea .reservation a:hover {
    background:url(../img/btn_reservation.jpg) no-repeat left bottom;
	margin:15px 0px 0px;
}

/*--------------------------------------------
footer
----------------------------------------------*/

.push {
     height: 50px;
}

#footer {
    background:#2E1B14;
	width:100%;
	padding:10px 0;
	line-height:150%;
	text-align:center;
}

#footercontents {
	width:760px;
	margin:0px auto;
	padding:0px 10px;
}

#footercontents ul {
	text-align:center;

}

#footer li {
	display:inline;
    color:#FFFFFF;
	font-size:11px;
}

#footer address {
    color:#F3DCBA;
    font-size:11px;
	text-align:center;
	font-style:normal;
	float:left;
}


#footer p {
    color:#F3DCBA;
    font-size:11px;
	text-align:center;
	float:right;
}

#footer a {
    color:#F3DCBA;
}

#footer a:hover {
    color:#9DBA3D;
	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 */