@charset "Shift_JIS";
/* Navigation
============================================================ */
.hpb-layoutset-01 #hpb-nav
{
margin: 20px 0 0;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-nav
{
margin: 50px 0 8px;
padding: 0;
overflow: hidden;
}
#hpb-nav ul
{
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#hpb-nav ul li
{
background-image : url(nav_base_00_3.gif);
background-position: left top;
background-repeat: repeat-x;
height: 48px;
margin-bottom: 2px;
font-size: 20px;
line-height: 48px;
}
#hpb-nav ul li a
{
background-image : url(nav_arrow_00_3.gif);
background-position: right center;
background-repeat: no-repeat;
display: block;
margin-right: 15px;
padding: 0 0 0 15px;
text-decoration: none;
color: #000;
font-weight: bold;
}
#hpb-nav span.en
{
display: none;
}
#hpb-nav span.ja
{
}
/* Footer Navigation
============================================================ */
#hpb-footerNav ul li
{
display: inline-block;
background: #ded9d2;
border-bottom: 1px solid #aba69f;
height: 49px;
width: 50%;
margin: 0;
text-align: center;
text-indent: -9999px;
}
#hpb-footerNav ul li a
{
display: block;
margin: 0;
height: 49px;
text-decoration: none;
}
#hpb-footerNav ul li a span
{
display: block;
height: 49px;
margin: 0 auto;
}
#hpb-footerNav ul li#home a span.ja, #hpb-footerNav ul li#home a span.en
{
background-image : url(ico_home_00_3.png);
background-position: center 15px;
background-repeat: no-repeat;
}
#hpb-footerNav ul li#pagetop a span.ja, #hpb-footerNav ul li#pagetop a span.en
{
background-image : url(ico_pagetop_00_3.png);
background-position: center 15px;
background-repeat: no-repeat;
}
#hpb-footerNav ul li#home a span.en, #hpb-footerNav ul li#pagetop a span.en
{
display: none;
}
/* footerExtra1 */
#hpb-footerExtra1 ul
{
margin: 5px auto;
padding: 0;
text-align: center;
color: #646464;
overflow: hidden;
}
#hpb-footerExtra1 ul li
{
display: inline-block;
padding: 7px 10px;
}
#hpb-footerExtra1 ul li a
{
background-image : url(ico_dot_00_3.gif);
background-position: 0px 4px;
background-repeat: no-repeat;
padding-left: 7px;
color: #646464;
font-size: 12px;
text-decoration: underline;
}
/* Main Contents
============================================================ */
/* header logo */
#hpb-headerLogo
{
background: #ded9d2;
border-bottom: 1px solid #c8c8c8;
height: 34px;
padding: 10px 0 0 15px;
text-indent: -9999px;
}
#hpb-headerLogo a
{
display: block;
background-color: #ded9d2;
background-image : url(header_title_01_3.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 30px;
width: 290px;
}
.hpb-layoutset-02 #hpb-headerLogo a
{
background-color: #ded9d2;
background-image : url(header_title_01_3.png);
background-position: 0 0;
background-repeat: no-repeat;
}
/* title image */
.hpb-layoutset-01 .hpb-top-image#hpb-title
{
background-color: #fff;
background-image : url(top_mainvisual_01_3.jpg);
background-position: center top;
background-repeat: no-repeat;
height: 360px;
text-indent: -9999px;
overflow: hidden;
}
.hpb-layoutset-01 #hpb-title
{
background-color: #fff;
background-image : url(top_mainvisual_01_3.jpg);
background-position: center top;
background-repeat: no-repeat;
height: 360px;
text-indent: -9999px;
overflow: hidden;
}
/* Top Page
============================================================ */
.hpb-layoutset-01 #hpb-main #toppage
{
padding: 15px 0 0;
overflow: hidden;
}
.hpb-layoutset-01 #hpb-main #toppage h3, .hpb-layoutset-01 #hpb-main #toppage p.large
{
border-bottom: 1px solid #c8c8c8;
margin: 15px 0;
padding: 0 15px 5px;
font-size: 15px;
font-weight: bold;
color: #000;
}
.hpb-layoutset-01 #hpb-main p
{
margin: 0 0 1em;
padding: 10px 15px 0;
color: #595757;
font-size: 12px;
line-height: 1.35;
}
.hpb-layoutset-01 #hpb-main p.large
{
border-bottom: none;
margin-top: 20px;
font-weight: bold;
word-break: break-all;
}
.hpb-layoutset-01 #hpb-main #toppage h3.hpb-c-index
{
display: none;
}
.hpb-layoutset-01 #hpb-main #toppage #toppage-info .hpb-section p
{
padding: 0;
}
.hpb-layoutset-01 #hpb-main #toppage #toppage-news .hpb-section h3, .hpb-layoutset-01 #hpb-main #toppage #toppage-info .hpb-section h3
{
background-color: #f5f4f1;
background-image : url(ico_plus_00_3.gif);
background-position: 19px 10px;
background-repeat: no-repeat;
border-bottom: 1px solid #edecea;
min-height: 22px;
margin: 0 0 15px;
padding: 6px 15px 0 34px;
color: #2c2c2c;
font-size: 17px;
line-height: 1.1;
word-break: break-all;
}
.hpb-layoutset-01 #hpb-main #toppage .hpb-section h3 span.en
{
display: none;
}
.hpb-layoutset-01 #hpb-main #toppage .hpb-section h3 span.ja
{
}
.hpb-layoutset-01 #hpb-main #toppage #toppage-news dl
{
margin: 0 15px 25px;
}
.hpb-layoutset-01 #hpb-main #toppage > div:last-child
{
margin-bottom: 40px;
}
/* Second Page 
============================================================ */
.hpb-layoutset-02 #hpb-main .hpb-section
{
margin-bottom: 10px;
padding: 0 0 10px;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main h3
{
background-color: #f5f4f1;
background-image : url(ico_plus_00_3.gif);
background-position: 19px 10px;
background-repeat: no-repeat;
border-bottom: 1px solid #edecea;
min-height: 22px;
margin: 0 0 15px;
padding: 6px 15px 0 34px;
color: #2c2c2c;
font-size: 17px;
line-height: 1.1;
word-break: break-all;
}
.hpb-layoutset-02 #hpb-main h3 span.en
{
display: none;
}
.hpb-layoutset-02 #hpb-main h4
{
margin: 0 0 10px;
font-size: 14px;
color: #231815;
line-height: 23px;
}
.hpb-layoutset-02 #hpb-main .hpb-section p
{
margin: 0 15px 1em;
color: #595757;
font-size: 12px;
line-height: 1.35;
word-break: break-all;
}
.hpb-layoutset-02 #hpb-main p.large
{
margin: 10px 15px 25px;
font-size: 13px;
}
.hpb-layoutset-02 #hpb-main .hpb-section p span
{
font-size: 10px;
}
.hpb-layoutset-02 #hpb-main #flow ol
{
margin-right: 15px;
}
#hpb-main dl
{
margin: 10px 15px;
font-size: 12px;
}
#hpb-main dt
{
float: left;
min-width: 4em;
margin-right: 10px;
font-weight: bold;
}
#hpb-main dd
{
margin: 0 0 5px;
overflow: hidden;
}
#hpb-main table
{
width: 90%;
border-collapse: collapse;
margin: 0 auto 10px;
}
#hpb-main table th, #hpb-main table td
{
padding: 6px;
text-align: left;
}
#hpb-main table tr th
{
background: #ddd;
border-bottom: 1px solid #ccc;
}
#hpb-main table tr:nth-child(odd)
{
background: #f9f9f9;
}
#hpb-main table tr:nth-child(even)
{
background: #eee;
}
/* ========== topics ========== */
.hpb-layoutset-02 #hpb-main #toppage .hpb-section
{
margin: 0;
padding: 0;
}
.hpb-layoutset-02 #hpb-main #toppage .hpb-section .itemlist
{
padding: 0 15px 10px;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #toppage .hpb-section .itemlist .item
{
padding: 0 0 25px;
}
.hpb-layoutset-02 #hpb-main #toppage .hpb-section .itemlist .item h4
{
margin: 10px 0 0;
padding: 0;
font-size: 14px;
}
.hpb-layoutset-02 #hpb-main #toppage .hpb-section .itemlist .item h5
{
margin: 0 0 5px;
padding: 0;
font-size: 12px;
}
.hpb-layoutset-02 #hpb-main #toppage .hpb-section p
{
margin-left: 0;
}
#hpb-main .hpb-section .news-comment
{
padding: 0px 15px 40px;
overflow: hidden;
}
#hpb-main .hpb-section .news-photo
{
float: left;
padding-right: 15px;
}
.hpb-layoutset-02 #toppage span.date
{
display: inline-block;
margin: 0 0 5px;
padding: 0 15px 0 0;
font-size: 17px;
font-weight: bold;
}
#hpb-main #toppage .item
{
padding: 0 15px 25px;
}
#hpb-main #toppage .item img
{
display: block;
padding: 0 0 5px;
}
#hpb-main #toppage .item h4
{
margin: 0;
padding: 0 0 5px;
}
#hpb-main #toppage .item h5
{
margin: 0 0 10px;
padding: 0;
font-size: 12px;
}
#hpb-main #toppage .item p
{
margin: 0 0 1em;
padding: 0;
}
#hpb-main #toppage #toppage-news dl
{
margin: 0 15px;
color: #595757;
font-size: 12px;
}
#hpb-main #toppage #toppage-news dt
{
float: left;
margin-right: 10px;
font-weight: bold;
}
#hpb-main #toppage #toppage-news dd
{
margin: 0 0 5px;
overflow: hidden;
}
#hpb-main #topics #toppage-news ul
{
margin: 0;
padding: 0;
list-style: none;
}
#hpb-main #topics #toppage-news li
{
margin: 0 15px 25px;
}
#hpb-main #topics #toppage-news h4
{
padding: 0;
}
#hpb-main #toppage .news-comment
{
margin: 0 5px 10px;
padding: 10px;
overflow: hidden;
}
#hpb-main #toppage #toppage-info h4
{
margin: 0 15px 10px;
}
#hpb-main #toppage #toppage-info p
{
margin: 5px 15px;
}
#hpb-main #toppage #toppage-info img
{
display: block;
margin: 0 auto 15px;
}
#hpb-main #toppage #toppage-info img.shopinfo
{
margin: 15px auto 30px;
}
#hpb-main #toppage .news-photo
{
float: left;
margin: 0 10px 0 0;
}
#hpb-main #toppage .news-comment span.date
{
display: inline-block;
margin-bottom: 5px;
font-size: 15px;
font-weight: bold;
}
#hpb-main #toppage #toppage-info .info-comment
{
padding: 0 15px 35px;
}
#hpb-main #toppage #toppage-info .info-comment h4
{
margin: 0;
padding: 0;
font-size: 15px;
}
#hpb-main #toppage .info-comment .info-photo
{
margin: 0;
}
#hpb-main #toppage #toppage-info .info-comment .info-photo img
{
margin: 0 0 10px;
}
/* ========== Concept ========== */
/* ========== Guide ========== */
.hpb-layoutset-02 #hpb-main #guide .hpb-section, .hpb-layoutset-02 #hpb-main #concept .hpb-section
{
padding: 8px 0 35px;
}
.hpb-layoutset-02 #hpb-main #guide .hpb-section:last-child, .hpb-layoutset-02 #hpb-main #concept .hpb-section:last-child
{
padding-bottom: 15px;
}
.hpb-layoutset-02 #hpb-main #guide .hpb-section img, .hpb-layoutset-02 #hpb-main #concept .hpb-section img
{
display: block;
margin: 0 auto 10px;
}
.hpb-layoutset-02 #hpb-main #concept .hpb-section h3
{
margin-bottom: 15px;
}
.hpb-layoutset-02 #hpb-main #concept h4
{
margin: 0 15px 10px;
font-size: 12px;
}
.hpb-layoutset-02 #hpb-main #guide .hpb-section:last-child p:last-child, .hpb-layoutset-02 #hpb-main #concept .hpb-section:last-child p:last-child
{
margin-bottom: 0;
}
.hpb-layoutset-02 #hpb-main #guide dl, .hpb-layoutset-02 #hpb-main #concept dl
{
margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #guide dt, .hpb-layoutset-02 #hpb-main #concept dt
{
float: left;
width: 5.5em;
margin-right: 10px;
font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #guide dd, .hpb-layoutset-02 #hpb-main #concept dd
{
margin: 0 0 5px;
overflow: hidden;
}
/* ========== service ========== */
.hpb-layoutset-02 #hpb-main #service .hpb-section
{
margin: 8px 0 0;
padding: 0;
}
.hpb-layoutset-02 #hpb-main #service .hpb-section img
{
display: block;
margin: 0 15px 10px;
}
.hpb-layoutset-02 #hpb-main #service .hpb-section h4
{
margin: 0 15px 7px;
}
.hpb-layoutset-02 #hpb-main #service .hpb-section p
{
margin-bottom: 30px;
}
/* ========== news ========== */
.hpb-layoutset-02 #hpb-main #news .hpb-section
{
padding: 10px 0 30px;
}
.hpb-layoutset-02 #hpb-main #news p.large
{
padding: 10px 15px 0px;
}
.hpb-layoutset-02 #hpb-main #news p.indent
{
margin-left: 1em;
padding: 0 15px;
text-indent: -1em;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section h3
{
margin-bottom: 10px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section h4
{
font-size: 15px;
margin: 20px 15px 0;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section h5
{
font-size: 12px;
margin: 20px 15px 10px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section p.large
{
margin: 0;
padding: 0 15px;
}
.hpb-layoutset-02 #hpb-main #news dl
{
margin: 0 15px 10px;
padding-top: 7px;
}
.hpb-layoutset-02 #hpb-main #news dt
{
float: left;
min-width: 5em;
margin-right: 10px;
font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #news dd
{
margin: 0 0 8px;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #news img
{
display: block;
padding: 0 15px 10px;
}
/* ========== company ========== */
.hpb-layoutset-02 #hpb-main #company
{
padding: 0;
}
.hpb-layoutset-02 #hpb-main #company .hpb-section
{
padding: 0 0 20px;
}
.hpb-layoutset-02 #hpb-main #company dl
{
margin: 10px 15px 30px;
}
.hpb-layoutset-02 #hpb-main #company dt
{
float: left;
clear: left;
width: 5.5em;
margin-right: 10px;
font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #company dd
{
margin: 0 0 5px;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #company img
{
padding: 0 15px 10px;
}
/* ========== recruit ========== */
.hpb-layoutset-02 #hpb-main #recruit
{
padding: 8px 0 0;
}
.hpb-layoutset-02 #hpb-main #recruit p.large
{
margin: 0 15px 15px;
color: #595757;
}
.hpb-layoutset-02 #hpb-main #recruit dl
{
margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #recruit dt
{
min-width: 5.5em;
}
/* ========== itemlist ========== */
.hpb-layoutset-02 #hpb-main #item .hpb-section
{
margin: 8px 0 0;
padding: 0;
}
.hpb-layoutset-02 #hpb-mainitemlist .hpb-section
{
padding: 0;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #item .hpb-section .itemlist
{
padding: 0 15px 10px;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #item .hpb-section .itemlist .item
{
padding: 0 0 25px;
}
.hpb-layoutset-02 #hpb-main #item .hpb-section .itemlist .item h4
{
margin: 10px 0 0;
padding: 0;
font-size: 14px;
}
.hpb-layoutset-02 #hpb-main #item .hpb-section .itemlist .item h5
{
margin: 0 0 5px;
padding: 0;
font-size: 12px;
}
.hpb-layoutset-02 #hpb-main #item .hpb-section p
{
margin-left: 0;
}
.hpb-layoutset-02 #hpb-main #item .hpb-section #nbanner
{
margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #item .hpb-section ul
{
margin-right: 15px;
}
/* ========== Plan ========== */
.hpb-layoutset-02 #hpb-main #plan
{
}
.hpb-layoutset-02 #hpb-main #plan p.large
{
padding: 0 15px;
}
.hpb-layoutset-02 #hpb-main #plan dl
{
padding: 0 15px 20px;
}
.hpb-layoutset-02 #hpb-main #plan dt
{
float: left;
width: 7em;
margin-right: 10px;
font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #plan dd
{
margin: 0 0 5px;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #plan .hpb-section img
{
display: block;
padding: 0 15px 10px;
}
/* ========== Campaign ========== */
.hpb-layoutset-02 #hpb-main #campaign .image
{
padding: 0 15px 15px;
}
.hpb-layoutset-02 #hpb-main #campaign p.icon
{
padding: 10px 0;
}
.hpb-layoutset-02 #hpb-main #campaign p.icon img
{
padding: 0 10px 0 0;
}
.hpb-layoutset-02 #hpb-main #campaign img
{
display: inline-block;
padding: 0 0 10px;
}
.hpb-layoutset-02 #hpb-main #campaign .item img
{
display: block;
padding: 0 15px 10px;
}
.hpb-layoutset-02 #hpb-main #campaign h4
{
margin: 0 15px 10px;
}
.hpb-layoutset-02 #hpb-main #campaign p.price
{
font-size: 13px;
font-weight: bold;
}
/* ========== Dish ========== */
.hpb-layoutset-02 #hpb-main #dish
{
}
.hpb-layoutset-02 #hpb-main #dish .hpb-section
{
margin: 30px 0 0;
padding: 0;
}
.hpb-layoutset-02 #hpb-main #dish > p
{
padding: 0 15px;
}
.hpb-layoutset-02 #hpb-main #dish img
{
display: block;
margin: 0 auto 10px;
}
.hpb-layoutset-02 #hpb-main #dish dl
{
width: 100%;
margin: 0;
padding: 5px 0 0;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #dish dt
{
float: left;
padding-left: 18px;
font-size: 15px;
clear: both;
}
.hpb-layoutset-02 #hpb-main #dish dd
{
margin: 0 0 10px 0;
padding: 0 15px 0 0;
font-size: 13px;
text-align: right;
}
/* ========== Shop ========== */
.hpb-layoutset-02 #hpb-main #shop
{
}
.hpb-layoutset-02 #hpb-main #shop table
{
width: 90%;
border-collapse: collapse;
margin: 0 auto 10px;
}
.hpb-layoutset-02 #hpb-main #shop table th, .hpb-layoutset-02 #hpb-main #shop table td
{
border: 1px solid #ccc;
padding: 6px;
}
.hpb-layoutset-02 #hpb-main #shop table tr td
{
text-align: left;
}
.hpb-layoutset-02 #hpb-main #shop table tr th
{
background: #ddd;
text-align: center;
}
.hpb-layoutset-02 #hpb-main #shop table tr:nth-child(odd)
{
background: #eee;
}
.hpb-layoutset-02 #hpb-main #shop table tr:nth-child(even)
{
background: #f9f9f9;
}
.hpb-layoutset-02 #hpb-main #shop dt
{
width: 8.5em;
}
/* ========== info ========== */
.hpb-layoutset-02 #hpb-main #info
{
margin: 0 0 10px;
padding: 10px 0;
}
.hpb-layoutset-02 #hpb-main #info table
{
width: 90%;
border-collapse: collapse;
margin: 0 auto 10px;
}
.hpb-layoutset-02 #hpb-main #info table th, .hpb-layoutset-02 #hpb-main #info table td
{
border: 1px solid #999;
padding: 6px;
text-align: center;
}
.hpb-layoutset-02 #hpb-main #info table th:nth-child(odd)
{
background: #ddd;
}
.hpb-layoutset-02 #hpb-main #info table th:nth-child(even)
{
background: #ccc;
}
.hpb-layoutset-02 #hpb-main #info table td:nth-child(odd)
{
background: #f9f9f9;
}
.hpb-layoutset-02 #hpb-main #info table td:nth-child(even)
{
background: #eee;
}
.hpb-layoutset-02 #hpb-main #info table tr td:first-child
{
background: #eee;
}
.hpb-layoutset-02 #hpb-main #info table tr th:first-child
{
background: #ddd;
text-align: left;
}
/* ========== facilities ========== */
.hpb-layoutset-02 #hpb-main #facilities .hpb-section img
{
display: block;
margin: 0 15px 10px;
}
/* ========== detail ========== */
.hpb-layoutset-02 #hpb-main #detail p.button
{
margin: 0 15px 40px;
}
.hpb-layoutset-02 #hpb-main #detail p.price
{
font-size: 13px;
}
.hpb-layoutset-02 #hpb-main #detail dt
{
min-width: 4.5em;
}
.hpb-layoutset-02 #hpb-main #detail h4
{
padding: 0 15px;
}
.hpb-layoutset-02 #hpb-main #detail #detail-imgbox
{
padding: 10px 15px 20px;
}
.hpb-layoutset-02 #hpb-main #detail h3 img
{
margin: 0 0 0 5px;
}
.hpb-layoutset-02 #hpb-main #detail .hpb-section > img
{
display: block;
margin: 0 15px 10px;
}
.hpb-layoutset-02 #hpb-main #detail #detail-imgbox img
{
display: inline-block;
margin: 0 10px 10px 0;
}
/* ========== estate ========== */
.hpb-layoutset-02 #hpb-main #estate .hpb-section
{
padding-bottom: 10px;
}
.hpb-layoutset-02 #hpb-main #estate .hpb-section .data
{
padding: 0 15px 30px;
}
.hpb-layoutset-02 #hpb-main #estate .hpb-section .data img
{
display: block;
margin: 0 auto 10px;
}
.hpb-layoutset-02 #hpb-main #estate .hpb-section .data h4
{
margin: 10px 0;
font-size: 15px;
}
.hpb-layoutset-02 #hpb-main #estate .hpb-section .data p
{
margin: 10px 0;
}
.hpb-layoutset-02 #hpb-main #estate .hpb-section .data span.price
{
font-size: 13px;
font-weight: bold;
}
/* ========== menu ========== */
.hpb-layoutset-02 #hpb-main #menu .item
{
margin: 0 0 10px;
padding: 10px 0;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #menu .hpb-section img
{
display: block;
margin: 0 auto 6px;
}
.hpb-layoutset-02 #hpb-main #menu dl
{
margin: 1em 15px;
font-size: 14px;
}
.hpb-layoutset-02 #hpb-main #menu dt
{
float: left;
padding: 4px 0 12px;
clear: both;
}
.hpb-layoutset-02 #hpb-main #menu dd
{
float: right;
margin-bottom: 0;
padding: 4px 0 12px;
}
.hpb-layoutset-02 #hpb-main #menu > p
{
margin: 10px 15px;
}
/* ========== access ========== */
.hpb-layoutset-02 #hpb-main #access
{
padding: 8px 0 0;
}
.hpb-layoutset-02 #hpb-main #access .hpb-section
{
padding: 0 0 10px 0;
}
.hpb-layoutset-02 #hpb-main #access h4
{
margin: 0;
font-size: 15px;
}
.hpb-layoutset-02 #hpb-main #access img
{
display: block;
margin: 0 15px 10px;
}
.hpb-layoutset-02 #hpb-main #access img.center
{
margin: 0 auto 10px;
}
.hpb-layoutset-02 #hpb-main #access h4
{
padding: 5px 15px;
}
.hpb-layoutset-02 #hpb-main #access .hpb-section p
{
margin: 0 15px 10px;
}
.hpb-layoutset-02 #hpb-main #access p strong
{
font-size: 14px;
color: #2c2c2c;
}
.hpb-layoutset-02 #hpb-main #access > p
{
margin: 0 15px 30px;
}
.hpb-layoutset-02 #hpb-main #access dl
{
margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #access dt
{
float: left;
clear: left;
width: 4em;
margin-right: 10px;
font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #access dd
{
margin: 0 0 5px;
overflow: hidden;
}
/* ========== Information ========== */
/* ========== Report ========== */
/* ========== Program ========== */
.hpb-layoutset-02 #hpb-main #program img, .hpb-layoutset-02 #hpb-main #report img, .hpb-layoutset-02 #hpb-main #information img
{
display: block;
margin: 0 15px 10px;
}
/* ========== Entrance ========== */
.hpb-layoutset-02 #hpb-main #entrance img
{
display: block;
margin: 0 auto 10px;
}
/* ========== Admission ========== */
/* ========== Reservation ========== */
.hpb-layoutset-02 #hpb-main #reserve .hpb-section, .hpb-layoutset-02 #hpb-main #information .hpb-section, .hpb-layoutset-02 #hpb-main #contact .hpb-section, .hpb-layoutset-02 #hpb-main #contactus .hpb-section
{
padding: 0;
}
.hpb-layoutset-02 #hpb-main #contact p
{
color: #595757;
}
.hpb-layoutset-02 #hpb-main #reserve .hpb-section .section, .hpb-layoutset-02 #hpb-main #information .hpb-section .section, .hpb-layoutset-02 #hpb-main #contact .hpb-section .section
{
padding: 5px 15px 15px;
}
.hpb-layoutset-02 #hpb-main #contact .section:last-child
{
padding: 5px 15px 0;
}
.hpb-layoutset-02 #hpb-main #contact .hpb-section h3, .hpb-layoutset-02 #hpb-main #contact .hpb-section h4
{
margin-bottom: 0;
}
.hpb-layoutset-02 #hpb-main #reserve h4, .hpb-layoutset-02 #hpb-main #information h4, .hpb-layoutset-02 #hpb-main #contact h4, .hpb-layoutset-02 #hpb-main #contactus h4
{
margin: 15px 15px 0;
font-size: 14px;
}
.hpb-layoutset-02 #hpb-main #information p, .hpb-layoutset-02 #hpb-main #contact p
{
margin: 10px 15px 20px;
}
.hpb-layoutset-02 #hpb-main #information .section p, .hpb-layoutset-02 #hpb-main #contact .section p
{
margin: 5px 0 10px 0;
padding: 0;
}
.hpb-layoutset-02 #hpb-main #reserve p.large, .hpb-layoutset-02 #hpb-main #information p.large, .hpb-layoutset-02 #hpb-main #contact p.large, .hpb-layoutset-02 #hpb-main #contactus p.large
{
padding: 5px 0 15px;
}
.hpb-layoutset-02 #hpb-main #reserve .section div, .hpb-layoutset-02 #hpb-main #information .section div, .hpb-layoutset-02 #hpb-main #contact .section div
{
padding: 0 10px;
}
.hpb-layoutset-02 #hpb-main .section input, .hpb-layoutset-02 #hpb-main .section textarea, .hpb-layoutset-02 #hpb-main .section div input, .hpb-layoutset-02 #hpb-main .section div textarea
{
display: inline-block;
background: #fff;
border: 1px solid #808080;
width: 100%;
margin: 0 0 0 -10px;
padding: 10px;
color: #222;
font-size: 15px;
}
.hpb-layoutset-02 #hpb-main .section input
{
height: 30px;
}
.hpb-layoutset-02 #hpb-main .section textarea, .hpb-layoutset-02 #hpb-main .hpb-section .section div textarea
{
height: 160px;
}
.hpb-layoutset-02 #hpb-main .section input:focus, .hpb-layoutset-02 #hpb-main .section textarea:focus, .hpb-layoutset-02 #hpb-main .section div input:focus, .hpb-layoutset-02 #hpb-main .section div textarea:focus
{
background: #f5f4f1;
}
.hpb-layoutset-02 #hpb-main form .section p a
{
display: block;
margin: 0 auto;
padding: 20px 0;
text-align: center;
}
.hpb-layoutset-02 #hpb-main .section input.s
{
display: inline-block;
width: 30px;
margin: 5px 5px 5px 0;
}
.hpb-layoutset-02 #hpb-main #reserve .hpb-section .submit div, .hpb-layoutset-02 #hpb-main #information .hpb-section .submit div, .hpb-layoutset-02 #hpb-main #contact .hpb-section .submit div, .hpb-layoutset-02 #hpb-main #contactus .hpb-section .submit div
{
margin: 0 auto;
text-align: center;
}
/* ========== contactus ========== */
.hpb-layoutset-02 #hpb-main #contact dl, .hpb-layoutset-02 #hpb-main #contactus dl
{
margin: 15px;
}
.hpb-layoutset-02 #hpb-main #contact dt, .hpb-layoutset-02 #hpb-main #contactus dt
{
float: left;
margin-right: 10px;
font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #contact dd, .hpb-layoutset-02 #hpb-main #contactus dd
{
margin: 0 0 5px;
overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #contactus .hpb-section p
{
margin-bottom: 0;
line-height: 1.8;
}
.hpb-layoutset-02 #hpb-main #contactus p.large
{
margin-left: 15px;
margin-right: 15px;
}
.hpb-layoutset-02 #hpb-main #contactus .hpb-section .section
{
margin-bottom: 20px;
padding: 6px 15px 0;
}
.hpb-layoutset-02 #hpb-main #contactus .hpb-section .section div
{
padding: 0 10px;
}
.hpb-layoutset-02 #hpb-main #contact .section input.s
{
display: inline-block;
width: 30px;
height: 20px;
margin: 5px;
}
/* ========== Privacy Policy ========== */
.hpb-layoutset-02 #hpb-main #privacy .hpb-section
{
padding: 8px 0 15px;
}
.hpb-layoutset-02 #hpb-main #privacy p.large
{
margin-bottom: 0;
padding: 0 15px 20px;
color: #595757;
}
.hpb-layoutset-02 #hpb-main #privacy ul
{
margin: 0;
}
.hpb-layoutset-02 #hpb-main #privacy li
{
padding: 0 0 5px 0;
color: #000;
}
/* 縦向き表示時のみ適用 */
@media only screen and (orientation : portrait)
{
.hpb-layoutset-02 #hpb-main #privacy h3
    {
letter-spacing: -1px;
}
}
/* ========== Policy ========== */
.hpb-layoutset-02 #hpb-main #policy .hpb-section
{
}
.hpb-layoutset-02 #hpb-main #policy .hpb-section img
{
display: block;
margin: 0 15px 5px;
}
.hpb-layoutset-02 #hpb-main #policy .hpb-section h4
{
font-size: 14px;
margin: 20px 15px 5px;
}
.hpb-layoutset-02 #hpb-main #policy .hpb-section ol li
{
margin: 0 15px 20px 0;
}
.hpb-layoutset-02 #hpb-main #policy .hpb-section ol h4
{
font-size: 14px;
margin: 0 0 5px;
padding-left: 0;
}
.hpb-layoutset-02 #hpb-main #policy .hpb-section table
{
}
/* ========== Law ========== */
.hpb-layoutset-02 #hpb-main #law dl
{
margin: 0 15px;
padding: 10px 0;
color: #595757;
}
.hpb-layoutset-02 #hpb-main #law dt
{
float: left;
width: 7em;
margin-right: 10px;
font-weight: bold;
}
.hpb-layoutset-02 #hpb-main #law dd
{
margin: 0 0 10px;
overflow: hidden;
}

