@charset "utf-8";


/*-------------------------------------------------
  (c)2010 avex marketing inc. All rights reserved.
--------------------------------------------------*/


html, body { height: 100%; }

body {
margin: 0; padding: 0;
font: 11px/1.4em Helvetica,Arial,Verdana,Meiryo,'ヒラギノ角ゴ Pro W6','osaka','ＭＳ Ｐゴシック',sans-serif;
color: #fff;
background-color: #000000;
}

#style-jp, #style-en { background: transparent url(./images/bg.gif); }

a:link { color: #f4b3c8; text-decoration: underline; }
a:visited { color: #f4b3c8; text-decoration: underline; }
a:hover { color: #e50065; text-decoration: underline; }
a:active { color: #e50065; text-decoration: none; }
a:focus { outline: none; }

h2 { display: none; }

.px24 { font-size: 24px; line-height: 1.6em; font-weight: bold; }
.px18 { font-size: 18px; line-height: 1.6em; font-weight: bold; }
.px14 { font-size: 14px; line-height: 1.6em; font-weight: bold; }
.px12 { font-size: 12px; line-height: 1.4em; font-weight: normal; }
.px11 { font-size: 11px; line-height: 1.4em; font-weight: normal; }
.px10 { font-size: 10px; line-height: 1.4em; font-weight: normal; }
.px9 { font-size: 9px; line-height: 1.2em; font-weight: normal; }


/* Block Position
--------------------------------------------------*/

#container {
display: block; position: relative;
margin: 0 auto; padding: 0; width: 100%; height: 100%; min-height: 100%;
}

body > #container { height: auto; }

#contents { padding-bottom: 98px; }
#style-en #contents { padding-bottom: 75px; }

.wrapper {
display: block;
margin: 0 auto 20px; padding: 0; width: 960px;
color: #000;
}

#leftCol { display: block; float: left; width: 308px; margin-top: : 20px; }
#rightCol { display: block; float: right; width: 634px; margin-top: : 20px; }

.bgTop, .bgBody, .bgBottom { display: block; width: 960px; margin: 0; }

.bgTop { height: 25px; background: url(./images/bg_top.gif) no-repeat 0 0; }
.bgBody { background: url(./images/bg_body.gif) repeat-y 0 0; }
.bgBottom { margin-bottom: 40px; height: 25px; background: url(./images/bg_bottom.gif) no-repeat 0 0; }

.bgTop1, .bgBody1, .bgBottom1 { display: block; width: 634px; margin: 0; }

.bgTop1 { height: 25px; background: url(./images/bg_top1.gif) no-repeat 0 0; }
.bgBody1 { background: url(./images/bg_body1.gif) repeat-y 0 0; }
.bgBottom1 { margin-bottom: 40px; height: 25px; background: url(./images/bg_bottom1.gif) no-repeat 0 0; }

.bgTop2, .bgBody2, .bgBottom2, .bgTop3, .bgBody3, .bgBottom3 { display: block; width: 308px; margin: 0; }

.bgTop2 { height: 20px; background: url(./images/bg_top2.gif) no-repeat 0 0; }
.bgBody2 { background: url(./images/bg_body2.gif) repeat-y 0 0; }
.bgBottom2 { margin-bottom: 40px; height: 20px; background: url(./images/bg_bottom2.gif) no-repeat 0 0; }

.bgTop3 { height: 20px; background: url(./images/bg_top3.gif) no-repeat 0 0; }
.bgBody3 { background: url(./images/bg_body3.gif) repeat-y 0 0; }
.bgBottom3 { margin-bottom: 18px; height: 20px; background: url(./images/bg_bottom3.gif) no-repeat 0 0; }

.familyCol { display: block; float: left; width: 308px; }



/* #globalTop
--------------------------------------------------*/

#globalTop {
display: block; position: absolute; top: 50%; left: 50%;
width: 470px; margin-left: -235px;
height: 500px; margin-top: -250px;
}

#globalTop h1 {
display: block; width: 470px; height: 352px; margin: 0; padding: 0;
color: #000; text-align: center;
}

#globalTop h1 span, #globalTop li span { display: block; position: relative; width: 100%; height: 100%; }

#globalTop h1 em {
display: block; position: absolute; top: 0; left: 0;
width: 470px; height: 352px; background: url(./images/index.gif) no-repeat 0 0;
}

