@charset 'Shift_JIS';

@import 'init.css';
@import 'font.css';
@import 'tips.css';

/* 基本リンク文字色 */
a:link, a:visited{
	color:#382248;
}
a:active, a:hover{
	color:#685278;
	text-decoration:none;
}

/* 画像リンクの透過ロールオーバー */
a:hover img{
	background-color:#FFFFFF;
	filter:alpha(opacity=40); /*IE*/
	-moz-opacity:0.40; /*FF*/
	opacity:0.40;
}

/*********************************************************
 フレーム */
body{
	background:url(../img/bg_bottom.jpg) no-repeat bottom;
  color:#333;
  margin:0 auto;
}
#Container{
	background:url(../img/bg_top.jpg) no-repeat top;
}

/*** ヘッダ ***/

/* トップページのみ */
#Header{
  text-align:center;
}

/* ロゴなど */
h1{
  position:absolute;
  left:-300em;
}

/*** 上のナビゲーション ***/

/* ナビのブロック */
#HeadNavi{
	list-style:none;
	list-position:outside;
  margin-right:auto;
  margin-left:auto;
  width:830px;
}
#HeadNavi li{
	float:left;
}
#HeadNavi li a{
	display:block;
}

/* 通常表示する画像 */
#HeadNavi li#HeadNavi1{
  background:url(../img/headnavi1.jpg) no-repeat;
}
#HeadNavi li#HeadNavi2{
  padding-top:133px;
  background:url(../img/headnavi2.jpg) no-repeat;
}
#HeadNavi li#HeadNavi3{
  padding-top:133px;
  background:url(../img/headnavi3.jpg) no-repeat;
}
#HeadNavi li#HeadNavi4{
  padding-top:133px;
  background:url(../img/headnavi4.jpg) no-repeat;
}
#HeadNavi li#HeadNavi5{
  padding-top:133px;
  background:url(../img/headnavi5.jpg) no-repeat;
}

/* リンクの範囲 */
#HeadNavi li#HeadNavi1 a{
  width:219px;
	height:228px;
}
#HeadNavi li#HeadNavi2 a{
  width:164px;
	height:95px;
}
#HeadNavi li#HeadNavi3 a{
  width:130px;
	height:95px;
}
#HeadNavi li#HeadNavi4 a{
  width:124px;
	height:95px;
}
#HeadNavi li#HeadNavi5 a{
  width:193px;
	height:95px;
}

/* マウスオーバー時の画像 */
#HeadNavi li#HeadNavi1 a:hover{
  background:url(../img/headnavi1_f2.jpg) no-repeat bottom;
}
#HeadNavi li#HeadNavi2 a:hover{
  background:url(../img/headnavi2_f2.jpg) no-repeat bottom;
}
#HeadNavi li#HeadNavi3 a:hover{
  background:url(../img/headnavi3_f2.jpg) no-repeat bottom;
}
#HeadNavi li#HeadNavi4 a:hover{
  background:url(../img/headnavi4_f2.jpg) no-repeat bottom;
}
#HeadNavi li#HeadNavi5 a:hover{
  background:url(../img/headnavi5_f2.jpg) no-repeat bottom;
}

/* テキストを非表示 */
#HeadNavi li a strong{
	position:absolute;
	left:-300em;
}
/*** ナビここまで ***/

/*** ヘッダここまで ***/


/* ヘッダより下、フッタより上 */
#Main{
	margin:0 auto;
	padding-top:16px;
}
#MainInner{
  width:780px;
  margin-right:auto;
  margin-left:auto;
}

/* 左側 */
#Left{
	float:left;
	width:201px;
	font-size:small;
}
#Left h2{
}

/* ナビゲーション */
#Navi{
  margin-top:20px;
}

/* 左のインフォメーション */
#Left #Info{
	height:380px;
  overflow:visible;
	background:url(../img/side_info.gif) no-repeat right;
}
#Left #InfoInner{
  padding:70px 0px 15px 5px;
}
#Left #Info p{
  line-height:1.3em;
}
/* 左側ここまで */


/* 右側 */
#Right{
	float:right;
	width:579px;/* 579px */
}
#Right h2.with_bg{
  background:url(../img/t_bg.gif) no-repeat left top;
  color:#333;
  font-size:small;
  padding:8px 0 0 12px;
  height:22px;
  overflow:visible;
}
#Right h2.with_grade{
  background:url(../img/t_bg2.jpg) no-repeat left top;
  color:#FFF;
  font-size:small;
  padding:8px 0 0 8px;
  height:22px;
  overflow:visible;
}
#Links{
  font-size:small;
  margin-top:20px;
  padding-left:12px;
}
/* 右側ここまで */

