@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 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 {  }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
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; }

/* ============================== 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; }


/* ============================== 03 wrap around the contents (base layout box) */

/* 共通 */
.spacing { padding-bottom: 1em; }

body.fp { margin:10px; color:#666; text-align: center; }
body.fp div#container_out { text-align:center; width:100%; }
body.fp div#container_in { margin: 0 auto; width:598px; border:1px solid #673400; }

body.fp { line-height: 1.2em; }
body.fp em { color:#630; }
body.fp strong { color:#630; font-weight:bold; }

body.fp div#contents { padding:30px 19px; }

body.fp h2 { margin-bottom:20px; }

body.fp div#outline { margin-top:15px; padding-bottom:10px; }
body.fp div#outline p { padding-top:40px; padding-left:30px; color:#fff; }
body#fashion_plates_jp div#outline { background: url(../../fashion_plates/img/bg_outline.gif) no-repeat left top; }
body#fashion_plates_en div#outline { background: url(../../fashion_plates/img/bg_outline_en.gif) no-repeat left top; }

body.fp div#party { margin-top:10px; margin-bottom:45px; margin-left:10px; }
body.fp div#party h3 { margin-bottom:10px; }
body.fp div#party p { margin-left:20px; }

body.fp div#event dl { margin-top:18px; }
body.fp div#event dt { color:#630; font-weight:bold; }
body.fp div#event dd { margin-top:5px; margin-left:10px; }
body.fp div#event dd.notes { margin-top:10px; font-size:x-small; }

body.fp div#contents a { color: #f9c; }
body.fp div#contents a:link { color: #f9c; }
body.fp div#contents a:visited { color: #f9c; }
body.fp div#contents a:hover, body.fp div#contents a:active { color: #f25390; }

body.fp div#contents div#outline a { color: #834202; }
body.fp div#contents div#outline a:link { color: #834202; }
body.fp div#contents div#outline a:visited { color: #834202; }
body.fp div#contents div#outline a:hover, body.fp div#contents div#outline a:active { color: #630; }

body.fp div#footer { margin: 10px auto 0 auto; width:600px;}
body.fp p#copyright { width: 500px; float:left; font-size:x-small; color:#673400; }
body.fp p.button_area { width: 41px; float:right; text-align:right; }

body.fp p.button_area a, body.fp p.button_area a:link, body.fp p.button_area a:visited { display: block; background-image: url(../../fashion_plates/img/button_close.gif); width: 41px; height: 11px; font-size: 5px; line-height: 100%; }
body.fp p.button_area a:hover, body.fp p.button_area a:active { background-position: 0 -11px; }

/*2007.10.12add*/
body.fp div.event01 { margin-top:28px; margin-left:10px; }
body.fp div.event01 h3 { margin-bottom:10px; }
body.fp div.event01 p { margin-left:20px; }
body.fp div.event01 div.photocol { float:right; margin-left:15px; }
body.fp div.event01 p.notes { margin-top:5px; font-size:x-small; }

/* お問い合わせ */
body#contact { margin:10px; line-height: 1.25em; }
body#contact div#box { width:620px; border:#ff3366 1px solid; }
body#contact p { color:#330; font-size:x-small; }
body#contact em { color:#3366FF; font-weight:bold; font-size:x-small; }
body#contact h2 { color:#3366FF; font-weight:bold; font-size:x-small; margin:15px 0 20px 10px; }
body#contact .set { margin-bottom:20px; margin-left:10px; }

body#contact a { color: #f36; font-size:x-small; font-weight:bold; }
body#contact a:link { color: #f36; font-size:x-small; font-weight:bold; }
body#contact a:visited { color: #f36; font-size:x-small; font-weight:bold; }
body#contact a:hover, body#contact a:active { color: #c36; font-size:x-small; font-weight:bold; }

body#contact .mail_cwctky a, body#contact .mail_cwctky a:link, body#contact .mail_cwctky a:visited { display: block; background-image: url(../contact/mail_01.gif); width: 119px; height: 10px; font-size: 5px; line-height: 100%; }
body#contact .mail_cwctky a:hover, body#contact .mail_cwctky a:active { background-position: 0 -10px; }

body#contact .mail_cwcny a, body#contact .mail_cwcny a:link, body#contact .mail_cwcny a:visited { display: block; background-image: url(../contact/mail_02.gif); width: 92px; height: 10px; font-size: 5px; line-height: 100%; }
body#contact .mail_cwcny a:hover, body#contact .mail_cwcny a:active { background-position: 0 -10px; }

body#contact .mail_jf a, body#contact .mail_jf a:link, body#contact .mail_jf a:visited { display: block; background-image: url(../contact/mail_03.gif); width: 168px; height: 10px; font-size: 5px; line-height: 100%; }
body#contact .mail_jf a:hover, body#contact .mail_jf a:active { background-position: 0 -10px; }