@import "reset.css";
@import "default.css" ;

body {
	text-align:center;
}

#container {
	position:relative;
}

#header .inner {
	z-index:100 !important;
}

.kaede {
	width:220px;
	height:370px;
	background:url('../images/kaede.png') no-repeat 0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:1 !important;
}

#wrapper {
	width:100%;
	text-align:center;
	background-color:#f2f7fe;
	margin-top:-4px;
	padding-top:4px;
}

#contents {
	width:800px;
	margin:0 auto;
	text-align:left;
}

/*
	ヘッダ・フッタ
*/
#header {
	width:100%;
	height:101px;
	border-bottom:4px solid #D7472E;
	z-index:50;
}
#top_image {
	text-align:center;
	z-index:3;
	padding:0;
/*
	background:url('../images/header.png') repeat-x 0 top;
	background:url('../images/global_menu_back.png') repeat-x 0 bottom;
*/
}
#top_image .inner {
	z-index:-1 !important;
}

#top_image img {
	z-index:-1 !important;
	display:block;
	margin:0 10px;
}
#global_menu {
	z-index:10;
	border-top:1px solid #F1C5BE;
	background:url('../images/global_menu/back.gif') repeat-x 0 0;
}

#footer {
	width:100%;
	text-align:center;
	border-top:1px solid #ccc;
	background-color:#262ABF !important;
}
#header .inner, #footer .inner {
	width:800px;
	margin:0 auto;
	text-align:left;
}

	#header #logo {
		width:240px;
		height:80px;
		display:block;
		float:left;
		margin:8px 0;
		text-indent:-999em;
	}
	#header #logo a {
		width:100%;
		height:100%;
		display:block;
		background:url('../images/logo.png') no-repeat 0 0;
	}
	
#header .phone {
	float:right;
	margin-right:120px;
}

/*
	フッター
*/
#footer {
	text-align:left;
	background:url('../images/footer.png') #d03319 repeat-x 0 0;
	color:#ccc;
}

#footer .f_small {
	color:#00b7ee;
}

#footer .inner {
	margin-top:16px;
	padding-bottom:8px;
}

#footer #copyright {
	color:#aaa;
	font-size:90%;
	margin-top:32px;
	margin-bottom:0;
}


/*
	グローバルメニュー
*/
#global_menu ul {
	clear:both;
	width:800px;
	height:36px;
	margin:0 auto;
	padding:8px;
}
	#global_menu ul li {
		margin:0;
/*
		width:266px;
*/
		height:36px;
		display:block;
		float:left;
		text-indent:-999em;
	}
	#global_menu ul li a {
		margin:0;
/*
		width:100%;
*/
		width:266px;
		height:100%;
		display:block;
		background:url('../images/global_menu/global_menu.gif') no-repeat;
	}
	#gm_top a {
		background-position:-2px -8px !important;
	}
	#gm_top a:hover, #gm_top a.active {
		background-position:-2px -60px !important;
	}
	#gm_menu a {
		background-position:-268px -8px !important;
	}
	#gm_menu a:hover, #gm_menu a.active {
		background-position:-268px -60px !important;
	}
	#gm_salon a {
		background-position:-535px -8px !important;
	}
	#gm_salon a:hover, #gm_salon a.active {
		background-position:-535px -60px !important;
	}
	#gm_access a {
		background:url('../images/global_menu/access.png') no-repeat 0 0;
	}
	#gm_contact a {
		background-position:-602px -8px !important;
	}
	#gm_contact a:hover, #gm_contact a.active {
		background-position:-602px -60px !important;
	}

/*
	コンテンツ
*/
#contents {
	
}
	#contents .inner {
		margin:8px;
	}

/*

*/
h3 {
	clear:both;
}

ol li {
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:2em;
}

a { outline: none; }

/*
	汎用
*/
.f_left {
	float:left;
}

img.f_left {
	margin:0 8px 8px 0;
}

.detail {
}

.with_disc {
	padding-left:1em;
}
.with_disc li {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1em;
}

.f_small {
	font-size:85%;
}

.t_right {
	text-align:right;
}
.t_center {
	text-align:center;
}
.t_left {
	text-align:left;
}

.caution {
	font-size:90%;
	color:#e80012;
	margin-top:16px;
	margin-bottom:16px;
}

.break {
	margin-top:1em;
}

#top_image .inner {
	margin:0 auto;
	width:820px;
	height:270px;
	background:url('../images/image_back.gif') no-repeat 0 0;
}

#back_top_bottom {
	margin-bottom:0;
	height:24px;
	text-indent:-999em;
}
	#back_top_bottom a {
		float:right;
		width:64px;
		height:100%;
		display:block;
		background:url('../images/back_top.gif') no-repeat 0 0;
	}
	#back_top_bottom a:hover {
		background-position:0 -24px;
	}