@charset "utf-8";

/*------------------------------*/
/* 共通 */

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

body {
	margin: 0 auto;
	background: #F4F4F4;
	text-align: center;
	color: #4F4F4F;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 100%;
}

/* for IE6 */
* html body {
	font-size: 88%;
	font-family: Verdana, 'ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

/* for IE7 */
*:first-child+html body {
	font-size: 88%;
	font-family: Verdana, 'ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

a:link { color: #963E58; text-decoration: none; } 
a:visited { color: #963E58; text-decoration: none; } 
a:hover { color: #963E58;	text-decoration: underline; }
a:active { color: #963E58; text-decoration: none; }

a { outline: none; }

strong { font-weight: normal; }

#body {
	width: 920px;
	text-align: left;
	margin: 0 auto;
}

.dotted{
	clear:both;
	margin:10px auto 30px;
	background: url(../img/dotted02.jpg) left top repeat-x;
	height:1px;
}

/* リスト非表示 */
.list-txt { display: none; }

/* clearboth */
.clear{	clear: both; }

img  {
	vertical-align: top;
	border: none;
}

/* ページトップ */
#pagetop {
	clear: both;
    height: 23px;
	margin: 0px;
	padding: 5px 0px;
	text-align: right;
}
#pagetop p {
	float: right;
    width: 80px;
    height: 23px;
}
.pagetop a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/button_pt.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.pagetop a:hover {
    background-image: url(../img/button_pt.jpg);
    background-position: 0px -23px;
}

/*------------------------------*/
/* ヘッダー */
#header {
	width: 915px;
	height: 16px;
	padding-left: 5px;
	background: url(../img/header_bg.jpg) no-repeat;
}

h1{
	font-size: 72%;
	line-height: 100%;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
}

/* 上部ナビゲーション */
#headerlist_box {
	float: right;
	padding-top: 0.5em;
}
.headerlist { text-align:right; }

.headerlist li {
	list-style: none outside;
	display: inline;
}
.headerlist li a {
	text-decoration: none;
	display: inline;
	padding: 2px 2px 2px 18px;
	margin-left: 5px;
	background: url(../img/listmark_pink.gif) no-repeat 0.1em center;
	color: #4F4F4F;
	font-size: 72%;
}
.headerlist li a:link { color: #4F4F4F; text-decoration:none; }
.headerlist li a:visited { color: #4F4F4F; text-decoration:none; }
.headerlist li a:hover { color:#4F4F4F;	text-decoration:underline; }
.headerlist li a:active { color: #4F4F4F; text-decoration:none; }


/* ロゴ */
#logoBox {
	clear: both;
	width: 920px;
	hright: 48px;
	margin-top: 1.5em;
	_margin-top: 1.1em;
}
.logo {
	width: 397px;
	height: 48px;
	float: left;
}

.tel{
	width: 369px;
	height: 48px;
	float: right;
}

/*------------------------------*/
/* メインナビゲーション */
#navigationbox {
	clear: both;
	width: 920px;
	height: 41px;
	text-align: left;
	padding-top: 15px;
}
#topnavi {
    width: 920px;
	margin: 0px;
}
#topnavi ul {
    width: 920px;
    height: 41px;
   }
#topnavi li {
    width: 115px;
    height: 41px;
    float: left;
	list-style: none;
}
li.navi01 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}
li.navi01 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: 0px -41px;
}
li.navi02 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: -115px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}
li.navi02 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: -115px -41px;
}
li.navi03 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: -230px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}
li.navi03 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: -230px -41px;
}
li.navi04 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: -345px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}
li.navi04 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: -345px -41px;
}
li.navi05 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: -460px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}
li.navi05 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: -460px -41px;
}
li.navi06 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: -575px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}
li.navi06 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: -575px -41px;
}
li.navi07 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: -690px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}
li.navi07 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: -690px -41px;
}
li.navi08 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navigation.jpg);
    background-position: -805px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}
li.navi08 a:hover {
    background-image: url(../img/navigation.jpg);
    background-position: -805px -41px;
}

/*------------------------------*/
/* 下部ナビゲーション設定 */  
#bottom_navigation_box {
	width: 918px;
	background:;
	padding: 20px 0px;
	border: #B0B0B0 1px solid;
	text-align: center;
}
#bottom_navigation {
	width: 875px;
	margin: 0px auto;
}
.bottom_navigation li {
	display: inline;
	line-height: 1.8em;
	list-style: none outside;
	margin: 0 5px;
	font-size: 86%;
}

.bottom_navigation li a {
	text-decoration: none;
	color: #6F6F6F;
	padding: 2px 5px;
	height: 20px;
}
.bottom_navigation li a:link { color: #6F6F6F; text-decoration:none; }
.bottom_navigation li a:visited { color: #6F6F6F; text-decoration:none; }
.bottom_navigation li a:hover { color:#6F6F6F; text-decoration:underline; }
.bottom_navigation li a:active { color: #6F6F6F; text-decoration:none; }


/*------------------------------*/
/* 加盟団体 */  
#affiliation_box {
	width: 900px;
	height: 60px;
	padding: 30px 0 15px;
	margin: 0px auto;
	text-align: center;
}
#affiliation_img {
	width: 50px;
	height: 50px;
	float: left;
	margin-left: 10px;
}
.affiliation_txt {
	width: 135px;
	float: left;
	text-align: left;
	margin: 0px 20px 0px 5px;
	font-size: 72%;
	line-height: 120%;
	color: #6F6F6F;
}

/*------------------------------*/
/* フッター */ 
#footer_box {
	clear:both;
	width: 918px;
	height: 74px;
	background:;
	padding: 15px 0px 10px;
	background: url(../img/dotted02.jpg) left top repeat-x;
	border-bottom: #96015F 3px solid;
	text-align: center;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}

.address {
	font-size: 79%;
	line-height: 1.2em;
	margin-top: 5px;
	color: #6F6F6F;
}
.copy {
	font-size: 86%;
	margin-top: 15px;
	color: #4F4F4F;
}

/*------------------------------*/
/* 予約する */
.reserve {
	clear:both;
	width: 704px;
	height: 80px;
	background: url(../img/reserve_bg.gif) no-repeat;
	margin-top: 30px;
}

.reserve_center {
	clear:both;
	width: 704px;
	height: 80px;
	background: url(../img/reserve_bg.gif) no-repeat;
	margin: 30px auto 0;
}

.reserveButton { padding:20px 0 0 515px; }


/*------------------------------*/
/* メンテナス案内 */
.maintenance{
	font-size:129%;
	text-align:center;
	line-height:2em;
	padding:20px 0;
	color:#F00;
}