@charset "UTF-8";

/* -----------------------------
「レストラン」レイアウト（corner-style.css）
----------------------------- */

#main h2 { clear: both; border-bottom-color: #ffb100;}
#main table { border-collapse: collapse; border: 0;}
#main table th { text-align: left;}
#main table tr { vertical-align: top;}
#main .text { margin-bottom: 1em; padding-left: 18px;}
#main p { margin-bottom: 0;}
#main .text p { margin-bottom: 1em;}
#main .image p { margin-bottom: 5px; padding: 1px; background-color: #b4b4b4;}
#main img {  border: 1px solid #fff;}

.layout1,
.layout2,
.layout3,
.layout4 { clear: both; display: inline-block; margin-bottom: 1em;}
.layout1:after,
.layout2:after,
.layout3:after,
.layout4:after { content: "."; display: block; height: 0.1; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .layout1,
* html .layout2,
* html .layout3,
* html .layout4 { height: 0.1;}
.layout1,
.layout2,
.layout3,
.layout4 { display: block; }
/* End hide from IE-mac */



/* ページ内リンク */
dl.pagelink { width: 700px; margin-bottom: 30px; font-size: 92%;}
dl.pagelink dt { height: 20px; background: #fff url(../img/servicemenu.gif) no-repeat left top; text-indent: -9999px;}
dl.pagelink dd { width: 670px; margin: 0; padding: 12px 15px; background-color: #f3f3f3;}
dl.pagelink dd ul { margin: 0; padding: 0;}
dl.pagelink dd li { display: inline; margin: 0; padding: 0 10px; border-left: 1px solid #ccc;}
dl.pagelink dd li:first-child { border-left: none;}



/* テキスト＋写真（大） */
.layout1 .text { float: left; width: 360px;}
.layout1 .image { float: right;}

/* 写真（大）＋テキスト： */
.layout2 .text { float: right; width: 360px;}
.layout2 .image { float: right;}

/* テキスト＋写真（小） */
.layout3 .text { float: left; width: 440px;}
.layout3 .image { float: right;}

/* 写真（小）×3 */
.layout4 { padding-left: 18px;}
.layout4 .wrapper { float: left; width: 417px;}
.layout4 .image1 { float: left;}
.layout4 .image2,
.layout4 .image3 { float: right;}

#main .layout4 p.image1,
#main .layout4 p.image2,
#main .layout4 p.image3 { margin-bottom: 5px; padding: 1px; background-color: #b4b4b4;}



/* お問い合わせフォーム */
#main fieldset { margin: 0; padding: 0; border: none;}
#main legend { margin: 5px 0; padding: 3px 0 3px 0.5em; border-left: 4px solid #ffd36f; color: #4d4d4d; font-weight: bold;}
#main form { margin: 2em 0; padding: 2px;}
#main form dl { margin: 0;}
#main form dt { clear: left; float: left; width: 11.5em; padding: 5px 0 5px 0.5em; background: url(../img/point1.gif) no-repeat left top; color: #333;}
#main form dt em { color: #e00; font-style: normal; font-size: 0.93em;}
#main form dd { margin-bottom: 2px; padding: 5px 5px 5px 12.5em; background: #ffefcb url(../img/bg_form.gif) no-repeat 11.5em top;}
#main form dd p { margin: 0; padding: 0;}
#main form dd textarea { width: 25em;}
#main form dd input { margin-top: 3px; margin-bottom: 3px;}
#main form p.submit { margin: 0; padding: 10px; background-color: #aaa; text-align: center;}

#main .border-box { margin: 2em 0; padding: 10px; border: 1px solid #ccc; background-color: #ffefcb; font-size: smaller;}
