/* CSS Document */

* { padding: 0px; margin:0px;  line-height: 1.3em; }
html { height: 100%; }
body { height:100%; font-size: 12px; background-image:url(../images/bg.jpg); color: #622D18; }
a { color: #009900; }
table { border-collapse: collapse; }

h1 { color: #FFFFFF; margin: 7px 10px auto auto; font-size: 10px;}

/*フッター*/
#container {
	width: 760px;
	margin: 0px auto;
	background-image: url(../images/bg_contents.gif);
}

/*フッター*/
#container_footerbg { margin: 0px auto; background: transparent url(../images/top/footer.jpg) repeat-x center bottom; }
/*著作権*/
#container_footer {
	margin: 0px auto;
	width: 758px;
	background-image: url(../images/top/footer.jpg);
	text-align: center;
	height: 30px;
}
/*茶背景*/
#container_brown { background: #24140E url(../images/top/header_bg.gif) repeat-x scroll center top; margin: 0px auto; }
/*ナビ*/
#container_navi {
	width: 760px;
	margin: 0px auto;
	height: 30px;
	background: #24140E url(../images/top/header_bg.gif) repeat-x scroll center top;
}
#container_navi .right { float: right; display: inline; }
#container_navi .left { float: left; display: inline; }
#container_navi img { margin-left: 10px; }

/*メイン・外枠*/
#container_core00 { width: 760px; margin: 0px auto; position: relative; }
#container_main {
	width: 760px;
	margin: 0px auto;
}
#main_title {
	margin: 30px auto 30px auto;
	width: 690px;
}
#main_title img { margin-bottom: 5px; }
#main_contents {
	margin: 0px auto 60px auto;
	width: 690px;
}

/*共通クラス*/
.clear { clear: both; height: 0px; }

.font10 { font-size: 10px; }
.font16 { font-size: 16px; }

.pad3 { padding: 3px; }
.pad10 { padding: 10px; }

.mat5 { margin-top: 5px; }
.mar5 { margin-right: 5px; }
.mab5 { margin-bottom: 5px; }
.mab10 { margin-bottom: 10px; }

.bg_brown { background-color: #24140E; }

.white { color: #FFFFFF; }

/*バナー・外枠*/
#container_core01 { position: absolute; width: 760px; margin: 0px auto; z-index: 1; }
/*バナー*/
#banner {
	width: 190px;
	z-index: 6;
	float: right;
	position: relative;
	margin: 10px 10px 10px 0px;
}
#container_core01 #banner .mab5{ margin-bottom: 5px; }
#container_core01 #banner .mab3{ margin-bottom: 3px; }

#container_core01 #banner .topics { background-image:url(../images/top/topics_bg.gif); color: #DCD6D2; font-size: 10px; line-height: normal; }
#container_core01 #banner .topics td { padding: 0px 1px 1px 0px; }
#container_core01 #banner .topics a { font-size: 10px; color: #CCCC00; }

/*Flash*/
#container_flash { width: 760px; margin: 0px auto; z-index: -1; }

/*サブ*/
#container_sub { width: 760px; margin: 15px auto; line-height: normal; color: #8F6552; }

#container_sub #concept { width: 550px; margin: 0px auto; float: left; display: inline; }
#container_sub #concept #title { width: 550px; margin-bottom: 10px;}
#container_sub #concept #image { width: 90px; margin: 0px 10px 0px 0px; float: left; display: inline; }
#container_sub #concept #image td { padding: 0px 2px 2px 0px; }
#container_sub #concept #text { width: 445px; margin: 0px; float: right; display: inline;   line-height: 1.26em; }

#container_sub #salon { width: 190px; margin: 0px auto; float: right; display: inline; margin: 0px 10px 0px 0px; color: #6E3925; }
#container_sub #salon .time { border: 1px solid #6E3925;}
#container_sub #salon .time td { padding: 3px; }