#globalTop ul { display: block; width: 266px; margin: 20px auto 40px; padding: 0; list-style-type: none; }
#globalTop li { display: block; height: 60px; }

.btnJP { float: left; width: 118px; height: 60px; text-align: center; line-height: 5em; }
.btnJP a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 105px; height: 60px; margin: 0 6px; background: transparent url(./images/btn_jp.gif) no-repeat 0 0;
}

.btnEN { float: right; width: 118px; height: 60px; text-align: center; line-height: 5em; }
.btnEN a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 118px; height: 60px; background: transparent url(./images/btn_en.gif) no-repeat 0 0;
}

#globalTop li a.visible:hover { background-position: 0 -60px; }



/* Home
--------------------------------------------------*/

#home {
display: block;
margin:20px auto; padding: 0; width: 960px; height: 520px;
background: transparent url(./images/main.gif) no-repeat 0 60px;
}
#style-en #home {
background: transparent url(./images/main2.gif) no-repeat 0 60px;
}

#naviTwitter {
display: block; float: left;
margin: 20px 40px 0; width: 140px; height: 115px;
font-size: 1px; text-indent: -10000em;
}
#naviTwitter span, #titlelogo span  { display: block; position: relative; width: 100%; height: 100%; }
#naviTwitter a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 140px; height: 115px;
background: transparent url(./images/btn_twitter.gif) no-repeat 0 0;
}
#naviTwitter a.visible:hover { background-position: 0 -115px; }

#WhatsNew {
display: block; float: right; top: 0; right: 10px;
width: 402px; height: 270px; margin: 0;
background: transparent url(./images/bg_whatsnew.gif) no-repeat 0 0;
}
#style-en #WhatsNew {
background: transparent url(./images/bg_whatsnew2.gif) no-repeat 0 0;
}


#WhatsBody {
display: block;
width: 270px; height: 135px; margin: 75px 0 0 86px; padding: 0;
overflow: auto;
}

#WhatsBody ul { margin: 0; padding: 0; list-style-type: none; }
#WhatsBody li { margin: 0 0 8px; padding: 0; font-weight: bold; }
.updates { color: #663300; }
#WhatsBody a:link { font-size: 12px; color: #e50065; text-decoration: none; }
#WhatsBody a:visited { font-size: 12px; color: #e50065; text-decoration: none; }
#WhatsBody a:hover { font-size: 12px; color: #e50065; text-decoration: underline; }

#movie {
display: block; position: relative; top: 290px; left: 540px;
width: 304px; height: 230px; margin: 0;
background: transparent url(./images/bg_movie.gif) no-repeat 0 0;
}

#movieCol {
display: block; position: relative; top: 19px; left: 63px;
width: 220px; height: 190px; margin: 0;
border: 1px solid #fff;
}

#titlelogo {
display: block;
margin: 20px auto; width: 470px; height: 98px;
font-size: 1px; text-indent: -10000em;
}
#titlelogo em {
display: block; position: absolute; top: 0; left: 0;
width: 470px; height: 98px;
background: transparent url(./images/logo.gif) no-repeat 0 0;
}


/* Header
--------------------------------------------------*/

#header {
display: block;
margin: 0; padding: 15px 0; width: 100%;
background-color: #e50065;
}

#header-inner {
display: block;
margin: 0 auto; padding: 0; width: 960px; height: 29px;
}

#header-inner h1 {
display: block; float: left;
width: 213px; height: 29px; margin: 0; padding: 0;
font-size: 11px;
}

#header-inner h1 span { display: block; position: relative; width: 100%; height: 100%; }

#header-inner h1 a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 213px; height: 29px; margin: 0; background: transparent url(./images/h1.gif) no-repeat 0 0;
}

#language { display: block; float: left; width: 90px; margin: 0 10px; padding: 0; list-style-type: none; }
#language li { display: block; }
#language li span { display: block; position: relative; width: 100%; height: 100%; }

