@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

a{ outline:none;}

body {
	background:url(../images/bg.jpg);
	font-size:90%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴPro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック";
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
}

#wrapper {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	width:790px;
	color: #000000; /* 基本文字色 */
	text-align:left;
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	padding:0;
	background-image:url(../images/background.jpg);
}


/* リンク
---------------------------------------------------- */
a:link {color:#F69; text-decoration:none;} /* リンクの色 */
a:visited {color: ##F69; text-decoration:none;} /* 訪問済みリンクの色 */
a:hover, a:active {color: #f67fcd; text-decoration:underline;} /* マウスオーバー、アクティブリンクの色 */


/* ヘッダ
---------------------------------------------------- */
#header {
	width:790px;
	height:112px;
	margin:0 auto;
	background:url(../images/header.jpg) no-repeat;
}
h1 span{ color:#fff; font-size:10px; padding-left:10px; line-height:1.3em; letter-spacing:1px; font-weight:normal;}

h1 {margin: 0px;float:left;}
h1 a{display:block;text-decoration:none;width:790px;height:112px;}
h1 a:link, h1 a:visited{text-decoration:none;}
h1 img{vertical-align:bottom;} /* firefox,Operaなどで、見出し画像下の隙間をなくす */


/* ナビゲーション
---------------------------------------------------- */
#navigation {
	width:790px;	/* ナビボックス横幅 */
	height:34px;
	font-size:12px;
	line-height:120%;
	margin:0px;
}
#navigation ul{list-style:none;}
#navigation li a{display:block;text-decoration:none;height:34px;}

#navigation #navi1{float:left; width:95px;}
#navigation #navi2{float:left; width:103px;}
#navigation #navi3{float:left; width:151px;}
#navigation #navi4{float:left; width:103px;}
#navigation #navi5{float:left; width:151px;}
#navigation #navi6{float:left; width:187px;}


/* flash
---------------------------------------------------- */
#flash {
	width:600px;
	height:250px;
	padding:10px 0 0 10px;
}

/* ページ本体
---------------------------------------------------- */
#pagebody{
	width:770px;
	padding:0px 10px;
	background-image:url(../images/background.jpg);
}

h2{clear:both;}
h3{clear:both;}
h4{clear:both;}

/* フッタ
---------------------------------------------------- */
#footer{
	clear:both;
	width:770px;
	padding:5px 10px;
	color:#FFF;
}

#footer-link{
	background-color:#6b2f32;
	font-size:10px;
	padding:10px;
	width:770px;
	color:#fff;
}
#footer-link ul{ line-height:1.7em; margin-bottom:10px;}
#footer-link li{
	list-style:none;
	display:inline;
	border-right:#fff 1px solid;
	padding:0px 3px;
}
#footer-link li.last{border:solid; padding-right:0px;}
#footer-link a:link {color: #fff; text-decoration:underline;}
#footer-link a:visited {color: #000; text-decoration:underline;}
#footer-link a:hover, a:active {color: #000; text-decoration:underline;} 

/* トップページ
---------------------------------------------------- */
#page-top {
    float:left;
	width:790px;
	height:270px;
	margin:0 auto;
	background:url(../images/fl_back.jpg) no-repeat;
}

#access{margin-bottom:10px;  float:left;}

#top-left{ width:247px; float:left; margin-bottom:10px;}
#top-right{ width:493px; float:left; padding:10px; margin-left:10px; margin-bottom:10px; background-color:#FFF}

#top-catchbg{
	background:url(../images/top-catchbg.jpg) no-repeat top;
	width:480px;
	padding:0px 15px 10px 15px;
	margin-bottom:0px;
}

.photo{width:200px; height:135px; margin-right:10px;float:left;	margin-top:10px;}

.top-sub{
	float:left;
	width:277px;
	background-color:#e1ded6;
	font-weight:bold;
	color:#613f24;
	padding:2px;
	margin-top:10px;
		}

.top-01bg{
	float:left;
	width:283px;
	padding:0;
	margin-top:5px;
	font-size:90%;
}

#midasi{
	background-color:#f9e0e0;
	width:477px;
	margin:0;
	font-size:90%;
	padding: 8px 0 8px 10px;
	border-left: medium solid #ff5865;	
	}

#info{
	width:750px;
	background-color:#FFF;
	padding:10px;
	margin-bottom:20px;
}

#info table{
	width:750px	
	}

#info th{
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #6b2f32;
	vertical-align:top;
	border-collapse:collapse;
	font-weight:normal;
	text-align:left;
}
#info td{
	width:100%;
	padding:5px 0px 5px 20px;
	border-bottom:1px solid #6b2f32;
	border-collapse:collapse;
}

#flashplayer{
	width:750px;
	padding:0;
	margin:0;
}


/* 施設案内
---------------------------------------------------- */
#sisetu{
	width:750px;
	background-color:#FFF;
	padding:10px;
	margin-bottom:10px;
}

#sisetu table{
	width:750px	
	}

#sisetu th{
	width:15%;
	padding:5px 0px 5px 12px;
	background-color:#F99;
	border-bottom:1px solid #FCC;
	vertical-align:top;
	border-collapse:collapse;
	font-weight:normal;
	text-align:left;
}
#sisetu td{
	width:85%;
	padding:5px 0px 5px 15px;
	border-bottom:1px dotted #ccc;
	border-collapse:collapse;
}

/* 汎用スタイルシート
---------------------------------------------------- */
.white{background-color:#FFF; margin:0; padding:0;}

p{margin-bottom:1.2em;}
img {border: 0px;}

.clear {clear: both;}

.tar{text-align:right}
.tac{text-align:center}
.tal{text-align:left}

.f-left{float:left}
.f-right{float:right; margin-bottom:10px;}

.aka {color:#e91f31;}
.aka2 {color:#e91f31; font-size:10px; letter-spacing:1px;}
.green{ color:#7eb056;}

.li{ margin-bottom:15px; margin-left:30px;list-style-type:circle;}
.olli{margin-bottom:15px; margin-left:30px; }

.title{
	clear:both;
	font-size:100%;
	border-left:3px solid #f67f5d;
	margin-bottom:10px;
	padding:10px 10px 10px 15px;
	color:#000;
}
.title2{
	clear:both;
	font-size:95%;
	color:#567fcd;
	margin-bottom:5px;
}

.link{background:url(../images/mark4.gif) no-repeat 0px 5px; padding-left:15px;}
.text-s{ font-size:12px; line-height:1.5em;}

.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}