/*--------------------------------------
  共通
---------------------------------------*/

/*サイドメニュー*/

.sideCl .sideMenu{
  display:block;
  margin-bottom:20px;
}

.sideCl .sideMenu li{
  height:60px;
  background:url("../img/common/sideMenu_bg_menu.gif") no-repeat;
  /*line-height:61px;*/
  border-bottom:1px #E6E6E6 solid;
  }

.sideCl .sideMenu li.double{
  height:60px;
  /*padding:10px 0;*/
  background:url("../img/common/sideMenu_bg_menu.gif") no-repeat;
  /*line-height:20px;*/
  border-bottom:1px #E6E6E6 solid;
  }

.sideCl .sideMenu li a{
  display:block;
  background:url("../img/common/icon_greenArrow.png") no-repeat 20px center;
  padding-left:35px;
  line-height:61px;
  }

.sideCl .sideMenu li.double a{
  display:block;
  height:50px;
  padding:10px 0 0 35px;
  line-height:20px;
  }

.sideCl .sideMenu li a:hover{
  text-decoration:none;
  }

.sideCl .sideMenu li.title{
  height:60px;
  background:url("../img/common/sideMenu_bg_title.gif") no-repeat top center;
  color:#FFFFFF;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  line-height:60px;
  }

.sideCl .sideMenu li.end{
  height:60px;
  background: url("../img/common/sideMenu_bg_menuEnd.png") no-repeat;
  border-bottom:none;
  }


.sideCl .sideTimeInfo {
  padding-bottom:5px;
  background:url("../img/common/sideTimeInfo_bg_footer.gif") no-repeat bottom;
  }

.sideCl .sideTimeInfo .title01{

  height:40px;
  padding-left:30px;
  background: url("../img/common/sideTimeInfo_bg_header.gif") no-repeat;
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
  line-height:40px;
  }

.sideCl .sideTimeInfo .title02{
  height:40px;
  padding-left:10px;
  background-color:#66CCB5;
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
  line-height:40px;
  }

.sideCl .sideTimeInfo .txt{
  padding:5px 0 10px 10px;
  border-right: 1px #66CCB5 solid;
  border-left: 1px #66CCB5 solid;
  font-size:14px;
  }


.sideCl .sideTimeInfo p.txt span{
  font-size:13px;
  }


@media screen and (max-width: 480px) {
  .sideCl {
    display: none;
  }
}
/*コンテンツ　シングルカラム
---------------------------------------*/

#contents .mainCl{
  width:880px;
  margin:0 auto;
  /*margin:0 40px;*/
}

@media screen and (max-width: 480px) {
  #contents .mainCl{
    width:100%;
    padding-bottom: 50px;
  }
}

/*#contents .mainCl .inner{
  width:880px;
  }  */


/*コンテンツ　２カラム
---------------------------------------*/

#contents .sideCl{
  width:200px;
  margin-right:40px;
  padding-left:20px;
  float:left;
  }

#contents .mainCl_s{
  width:680px;
  margin-right:20px;
  float:left;
  }

#contents .mainCl_s h2{
  height:75px;
  margin:0 0 30px 0;
  padding-top:25px;
  background:url("../img/common/bg_h2Title_S.gif") no-repeat top;
  text-align:center;
}
@media screen and (max-width: 480px) {
  #contents .mainCl_s h2,
  #contents h2{
    height:40px;
    margin:0 0 30px 0;
    padding-top:25px;
    background:url("../img/common/bg_h2Title_S.gif") no-repeat top;
    text-align:center;
  }
}

#contents .m_blue h2{
  background:url("../img/common/bg_h2Title_blue.gif") no-repeat top;
}

@media screen and (max-width: 480px) {
  #contents .m_blue h2{
    background:#fff url("../img/common/bg_h2Title_blue.gif") no-repeat top;
  }
}


#contents .mainCl_s .mainClInner{
  width:660px;
}
@media screen and (max-width: 480px) {
  #contents .mainCl_s .mainClInner{
    width:100%;
  }
}

#contents .mainCl_s .mainClInner h3{
  height:50px;
  margin-bottom:15px;
  padding-left:40px;
  background: url("../img/common/bg_h3_Cl_s.gif") no-repeat;
  font-size:18px;
  font-weight:bold;
  line-height:50px;
}

@media screen and (max-width: 480px) {
  #contents .mainCl_s{
    width:100%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #contents .mainCl_s .mainClInner h3{
    font-size:16px;
  }

  #contents h3{
    height:50px;
    margin-bottom:15px;
    padding-left:40px;
    background: url("../img/common/bg_h3_Cl_s.gif") no-repeat;
    font-size:16px;
    font-weight:bold;
    line-height:50px;
  }
}



.block01,
.block02,
.block03,
.block04,
.block05,
.block06,
.block07{
  margin-bottom:55px;
  }

.variousInfo .title{
  height:40px;
  background:url("../img/common/bg_th.gif");
  text-align:center;
  -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }

.variousInfo .title img{
  margin-top:10px;
  }

.variousInfo .txtBox{
  display:block;
  padding:20px;
  text-align:center;
  border-right: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  border-left: 1px #CCCCCC solid;
  -webkit-border-radius:0 0 5px 5px ;
    border-radius:0 0 5px 5px ;
}

@media screen and (max-width: 480px) {
  .variousInfo .title img{
    width: 150px;
  }
}



/*予約・お問い合わせ*/

.variousInfo .txtBox p.reservation_tel,
.variousInfo .txtBox p.contact_tel{
  display:block;
  width:290px;
  margin-bottom:20px;
  text-align:left;
  line-height:23px;
  font-size:13px;
  float:left;
}

@media screen and (max-width: 480px) {
  .variousInfo .txtBox p.reservation_tel img,
  .variousInfo .txtBox p.contact_tel img{
    width: 90%;
    display: block;
    margin-bottom: 10px;
  }
}