@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);



/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定です
* ---------------------------------------------------------------- */

body {
/* --- 基本的な前景色（文字色）を設定してください --- */
color: #333333;
/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
background: #FFFFFF;
}

#container1 {
/* --- 内容部分の背景を設定してください --- */
/* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
背景に変化をつけることができます */
background: transparent;
/* --- ドキュメント本体の幅を設定してください --- */
/* Note：百分率指定も可能です */
/* --- ドキュメント本体の位置を設定してください --- */
/* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
margin: 0 auto;
padding:0px;
/* --- ウインドウ幅を縮めた場合でも最低限の読みやすさを確保できる寸法を設定してください */
/* Note：IE6ではこのプロパティは無効です */
background:url(../img/head_bg.jpg) repeat-x left top;
}

/* ---------------------------------------------------------------- *
ヘッダ部分の設定です
* ---------------------------------------------------------------- */

#header {
/* --- 背景を設定してください（短縮プロパティでの設定です） --- */
background:url(../img/head_bak.jpg) no-repeat 200px bottom;
/* --- マージンを設定してください --- */
/* Note：上下マージンの折りたたみに注意してください */
margin:0;
height:94px;
min-width: 600px;
/* --- パディングを設定してください --- */
padding:0px;
}  

#header h1 {
padding:20px 0 0 10px;
float:left;
}

* html #header h1 {
behavior: expression(IEPNGFIX.fix(this));
} 

.s_btn {
margin:6px 10px 0 0;
float:right;
}

/* ---------------------------------------------------------------- *
ナビゲーション部分の設定です
* ---------------------------------------------------------------- */



#nav_con {
/* --- 内容部分の背景を設定してください --- */
/* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
背景に変化をつけることができます */
/* --- ドキュメント本体の幅を設定してください --- */
/* Note：百分率指定も可能です */
width:100%;
/* --- ドキュメント本体の位置を設定してください --- */
/* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
margin: 0px auto;
min-width: 600px;
/* --- ウインドウ幅を縮めた場合でも最低限の読みやすさを確保できる寸法を設定してください */
/* Note：IE6ではこのプロパティは無効です */
}

#navi {
/* --- 背景を設定してください（短縮プロパティでの設定です） --- */
background:url(../img/nav_bak.jpg) repeat-x;
/* --- マージンを設定してください --- */
/* Note：上下マージンの折りたたみに注意してください */
margin:0px;
/* --- パディングを設定してください --- */
/* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
上下パディングには正の値を指定してください */
padding:0px;
/* --- 必要に応じて、ボックスの下線を設定してください（短縮プロパティでの設定です） --- */

}

#navi ul {
/* --- マージンを設定してください --- */
margin: 0;
/* --- パディングを設定してください --- */
padding: 0;
/* --- 高さを設定してください --- */
height:38px;
}

#navi ul li {
/* --- マージンを設定してください --- */
margin: 0;
/* --- パディングを設定してください --- */
padding: 0;
/* --- 横並びにさせるためにフロートを指定してください --- */
color:#000;
float: left;
}

#navi ul li a {
margin: 0;
padding: 5px 10px 0px 10px;
/* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
display: block;
/* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
border-right: 1px solid #CCCCCC;
/* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
/* border-bottom: 5px solid #3EBAEE;
--- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
/* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
color:#165e83;
font-weight:bold;
}

#navi a:hover {
/* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
/*border-bottom: 5px solid #0086b9;
/* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
/* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
background:url(../img/nav_bak2.jpg) repeat-x;
/* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
text-decoration:underline;
color:#333;
}
/* ---------------------------------------------------------------- *
コンテンツコンテナの設定です
* ---------------------------------------------------------------- */

#main {
/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
/* --- マージンを設定してください --- */
/* Note：この要素のマージン・パディングは，その有無と値によって
複雑な折りたたみを生じます。複雑なカスタマイズをしない
限り，以下を「すべて 0」にしておくことをおすすめします。 */
margin-top: 0;
margin-bottom: 0;
/* --- パディングを設定してください --- */
padding-top: 17px;
padding-bottom: 0;
}

/* ---------------------------------------------------------------- *
コンテンツ部分の設定です
* ---------------------------------------------------------------- */

.contents {
/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
/* --- マージンを設定してください --- */
/* Note：上下マージンの折りたたみに注意してください */
margin:0px;
/* --- パディングを設定してください --- */
/* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
上下パディングには正の値を指定してください */
padding:5px 7px;
/* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
min-width: 600px;
max-width:900px;
overflow:auto;
}


/* ---------------------------------------------------------------- *
コンテンツ3連
* ---------------------------------------------------------------- */

#three {
border-collapse:collapse;
width:100%;
vertical-align:top;
}

