@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 .ph_c img { text-align:center; margin-bottom: 5px; }

.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 #7C672B; background-color: #fffde8; border-top: 0px; }
.em a { color: #fb67b0; }
.em a:link { color: #fb67b0; }
.em a:visited { color: #fb67b0; }
.em a:hover, .em a:active { color: #06a472; text-decoration: underline; }

.em .sub_nav { border-bottom: 1px dotted #d3b382; 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: #f04e4d; font-weight: bold; margin-bottom: 10px; font-size: 110%; }
.em h3 { color: #f04e4d; 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 { position: absolute; top: 387px; left: 87px; }
#em_idx .body li { left; list-style: none; margin-left:0px; float:left;}
#em_idx .body li img { vertical-align:bottom; }
#em_idx .body li#nav02 { margin-left: 60px; }
#em_idx .body li#nav01 { margin-left: 60px; }
#em_idx_en .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#em_idx_en .body ul { position: absolute; top: 387px; left: 57px; }
#em_idx_en .body li { left; list-style: none; margin-left:0px; float:left;}
#em_idx_en .body li img { vertical-align:bottom; }
#em_idx_en .body li#nav02 { margin-left: 60px; }
#em_idx_en .body li#nav01 { margin-left: 60px; }

/*====== Hoshinonamida Hime */
body.hh { color:#3952a2; margin:10px; text-align: center; }
.hh #wrapper { margin: 0 auto; width:560px; }
.hh .contents { border: 0px solid #7C672B; background-color: #CBE9FB; border-top: 0px; }
.hh a { color: #26b8b6; }
.hh a:link { color: #26b8b6; }
.hh a:visited { color: #26b8b6; }
.hh a:hover, .hh a:active { color: #f07272; text-decoration: underline; }

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

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

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

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

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

/* index */
#hh_idx .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#hh_idx .body ul { position: absolute; top: 233px; left: 29px; }
#hh_idx .body li { left; list-style: none; margin-left:0px; float:left;}
#hh_idx .body li img { vertical-align:bottom; }
#hh_idx .body li#nav02 { margin-left: 30px; }
#hh_idx .body li#nav01 { margin-left: 18px; margin-right: 50px; }
#hh_idx_en .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#hh_idx_en .body ul { position: absolute; top: 233px; left: 8px; }
#hh_idx_en .body li { left; list-style: none; margin-left:0px; float:left;}
#hh_idx_en .body li img { vertical-align:bottom; }
#hh_idx_en .body li#nav02 { margin-left: 46px; }
#hh_idx_en .body li#nav01 { margin-left: 4px; margin-right: 50px; }


/*====== B2Holic */
body.b2 { color:#333333; margin:10px; text-align: center; }
.b2 #wrapper { margin: 0 auto; width:560px; }
.b2 .contents { border: 2px solid #d7aa58; background-color: #fff; border-top: 0px; }
.b2 a { color: #d00118; }
.b2 a:link { color: #d00118; }
.b2 a:visited { color: #8a50c5; }
.b2 a:hover, .b2 a:active { color: #8a50c5; text-decoration: underline; }

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

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

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

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

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

/* index */
#b2_idx .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#b2_idx .body ul { width: 160px; position: absolute; top: 287px; left: 322px; }
#b2_idx .body li { left; list-style: none; margin-left:0px; }
#b2_idx .body li img { vertical-align:bottom; }
#b2_idx .body li#nav00 { margin-bottom: 14px; }
#b2_idx .body li#nav01 { margin-bottom: 20px; }
#b2_idx_en .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#b2_idx_en .body ul { width: 180px; position: absolute; top: 285px; left: 300px; }
#b2_idx_en .body li { left; list-style: none; margin-left:0px; }
#b2_idx_en .body li img { vertical-align:bottom; }
#b2_idx_en .body li#nav00 { margin-bottom: 10px; }
#b2_idx_en .body li#nav01 { margin-bottom: 20px; }

/*====== Suzi Hysteric */
body.sh { color:#666666; margin:10px; text-align: center; }
.sh #wrapper { margin: 0 auto; width:560px; }
.sh .contents { border: 0px solid #7C672B; background-color: #fad6e5; border-top: 0px; }
.sh a { color: #e7579c; }
.sh a:link { color: #e7579c; }
.sh a:visited { color: #e7579c; }
.sh a:hover, .sh a:active { color: #009958; text-decoration: underline; }

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

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

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

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

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

/* index */
#sh_idx .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#sh_idx .body ul { position: absolute; top: 223px; left: 95px; }
#sh_idx .body li { left; list-style: none; margin-left:0px;}
#sh_idx .body li img { vertical-align:bottom; }
/*#sh_idx .body li#nav02 { margin-left: 30px; }
#sh_idx .body li#nav01 { margin-left: 18px; margin-right: 50px; } */
#sh_idx_en .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#sh_idx_en .body ul { position: absolute; top: 233px; left: 8px; }
#sh_idx_en .body li { left; list-style: none; margin-left:0px; float:left;}
#sh_idx_en .body li img { vertical-align:bottom; }
#sh_idx_en .body li#nav02 { margin-left: 46px; }
#sh_idx_en .body li#nav01 { margin-left: 4px; margin-right: 50px; }


/* 20120313 */

/*====== Margo Unique Girl */
body.margo { color:#666666; margin:10px; text-align: center; }
.margo #wrapper { margin: 0 auto; width:560px; }
.margo .contents { border: 0px solid #7C672B;
background: transparent url(../../jpn/special/margo_unique_girl/img/entry-bk.jpg) repeat-y top left; border-top: 0px; }
.margo .content-bottom { width: 560px; height: 14px; background: transparent url(../../jpn/special/margo_unique_girl/img/entry-bk-bottom.jpg) no-repeat top left;
}
.margo a { color: #cf001b }
.margo a:link { color: #cf001b }
.margo a:visited { color: #cf001b }
.margo a:hover, .margo a:active { color: #079900 text-decoration: underline; }

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

.margo .body { width: 520px; margin-left: 20px; padding: 15px 0; }
.margo .body ul { margin-bottom: 10px; }
/* .margo .body li { text-indent: -1em; padding-left: 1em; } */
.margo .body ul.en li { text-indent: -0.5em; padding-left: 0.5em; }
.margo strong { color:#41a6ef; }

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

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

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

/* index */
#margo_idx .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#margo_idx .body ul { position: absolute; top: 248px; left: 293px; }
#margo_idx .body li { left; list-style: none; margin-left:0px; margin-bottom: 3px; line-height: 0;}
#margo_idx .body li img { vertical-align:bottom; }
/*#margo_idx .body li#nav02 { margin-left: 30px; }
#margo_idx .body li#nav01 { margin-left: 18px; margin-right: 50px; } */
#margo_idx_en .body { width:560px; margin-left: 0; position: relative; padding-bottom: 0; }
#margo_idx_en .body ul { position: absolute; top: 233px; left: 8px; }
#margo_idx_en .body li { left; list-style: none; margin-left:0px; float:left;}
#margo_idx_en .body li img { vertical-align:bottom; }
#margo_idx_en .body li#nav02 { margin-left: 46px; }
#margo_idx_en .body li#nav01 { margin-left: 4px; margin-right: 50px; }