/* フッタ */
#Footer{
  background:url(../img/footer.gif) no-repeat;
	width:780px;
	margin:20px auto 0 auto;
	text-align:center;
	font-size:x-small;
	padding:9px 0;
}
/* フッタここまで */


/*********************************************************
 トップページ */
#Top{
  padding-left:12px;
}
ul#Modify{
  height:150px;
  overflow:scroll;
  list-style:none;
  list-style-position:outside;
}
ul#Modify li{
  padding:0 0 8px 12px;
  margin:8px 0 8px 0;
  border-bottom:#CCC dotted 1px;
  font-size:small;
}

/*********************************************************
 ROOM&PRICE */

#RoomAndPrice{
  font-size:small;
}

/* 料金表 */
#RPTable{
  border-top:none;
  border-collapse:collapse;
}
#RPTable th{
  text-indent:-300em;
}
#RPTable .price1,#RPTable .price2{
  border-top:#CCC solid 1px;
  border-left:#CCC dotted 1px;
  font-size:24px;
  text-align:center;
}
#RPTable .price1{
  padding:5px;
}
#RPTable .price2{
  padding:5px;
}
#RPList_00{
  background:url(../img/rp_00.jpg) no-repeat bottom;
}
#RPList_01{
  background:url(../img/rp_01.jpg) no-repeat bottom;
}
#RPList_02{
  background:url(../img/rp_02.jpg) no-repeat bottom;
}
#RPList_03{
  background:url(../img/rp_03.jpg) no-repeat bottom;
}
#RPList_04{
  background:url(../img/rp_04.jpg) no-repeat bottom;
}
#RPList_05{
  background:url(../img/rp_05.jpg) no-repeat bottom;
}

#RPTable .item{
  height:35px;
  border-left:#CCC dotted 1px;
}
#RPTable .br{
  border-right:#CCC dotted 1px;
}
#RPTable .bl{
  border-left:#CCC dotted 1px;
}
#RPTable .bb{
  border-bottom:#CCC solid 1px;
}

#RPList_a{
  background:url(../img/rp_a.jpg) no-repeat right bottom;
}
#RPList_b{
  background:url(../img/rp_b.jpg) no-repeat right bottom;
}
#RPList_c{
  background:url(../img/rp_c.jpg) no-repeat right bottom;
}
#RPList_d{
  background:url(../img/rp_d.jpg) no-repeat right bottom;
}
#RPList_a a,#RPList_b a,#RPList_d a{
  display:block;
  height:40px;
}
#RPList_c a{
  display:block;
  height:41px;
}

/* マージン調整用ボックス */
div.RPBox{
  width:545px;
  margin-right:auto;
  margin-left:auto;
}
div.RPBox2{
  width:500px;
  margin-right:auto;
  margin-left:auto;
}

#RoomAndPrice .RPBoxFloat{
  float:left;
  width:250px;
}
#RoomAndPrice h4{
  font-family:"A-OTF リュウミン","ＭＳ Ｐ明朝";
  color:#CA4B6B;
  font-size:large;
  border-bottom:#CCC dotted 1px;
  padding-bottom:6px;
}

#RoomAndPrice h2.with_grade{
  margin-left:12px;
}
#RoomAndPrice .flower1{
  width:565px;
  height:57px;
  margin-left:12px;
  background:url(../img/flower1.jpg) no-repeat;
}
#RoomAndPrice .flower2{
  width:561px;
  height:131px;
  margin-left:12px;
  background:url(../img/flower2.gif) no-repeat;
}
#RoomAndPrice .flower3{
  width:565px;
  height:57px;
  margin-left:12px;
  background:url(../img/flower3.gif) no-repeat;
}
.ListTable{
  font-size:large;
  font-family:"A-OTF リュウミン","ＭＳ Ｐ明朝";
  font-weight:bold;
}
.ListTable td{
  padding:5px 0;
}
#RoomAndPrice .dot{
  background:url(../img/dot.gif) repeat-x;
}
#RoomAndPrice .setsubi{
  width:209px;
  padding-right:10px;
}
#RoomAndPrice .to-top{
  padding-right:20px;
}

#a-type,#b-type,#c-type,#d-type{
  overflow:visible;
}

#b-type .pl32, #d-type .pl32{
  padding-left:32px;
}

/* A-type */
#a-type{
  background:url(../img/a_bg.jpg) no-repeat left top;
  padding-left:44px;
  height:358px;
}
/* B-type */
#b-type{
  background:url(../img/b_bg.jpg) no-repeat left top;
  padding-left:26px;
  height:378px;
}
/* C-type */
#c-type{
  background:url(../img/c_bg.gif) no-repeat left top;
  padding-left:44px;
  height:358px;
}
/* d-type */
#d-type{
  background:url(../img/d_bg.gif) no-repeat left top;
  padding-left:26px;
  height:358px;
}


