﻿@charset "UTF-8";

.cl { clear: both;}
*html body .cl { clear: both; visibility: hidden; height: 0px; overflow : hidden;}
*:first-child+html .cl { clear: both; visibility: hidden; height: 0px; overflow : hidden;}
img { border: none;}

.center { text-align: center;}
.right { text-align: right;}
.caption { font-size: 10px; color: #999999;}

.floatleft { float: left;}

.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.ml10 { margin-left: 10px;}

#localConts { width: 920px; margin: 0px auto;}
#localConts p { font-size: 12px; line-height: 1.4em; margin: 0px; padding: 0px; color: #333333;}

h3.recomend { width: 920px; height: 60px; margin-bottom: 30px 0 0 0; background: url(../img/h3_06.gif) no-repeat; text-indent: -500em; border: none !important;}

.column3 { width: 300px; margin-bottom: 30px; float: left;}
.columnMid { width: 278px; height: 700px; padding: 0px 10px; background:#F5F5F5; border-left: 1px solid #CCCCCC;  border-right: 1px solid #CCCCCC;}
.columnMid ul { margin: 0px; padding: 0px; list-style-type: none;}
.columnMid li { font-size: 12px; margin-bottom: 14px; padding-left: 17px; background: url(../img/icon_arrow.gif) no-repeat;}
.columnBtm { width: 300px; height: 82px; padding-top: 15px; text-align: center; background: url(../img/btn_bg.gif) no-repeat;}

h4.kyoto { width: 300px; height: 52px; margin: 0px; padding: 0px; background: url(../img/h4_01.jpg) no-repeat; text-indent: -500em; border: none !important;}
h4.osaka { width: 300px; height: 52px; margin: 0px; padding: 0px; background: url(../img/h4_02.jpg) no-repeat; text-indent: -500em; border: none !important;}
h4.hyogo { width: 300px; height: 52px; margin: 0px; padding: 0px; background: url(../img/h4_03.jpg) no-repeat; text-indent: -500em; border: none !important;}

h3.inquiry { width: 920px; height: 41px; margin-bottom: 30px; background: url(../img/h3_03.gif) no-repeat; text-indent: -500em; border: none !important;}
h3.reservation { width: 920px; height: 41px; margin-bottom: 30px; background: url(../img/h3_04.gif) no-repeat; text-indent: -500em; border: none !important;}

#inquiryBtn { width: 732px; height: 104px; margin: 0 auto 20px auto;}
#inquiryBtn ul { margin: 0px; padding: 0px; list-style-type: none;}
#inquiryBtn li { margin: 0 10px; float: left;}
#inquiryBtn li a.inq01 { display: block; width: 224px; height: 104px; background: url(../img/btn_request.jpg) no-repeat; text-indent: -500em;}
#inquiryBtn li a.inq02 { display: block; width: 224px; height: 104px; background: url(../img/btn_shop_kansai.jpg) no-repeat; text-indent: -500em;}
#inquiryBtn li a.inq03 { display: block; width: 224px; height: 104px; background: url(../img/btn_shop.jpg) no-repeat; text-indent: -500em;}
#inquiryBtn li span.inq04 { display: block; width: 224px; height: 104px; background: url(../img/btn_mobile.jpg) no-repeat; text-indent: -500em;}
#inquiryBtn li a:hover { background-position: 0px -104px;}

.adcorp { width: 460px; font-size: 10px; line-height: 1.3em; color: #333333; margin: 10px 0px 40px 0px; float: left;}

/* 140616*/

h3.campaign { width: 920px; height: 41px; margin: 30px 0; background: url(../img/h3_05.gif) no-repeat; text-indent: -500em; border: none !important;}
a:hover img { -moz-opacity:0.6; opacity:0.6; filter: alpha(opacity=60);}

/* 20151111 */
.cmpnbnr { width:880px; height: 160px; margin: 0 auto;}
.cmpnbnr img { margin: 0 5px; float: left;}
#areamap { width: 870px; height: 520px; margin: 0 auto; background: url(../img/bg_map.jpg) no-repeat; position: relative;}
#areamap #area01 { width: 165px; height: 113px; position: absolute; left: 571px; top: 73px; z-index: 1;}
#areamap #area02 { width: 126px; height: 128px; position: absolute; left: 579px; top: 195px; z-index: 1;}
#areamap #area03 { width: 126px; height: 141px; position: absolute; left: 579px; top: 328px; z-index: 3;}
#areamap #area04 { width: 157px; height: 155px; position: absolute; left: 443px; top: 254px; z-index: 1;}
#areamap #area05 { width: 124px; height: 111px; position: absolute; left: 476px; top: 381px; z-index: 2;}
#areamap #area06 { width: 105px; height: 146px; position: absolute; left: 383px; top: 346px; z-index: 1;}
#areamap #area07 { width: 100px; height: 94px; position: absolute; left: 279px; top: 346px; z-index: 1;}
#areamap #area08 { width: 119px; height: 53px; position: absolute; left: 279px; top: 449px; z-index: 1;}
#areamap #area09 { width: 117px; height: 156px; position: absolute; left: 156px; top: 346px; z-index: 1;}