@charset "UTF-8";
/* CSS Document */

@import "./reset.css";

html,body {
	height: 100%;
}

img {
	margin: 0px;
	border: none;
}

body {
	margin: 0px;
	background-image: url(../images/common/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #CFC;
}

p {
	text-align:left; /*  両端揃え設定 */
	text-justify:distribute; /*  両端揃え設定 */
	font-size: 10px;
}

a {
	color: #5d9c37;
	font-size: 10px;
}


/* -------------------------------------------------------------- コンテナ設定 --------- */
#container {
	background-color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ABC78C;
	border-left-color: #A2C98B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ABC78C;
}

/* -------------------------------------------------------------- ヘッダー設定 --------- */
#header {
	height: 50px;
	width: 800px;
	background-color: #FFF;
	background-image: url(../images/top/bg_top02.jpg);
}
#header h1 {
	background-image: url(../images/common/logo/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 150px;
	float: left;
	line-height: 1;
}
#header h1 a {
	text-indent: -999em;
	display: block;
	height: 50px;
	width: 150px;
	overflow: hidden;
}
#header h2 {
	background-image: url(../images/common/catch_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	height: 45px;
	width: 382px;
	margin-right: 10px;
	display: block;
	float: right;
	margin-top: 16px;
}

/* ------------------------------------------ ヘッダーナビゲーション設定 -------------- */
#header #navi {
	float: right;
	height: 17px;
	width: 535px;
	padding-right: 10px;
}
#header #navi ul {
	width: 535px;
	display: block;
	height: 17px;
}
#header #navi ul li {
	float: left;
	height: 17px;
	display: block;
}
#header #navi ul #about_us a {
	background-image: url(../images/common/header_navi/navi01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	height: 17px;
	width: 110px;
	display: block;
	float: left;
	overflow: hidden;
}
#header #navi ul #about_us a:hover {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
#header #navi ul #about_us_now a {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	height: 17px;
	width: 110px;
	display: block;
	float: left;
	overflow: hidden;
}

#header #navi ul #salon a {
	background-image: url(../images/common/header_navi/navi01.gif);
	background-repeat: no-repeat;
	background-position: -110px top;
	text-indent: -999em;
	display: block;
	float: left;
	height: 17px;
	width: 55px;
	overflow: hidden;
}
#header #navi ul #salon a:hover {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -110px top;
	overflow: hidden;
}
#header #navi ul #salon_now a {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -110px top;
	text-indent: -999em;
	display: block;
	float: left;
	height: 17px;
	width: 55px;
	overflow: hidden;
}

#header #navi ul #school a {
	background-image: url(../images/common/header_navi/navi01.gif);
	background-repeat: no-repeat;
	background-position: -165px top;
	text-indent: -999em;
	display: block;
	float: left;
	height: 17px;
	width: 65px;
	overflow: hidden;
}
#header #navi ul #school a:hover {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -165px top;
	overflow: hidden;
}
#header #navi ul #school_now a {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -165px top;
	text-indent: -999em;
	display: block;
	float: left;
	height: 17px;
	width: 65px;
	overflow: hidden;
}

#header #navi ul #foods a {
	background-image: url(../images/common/header_navi/navi01.gif);
	background-repeat: no-repeat;
	background-position: -230px top;
	text-indent: -999em;
	display: block;
	height: 17px;
	width: 130px;
	float: left;
	overflow: hidden;
}
#header #navi ul #foods a:hover {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -230px top;
	overflow: hidden;
}
#header #navi ul #foods_now a {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -230px top;
	text-indent: -999em;
	display: block;
	height: 17px;
	width: 130px;
	float: left;
	overflow: hidden;
}

#header #navi ul #accessmap a  {
	background-image: url(../images/common/header_navi/navi01.gif);
	background-repeat: no-repeat;
	background-position: -356px top;
	text-indent: -999em;
	display: block;
	float: left;
	height: 17px;
	width: 91px;
	overflow: hidden;
}
#header #navi ul #accessmap a:hover {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -356px top;
	overflow: hidden;
}
#header #navi ul #accessmap_now a {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -356px top;
	text-indent: -999em;
	display: block;
	float: left;
	height: 17px;
	width: 91px;
	overflow: hidden;
}
#header #navi ul #contact_us a {
	background-image: url(../images/common/header_navi/navi01.gif);
	background-repeat: no-repeat;
	background-position: -451px top;
	text-indent: -999em;
	display: block;
	clear: right;
	float: left;
	height: 17px;
	width: 84px;
	overflow: hidden;
}
#header #navi ul #contact_us a:hover {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -451px top;
	overflow: hidden;
}
#header #navi ul #contact_us_now a {
	background-image: url(../images/common/header_navi/navi02.gif);
	background-repeat: no-repeat;
	background-position: -451px top;
	text-indent: -999em;
	display: block;
	clear: right;
	float: left;
	height: 17px;
	width: 84px;
	overflow: hidden;
}

/* --------------------------------------------------------------------- footer設定 -------------- */
#footer {
	clear: both;
	width: auto;
	height: 100px;
	background-color: #000;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
#footer #copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1;
	color: #FFF;
	float: none;
	letter-spacing: 0.2em;
}
#footer #pp_text a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 70%;
	line-height: 1;
	color: #FFF;
	text-decoration: none;
	padding-right: 5px;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-left: 5px;
}
#footer #pp_text a:hover {
	text-decoration: underline;	
}
#wrapper2 .page_top_box {
	width: 790px;
	text-align: right;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 10px;
	clear: both;
}

/* --------------------------------------------------------- ページ先頭設定 ------------------ */
#wrapper2 .pge_top {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	height: 13px;
	line-height: 1;
	text-decoration: none;
	text-align: right;
}
#wrapper2 .pge_top a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	height: 13px;
	line-height: 1;
	text-decoration: none;
	background-image: url(../images/common/page_top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}