#three td {
border-collapse:collapse;
}

#left_box,#center_box,#right_box {
}

#left_box h2,#center_box h2,#right_box h2 {
width:195px;
margin:0px auto 1px;
text-align:center;
}

#left_box p,#center_box p,#right_box p {
background:url(../img/three_bak.jpg) no-repeat;
width:195px;
height:150px;
padding:0px;
margin:0 auto;
}

#t_right {
width:195px;
margin:0px auto;
background:url(../img/three_bak1.jpg) repeat-y ;
}


#under_bak {
background:url(../img/three_bak2.jpg) no-repeat center top;
height:7px;
padding:0px;
margin:0px;
}

/* ---------------------------------------------------------------- *
新着の設定です
* ---------------------------------------------------------------- */

#new {
/* --- 内容部分の背景を設定してください --- */
/* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
背景に変化をつけることができます */

/* --- ドキュメント本体の幅を設定してください --- */
/* Note：百分率指定も可能です */
width:100%;

/* --- ドキュメント本体の位置を設定してください --- */
/* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
margin: 0px;
min-width: 600px;
max-width:900px;
padding:5px 0;
/* --- ウインドウ幅を縮めた場合でも最低限の読みやすさを確保できる寸法を設定してください */
/* Note：IE6ではこのプロパティは無効です */
}

#new h2 {
margin:5px 7px;
background:#eaeaea url(../img/check.gif) no-repeat 5px center;
font-size:1.2em;
font-weight:normal;
padding:3px 0 3px 25px;
}

#info {
margin:0 7px 10px;
}

#info dt {
clear: left;
float: left;
width: 7em;
padding: 10px 0.5em;
color:#165e83;
font-weight:bold;
}

#info dd {
margin-left: 0;
padding: 10px 0.5em 10px 8em;
border-bottom: solid 1px #CCC;
}

/* ---------------------------------------------------------------- *
コンテンツ画像の設定です
* ---------------------------------------------------------------- */

/*.contents img.fig {
/* --- 画像をどちらに回り込ませるか設定してください --- */
/* Note：left（左）または right（右）を指定します；この指定によって
以降のマージンの指定方法が異なります */
/*  float: left;*/
/* --- 画像のマージンを設定してください --- */
/* Note：前記の回り込みについて「left」のとき→左マージン 0，
「right」のとき→右マージン 0 としてください */
/*  margin-top: 0;
margin-right: 1em;
margin-bottom: 1em;
margin-left: 0;
}

/* ---------------------------------------------------------------- *
画像のみのボックスを作る場合の設定です
* ---------------------------------------------------------------- */

.imgbox {
/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
background: #FFFFFF;
/* --- マージンを設定してください --- */
/* Note：上下マージンの折りたたみに注意してください */
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

/* ---------------------------------------------------------------- *
フッタ部分の設定です
* ---------------------------------------------------------------- */

#footer {
/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
background:url(../img/footer_bak.jpg) repeat-x;
/* --- マージンを設定してください --- */
/* Note：上マージンは段組コンテナの下マージンとの折りたたみが
生じます */
margin-top: 0;
margin-bottom: 0;
/* --- パディングを設定してください --- */
/* Note：上下マージンを持つものが含まれる場合，上下パディングには
正の値を指定してください */
padding:3px 0;
height:22px;
/* --- フッタ上の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
}

#footer ul {
margin-bottom: 4px;
padding: 0;
/* --- フッタメニュー左端の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
border-left: 1px solid #CCCCCC;
}

#footer ul li {
margin: 0;
padding: 0 5px;
/* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
border-right: 1px solid #CCCCCC;
/* --- 横並びリストのリストマーカ画像を設定してください --- */
/* Note：16×16 ピクセル以下のものを使用してください */
background-image: none;
}

#footer address {
text-align:center;
}

/* ---------------------------------------------------------------- *
第一階層
* ---------------------------------------------------------------- */

#sub_nav {
margin:0px;
padding:0px;
min-width: 600px;
border-bottom:1px solid #ccc;
overflow:auto;
}

#sub_nav ul {
margin:0px 0 0 5px;
padding:0 0 5px;
list-style-type:none;
height:100%;
}

#sub_nav li {
font-size:0.9em;
float:left;
margin:0 0px 2px 0px;
padding:2px 5px 2px 2px;
border-right:1px solid #ccc;
}

*html #sub_nav li {
white-space:nowrap;
}

#pankuzu {
margin:0px;
padding:0px;
min-width: 600px;
border-bottom:1px solid #ccc;
clear:both;
}

