* { margin: 0; padding: 0; } body { margin: 0 auto; text-align: center; padding: 0; font: 75%/1.5 "MS PGothic", Osaka, Helvetica, Arial, sans-serif; color: #333; } a { color: #369; text-decoration: none; } a:hover { text-decoration: underline; } h1,h2,h3,h4,h5,h6,pre,em,strong,address,caption,cite,code,table,th,td { font-size: 100.01%; font-weight: normal; font-style: normal; } body.castle { background: #000; } body.castle a { color: #fff; text-decoration: none; font-weight: bold; } body.castle a:hover { text-decoration: underline; } body.castle h1,body.castle h2,body.castle h3,body.castle strong,body.castle p { font-size: 100.01%; font-weight: normal; font-style: normal; color: #fff; } body.p10 dl { margin: 5px 10px 0px 5px; padding:0; } body.p10 { margin: 0; text-align: left; _padding: 10px 0 0 10px; } .b_fff { font-weight: bold; color: #fff; } .fff { color: #fff; } body#black { background: #000; } .m10 { margin: 10px; } .m_10 { margin: 10px 0; } .block { display: block; clear: both; } .clr { clear: both; } .m20 { margin: 20px; } .m3_10 { margin: 10px 10px 10px 0; } .m_b_15 { margin-bottom: 15px; } .p10 { padding: 10px;_padding:10px 5px; } .p15 { padding: 15px; } .p_20 { padding: 20px 0; } .no_sp { margin:0;padding:0; } .m15_10 { margin: 15px 10px; } .m_5 { margin:0 5px; } .m_b_10 { margin-bottom: 10px; } .title_txt { padding: 0px 25px 0 5px; margin-bottom: 10px; } .xs { font-size: 10px; } .left { float: left; } .right { float: right; } img { border: none; } ul,ol { list-style: none; } dl { margin: 0px 10px 0px 0px; padding:0; } dt a { display: block; margin-bottom: 0px; padding-bottom: 0px; padding-left: 7px;border-left: 1px solid #ccc; } dd { display: block; margin-top:0; padding-top:0; margin-bottom: 3px; padding-bottom: 0px; padding-left: 10px; background: none; border-left: 1px solid #ccc; } /* planList */ #planList dl,#planList2 dl { margin: 0; } #planList dt a,#planList2 dt a { padding: 0; background: none; } #planList dd,#planList2 dd { margin: 0; padding: 0; background: none; } #planList,#planList2 {_float:left;} /* -- for ie7 -- */ *:first-child+html #planList { float: left; } *:first-child+html #planList2 { float: left; } #planList dl dt span, #planList dl dt a,#planList2 dl dt span, #planList2 dl dt a { margin: 0; padding: 0; background: none; } #planList a.overlayMenu span,#planList2 a.overlayMenu span { height: 36px; width: 165px; padding: 0; overflow: hidden; display: block; text-indent: -9999px; background: url(http://newotani-osaka.bizart.co.jp/stay/_img/plan_list.png) no-repeat; border: 1px solid #fff; margin-bottom: 10px; } #planList2 a.overlayMenu span { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/plan_list2.png) no-repeat; border: 1px solid #333; } #planList a.overlayMenu span#pm1,#planList2 a.overlayMenu span#pm1 { background-position: 0 0px; } #planList a.overlayMenu span#pm2,#planList2 a.overlayMenu span#pm2 { background-position: 0 -36px; } #planList a.overlayMenu span#pm3,#planList2 a.overlayMenu span#pm3 { background-position: 0 -72px; } #planList a.overlayMenu span#pm4,#planList2 a.overlayMenu span#pm4 { background-position: 0 -108px; } #planList a.overlayMenu span#pm5,#planList2 a.overlayMenu span#pm5 { background-position: 0 -144px; } #planList a.overlayMenu,#planList2 a.overlayMenu { cursor: hand; } /* 200904 renewal */ #planLists dl,#planLists2 dl { margin: 0; } #planLists dt a,#planLists2 dt a { padding: 0; background: none; } #planLists dd,#planLists2 dd { margin: 0; padding: 0; background: none; } #planLists,#planLists2 {_float:left;} #planLists dl,#planLists2 dl { width:188px; margin-left:-1px; } #planLists dl,#planLists dt,#planLists dd { background: #000; } *:first-child+html #planLists dl { margin-left:0px; } /*20100513*/ #planLists ul { margin: 0; padding:0; margin-left:-1px; width:188px; } #planLists ul li { line-height:0; margin:0; } #planLists ul li a { background: none; display: block; margin-bottom: 0px; padding: 0 0 0 7px; border-left: 1px solid #ccc; line-height:normal; zoom:1; } #planLists ul li span, #planLists ul li a,#planLists2 ul li span, #planLists2 ul li a { margin: 0; padding: 0; background: none; line-height:normal; zoom:1; } /* -- for ie7 -- */ *:first-child+html #planLists { float: left; width:190px; background: #000; } *:first-child+html #planLists2 { float: left; } #planLists dl dt span, #planLists dl dt a,#planLists2 dl dt span, #planLists2 dl dt a { margin: 0; padding: 0; background: none; } *:first-child+html #planLists dl { width: 190px; background: #000; margin-left:-1px; } *:first-child+html #planLists ul { width: 190px; background: #000; margin-left:-1px; } #planLists a.overlayMenu span,#planLists2 a.overlayMenu span { height: 36px; width: 188px; padding: 0; overflow: hidden; display: block; text-indent: -9999px; background: url(http://newotani-osaka.bizart.co.jp/stay/_img/plan_list.png) no-repeat; border: 1px solid #fff; margin-bottom: 10px; } #planLists2 a.overlayMenu span { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/plan_list2.png) no-repeat; border: 1px solid #333; } #planLists a.overlayMenu span#pm1,#planLists2 a.overlayMenu span#pm1 { background-position: 0 0px; } #planLists a.overlayMenu span#pm2,#planLists2 a.overlayMenu span#pm2 { background-position: 0 -36px; } #planLists a.overlayMenu span#pm3,#planLists2 a.overlayMenu span#pm3 { background-position: 0 -72px; } #planLists a.overlayMenu span#pm4,#planLists2 a.overlayMenu span#pm4 { background-position: 0 -108px; } #planLists a.overlayMenu span#pm5,#planLists2 a.overlayMenu span#pm5 { background-position: 0 -144px; } #planLists a.overlayMenu,#planLists2 a.overlayMenu { cursor: hand; } /*-------*/ h2.title { height: 24px; line-height: 24px; margin: 10px 0; padding-left: 5px; background: url(http://newotani-osaka.bizart.co.jp/stay/_img/h2_background.png) left center repeat-x; font-size: 120%; display: block; clear: both; text-align: left; } .black .recommend a { color: #f1f1f1; text-decoration: underline; } .black h2.title {height: 24px; line-height: 24px; margin: 10px 0; padding-left: 5px; background: url(http://newotani-osaka.bizart.co.jp/stay/_img/h2_background2.png) left center repeat-x; font-size: 120%; display: block; clear: both; text-align: left; color: #f1f1f1; } .col3 .column{ width: 32%; margin-left: 2%; float: left; height: 80px; } ul.promos li.column h3 { height: auto; } ul.promos li.column img { margin-right: 6px; float: left; } ul.promos li.column p { margin: 5px 5px 5px 105px; font-size: 92%; } ul.promos { margin-bottom: 0; display: block; clear: both; } ul.promos li.column { width: 31%; line-height: 1.1; text-align: left; } ul.promos li.column h3 { height: auto; } ul.promos li.column img { margin-right: 6px; float: left; } ul.promos li.column p { margin-top: 5px; margin-left: 70px; font-size: 92%; } #container { margin: 0 auto; text-align: center; width: 900px; } .recommend { text-align: left; width: 775px; _float:left;} /* -- for ie7 -- */ *:first-child+html .recommend { float: left; } .recommend2 { text-align: left; } .recommend strong { /*display: block; padding: 5px 0 0 10px; color: #666; font-weight: bold;*/ } .recommend strong { font-size: 14px; font-family: Times New Roman; display: block; padding: 0px; color: #666; font-weight: bold; } a { color: #369; text-decoration: none; } a:hover { text-decoration: underline; } .recommend ul.col3 .column,.recommend2 ul.col3 .column { width: 32%; /*margin-left: 2%*/ } .recommend ul.col3 .column,.recommend2 ul.col3 .column { width: 25%;_width: 24%; margin-left: 0% } .recommend ul.col3 .column,.recommend2ul.col3 .column { width: 32%;width: 250px; margin-left: 5px; float: left; height: 80px; } .recommend ul,.recommend2 ul { margin-bottom: 0; list-style: none outside; } .recommend li.column,.recommend2 li.column { width: 31%; width: 250px; line-height: 1.1; float: left; } .recommend li.column h3,.recommend2 li.column h3 { height: auto; } .recommend li.column img,.recommend2 li.column img { margin-right: 6px; float: left; } .recommend li.column p,.recommend2 li.column p { margin-top: 5px; margin-left: 70px; font-size: 92%; } .recommend2 ul.col2 { width:900px; text-align: left; } .recommend2 ul.col2 li.column { width: 290px; line-height: 1.1; float: left; margin-right: 10px; height: 80px; } .recommend2 ul.col2 li.column h3 { height: auto; } /* entry page layout */ #event_page { float:left;text-align:left; width:860px; display:block; clear:both; background:url(http://newotani-osaka.bizart.co.jp/stay/_img/back.gif) repeat-y; } .event_side { float:left;width:200px;text-align:left; background: #fff; padding-left: 8px; } .event_content { float:right;width:650px;text-align:left; } .bar_top { display: block; margin-left:-8px; } strong.title { font-size:16px;color:#A6896B;font-weight: bold; display: block; padding: 10px 25px 10px 5px;} .bar01 { background:url(http://newotani-osaka.bizart.co.jp/stay/_img/bar.gif) no-repeat top left; width:167px; height:6px; display:block; clear:both; margin: 10px 0; } .bar02 { background:url(http://newotani-osaka.bizart.co.jp/stay/_img/bar2.gif) no-repeat top left; width:167px; height:2px; display:block; clear:both; margin: 10px 0; } h3.topics { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/topic.gif) no-repeat top left; width:164px; height: 12px; text-indent: -99999px; } h3.stay { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/stay.gif) no-repeat top left; width:164px; height: 12px; text-indent: -99999px; } h3.tie01 { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/tie01.gif) no-repeat top left; width: 164px; height:16px; margin-bottom: 5px; text-indent: -9999px; } h3.tie02 {background: url(http://newotani-osaka.bizart.co.jp/stay/_img/tie02.gif) no-repeat top left; width: 164px; height:16px; margin: 5px 0; text-indent: -9999px; } h3.price { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/headline01.gif) no-repeat top left; width:331px; height:28px; text-indent:-999999px; } h3.information { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/headline02.gif) no-repeat top left; width:639px; height:33px; text-indent:-999999px; } ul.arrow { list-style: none outside; margin: 5px 0 10px 5px; } ul.arrow li { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/arrow.gif) no-repeat top left; padding-left: 20px; font-size: 12px; } .place { height:50px; } ul.circle { list-style: none outside; margin: 5px 0 10px 5px; } ul.circle li { border-bottom: 1px dashed #D3D1D4; padding: 15px 0; } table.image { height: 314px; margin-bottom: 25px; } .p_list p { margin-left:5px;display:block; padding-left: 5px;} .menu_top { background:url(http://newotani-osaka.bizart.co.jp/stay/_img/menu_top.gif) no-repeat top left;width:604px;height:30px;display:block; } .menu_mid { background:url(http://newotani-osaka.bizart.co.jp/stay/_img/menu_mid.gif) repeat-y top left;width:604px;display:block; } .menu_btm { background:url(http://newotani-osaka.bizart.co.jp/stay/_img/menu_btm.gif) no-repeat top left;width:604px;height:57px;display:block; } .menu_mid .inside { padding:5px 25px; } .box_sp { border:1px solid #E6E6E6;background:#F5F3EF;width:602px; margin:25px 0; } .box_sp p { padding:10px;float:left;width:450px; } .box_sp strong { text-indent:8px;display:block;padding-bottom:5px;border-bottom:1px dashed #e6e6e6;margin-bottom:5px;font-weight:bold; } p.copy { background:url(http://newotani-osaka.bizart.co.jp/stay/_img/copy.gif) no-repeat bottom left; float: left; text-indent:-99999px; width: 278px; height: 25px; } .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } table.subimg { margin-right:10px; } table.subimg td { padding-bottom: 2px; } p.subimg_txt { font-size: 10px; } table.image { height: 314px; margin-bottom: 0px; } table.image td { padding-bottom: 2px; } #planLists a.recommend_btn01,#planLists2 a.recommend_btn01 { background: url(http://newotani-osaka.bizart.co.jp/stay/_img/btn01.jpg) no-repeat top left; width:190px; height:38px; display: block; overflow: hidden; text-indent:-99999px; } #planLists a.recommend_btn01:hover,#planLists2 a.recommend_btn01:hover { background-position: 0 -38px; } #planLists ul li a.recommend_btn01 { border-bottom:2px solid black;line-height:normal; zoom:1; } #planLists ul li.bl_02 { line-height:0; margin:0; }