@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: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; font-style: normal; line-height: 1.45em; }
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 */
.hd { text-indent: -9999px; overflow: hidden; }
.hd a { text-decoration: none; }

.lc { float: left; }
.rc { float: right; }

strong { font-weight: bold; }

/*====== Marabelle Melody */
body.mm { color:#666; margin:10px; text-align: center; }
.mm #container { margin: 0 auto; width:560px; }
.mm #contents { background: url(../special/doll/mm_bg.gif) repeat-y; padding: 0; margin: 0; }
.mm a { color: #ff55aa; }
.mm a:link { color: #ff55aa; }
.mm a:visited { color: #ff55aa; }
.mm a:hover, .mm a:active { color: #3366cc; text-decoration: underline; }

.mm .sub_nav { border-bottom: 1px dotted #ff3399; padding-bottom: 10px; }
.mm .sub_nav li { float: left; margin-right: 5px; font-size: 84%; }
.mm .sub_nav li a { font-size: 100%; }

.mm .page_nav { border-bottom: 1px dotted #ff3399; padding: 5px 0; }
.mm .page_nav li { font-size: 84%; }
.mm .page_nav li a { font-size: 100%; }
.mm .page_nav li span { color: #ff55aa; }

.mm #outline { width: 520px; margin-left: 20px; padding-top: 10px; padding-bottom: 15px; }
.mm h1 { margin: 0 auto; width:560px; }
.mm h2 { color: #0099ff; font-weight: bold; margin-bottom: 10px; }
.mm h3 { color: #0099ff; margin-bottom: 5px; }
.mm em { color: #0099ff; }
.mm .body { padding-top: 15px; }
.mm .body .ph_l { margin-bottom: 5px; }
.mm .body .ph_r { margin-bottom: 5px; }
.mm .body .ph_l img { float: left; margin-right: 10px; margin-bottom: 5px; }
.mm .body .ph_r img { float: right; margin-left: 10px; }
.mm .body p { margin-bottom: 1.3em; }
.mm .body .last { margin-bottom: 0em; }
.mm #set02 { border-top: 1px dotted #ff3399; margin-top: 15px; }
.mm .body span { color: #ff55aa; }

.mm #footer { line-height: 1em; width: 560px; margin-top: 5px; }
.mm #footer .credit { font-size: 84%; text-align: center; color: #666; margin-bottom: 0; }
.mm #footer .button_area { margin: 0 0 0 504px; width: 46px; }

/* story */
#mm_story dl.mb { margin-bottom: 10px; width: 250px; }
#mm_story dt { float: left; width: 105px; }
#mm_story dd { float: left; width: 145px; }

/* index */
#mm_idx #container { margin: 0 auto; width:560px; }
#mm_idx .body { background: url(../../jpn/special/marabelle/img/bg_idx.jpg) left top no-repeat; height: 395px; }
#mm_idx .body ul { margin-left:11px; }
#mm_idx .body li { float: left; }
#mm_idx .body li#nav00 { margin-right: 2px; }
#mm_idx .body li#nav01 { margin-right: 2px; }
#mm_idx_en #container { margin: 0 auto; width:560px; }
#mm_idx_en .body { background: url(../../eng/special/marabelle/img/bg_idx.jpg) left top no-repeat; height: 395px; }
#mm_idx_en .body ul { margin-left:11px; }
#mm_idx_en .body li { float: left; }
#mm_idx_en .body li#nav00 { margin-right: 2px; }
#mm_idx_en .body li#nav01 { margin-right: 2px; }

#mc_idx #footer { line-height: 1em; width: 606px; margin-top: 5px; }
#mc_idx #footer .credit { font-size:x-small; text-align: center; color: #188a85; margin-bottom: 0; }
#mc_idx #footer .button_area { margin: 0 0 0 527px; width: 46px; }
#mc_idx #footer .button_area a, #mc_idx #footer .button_area a:link, #mc_idx #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../special/doll/mc_btn_cls.gif); height: 12px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
#mc_idx #footer .button_area a:hover, #mc_idx #footer .button_area a:active { background-position: 0 -12px; }

#mc_idx_en #footer { line-height: 1em; width: 606px; margin-top: 5px; }
#mc_idx_en #footer .credit { font-size:x-small; text-align: center; color: #188a85; margin-bottom: 0; }
#mc_idx_en #footer .button_area { margin: 0 0 0 527px; width: 46px; }
#mc_idx_en #footer .button_area a, #mc_idx_en #footer .button_area a:link, #mc_idx_en #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../special/doll/mc_btn_cls.gif); height: 12px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
#mc_idx_en #footer .button_area a:hover, #mc_idx_en #footer .button_area a:active { background-position: 0 -12px; }

/*====== Manuheali'i Paradise Girl */
body.mh { color:#630; margin:10px; text-align: center; }
.mh #wrapper { margin: 0 auto; width:560px; }
.mh .contents { border: 2px solid #7baa18; background-color: #fff; border-top: 0px; }
.mh a { color: #690; }
.mh a:link { color: #690; }
.mh a:visited { color: #690; }
.mh a:hover, .mh a:active { color: #f80; text-decoration: underline; }

.mh .sub_nav { border-bottom: 1px dotted #330; padding: 10px 0; width: 520px; margin-left: 20px; }
.mh .sub_nav li { float: left; margin-right: 5px; font-size: 84%; }
.mh .sub_nav li a { font-size: 100%; }

.mh .body { width: 520px; margin-left: 20px; padding: 15px 0; }
.mh h1 { margin: 0 auto; width:560px; }
.mh h2 { color: #f60; font-weight: bold; margin-bottom: 10px; }
.mh h3 { color: #f60; margin-bottom: 5px; }
.mh em { color: #f60; }
.mh .body .ph_l { margin-bottom: 5px; }
.mh .body .ph_r { margin-bottom: 5px; }
.mh .body .ph_l img { float: left; margin-right: 10px; margin-bottom: 5px; }
.mh .body .ph_r img { float: right; margin-left: 10px; }
.mh .body p { margin-bottom: 1.5em; }
.mh .body p.spc { margin-bottom: 5px; }
.mh .body .last { margin-bottom: 0em; }
.mh .body span { color: #690; }

.mh #msg table { float: right; width: 160px; margin-left: 10px; }
.mh table p { font-size: 84%; }

.mh #msg dl { margin-bottom:15px; }
.mh #msg dt { color: #f60; margin-bottom:5px; }
.mh #msg dd { margin-left:15px; }
.mh #msg .last { margin-bottom:0; }

.mh #footer { line-height: 1em; margin-top: 10px; }
.mh #footer .credit { font-size:84%; text-align: center; color: #630; }
.mh #footer .button_area { margin: 0 0 0 509px; width: 46px; }

/* index */
#mh_idx .body { width:560px; margin-left: 0; background: url(../../jpn/special/manuhealii/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#mh_idx .body ul { margin-left:41px; }
#mh_idx .body li { float: left; }
#mh_idx .body li#nav00 { margin-right: 42px; }
#mh_idx .body li#nav01 { margin-right: 42px; }
#mh_idx_en .body { width:560px; margin-left: 0; background: url(../../eng/special/manuhealii/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#mh_idx_en .body ul { margin-left:20px; }
#mh_idx_en .body li { float: left; }
#mh_idx_en .body li#nav00 { margin-right: 38px; }
#mh_idx_en .body li#nav01 { margin-right: 38px; }

/*====== Macaron Q-Tea Party */
body.mq { color:#666; margin:10px; text-align: center; }
.mq #wrapper { margin: 0 auto; width:560px; }
.mq .contents { border: 2px solid #808080; background-color: #fff; border-top: 0px; }
.mq a { color: #f69; }
.mq a:link { color: #f69; }
.mq a:visited { color: #f69; }
.mq a:hover, .mq a:active { color: #39c; text-decoration: underline; }

.mq .sub_nav { border-bottom: 1px dotted #666; padding: 10px 0; width: 520px; margin-left: 20px; }
.mq .sub_nav li { float: left; margin-right: 5px; font-size: 84%; }
.mq .sub_nav li a { font-size: 100%; }

.mq .body { width: 520px; margin-left: 20px; padding: 15px 0; }
.mq .body .lead { border-bottom: 1px dotted #666; padding-bottom: 15px; margin-bottom: 10px; }
.mq .body .lead p { margin-bottom: 5px; }
.mq .body .line { border-top: 1px dotted #666; padding-top: 10px; margin-top: 15px; }

.mq h1 { margin: 0 auto; width:560px; }
.mq h2 { color: #3c9; font-weight: bold; margin-bottom: 10px; }
.mq h3 { color: #3c9; margin-bottom: 5px; }
.mq em { color: #3c9; }
.mq .body .ph_l img { float: left; margin-right: 10px; margin-bottom: 10px; }
.mq .body .ph_r img { float: right; margin-left: 10px; margin-bottom: 10px; }
.mq .body p { margin-bottom: 1.5em; }
.mq .body p.spc { margin-bottom: 5px; }
.mq .body .last { margin-bottom: 0em; }
.mq .body span { color: #f69; }

.mq #msg dl { margin-bottom:15px; }
.mq #msg dt { color: #3c9; margin-bottom:5px; }
.mq #msg dd { margin-left:15px; }
.mq #msg .last { margin-bottom:0; }

.mq #footer { line-height: 1em; margin-top: 10px; }
.mq #footer .credit { font-size:84%; text-align: center; color: #666; }
.mq #footer .button_area { margin: 0 0 0 509px; width: 46px; }

/* index */
#mq_idx .body { width:560px; margin-left: 0; background: url(../../jpn/special/macaron_q/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#mq_idx .body ul { margin-left:65px; width: 193px; }
#mq_idx .body li { text-align:center; }
#mq_idx .body li img { vertical-align:bottom; }
#mq_idx .body li#nav00 { margin-bottom: 16px; }
#mq_idx .body li#nav01 { margin-bottom: 16px; }
#mq_idx_en .body { width:560px; margin-left: 0; background: url(../../eng/special/macaron_q/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#mq_idx_en .body ul { margin-left:70px; width: 179px; }
#mq_idx_en .body li { text-align:center; }
#mq_idx_en .body li img { vertical-align:bottom; }
#mq_idx_en .body li#nav00 { margin-bottom: 16px; }
#mq_idx_en .body li#nav01 { margin-bottom: 16px; }

#mq_idx #goform { margin: 10px; text-align: center; }
#mq_idx #goform em { color: #3c9; font-weight: bold; }
#mq_idx #goform a { text-decoration: none; }
#mq_idx #goform a:link { color: #f69; font-weight: bold; }
#mq_idx #goform a:visited { color: #f69; font-weight: bold; }
#mq_idx #goform a:hover, #mq_idx #goform a:active { color: #39c; border-bottom: #39c solid 1px; font-weight: bold; }

/*====== Baby Buttercup */
body.bb { color:#666; margin:10px; text-align: center; }
.bb #wrapper { margin: 0 auto; width:560px; }
.bb .contents { border: 2px solid #85c5c5; background-color: #fff; border-top: 0px; }
.bb a { color: #23bcbc; }
.bb a:link { color: #23bcbc; }
.bb a:visited { color: #23bcbc; }
.bb a:hover, .bb a:active { color: #79ae07; text-decoration: underline; }

.bb .sub_nav { border-bottom: 1px dotted #85c5c5; padding: 10px 0; width: 520px; margin-left: 20px; }
.bb .sub_nav li { float: left; margin-right: 5px; font-size: 84%; }
.bb .sub_nav li a { font-size: 100%; }

.bb .body { width: 520px; margin-left: 20px; padding: 15px 0; }
.bb .body ul { margin-bottom: 10px; }
.bb .body li { list-style: disc; margin-left: 15px; margin-bottom: 5px; }

.bb h1 { margin: 0 auto; width:560px; }
.bb h2 { color: #ef4894; font-weight: bold; margin-bottom: 10px; }
.bb h3 { color: #ef4894; margin-bottom: 5px; }
.bb em { color: #ef4894; }
.bb .body .ph_l img { float: left; margin-right: 10px; margin-bottom: 10px; }
.bb .body .ph_r img { float: right; margin-left: 10px; margin-bottom: 10px; }
.bb .body p { margin-bottom: 1.5em; }
.bb .body p.spc { margin-bottom: 5px; }
.bb .body .last { margin-bottom: 0em; }
.bb .body span { color: #f69; }

.bb #msg dl { margin-bottom:15px; }
.bb #msg dt { color: #ef4894; margin-bottom:5px; }
.bb #msg dd { margin-left:15px; }
.bb #msg .last { margin-bottom:0; }

.bb #footer { line-height: 1em; margin-top: 10px; }
.bb #footer .credit { font-size:84%; text-align: center; color: #666; }
.bb #footer .button_area { margin: 0 0 0 509px; width: 46px; }

/* index */
#bb_idx .body { width:560px; margin-left: 0; background: url(../../jpn/special/buttercup/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#bb_idx .body ul { margin-left:28px; width: 550px; }
#bb_idx .body li { float: left; list-style: none; margin-left:0px; }
#bb_idx .body li img { vertical-align:bottom; }
#bb_idx .body li#nav00 { margin-right: 35px; }
#bb_idx .body li#nav01 { margin-right: 35px; }
#bb_idx_en .body { width:560px; margin-left: 0; background: url(../../eng/special/buttercup/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#bb_idx_en .body ul { margin-left:28px; width: 560px; }
#bb_idx_en .body li { float: left; list-style: none; margin-left:0px; }
#bb_idx_en .body li img { vertical-align:bottom; }
#bb_idx_en .body li#nav00 { margin-right: 14px; }
#bb_idx_en .body li#nav01 { margin-right: 15px; }

/*====== Little Lily Brown */
body.ll { color:#666; margin:10px; text-align: center; }
.ll #wrapper { margin: 0 auto; width:560px; }
.ll .contents { border: 2px solid #000; background-color: #fff; border-top: 0px; }
.ll a { color: #fb819b; }
.ll a:link { color: #fb819b; }
.ll a:visited { color: #fb819b; }
.ll a:hover, .ll a:active { color: #9d8216; text-decoration: underline; }

.ll .sub_nav { border-bottom: 1px dotted #000; padding: 10px 0; width: 520px; margin-left: 20px; }
.ll .sub_nav li { float: left; margin-right: 5px; font-size: 84%; }
.ll .sub_nav li a { font-size: 100%; }

.ll .body { width: 520px; margin-left: 20px; padding: 15px 0; }
.ll .body ul { margin-bottom: 10px; }
.ll .body li { list-style: disc; margin-left: 15px; margin-bottom: 10px; }

.ll h1 { margin: 0 auto; width:560px; }
.ll h2 { color: #000; font-weight: bold; margin-bottom: 10px; }
.ll h3 { color: #000; margin-bottom: 5px; }
.ll em { color: #000; }
.ll .body .ph_l img { float: left; margin-right: 10px; margin-bottom: 10px; }
.ll .body .ph_r img { float: right; margin-left: 10px; margin-bottom: 10px; }
.ll .body p { margin-bottom: 1.5em; }
.ll .body p.spc { margin-bottom: 5px; }
.ll .body .last { margin-bottom: 0em; }
.ll .body span { color: #f69; }

.ll #msg dl { margin-bottom:15px; }
.ll #msg dt { color: #000; margin-bottom:5px; }
.ll #msg dd { margin-left:15px; }
.ll #msg .last { margin-bottom:0; }

.ll #footer { line-height: 1em; margin-top: 10px; }
.ll #footer .credit { font-size:84%; text-align: center; color: #666; }
.ll #footer .button_area { margin: 0 0 0 509px; width: 46px; }

/* index */
#ll_idx .body { width:560px; margin-left: 0; background: url(../../jpn/special/little_lily_brown/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#ll_idx .body ul { margin-left:317px; width: 137px; }
#ll_idx .body li { text-align:center; left; list-style: none; margin-left:0px; }
#ll_idx .body li img { vertical-align:bottom; }
#ll_idx .body li#nav00 { margin-bottom: 9px; }
#ll_idx .body li#nav01 { margin-bottom: 8px; }
#ll_idx_en .body { width:560px; margin-left: 0; background: url(../../eng/special/little_lily_brown/img/bg_idx.jpg) left top no-repeat; height: 380px; }
#ll_idx_en .body ul { margin-left:313px; width: 141px; }
#ll_idx_en .body li { text-align:center; list-style: none; margin-left:0px; }
#ll_idx_en .body li img { vertical-align:bottom; }
#ll_idx_en .body li#nav00 { margin-right: 10px; margin-left:10px; }
#ll_idx_en .body li#nav01 { margin-right: 8px; margin-left:10px; }

/*====== Emily Temple Cute */
body.em { color:#666; margin:10px; text-align: center; }
.em #wrapper { margin: 0 auto; width:560px; }
.em .contents { border: 2px solid #013f98; background-color: #fffde8; border-top: 0px; }
.em a { color: #278741; }
.em a:link { color: #278741; }
.em a:visited { color: #278741; }
.em a:hover, .em a:active { color: #d92318; text-decoration: underline; }

.em .sub_nav { border-bottom: 1px dotted #013f98; padding: 10px 0; width: 520px; margin-left: 20px; }
.em .sub_nav li { float: left; margin-right: 5px; font-size: 84%; }
.em .sub_nav li a { font-size: 100%; }

.em .body { width: 520px; margin-left: 20px; padding: 15px 0; }
.em .body ul { margin-bottom: 10px; }
.em .body li { text-indent: -1em; padding-left: 1em; }
.em .body ul.en li { text-indent: -0.5em; padding-left: 0.5em; }

.em h1 { margin: 0 auto; width:560px; }
.em h2 { color: #013f98; font-weight: bold; margin-bottom: 10px; font-size: 110%; }
.em h3 { color: #013f98; font-weight: bold; margin-bottom: 5px; }
.em h4 { color: #ff6699; margin-bottom: 5px; }
.em em { color: #000; }
.em .body .ph_l img { float: left; margin-right: 10px; margin-bottom: 10px; }
.em .body .ph_r img { float: right; margin-left: 10px; margin-bottom: 10px; }
.em .body p { margin-bottom: 1.5em; }
.em .body p.spc { margin-bottom: 5px; }
.em .body .last { margin-bottom: 0em; }
.em .body span { color: #f69; }
.em .body .mb { margin-bottom: 20px; }

.em #msg dl { margin-bottom:15px; }
.em #msg dt { color: #013f98; margin-bottom:5px; text-indent: -1.5em; padding-left: 1.5em; }
.em #msg dd { text-indent: -1.5em; padding-left: 1.5em; }
.em #msg .last { margin-bottom:0; }

.em #footer { line-height: 1em; margin-top: 10px; }
.em #footer .credit { font-size:84%; text-align: center; color: #666; }
.em #footer .button_area { margin: 0 0 0 509px; width: 46px; }

/* index */
#em_idx .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#em_idx .body ul { width: 160px; position: absolute; top: 303px; left: 137px; }
#em_idx .body li { left; list-style: none; margin-left:0px; }
#em_idx .body li img { vertical-align:bottom; }
#em_idx .body li#nav00 { margin-bottom: 20px; }
#em_idx .body li#nav01 { margin-bottom: 20px; }
#em_idx_en .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#em_idx_en .body ul { width: 180px; position: absolute; top: 303px; left: 130px; }
#em_idx_en .body li { left; list-style: none; margin-left:0px; }
#em_idx_en .body li img { vertical-align:bottom; }
#em_idx_en .body li#nav00 { margin-bottom: 20px; }
#em_idx_en .body li#nav01 { margin-bottom: 20px; }