#pankuzu p {
margin:0px 0 0 10px;
}

#container-main {
margin-left: 150px;
min-width: 450px;
max-width:750px;
}

#container-main2 {
min-width: 600px;
max-width:900px;
}

#container-contents {
width: 100%;
float: right;
}

#container-sidebar {
width: 150px;
margin-left: -150px;
float: right;
}

#contents {
margin: 10px;
margin-left: 0px;
border-left:1px solid #ccc;
position: relative;
padding:0 0 0 5px;
}

#contents2 {
margin: 10px;
margin-left: 0px;
position: relative;
padding:0 0 0 5px;
}

#contents p {
margin:5px 0 20px 0;
}

#contents h3 {
}

.ano_h3 {
margin:10px 0 15px 0;
border-left:#19448e double 16px;
padding:3px 0 3px 5px;
background-color:#efefef;
clear:both;
}

.arrow {
background:url(../img/sq_arrow.gif) no-repeat left center;
padding:0px 0 0px 15px;
}

.arrow a:link {
text-decoration:underline;
}

.line {
border-bottom:1px solid #ccc;
}

html>body .q {
background:#efefef url(../img/q.gif) no-repeat left top;
margin:0px;
padding:5px 0 5px 40px;
clear:both;
}

*html .q {
background:#efefef url(../img/q.gif) no-repeat left top;
margin:0px;
padding:7px 0 9px 40px;
clear:both;
}

.a {
background:url(../img/a.gif) no-repeat left top;
padding:0px 0 10px 40px;
overflow:auto;
}

.a img {
float:right;
padding:0 0px 0 10px;
}

.photo_plus {
padding:0px 0 10px 0px;
overflow:auto;
height:1%;
}

.photo_plus img {
float:right;
padding:0 0px 0 10px;
}



#sidebar {
margin: 10px;
text-align: center;
word-break: break-all;	/* for IE6 and below */
overflow: hidden;
position: relative;
}

#sidebar h2 {
background:url(../img/title_bg.gif) no-repeat;
margin:0px;
padding:6px 3px 0px;
font-weight:normal;
font-size:0.9em;
}

#b_under {
background:url(../img/title_bg2.gif) no-repeat;
width:130px;
height:7px;
}


/* ---------------------------------------------------------------- *
topへ戻るボタン
* ---------------------------------------------------------------- */

.pageup  {
text-align:right;
clear:both;
margin:30px 0 0;
}


/* ---------------------------------------------------------------- *
アクセスマップ
* ---------------------------------------------------------------- */

.map {
border:1px solid #ccc;
width:600px;
}

.time {
border-collapse:collapse;
border:1px solid #ccc;
width:100%;
}

.time th,.time td {
border-collapse:collapse;
border:1px solid #ccc;
font-size:1.5em;
}

.time td {
text-align:center;
}



/* ---------------------------------------------------------------- *
リスト
* ---------------------------------------------------------------- */

.list {
margin:0px 0 20px;
padding:0px;
list-style-type:none;
clear:both;
}

.list li {
margin:5px 0;
padding:2px 0 2px 2px;
border:1px solid #ccc;
}




/* ---------------------------------------------------------------- *
サイトマップ
* ---------------------------------------------------------------- */


.sm_h3 {
margin:10px 0 5px 0;
border-left:#19448e solid 10px;
padding:3px 0 3px 5px;
}

.sm_line {
border-bottom:1px dashed #ccc;
}


.sm_list {
list-style-type:none;
margin:0px;
padding:0px;
}

.sm_list li {
margin:5px 0 5px 15px;
padding:0px 0 0 20px;
background:url(../img/arrow.gif) no-repeat left center;
}



/* ---------------------------------------------------------------- *
プロフィール
* ---------------------------------------------------------------- */



.photo_left {
padding:0px 0 10px 0px;
overflow:auto;
clear:both;
}

.photo_left img {
float:left;
padding:0 10px 0 0px;
}



/* ---------------------------------------------------------------- *
予約ボタン
* ---------------------------------------------------------------- */


.yoyaku {
  margin: 0;
  padding:0;
}
.yoyaku a {
  margin: 0;
  padding:12px 0 10px 25px;
	display:block;
	width:121px;
	background:url(../img/yoyaku_btn1.jpg) 0 0 no-repeat;
	color:#000;

}

.yoyaku a:hover {
  margin: 0;
  padding:12px 0 10px 25px;
	display:block;
	width:121px;
	background:url(../img/yoyaku_btn2.jpg) 0 0 no-repeat;
	text-decoration:none;

}