@charset "UTF-8";

@import "common.css";

/*メインイメージ
-------------------------------------------------------------------------*/

#HeadImg {
	margin:0px auto 0px;
	width:960px;
	height:200px;
	background-repeat:no-repeat;
	}
#HeadImg h1,
#HeadImg h2,
#HeadImg h3,
#HeadImg ul,
#HeadImg p {text-indent:-9999px;background-image:none;border:none;}

#PageIndex #HeadImg {height:360px;background-image:url(../img/top-main-bg.jpg);margin-bottom:10px;}

#PageIndex #HeadImg {position:relative;}
#PageIndex #HeadImg ul {
	position:absolute;
	top:52px;
	left:680px;
	margin:0px;
	width:280px;
}
#PageIndex #HeadImg ul li {
	float:left;
	margin-right:10px;
	width:125px;
}


#PageIndex #HeadImg ul li a {
	display:block;
	background:url(../img/bt-headimg.gif) no-repeat left top;
	height:25px;
}

/*タイトル
-------------------------------------------------------------------------*/
#Pagegreeting   #HeadImg {background-image:url(../img/title-greeting.jpg);}
#Pagemeal       #HeadImg {background-image:url(../img/title-meal.jpg);}
#Pagelocation   #HeadImg {background-image:url(../img/title-location.jpg);}
#Pagefacilities #HeadImg {background-image:url(../img/title-facilities.jpg);}
#Pagevoice      #HeadImg {background-image:url(../img/title-voice.jpg);}
#Pageaccess     #HeadImg {background-image:url(../img/title-access.jpg);}
#Pagecontact    #HeadImg {background-image:url(../img/title-contact.jpg);}
#Pagetopics     #HeadImg {background-image:url(../img/title-topics.jpg);}
#Pagegallery    #HeadImg {background-image:url(../img/title-gallery.jpg);}



/*グローバルナビ　オン
-------------------------------------------------------------------------*/
#PageIndex      #Menu li.menu01 a,
#Pagetopics     #Menu li.menu02 a,
#Pagegreeting   #Menu li.menu03 a,
#Pagemeal       #Menu li.menu04 a,
#Pagelocation   #Menu li.menu05 a,
#Pagefacilities #Menu li.menu06 a,
#Pagevoice      #Menu li.menu07 a,
#Pageaccess     #Menu li.menu08 a
	{background-position:left bottom;}

/*サイド部　イメージ
-------------------------------------------------------------------------*/
#Pagegreeting   #Sub .subMenu .inner {background-image:url(../img/sub-img01.jpg);}
#Pagemeal       #Sub .subMenu .inner {background-image:url(../img/sub-img02.jpg);}
#Pagelocation   #Sub .subMenu .inner {background-image:url(../img/sub-img03.jpg);}
#Pagefacilities #Sub .subMenu .inner {background-image:url(../img/sub-img04.jpg);}
#Pagevoice      #Sub .subMenu .inner {background-image:url(../img/sub-img05.jpg);}
#Pageaccess     #Sub .subMenu .inner {background-image:url(../img/sub-img06.jpg);}
#Pagecontact    #Sub .subMenu .inner {background-image:url(../img/sub-img07.jpg);}

/*トップページ
-------------------------------------------------------------------------*/
/*#TopCopy {
	background:url(../img/top-info.gif) no-repeat left top;
	text-indent:-9999px;
	height:250px;
}*/

/*お食事
-------------------------------------------------------------------------*/
#Meal {}

#Meal ul {margin:0px 10px 20px;}

     #Meal ul:after {
      content:".";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;
}

#Meal ul li {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/*ライトボックス*/
#gallery {margin-bottom:50px;}
#gallery ul {margin:0px 0px 10px 10px;}
#gallery ul li {
	float:left;
	padding:0px 10px 10px 0px;
}

/*スライドショー*/
div#SlideBox {
margin : 0px 0px 30px;
}
div#SlideBox div.wrap {
height : 600px;
}
div#SlideBox div#slide-holder {
z-index : 40;
width : 960px;
height : 600px;
position : absolute;
}
div#SlideBox div#slide-holder div#slide-runner {
	top : 0px;
	left : 0px;
	width : 960px;
	height : 600px;
	overflow : hidden;
	position : absolute;
}
div#SlideBox div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#SlideBox div#slide-holder div#slide-controls {
left : 0;
top : 0px;
width : 960px;
height : 46px;
display : none;
position : absolute;
background : url(../img/slide-bg.png) repeat-x left top;
}

* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));} 

div#SlideBox div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 100%;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#SlideBox div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#SlideBox div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#SlideBox div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
color:#FFFFFF;
}
div#SlideBox div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../img/silde-nav.gif);
color:#CCCCCC;
}
div#SlideBox div#slide-holder div#slide-controls p#slide-nav a:hover {
color:#FFFFFF;
}

/*学生のコメント*/

#Pagemeal #Meal .comment {
	margin:0px 80px 30px;
	width:800px;
	}

#Pagemeal #Meal .comment .commentBox {
	background:url(../img/meal-comment-bottom.jpg) no-repeat left bottom;
	padding:0px 0px 60px 0px;
	margin-bottom:50px;
	}
	
	#Pagemeal #Meal .comment .commentBox:after {
      content:".";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;
}

* html #Pagemeal #Meal .comment .commentBox {display:inline-block;}
*+html #Pagemeal #Meal .comment .commentBox {display:inline-block;}

#Pagemeal #Meal .comment .commentBox .commentWrap {
	background:url(../img/meal-comment-bg.jpg) repeat-y left top;
	}

#Pagemeal #Meal .comment .commentBox h4 {
	background:url(../img/meal-comment-top.jpg) no-repeat left top;
	padding:50px 0px 10px 80px;
	margin:0px 0px 10px 0px;
	color:#900;
	font-size:170%;
	}

#Pagemeal #Meal .comment .commentBox p {
	margin:0px 80px 0px;
	padding:10px 0px;
	border-bottom:1px dashed #CCC;
	font-size:120%;
	color:#333;
	}

#Pagemeal #Meal .comment .commentBox p.sName {
	font-weight:bold;
	color:#006600;
	}




/*ギャラリー
-------------------------------------------------------------------------*/
#Gallery {}

#Gallery ul {margin:0px 10px 20px;}

     #Gallery ul:after {
      content:".";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;
}

#Gallery ul li {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/*ライトボックス*/
#Gallery #gallery {margin-bottom:50px;}
#Gallery #gallery ul {margin:0px 0px 10px 10px;}
#Gallery #gallery ul li {
	float:left;
	padding:0px 10px 10px 0px;
}




/*館内について
-------------------------------------------------------------------------*/
#Facilities {}

#Facilities ul.photo {margin:0px 0px 20px;}

     #Facilities ul.photo:after {
      content:".";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;
}

#Facilities ul.photo li {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#Facilities .price {
	font-size:180%;
	color:#333333;
	font-weight:bold;
}
#Facilities .info {
	color:#FF6600;
	font-weight:bold;
	font-size:110%;
}

#Facilities table th {
	font-weight:bold;
	color:#333;
	}

/*トピックス
-------------------------------------------------------------------------*/

#Pagetopics #Main h3 {
	font-size: 150%;
}








/*アクセス
-------------------------------------------------------------------------*/
#map_canvas {
	width:620px;
	height:500px;
	}

.mapInfoWindow {
	width:320px;
	height:100px;
	}


/*お問い合わせ
-------------------------------------------------------------------------*/
#PageContact {}
#contact {}

/*end*/