.naviEn { width: 88px; height: 14px; }
.naviEn a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 88px; height: 14px; background: transparent url(./images/btn_en2.gif) no-repeat 0 0;
}
.naviEn a.visible:hover { background-position: 0 -14px; }
.naviJp { width: 90px; height: 15px; }
.naviJp a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 90px; height: 15px; background: transparent url(./images/btn_jp2.gif) no-repeat 0 0;
}
.naviJp a.visible:hover { background-position: 0 -15px; }

#navi { display: block; float: right; width: 562px; margin: 1px 0; padding: 0; list-style-type: none; }
#navi li { display: block; float: left; height: 27px; margin-left: 20px; _margin-left: 16px; }
#navi li span { display: block; position: relative; width: 100%; height: 100%; }

.naviHome { width: 113px; height: 27px; }
.naviHome a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 113px; height: 27px; background: transparent url(./images/btn_home.gif) no-repeat 0 0;
}

.naviNews { width: 106px; height: 27px; }
.naviNews a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 106px; height: 27px; background: transparent url(./images/btn_news.gif) no-repeat 0 0;
}

.naviProfile { width: 148px; height: 27px; }
.naviProfile a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 148px; height: 27px; background: transparent url(./images/btn_profile.gif) no-repeat 0 0;
}

.naviGoods { width: 115px; height: 27px; }
.naviGoods a.visible {
display: block; position: absolute; top: 0; left: 0;
width: 115px; height: 27px; background: transparent url(./images/btn_goods.gif) no-repeat 0 0;
}

#navi li a.visible:hover { background-position: 0 -27px; }

#header-bottom {display: block; width: 100%; height: 20px; background: transparent url(./images/header_bottom.gif) repeat-x; }



/* subHeader
--------------------------------------------------*/

h3 {
display: block; margin: 20px auto 30px; padding: 0;
font-size: 1px; text-indent: -10000em;
}

h3 span, h4 span, h5 span { display: block; position: relative; width: 100%; height: 100%; }
h3 em, h4 em, h5 em { display: block; position: absolute; top: 0; left: 0; }

#h3news, #h3news em { width: 255px; height: 52px; }
#h3news em { background: url(./images/h3_news.gif) no-repeat 0 0; }
#h3goods, #h3goods em { width: 263px; height: 67px; }
#h3goods em { background: url(./images/h3_goods.gif) no-repeat 0 0; }
#h3profile, #h3profile em { width: 275px; height: 66px; }
#h3profile em { background: url(./images/h3_profile.gif) no-repeat 0 0; }
#h3family, #h3family em { width: 317px; height: 73px; }
#h3family em { background: url(./images/h3_family.gif) no-repeat 0 0; }
#h3archives, #h3archives em { width: 316px; height: 52px; }
#h3archives em { background: url(./images/h3_archives.gif) no-repeat 0 0; }

.h3monthly { 
display: block; margin: -20px auto 30px; padding: 0;
font-size: 18px; text-align: center; color: #f4b3c8;
}

h4 {　display: block; margin: 0 0 20px; padding: 0;　}

#h4nanity, #h4nanity em { width: 352px; height: 75px; color: #fff; }
#h4nanity em { background: url(./images/t_nanity.gif) no-repeat 0 0; }
#h4mukudon { width: 210px; height: 59px; margin: 0 auto 20px; color: #fff; }
#h4mukudon em { width: 210px; height: 59px; background: url(./images/t_mukudon.gif) no-repeat 0 0; }
#h4papa { width: 250px; height: 59px; margin: 0 auto 20px; color: #fff; }
#h4papa em { width: 250px; height: 59px; background: url(./images/t_papa.gif) no-repeat 0 0; }
#h4mama { width: 274px; height: 59px; margin: 0 auto 20px; color: #fff; }
#h4mama em { width: 274px; height: 59px; background: url(./images/t_mama.gif) no-repeat 0 0; }