/*********************************************************
 Service */

#Service{
  font-size:small;
  margin-left:14px;
}
#Service h3{
  color:#FFF;
  font-family:"A-OTF 新ゴ Pro R", "小塚ゴシック", "ＭＳ Ｐゴシック";
  padding:6px 0 0 6px;
  font-size:large;
  height:25px;
  line-height:1em;
  overflow:visible;
}

/* ウェルカムサービス */
#Service h3.welcome{
  background:url(../img/t_welcome.jpg) no-repeat left;
}
#Service .to-top{
  padding-bottom:30px;
  text-align:right;
}

#Welcome{
  height:284px;
  overflow:visible;
  background:url(../img/welcome_bg.jpg) no-repeat left top;
  color:#333;
  padding-top:30px;
  padding-left:8px;
  margin-bottom:30px;
}
#Welcome h4{
  font-family:"A-OTF 新ゴ Pro U", "小塚ゴシック", "ＭＳ Ｐゴシック";
  margin-bottom:36px;
  font-size:24px;
}
#Welcome h4 span{
  font-size:32px;
  color:#900;
}
#Welcome p{
  line-height:1.4em;
}
#Welcome p.large{
  font-size:15px;
  margin-bottom:20px;
  font-family:"小塚ゴシック","ＭＳ Ｐゴシック";
}
#Welcome ul li{
  list-style:none;
  padding-left:1em;
  text-indent:-1em;
  padding-bottom:0.5em;
}

/* フードメニュー */
#Service h3.foodmenu{
  background:url(../img/t_foodmenu.jpg) no-repeat left;
}
#Service h3.rental{
  background:url(../img/t_rental.jpg) no-repeat left;
}

.pink_line{
  border-top:#F08E99 solid 1px;
  border-right:none;
  border-bottom:none;
  border-left:none;
  height:1px;
  margin-bottom:24px;
}
#Morning, #Snack{
  overflow:visible;
  color:#333;
  margin-bottom:30px;
}
#Morning{
  height:293px;
  background:url(../img/morning_bg.jpg) no-repeat left top;
  padding-top:37px;
  padding-left:322px;
}
#Snack{
  height:335px;
  background:url(../img/snack_bg.jpg) no-repeat left top;
  padding-top:12px;
  padding-left:8px;
  padding-right:316px;
}
#Rental{
  overflow:visible;
  color:#333;
  margin-bottom:30px;
  height:256px;
  background:url(../img/rental_bg.jpg) no-repeat left top;
  padding-top:37px;
  padding-left:8px;
}
#Morning h4{
  text-indent:-65px;
}
#FoodMenu .notice{
  color:#C00;
  margin:1em 0;
}
#FoodMenu h4{
  font-family:"A-OTF リュウミン U-KL", "小塚明朝", "ＭＳ Ｐ明朝";
  margin-bottom:36px;
  font-size:35px;
}
#FoodMenu p.red{
  font-size:18px;
  color:#900;
  text-align:center;
}
#FoodMenu p.red strong{
  font-size:32px;
}
#FoodMenu .large{
  text-align:center;
  font-size:14px;
}
#FoodMenu ul li{
  list-style:none;
  padding-bottom:0.5em;
  padding-left:1em;
  text-indent:-1em;
}
#OtherSnacks{
  margin-top:30px;
  margin-bottom:30px;
}
#Service h3.rental{
  background:url(../img/t_rental.jpg) no-repeat left;
}
#Rental h4{
  font-family:"A-OTF リュウミン U-KL", "小塚明朝", "ＭＳ Ｐ明朝";
  margin-bottom:10px;
  font-size:35px;
}
#Rental p{
  font-size:14px;
}
#Service .redbox{
  border-collapse:collapse;
  border:#900 solid 1px;
  padding:8px;
  margin-bottom:80px;
}


/**************▼問い合わせ**************/

#mail h2{
  background: url(../img/t_bg2.jpg) no-repeat left top;
  color:#fff;
  font-size: medium;
  padding:6px 0 3px 12px;
  margin:11px 0 0 8px;
  height:22px;
  overflow:visible;
}

#mail .tdl{
padding:30px 0 0 0;
}

#mail .tdl td{
border-bottom: dotted #CCCCCC 1px;
padding:5px;
}

#mail .tdl span{
color:#CC0000;
}

#thanks{
padding:20px;
line-height:22px;
}