@charset "UTF-8";
/* CSS Document */

#mainVisual{ width:100%; margin:0 0 30px 0; }
#mainVisual ul{ width:1010px; height:370px; margin:0 auto; position:relative;}
#mainVisual li{	width: 1010px;	height: 370px;	position: absolute;	top: 0px;	left: 0px;}

#notice,
#esthesia{ display: block; margin: 0 0 20px;}

#visit{ background: #fff; margin: 0 0 20px; padding: 25px; position: relative; border: 2px solid #ddd; overflow: hidden;}
#visit h3{ width: 232px; margin: 0 0 20px;}
#visit p sup{ position: relative; top: -0.4em; font-size: 75.5%; vertical-align: top;}
#visit p span{ font-size: 11px;}
#visit .left{ width: 307px; height: 172px; margin: 25px 0 0; position: relative; float: left;}
#visit .left h4{ width: 91px; margin: 0 0 12px;}
#visit .left ul{ position: absolute; bottom: 0; left: 0;}
#visit .left ul li{ margin: 10px 0 0;}
#visit .right{ width: 325px; height: 172px; margin: 25px 0 0; position: relative; float: right;}
#visit .right h4{ width: 102px; margin: 0 0 12px;}
#visit .right ul{ width: 100%; position: absolute; bottom: 0; left: 0; overflow: hidden;}
#visit .right ul li{ float: left;}
#visit .right ul li:last-child{ float: right;}
#visit .right ul li a{ display: block;}
#visit > a{ display: block; position: absolute; top: 25px; right: 25px;}
#visit .parking{ margin: 20px 0 0;}
#visit .parking dt{ display: inline-block; background: #848677; margin: 0 0 5px; padding: 0 10px; height: 24px; border-radius: 3px; font-weight: bold; font-size: 11px; color: #fff; line-height: 24px;}


#important{ margin:0 0 20px 0; overflow:hidden;}
#important .left,#important .right{ background:#FFF; width:356px; height:416px; border:2px solid #DDDDDD; overflow:hidden; position:relative; }
#important .left{ float:left;}
#important .right{ float:right;}
#important h3{ padding:18px 0 16px 16px; border-bottom:1px dotted #C6C6B2;}
#important .btnAll{ position:absolute; top:16px; right:12px; }
#important .entry{  height:326px; margin:0 auto; padding:20px 12px; }
#important .entry dl { width:316px; margin:0 auto; overflow: hidden;}
#important .entry dl dt{ padding:12px 0 0; }
#important .entry dl dt:first-child{ padding:0;}
#important .entry dl dt img{ display:inline-block; margin:-2px 0 0 14px; vertical-align:middle;}
#important .entry dl dd{ padding:12px 0 12px; border-bottom:1px dotted #C6C6B2; }
#important .entry dl dd a{ width:100%; display:inline-block; line-height:140%;}
#important .entry dl dd a:hover{ color:#969788; text-decoration:none; }

#important .tinyscrollbar .viewport { width:321px; overflow:hidden; position:relative; }
#important .tinyscrollbar .overview { padding:0; margin:0; position:absolute; left:0; top:0; list-style:none; }
#important .tinyscrollbar .scrollbar{ width:5px; position:relative; float:right; }
#important .tinyscrollbar .track { background:#EEEEEE; width:3px; height:100%; position:relative; }
#important .tinyscrollbar .thumb { background:#575747; width:3px; height:20px; position:absolute; top:0; left:0; overflow:hidden; cursor:pointer; }
#important .tinyscrollbar .disable { display:none; }

#reserve{ background:#FFF; width:740px; padding:20px 0; margin:0 0 20px; border:1px solid #DDDDDD; }
#reserve .title{ margin:0 0 15px; padding:0 20px; overflow:hidden;}
#reserve .title h3{ float:left;}
#reserve .title h3 span.date{ width:118px; display: inline-block; padding:10px 0; margin:0 20px 0 10px; text-align:center; background:#969788; font-size:10px; color:#FFF; font-weight:bold; vertical-align:top;}
#reserve .title img.text{ float:left;}

#reserve table{ width:704px; margin:0 auto 10px; color:#575747;  border:1px solid #D0D0CD;}
#reserve table th{ background:#E0E0DE; width:148px; height:42px; font-size:11px; font-weight:normal; }
#reserve table td{ padding:0 14px; border-left:1px solid #D0D0CD; font-size:11px; text-align:center;  }
#reserve table tr.topTable th,#reserve table tr.topTable td{ border-bottom:1px dotted #D0D0CD;}
#reserve .contentBox{ padding:0 20px; overflow:hidden;}
#reserve .contentBox .left{ padding:10px 0 0; float:left; }
#reserve .contentBox .left img{ vertical-align:middle;}
#reserve .contentBox .left .mutu{ display:inline-block; margin:0 0 0 4px; vertical-align:middle; }
#reserve .contentBox .right{ float:right;}
#reserve .contentBox p.txt{ margin:8px 6px 0 0; float:left; font-size:11px; color:#575746; line-height:130%; }

#floor{ background:#FFF; width:740px; border:1px solid #DDD; overflow:hidden;}
#floor .left{ width:212px; float:left; padding:16px; border-right:1px solid #DDD;}
#floor .right{ width:495px; height:277px; float:left;}
#floor .right dl{ height:50%; border-bottom:1px solid #DDD;}
#floor .right dl dt{ height:20px; padding:22px 0 0 16px; margin:0px;}
#floor .right dl dd{ padding:15px 0 16px 16px; margin:0px; line-height:150%; font-size:12px; overflow:hidden;}
#floor .right dl dd a{ display:inline-block; margin:16px 10px 0 0; float:left;}