#style-en #h4nanity, #style-en #h4nanity em { width: 352px; height: 47px; color: #fff; }
#style-en #h4nanity em { background: url(./images/t_nanity_en.gif) no-repeat 0 0; }
#style-en #h4mukudon { width: 210px; height: 24px; margin: 0 auto 29px; color: #fff; }
#style-en #h4mukudon em { width: 210px; height: 24px; background: url(./images/t_mukudon_en.gif) no-repeat 0 0; }
#style-en #h4papa { width: 228px; height: 33px; margin: 0 auto 20px; color: #fff; }
#style-en #h4papa em { width: 228px; height: 33px; background: url(./images/t_papa_en.gif) no-repeat 0 0; }
#style-en #h4mama { width: 235px; height: 33px; margin: 0 auto 20px; color: #fff; }
#style-en #h4mama em { width: 235px; height: 33px; background: url(./images/t_mama_en.gif) no-repeat 0 0; }

h5 {　display: block; margin: 0 0 20px; padding: 0;　}

#h5nanity, #h5nanity em { width: 456px; height: 120px; color: #fff; }
#h5nanity em { background: url(./images/t_nanity2.gif) no-repeat 0 0; }
#h5mukudon { width: 260px; height: 86px; margin: 0 auto 20px; color: #fff; }
#h5mukudon em { width: 260px; height: 86px; background: url(./images/t_mukudon2.gif) no-repeat 0 3px; }
#h5papa { width: 259px; height: 86px; margin: 0 auto 20px; color: #fff; }
#h5papa em { width: 259px; height: 86px; background: url(./images/t_papa2.gif) no-repeat 0 0; }
#h5mama { width: 252px; height: 86px; margin: 0 auto 20px; color: #fff; }
#h5mama em { width: 252px; height: 86px; background: url(./images/t_mama2.gif) no-repeat 0 5px; }

#style-en #h5nanity, #style-en #h5nanity em { width: 468px; height: 118px; color: #fff; }
#style-en #h5nanity em { background: url(./images/t_nanity2en.gif) no-repeat 0 0; }
#style-en #h5mukudon { width: 256px; height: 80px; margin: 0 auto 20px; color: #fff; }
#style-en #h5mukudon em { width: 256px; height: 80px; background: url(./images/t_mukudon2en.gif) no-repeat 0 3px; }
#style-en #h5papa { width: 256px; height: 80px; margin: 0 auto 20px; color: #fff; }
#style-en #h5papa em { width: 256px; height: 80px; background: url(./images/t_papa2en.gif) no-repeat 0 0; }
#style-en #h5mama { width: 256px; height: 80px; margin: 0 auto 20px; color: #fff; }
#style-en #h5mama em { width: 256px; height: 80px; background: url(./images/t_mama2en.gif) no-repeat 0 5px; }



/* #entries
--------------------------------------------------*/

.EntryTitleBG {
display: block; margin: 0 auto; padding: 0; width: 586px; height: 72px;
background: transparent url(./images/bg_h4.gif) no-repeat 0 0;
}
.EntryTitleBG2 {
display: block; margin: 0 auto; padding: 0; width: 912px; height: 72px;
background: transparent url(./images/bg_h4wide.gif) no-repeat 0 0;
}

.EntryTitleBG em, .EntryTitleBG2 em { display: table-cell; width: 196px; height: 72px; vertical-align: middle; }

.EntryTitle {
display: table-cell; width: 370px;
vertical-align: middle; color: #ffff33; font-size: 18px; font-weight: bold; line-height: 1.2em;
}
.EntryTitle2 {
display: table-cell; width: 716px;
vertical-align: middle; color: #ffff33; font-size: 18px; font-weight: bold; line-height: 1.2em;
}
/* IE 6 */
* html .EntryTitle { display: inline; zoom: 1; padding-top: 14px; }
* html .EntryTitle2 { display: inline; zoom: 1; padding-top: 14px; }
* html .EntryTitleBG em { display: inline; zoom: 1; }
* html .EntryTitleBG2 em { display: inline; zoom: 1; }
/* IE 7 */
*:first-child+html .EntryTitle { display: inline; zoom: 1; padding-top: 14px; }
*:first-child+html .EntryTitle2 { display: inline; zoom: 1; padding-top: 14px; }
*:first-child+html .EntryTitleBG em { display: inline; zoom: 1; }
*:first-child+html .EntryTitleBG2 em { display: inline; zoom: 1; }
/*\*//*/
* html .EntryTitle { display: inline-block; }
* html .EntryTitle2 { display: inline-block; }
* html .EntryTitleBG em { display: inline-block; }
* html .EntryTitleBG2 em { display: inline-block; }
/**/

