@charset "utf-8";

/***********************************
  PH S10J
  modelroom/style.css
***********************************/

@import "../common/css/base.css";
@import "../common/css/shadowbox.css";

div#modelroom-box {padding:35px 10px 36px; color:#333;}
div#modelroom-box p#catch {padding:15px 0 25px;}
dl#catch-box dt {width:270px; float:right;}


/*  tab
-----------------------------------*/
div#loNavi .ui-tabs-hide {display: none;}
div#loNavi .ui-tabs-panel {clear:left;}
div#loNavi .ui-tabs-selected img{visibility:hidden;}
div#loNavi ul#tab {padding:0; list-style:none; background:url(./images/tab_back.gif) repeat-x; height:40px; margin-bottom:35px;}
div#loNavi ul#tab li {float:left; margin-right:2px; width:145px; height:40px; overflow:hidden;}
div#loNavi ul#tab li a {display:block;}
div#loNavi ul#tab li a:hover {background:transparent;}
div#loNavi ul#tab li a:hover img{visibility:hidden;}
div#loNavi li#tab01 {background:url(./images/tabA_ov.gif) no-repeat;}
div#loNavi li#tab02 {background:url(./images/tabB_ov.gif) no-repeat;}
div#loNavi li#tab03 {background:url(./images/tabC_ov.gif) no-repeat;}
div#loNavi li#tab04 {background:url(./images/tabD_ov.gif) no-repeat;}

/*  main layout
-----------------------------------*/
dl.type-tit {padding-bottom:30px;}
dl.type-tit dt {width:470px; float:right;}
dl.type-tit dd {width:370px; float:left;}
dl.type-tit dd h4 {position:relative; z-index:2;}
dl.type-tit dd h4 img {margin-bottom:12px;}
dl.type-tit dd p.btn-plan {position:absolute; z-index:5; margin:-42px 0 0 240px; width:130px; height:30px; background:url(./images/btn_plan_ov.gif);}
dl.type-tit dd p.btn-plan a {display:block;}
dl.type-tit dd p.btn-plan a:hover {background:transparent;}
dl.type-tit dd p.btn-plan a:hover img{visibility:hidden;}
dl.type-tit dd p.btn-reservation {width:370px; height:80px; overflow:hidden; margin-top:25px; background:url(./images/btn_ov.gif);}
dl.type-tit dd p.btn-reservation a {display:block;}
dl.type-tit dd p.btn-reservation a:hover {background:transparent;}
dl.type-tit dd p.btn-reservation a:hover img{visibility:hidden;}

div#loNavi ul li.none {margin:0;}
ul.photo02 {padding-bottom:30px; list-style:none;}
ul.photo02 li {float:left; margin-right:20px;}
ul.photo03 {padding-bottom:30px; list-style:none;}
ul.photo03 li {float:left; margin-right:10px;}
ul.photo03l {padding-bottom:15px; list-style:none;}
ul.photo03l li {float:left; margin-right:10px;}
ul.photo04 {padding-bottom:15px; list-style:none;}
ul.photo04 li {float:left; margin-right:10px;}

div#loNavi p.caution {font-size:10px;}

ul#public-ph {list-style:none; padding-top:25px;}
ul#public-ph li {width:430px; float:left; margin-right:20px;}
ul#public-ph li.none {margin:0;}