@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 button
08 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { background: #fff; text-align: center; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { color: #654e3e; text-decoration: none; }
a:link { color: #654e3e; border-bottom: 1px solid #654e3e; }
a:visited { color: #654e3e; border-bottom: 1px solid #654e3e; }
a:hover, a:active { color: #3a2619; border-bottom: 1px dotted #3a2619; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }
.notes, .notes a { font-size: x-small; }
.spacing { margin-top: 15px; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { text-decoration: none; }

strong { font-weight: bold; }

/* ============================== 03 wrap around the contents (base layout box) */
body#aroma { color: #300; line-height: 150%; }
body#aroma #container_out { text-align:center; width:100%; }
body#aroma #container_in { margin: 0 auto; width:600px; }

body#aroma #header { padding: 20px 0 0 512px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../aroma/img/bg_header.gif); height: 31px; }
body#aroma #header a, body#aroma #header a:link, body#aroma #header a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../aroma/img/btn_close.gif); height: 8px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
body#aroma #header a:hover, body#aroma #header a:active { background-position: 0 -8px; }

body#aroma #outline { background-position: 0 0; background-repeat: no-repeat; background-image: url(../../aroma/img/bg_outline.jpg); padding-top: 41px; padding-bottom: 40px; }
body#aroma #outline h2 { margin-bottom: 21px; }
body#aroma #outline #info img { margin-left: 41px; }
body#aroma #outline #info p { margin-left: 62px; margin-top: 10px; width: 350px; font-size: x-small; line-height: 130%; }
body#aroma #outline #info a { font-size: x-small; }

body#aroma #outline #reserve { height: 32px; margin: 20px 0; width: 360px; }
body#aroma #outline #reserve a, body#aroma #outline #reserve a:link, body#aroma #outline #reserve a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../aroma/img/btn_order.gif); height: 32px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
body#aroma #outline #reserve a:hover, body#aroma #outline #reserve a:active { background-position: 0 -32px; }

body#aroma #outline #prof { background-position: 298px 0; background-repeat: no-repeat; background-image: url(../../aroma/img/ph_iida.jpg); }
body#aroma #outline #prof h3 { margin-left: 41px; margin-bottom: 20px; }
body#aroma #outline #prof p { margin-left: 41px; font-size: x-small; width: 240px; line-height: 130%; }
body#aroma .menu img { margin-bottom: 20px; }
body#aroma .menu p { margin-bottom: 20px; margin-left: 40px; width: 520px; }
body#aroma #option { padding: 20px 0; }
body#aroma #option h2 { margin-bottom: 15px; }
body#aroma #option p { margin-bottom: 15px; margin-left: 40px; width: 520px; }
body#aroma #option dl { margin: 0 40px 20px 40px; }
body#aroma #option dt { float: left; width: 100px; }
body#aroma #option dd { float: right; width: 420px; }
body#aroma #option dl p { margin: 0 0 0 20px; width: 400px; }
body#aroma #bath {  background: #e9e5e1; padding: 20px 40px 40px 40px; }
body#aroma #bath h2 { margin-bottom: 20px; }
body#aroma #bath .text { margin-bottom: 20px; }
body#aroma #bath .text p { float: left; width: 280px; }
body#aroma #bath .text img { float: right; width: 220px; }