.EntryTitle a:link, .EntryTitle a:visited, .EntryTitle2 a:link, .EntryTitle2 a:visited {color: #ffff33; text-decoration: none; }
.EntryTitle a:hover, .EntryTitle2 a:hover {color: #ffff33; text-decoration: underline; }


.h4head {
display: block; position: relative; z-index: 10;
margin: -54px 0 -102px -20px; padding: 0; width: 226px; height: 156px;
background: transparent url(./images/h4_head.png) no-repeat 0 0;
_background: transparent url(./images/h4_head.gif) no-repeat 0 0;
}

.update { display: block; margin: 10px 30px; padding: 0; text-align: right; }

.EntryBody {
display: block; margin: 0 35px; padding: 15px 0 25px; font-size: 12px;
background: transparent url(./images/bg_heart.gif) no-repeat bottom right;
}

#goodsBody { display: block; margin: 0; padding: 0 12px; font-size: 12px; }

.thumCol {
display: block; float: left;
margin: 12px; padding: 0; width: 210px;
}
.thumIMG { display: block; margin: 0 0 12px; padding: 0; width: 210px; height: 210px; }
.thumFrame {
display: block; position: relative; top: 0; left: 0;  z-index: 10;
margin-bottom: -210px; padding: 0; width: 210px; height: 210px;
background: transparent url(./images/goodsframe.gif) no-repeat 0 0;
}

.thumCol h5 { display: block; margin: 0 4px; font-size: 12px; }

.thumCol a:link, .thumCol a:visited {color: #e50065; text-decoration: none; }
.thumCol a:hover {color: #f4b3c8; text-decoration: underline; }


/* #sidebar
--------------------------------------------------*/

.bgBody3 h5 {
display: block; margin: 0 auto; padding: 0; width: 268px; height: 44px;
background: transparent url(./images/bg_h5.gif) no-repeat 0 0;
color: #e50065; font-size: 14px; font-weight: bold; line-height: 3em; text-align: center;
}

.bgBody3 ul { display: block; width: 260px; margin: 0 auto; padding: 20px 0 10px; list-style-type: none; }
.bgBody3 li {
 display: block; margin-bottom: 10px; padding-left: 12px;
background: transparent url(./images/arrow.gif) no-repeat left 45%;
}

.bgBody3 a:link, .bgBody3 a:visited {color: #e50065; text-decoration: none; }
.bgBody3 a:hover {color: #ffff33; text-decoration: underline; }


/* #footer
--------------------------------------------------*/

.pagetop { text-align: center; font-size: 12px; }

#footer { position: absolute; bottom: 0; margin: 0; padding: 0; width: 100%; height: 98px; }
#style-en #footer { height: 75px; }

#footer-top { display: block; width: 100%; height: 20px; background: transparent url(./images/footer_top.gif) repeat-x; }

#footer-inner {
display: block;
margin: 0; padding: 15px 0 5px; width: 100%;
background-color: #e50065;
}

#footer-inner h6 {
display: block;
width: 486px; height: 23px; margin: 0 auto; padding: 0;
font-size: 10px;
}

#footer-inner h6 span { display: block; position: relative; width: 100%; height: 100%; }

#footer-inner h6 em {
display: block; position: absolute; top: 0; left: 0;
width: 486px; height: 23px; margin: 0; background: transparent url(./images/h6.gif) no-repeat 0 0;
}

#copyrights {
display: block;
margin: 0; padding: 10px 0;
font-size: 10px; word-spacing: 0.2em; text-align: center;
}



/* float clear
--------------------------------------------------*/
.reset {
clear: both; display: block;
margin: 0; padding: 0; width: auto; height: 1px;
font-size: 1px; line-height: 1px;
}

.clearfix:after {
content: ".";
display: block; clear: both;
height: 0;
visibility: hidden;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 ?
*html .clearfix { height: 1% }
.clearfix { display: block; }
 end MacIE5 */

.hide { display: none; }

hr { display: none; }