@charset "UTF-8";

.clearfix:after {
  content:"";
  clear:both;
  display:block;
}

.dropShadow {
 -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);
 box-shadow:0 2px 2px rgba(0,0,0,0.3);
}

span.startBtn {
 background-position:-47px 0;
 background-size:151px 58px;
}

/* ■セレクタ */

HTML, BODY   { margin:0;}
DIV#document { margin:0;}

DIV#navbar {
 text-align:right;
 background:#ff4b86 url("../img/navbar-bg.png") repeat-x;
}

.center {
 text-align:center;
}

/* Hn */
H1 {
 margin:0;
 height:70px;
 padding-top:30px; /*heightとpadding-topの合計が100になるように*/
 padding-left:110px; padding-right:10px;
 background-repeat:no-repeat;
 background-position:10px 7px;
 background-color:#1c95b4;
 color:#fff;
 font-size:40px;
}
BODY#manual H1 { background-image:url("../img/info.png");}
BODY#entrance H1 { background-image:url("../img/info.png");}
BODY.SWEET H1 { background-image:url("../img/emblem-SWEET.jpg");}
BODY.COOL  H1 { background-image:url("../img/emblem-COOL.jpg");}
BODY.POP   H1 { background-image:url("../img/emblem-POP.jpg");}
BODY.ALL   H1 { background-image:url("../img/emblem-ALL.jpg");}
BODY.FRIEND  H1 { background-image:url("../img/emblem-FRIEND.jpg");}

H1.dialog {
 height:auto;
 padding:20px !important;
 background-image:none !important;
 line-height:100%;
 font-size:120%;
}

H1 SPAN:hover {
 color:#f00;
 cursor:pointer;
}

/* P */
P            { margin-top:1em; margin-bottom:0; line-height:170%;}
P.def        { margin-top:1em; margin-bottom:1em;}

SMALL, .reduce { font-size:80%; line-height:100%;}
.lowvoice      { font-size:65%; line-height:100%;}

.compact           { line-height:140%; font-size:90%;}
.first-line,  .fl  { margin-top:0 !important;}
.single-line, .sl  { margin-top:0 !important; margin-bottom:0 !important;}
.last-line,   .ll  { margin-bottom:0 !important;}
.form, .single-img { text-align:center;}
.conspicuous       { color:#00f;}


/* TABLE */
TABLE { margin-top:1em; font-size:90%;}
.nullcell { border:none !important;}
.numcell {
 text-align:right;
}

/* フォーム関係 */
FORM { margin:0;}
FORM P:first-child { margin-top:0;}
FIELDSET { margin-top:1em;}
LEGEND { margin-bottom:0.5em; padding:0 3px; background-color:#edf; color:#00f;}

INPUT[type="submit"].large, INPUT[type="button"].large {
 width:200px;
 height:50px;
}
INPUT.bookmark {
 border-radius:10px;
 cursor:pointer;
}
INPUT.mypagebtn {
 border-radius:10px;
 cursor:pointer;
 background-color:#eee;
}

LABEL.active {
 background-color:#fef;
 color:#f00;
 font-weight:bold;
}


/* リスト */
DIV UL:first-child { margin-top:0; margin-bottom:0;}
UL { line-height:170%;}
OL LI { margin-top:1em;}
DT { font-weight:700; margin-top:1em;}
HR { margin:1em 0;}

DL.menu DD {
 margin-top:10px;
 font-size:80%;
 line-height:120%;
}

/* IMG */
A IMG { border:0px;}

IMG.registnew { margin:1em;}

/* DFN */
DFN, ACRONYM, ABBR, .dfn {
 border-bottom:1px dashed #00c;
 font-style:normal;
 font-variant: normal; /*MacIE5=small-caps.default*/
 cursor:help;
}

/* コード */
P.code, DD.code, TEXTAREA.code {
 margin:5px 0;
 padding:0 5px;
 background-color:#000; color:#ddd;
 font-size:80%;
}
P.code SPAN.tab, DD.code SPAN.tab {
 color:#0ff;
}


/* フォント弄り */
.important { color:#f00;}

.current { color:#f00;}
.grayout { color:#ccc;}
.playing { color:#f00;}
.recruit { color:#00f;}
.roomend { color:#888;}

.ok, .good  { color:#00f;}
.no, .error { color:#f00;}

.update, .new, .current {
 padding:0 5px;
 background:#f00 url("../img/current.gif"); color:#fff !important;
 font-weight:400; font-family:Tahoma, "Century Gothic", Verdana, Arial;
}


/* ページスライド */

.navbar {
 margin:1em 0;
 border-width:1px; border-style:solid none; border-color:#543;
 background-color:#ccb; color:#543;
 text-align:right; font-size:95%;
}
DIV.navbar P { margin:0; padding:3px 10px; line-height:100%;}
P.navbar { margin:2em 0; padding:3px 10px; line-height:100%;}

.navbar A         { text-decoration:none !important; font-weight:400 !important;}
.navbar A:link,
.navbar A:visited { background-color:#ccb; color:#543;}
.navbar A:active,
.navbar A:hover   { background-color:#fde; color:#f00;}

.navbar KBD { color:#543;}
.navbar SELECT    { background-color:#ccb; color:#432; font-size:10pt;} /*バックセレクト*/
.navbar INPUT.btn { background-color:#ccb; color:#432;} /*submit*/

.navbar .sub {
 border-top:3px double #543;
}



/* ページスライドテーブル */
TABLE#pageslidetable {
 margin:1em auto;
 border-width:0 2px 2px 0; border-style:solid; border-color:#aaa;
}
TABLE#pageslidetable TH, TABLE#pageslidetable TD {
 width:50%;
 padding:5px;
 border-width:0 1px 1px 0; border-style:solid;
}
TABLE#pageslidetable TH { border-color:#080;}
TABLE#pageslidetable TD { border-color:#777;}

TABLE#pageslidetable TH { background-color:#efe; color:#085;}
TABLE#pageslidetable TD { background-color:#fff; text-align:center;}
TABLE#pageslidetable A { text-decoration:none;}



/* ページインデックス */

/*<div#pageindex><ul><dl>*/
DIV#pageindex {
 margin:1em 10%;
 border-width:10px 20px; border-style:none solid solid solid; border-color:#4ab31a; /*border-color:#cec6b5;*//*#ccc;*/
 line-height:150%;
 opacity:0.5;
}
DIV#pageindex P#index, DIV#pageindex H2#index {
 margin:0;
 padding-left:1em;
 background-color:#4ab31a; color:#dfd;
 text-align:left;
 font-size:200%; font-family:"Century Gothic", "Times New Roman", Verdana, Arial;
}
DIV#pageindex H2#index {
 padding:10px;
}
DIV#pageindex DL { margin:0.5em 1em; opacity:1.0;}
DIV#pageindex DD { margin-bottom:0.5em; border-bottom:1px solid #0a0; color:#040; font-size:95%;}
DIV#pageindex UL { margin-top:0.5em; margin-bottom:0.5em; opacity:1.0;}
DIV#pageindex LI { color:#040;}
DIV#pageindex LI UL { margin-top:0;}
DIV#pageindex LI UL LI { line-height:130%; font-size:90%;}
DIV#pageindex TABLE { margin-left:3em;}

/*DIV#pageindex "width:" + (this.strict ? "85%" : "75%") + "; height:auto; border-color:#4ab31a !important; opacity:0.5";*/
DIV#pageindex A:link, DIV#pageindex A:visited { color:#00f; text-decoration:none; font-weight:bold;}
DIV#pageindex A:hover { color:#f00; text-decoration:underline;}



/* ■DIVコレクション */

/* section */
DIV.section {
 margin:1em;
 padding:1em;
 border-width:1px 3px 3px 1px;
 border-style:solid;
 border-color:#000;
}

DIV.section H2:first-child {
 margin:0;
}
DIV.section H2 {
 margin-top:1em;
 border-bottom:3px dotted #080;
 color:#080;
 font-weight:normal; font-size:200%; font-family:"MS UI Gothic";
}

DIV.section H3 {
 margin:1em 0 0;
 padding:5px 20px;
 border-width:1px 5px; border-style:solid; border-color:#888;
 color:#666;
 font-weight:normal; font-size:180%; font-family:"MS UI Gothic";
}

DIV.section H4 {
 margin:1em 0 0;
 padding:5px 20px;
 border-width:3px 0; border-style:solid; border-color:#888;
 color:#666;
 font-weight:normal; font-size:130%; font-family:"MS UI Gothic";
}

/* ss */
DIV.ss P, DIV.ss DIV {
 display:inline-block;
 vertical-align:top;
}

DL.updatecontent DD {
 margin-left:0;
 line-height:160%;
}
DL.updatecontent TABLE {
 margin:0;
}
DL.updatecontent .version {
 color:#0a0;
 font-size:160%;
}
DL.updatecontent TH {
 white-space:nowrap;
}
DL.updatecontent .date {
 font-size:90%;
}



DIV.result {
 margin:1em;
 padding:10px;
 border:1px solid #000;
 font-size:85%;
}

DIV.sphereanchor {
 margin:1em;
 padding:1em;
 border-width:1px 3px 3px 1px;
 border-style:solid;
 border-color:#000;
 border-radius:15px;
 border-image:initial;
}



P.help {
 font-size:80%;
 margin:0 0 1em 20px;
 padding-left:5px;
 border-left:5px solid #00a;
 color:#00a;
}


TABLE.linenumlist TH,
TABLE.linenumlist TD {
 padding:3px;
 border:1px solid #000;
 text-align:center;
}
TABLE.linenumlist TH {
 background:#efd;
 text-align:left;
}
TABLE.linenumlist TR.col TH {
 background:#fde;
 text-align:center;
}
TABLE.linenumlist TD.note {
 text-align:left;
}


/* ■エントランス */
BODY#entrance DIV#topimg {
 margin-top:1em;
 text-align:center;
}
DIV#topimg IMG {
 width:70%;
 border-width:5px 40px;
 border-style:solid double;
 border-radius:120px;
}

DIV#topimg IMG.SWEET { border-color:#fcc;}
DIV#topimg IMG.COOL  { border-color:#ccf;}
DIV#topimg IMG.POP   { border-color:#fc8;}
DIV#topimg IMG.ALL   { border-color:#eee;}
DIV#topimg IMG.FRIEND  { border-color:#bfc;}


BODY#entrance H2 { margin-left:2em; padding:5px;}
BODY#entrance TABLE { margin-left:1em;}



DIV.updates {
 margin-top:1em;
 padding-top:0;
 border:1px dotted #aaa;
}
DIV.updates H2 {
 margin-left:0 !important; margin-right:50% !important;
 font-size:20px;
}
DIV.updates H2 A {
 color:#080 !important;
}
DIV.updates DIV.comment {
 margin-top:1em;
 padding-left:1em;
 height:4em;
 overflow-y:scroll;
 line-height:120%;
 font-size:80%;
}
DIV.updates DIV.comment SPAN.date {
 font-size:80%;
 color:#080;
}


DIV.sortlink A:visited { color:#00f;}
DIV.sortlink A:hover   { color:#f00;}

BODY#entrance TR:hover { background-color:#ffa;}

TD.id { text-align:center;}
TD.name {
 padding-top:5px;
 font-size:90%;
 cursor:pointer;
}

SPAN.kana, TD.attack, TD.defence { width:50px; font-size:60%;}

TD.grade, TD.spec, TD.size { font-size:60%; text-align:center;}

TD.club { font-size:60%;}

	/* 各属性ごとの配色 */

BODY#entrance H2#SWEET  { border-left:10px solid #a00;}
BODY#entrance H2#COOL   { border-left:10px solid #00a;}
BODY#entrance H2#POP    { border-left:10px solid #740;}
BODY#entrance H2#ALL    { border-left:10px solid #888;}
BODY#entrance H2#FRIEND { border-left:10px solid #041;}

TR.SWEET,  BODY#entrance H2#SWEET, OPTION.SWEET { background-color:#fcc; color:#500;}
TR.COOL,   BODY#entrance H2#COOL,  OPTION.COOL  { background-color:#ccf; color:#005;}
TR.POP,    BODY#entrance H2#POP,   OPTION.POP   { background-color:#fc8; color:#520;}
TR.ALL,    BODY#entrance H2#ALL,   OPTION.ALL   { background-color:#eee; color:#333;}
TR.FRIEND, BODY#entrance H2#FRIEND,  OPTION.FRIEND  { background-color:#bfc; color:#041;}

TR.SWEET A:link, TR.SWEET A:visited { color:#500;}
TR.COOL A:link,  TR.COOL  A:visited { color:#005;}
TR.POP A:link,   TR.POP   A:visited { color:#520;}
TR.ALL A:link,   TR.ALL   A:visited { color:#888;}
TR.FRIEND A:link,  TR.FRIEND  A:visited { color:#041;}

TR.SWEET A:active, TR.SWEET A:hover,
TR.COOL  A:active, TR.COOL  A:hover,
TR.POP   A:active, TR.POP   A:hover,
TR.ALL   A:active, TR.ALL   A:hover,
TR.FRIEND  A:active, TR.FRIEND  A:hover { color:#f00;}




/* ■掲示板 */
DIV.bbs SPAN.date { font-size:60%; color:#080;}
DIV.bbs INPUT { width:40px; font-size:10px; background-color:#fff; border-radius:10px; cursor:pointer;}


/* ■ガール詳細 */


/* プロファイルテーブル */
DIV.profile {
 background-position:right;
 background-repeat:no-repeat;
 margin:0 1em 3em;
}
DIV.profile TABLE { height:950px;}
DIV.profile CAPTION { font-size:200%;}
DIV.profile TABLE.SWEET { background:#1c95b4 url("../img/emblem-SWEET.jpg") no-repeat right bottom; color:#fff;}
DIV.profile TABLE.COOL  { background:#1c95b4 url("../img/emblem-COOL.jpg")  no-repeat right bottom; color:#fff;}
DIV.profile TABLE.POP   { background:#1c95b4 url("../img/emblem-POP.jpg")   no-repeat right bottom; color:#fff;}
DIV.profile TABLE.ALL   { background:#1c95b4 url("../img/emblem-ALL.jpg")   no-repeat right bottom; color:#fff;}
DIV.profile TABLE.FRIEND  { background:#1c95b4 url("../img/emblem-FRIEND.jpg")  no-repeat right bottom; color:#fff;}
DIV.profile TABLE.SWEET CAPTION { background-color:#c4a; color:#fdf;}
DIV.profile TABLE.COOL  CAPTION { background-color:#248; color:#bce;}
DIV.profile TABLE.POP   CAPTION { background-color:#b40; color:#fc8;}
DIV.profile TABLE.ALL   CAPTION { background-color:#041; color:#bfc;}
DIV.profile TABLE.FRIEND  CAPTION { background-color:#9da; color:#041;}

DIV.profile A:link,   DIV.profile A:visited { color:#fff;}
DIV.profile A:active, DIV.profile A:hover   { color:#f00;}
DIV.profile DL { margin-left:0.5em;}
DIV.profile DT { width:170px;
 padding-left:1em;
 border-width:1px; border-style:solid; border-color:#fff;
 border-radius:15px;
 border-image:initial;
 background-color:#a00;
 font-weight:normal;
}
DIV.profile DD {
 margin-left:0.5em;
 padding:2px 7px;
 border-width:1px 3px 3px 1px; border-style:solid; border-color:#fff;
 border-radius:10px;
 border-image:initial;
 background-color:#178;
}

/* カードデータ */
DIV.carddata {
 background-repeat:no-repeat;
 background-position:right bottom;
}

TABLE.carddata TD.carddataLpc { }
TABLE.carddata TD.carddataRpc { vertical-align:top; }
TABLE.carddata TD.carddataLsp { display:inline !important;}
TABLE.carddata TD.carddataRsp { display:inline !important; vertical-align:top;}

TABLE.carddata TH { width:70px;}

TABLE.carddata CAPTION {
 margin-bottom:0.5em;
 padding:5px;
 font-size:150%;
}
TABLE.carddata TH.voice {
 padding-left:1em;
 text-align:left;
}
TABLE.carddata TABLE TD {
 padding:5px;
 border:1px solid #888;
}
TABLE.carddata TD.cardimg {
 width:240px; /*画像の幅と同じにする*/
 text-align:center;
}
DIV.section[class~="SWEET"] { background-color:#fdf;}
DIV.section[class~="COOL"]  { background-color:#bce;}
DIV.section[class~="POP"]   { background-color:#fc8;}
DIV.section[class~="SWEET"] CAPTION { background-color:#c4a; color:#fdf;}
DIV.section[class~="COOL"]  CAPTION { background-color:#248; color:#bce;}
DIV.section[class~="POP"]   CAPTION { background-color:#b40; color:#fc8;}

/* カードツールバー */
UL.cardmenu {
 width:240px;
 margin:1em 0;
 padding:0;
 text-align:center;
}
UL.cardmenu LI {
 width:240px;
 margin:0;
 text-align:center;
 display:inline;
}


/* TABLE.girldatainput */
TABLE.girldatainput TH,
TABLE.girldatainput TD {
 padding:5px;
 border:1px solid #aaa;
}
TABLE.girldatainput TD TABLE TH,
TABLE.girldatainput TD TABLE TD {
 border:none;
}



/* メモリー */
BODY#memory DIV.playbtn {
 width:62px;
 height:35px;
 display:inline-block;
 background-image:url("../img/memoryplaybtn.png"); /*repeatと一括指定すると下記volが効かない*/
 background-repeat:no-repeat;
 background-size:404px 280px;
}
/*
background-position: -124px -146px;
width: 124px; height: 35px;
*/
BODY#memory .vol0on  { background-position:-124px -146px; }
BODY#memory .vol1on  { background-position:0 0; }
BODY#memory .vol2on  { background-position:0 -35px; }
BODY#memory .vol3on  { background-position:0 -70px; }
BODY#memory .vol4on  { background-position:0 -105px; }
BODY#memory .vol5on  { background-position:0 -140px; }
BODY#memory .vol6on  { background-position:0 -175px; }
BODY#memory .vol7on  { background-position:0 -210px; }
BODY#memory .vol8on  { background-position:0 -245px; }
BODY#memory .vol1off { background-position:-62px 0; }
BODY#memory .vol2off { background-position:-62px -35px; }
BODY#memory .vol3off { background-position:-62px -70px; }
BODY#memory .vol4off { background-position:-62px -105px; }
BODY#memory .vol5off { background-position:-62px -140px; }
BODY#memory .vol6off { background-position:-62px -175px; }
BODY#memory .vol7off { background-position:-62px -210px; }
BODY#memory .vol8off { background-position:-62px -245px; }
BODY#memory .pose    { background-position:-124px 0; }
BODY#memory .pauseAll { width:280px !important; height:38px !important; background-position:-124px -35px; padding-left:5px; color:#fff; font-weight:bold; font-size:12px; }
BODY#memory .playAll  { width:280px !important; height:38px !important; background-position:-124px -73px; padding-left:5px; color:#fff; font-weight:bold; font-size:12px; }

.spriteSphere{width:63px;height:71px;background:url('http://stat100.ameba.jp/vcard/ratio20/images/common/attribute_clear.png') no-repeat;background-size:252px 142px}
.all.off{background-position:0px -71px}
.sweet.off{background-position:-63px -71px}
.pop.off{background-position:-126px -71px}
.cool.off{background-position:-189px -71px}
.all.on{background-position:0px 0px}
.sweet.on{background-position:-63px 0px}
.pop.on{background-position:-126px 0px}
.cool.on{background-position:-189px 0px}
.dotted{background:url('http://stat100.ameba.jp/vcard/ratio20/images/common/dot_navy.png') repeat-x;width:300px;height:8px}
.spriteVoice{width:62px;height:35px;display:inline-block;background:url('http://stat100.ameba.jp/vcard/ratio20/images/memory/btn/sprite_btn_voice.png') no-repeat;background-size:404px 280px}

.playGfMagazine{width:280px;height:38px;background-position:-124px -111px}
.loadVoice{width:62px;height:35px;display:inline-block;background:url('http://stat100.ameba.jp/vcard/ratio20/images/memory/btn/btn_voice_load.gif') no-repeat;background-size:62px 35px}
.loadVoiceAll{width:280px;height:38px;display:inline-block;background:url('http://stat100.ameba.jp/vcard/ratio20/images/memory/btn/btn_all_voice_load.gif') no-repeat;background-size:280px 38px}
.spriteSphereDot{width:100%;height:4px;background:url('http://stat100.ameba.jp/vcard/ratio20/images/common/sprite_sphere_dot.png') repeat-x;background-size:5px 12px}
.coolDot{background-position:0 0}
.sweetDot{background-position:0 -4px}
.popDot{background-position:0 -8px}
.sweetBg{background:#ff5384}
.popBg{background:#ff8432}
.coolBg{background:#007eea}
.sweetInnerBg{background:#ffe5e7}
.popInnerBg{background:#ffecda}
.coolInnerBg{background:#d9ebf6}
.sweetFc{color:#ff5384}
.popFc{color:#ff8432}
.coolFc{color:#007eea}
.dotFrame{background-color:#ffefd1;border-top:dotted 3px #ff9022;border-bottom:dotted 3px #ff9022}
.frame{width:292px;font-size:13px;border:4px solid #ff9022;border-top:none}
.frame .frameTitle{font-size:14px;color:#FFF;background:#ff9022;padding:2px 0}
.frame .frameTitle.sweet{background:#ff5384}.frame .frameTitle.pop{background:#ff8432}
.frame .frameTitle.cool{background:#007eea}
.frame.sweet{border:4px solid #ff5384}
.frame.pop{border:4px solid #ff8432}
.frame.cool{border:4px solid #007eea}
.frame .table.sweet{background:#ffe5e7}
.frame .table.pop{background:#ffecda}
.frame .table.cool{background:#d9ebf6}
.ph0{padding-left:0 !important;padding-right:0 !important}
.disablePaging{color:#bbdfe8;text-decoration:none}
.arrowBox{position:relative;background:#ff7e00;border-radius:5px;height:18px}
.arrowBox:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#ff7e00;border-width:5px}
.categoryTab li { background:-webkit-gradient(linear, 0 0, 0 100%, from(#4db4c3), to(#1d7692));background:-webkit-linear-gradient(top, #4db4c3 0%, #1d7692 100%);background:linear-gradient(to bottom, #4db4c3 0%,#1d7692 100%)}



/* ■ボイス編集 */
DIV#voiceeditpopup {
 display:none;
 width:300px;
 position:absolute;
 z-index:2;
 left:1em;
 padding:10px;
 border-radius:7px;
 background-color:#fff; color:#000;
 font-size:80%;
 line-height:120%;
}
DIV#voiceeditpopup P.caption {
 margin-left:1em;
 padding-left:5px;
 border-left:10px solid #cec6b5;
 font-weight:bold;
}
DIV#voiceeditpopup P.line {
 padding:5px;
 border:1px solid #000;
 border-radius:5px;
}
DIV#voiceeditpopup P.line LABEL {
 color:#00a;
 border-width:0 5px 1px 0; border-style:solid; border-color:#f00;
}


/* ■ダイアログ */

DIV#dialog {
 display:none;
 position:absolute;
 z-index:2;
}

/* バックスクリーン共通 */
DIV.backscreen {
 display:none;
 position:absolute;
 top:0px; left:0px;
 z-index:1;
 background-color:#000;
 /*filter:alpha(opacity=70);*/
 /*-khtml-opacity:0.7;*/
 opacity:0.7;
}

	/* メニューパレット */
DIV#menupalette {
 display:none;
 position:absolute;
 z-index:2;
 width:400px; height:556px;
 padding-top:85px;
 background:url("../img/menu-bg.png") no-repeat right top;
 color:#fff;
 font-size:18px;
}
IMG#menuclosebtn {
 position:absolute;
 z-index:3;
 top:5px; right:6px;
}
DIV#menupalette HR {
 margin:1em 50px;
}

DIV#menupalette SELECT {
 position:relative;
 left:25px;
 width:350px; height:30px;
 padding:0 20px;
 border:0;
 border-radius:15px;
 border-image:initial;
 background-color:#177a93;
 -webkit-gradient:(linear, left top, left bottom, from(#61c7d7), to(#328faf));
 -webkit-box-shadow:inset 0 -1px 2px rgba(0,0,0,0.4),0 1px 2px rgba(255,255,255,0.4);
 -webkit-appearance:none;
 color:#fff;
 font-size:20px;
 line-height: 20px;
}
DIV#menupalette UL { margin-top:0; margin-bottom:0;}
DIV#menupalette LI { margin-left:1em; list-style:none; font-size:90%;}
DIV#menupalette A:link, DIV#menupalette A:visited { text-decoration:none; color:#fff;}
DIV#menupalette A:active, DIV#menupalette A:hover { text-decoration:none; color:#f00;}
DIV#menupalette LI.menutitle {
 width:200px;
 margin-top:1em; margin-left:0;
 padding:0 15px;
 border-radius:30px;
/* #125f72*/
 background-color:#177a93;
}

	/* カード情報登録 */
DIV#registdialog {
 position:absolute;
 top:10px; left:10px;
 width:640px; /*height:930px;*/
 z-index:4;
 border-width:1px 3px 3px 1px; border-style:solid; border-color:#aaa;
 padding-top:1em;
}
/*プロファイル画像背景*/
DIV#profilebackimg {
 position:absolute;
 top:10px; left:10px;
 width:640px; /*height:930px;*/
 z-index:3;
 background-size:10px 10px;
 filter:alpha(opacity=20);
 -khtml-opacity:0.2;
 opacity:0.2;
}
DIV#profilebackimg IMG {
 position:absolute; right:0px;
 height:640px;
}
/*背景の下地*/
DIV#profilebackscreen {
 position:absolute;
 top:10px; left:10px;
 width:640px; /*height:930px;*/
 z-index:2;
 background-color:#fff;
}

/*テーブルの中身*/
DIV#registdialog > FORM > TABLE {
 margin:1em auto;
}
DIV#registdialog TH { width:100px;}
DIV#registdialog TH,
DIV#registdialog TD { border:1px solid #faa;}
DIV#registdialog TABLE TABLE { margin:0;}
DIV#registdialog TABLE TABLE TD { border:none;}

DIV#registdialog P {
 margin-left:22px;
}
SELECT#girlid {
 font-size:120%;
}


	/* ステータス登録 */
DIV#statusdialog {
 position:absolute;
 top:0px; left:80px;
 width:250px; height:180px;
 z-index:4;
 border-width:1px 3px 3px 1px;
 border-style:solid;
 border-color:#aaa;
 background-color:#fff;
}
DIV#statusdialog > FORM > TABLE {
 margin:1em auto;
}
DIV#statusdialog CAPTION {
 margin:0;
 background-color:#fed;
 color:#826;
 border:1px solid #826;
}

	/* 掲示板編集 */
DIV#bbseditdialog {
 position:absolute;
 top:0px; left:20px;
 width:640px; height:100px;
 padding:0px 10px;
 z-index:4;
 border-width:1px 3px 3px 1px;
 border-style:solid;
 border-color:#aaa;
 background-color:#fff;
}
INPUT.bbscomment { width:550px;}

/* 掲示板レスポップアップ */
DIV#respopup {
 display:none;
 position:absolute;
 top:0px; left:0px;
 padding:5px 15px;
 z-index:5;
 border-width:1px 3px 3px 1px;
 border-style:solid;
 border-color:#aaa;
 border-radius:15px;
 background-color:#fff;
 color:#00a;
}




/* 画像ポップアップ */
DIV#popup {
 display:none;
 position:absolute;
 top:0px; left:0px;
 z-index:5;
}
DIV#popup P#animationbtn {
 text-align:center;
}
DIV#popup P#animationbtn INPUT {
 width:200px; height:50px;
}



/* ポップオーバー */
DIV#popover {
 display:none;
 position:absolute;
 top:0px; left:0px;
 z-index:5;
}



/* マイページ */
DIV#mypage {
 display:none;
 position:absolute;
 top:0px; left:0px;
 z-index:5;
}
IMG#mypageimg {
 position:absolute;
 top:0px; left:0px;
 z-index:6;
}
IMG#mypageblink {
 position:absolute;
 top:0px; left:0px;
 z-index:7;
}
DIV#sleepbtn {
 position:absolute;
 z-index:8;
 border:1px solid #fff;
 padding:5px 0;
 color:#fff;
 text-align:center;
 cursor:pointer;
}



/* ステータスポップアップ */
DIV.statuspopup {
 height:350px;
 margin:20px;
 padding:1em;
 border:1px solid #fff;
 background-color:#fff; color:#00a;
 line-height:130%; text-align:center;
 font-size:80%;
 overflow-y:scroll;
}
DIV.statuspopup TABLE {
 margin:1em auto;
 border:1px solid #000;
}
DIV.statuspopup FORM {
 margin:0 auto;
}
DIV.statuspopup CAPTION {
 margin-bottom:0.5em;
 padding:2px;
 background-color:#dcd;
 font-weight:bold; font-size:120%;
}
DIV.statuspopup TH.attack,
DIV.statuspopup TH.defence {
 width:120px;
 text-align:center;
}
DIV.statuspopup TH.delbtn {
 width:60px;
}
DIV.statuspopup TH {
 background-color:#cdc;
}
DIV.statuspopup TD {
 padding:5px;
 border:1px solid #888;
 text-align:right;
 font-family:Verdana;
}
DIV.statuspopup TD DFN {
 font-size:80%;
}
DIV.statuspopup TD.memo {
 text-align:left;
}
DIV.statuspopup TD.delbtn {
 border:none !important;
}
DIV.statuspopup TABLE.statusnew {
 border:1px solid #000;
 border-radius:5px;
}



/* 台詞ポップアップ */
DIV#linepopup {
 margin:20px;
 padding:1em;
 border:1px solid #fff;
 background-color:#fff; color:#00a;
 font-size:80%;
 line-height:130%;
/* height:640px;*/
 overflow-y:scroll;
}
DIV#linepopup DL.linelist {
 margin-top:100px;
}

DIV#linestatusdialog {
 position:absolute;
 z-index:3;
 width:200px;
 margin-top:0em;
 padding:10px;
 border:double 8px #205d5a; border-radius:15px;
 background-color:#a0dedb; color:#205d5a;
 text-align:left;
 font-size:12px;
}
DIV#linestatusdialog P.title {
 margin:0;
 padding:5px;
 border:1px solid #fff;
 text-align:center;
 color:#4b2757;
 font-size:16px; font-weight:bold;
}
DIV#linestatusdialog TABLE {
 margin:1em auto;
}
DIV#linestatusdialog CAPTION {
 margin-bottom:3px;
 padding:2px;
 border:2px inset #205d5a;
 background:#80bebb; color:#205d5a;
 font-weight:bold; font-size:12px;
}
DIV#linestatusdialog TR.col { border:1px solid #1c6737; color:#1c6737;}
DIV#linestatusdialog TR.col TH { text-align:center;}
DIV#linestatusdialog .lack { background-color:#b0b0b0;}
DIV#linestatusdialog .over { background-color:#d99bd4;}

/* ボイスポップアップ */
DIV#voicepopup {
 display:none;
 position:absolute;
 z-index:2;
 width:300px;
 margin:0 auto;
 padding:1em;
 border-radius:7px;
 background-color:#fff;
 color:#00a;
}
DIV#voicepopup DIV.voicebtncontainer {
 height:110px;
}
DIV#voicebaloon {
 display:none;
 position:absolute;
/* top:0px; left:0px;*/
 margin-left:10px;
 width:320px; height:350px;
 z-index:10;
 background-color:#fff;
}

DIV#voicebaloon P.img { text-align:center;}
DIV#voicebaloon P.img IMG { border-radius:20px;}
DIV#voicebaloon P.baloon {
 position:relative;
 width:270px; height:165px;
 min-height:50px;
 margin-left:5px;
 padding:10px;
 border-radius:7px;
 background-color:#eee; color:#000;
 line-height:15px;
 font-weight:bold; font-size:12px;
 box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3);
 -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3);
}
DIV#voicebaloon P.baloon:after {
 display:box;
 content:"";
 position:absolute;
 top:-6px; left:150px;
 width:10px; height:10px;
 background-color:#eee;
 box-shadow:inset 0 1px 0 rgba(0,0,0,0.3);
 -webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.3);
 transform:rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}


DIV.voiceplaybtn {
 display:inline-block;
 background-image:url("../img/voiceplaybtn.png"); /*repeatと一括指定すると下記volが効かない*/
 background-repeat:no-repeat;
 background-size:93px 137px;
 width: 47px; height: 47px;
}
DIV.dear   { background-position: 0px 0px;}
DIV.stop   { background-position: -46px 0px;}
DIV.touch  { background-position: 0px -46px;}
DIV.date   { background-position: -46px -46px;}
DIV.getPro { background-position: 0px -91px;}
DIV.battle { background-position: -46px -91px;}



/* navs.dialog */
/*
<div id="navs_dialog" style="position:absolute;top:$y;left:$x;width:$w;">
	<p class="caption" onclick="alert()"><strong>$title</strong></p>
	<p class="form"><input type="button" onclick="navs.dialog()" id="dialogbutton" class="btn" value="OK" title="" /></p>
</div>
*/

DIV#navs_dialog {
 z-index:10;
 position:absolute;
 padding-bottom:10px;
 border:2px outset ButtonFace;
 background:ButtonFace url("../img/navs-dialog.png") 15px no-repeat; color:ButtonText;
 line-height:130%;
 font-size:11pt; font-family:"MS UI Gothic";
}
DIV#navs_dialog P { margin:0.5em 0 0.5em 110px; padding:0 10px; line-height:130%; font-size:12pt;}
DIV#navs_dialog P.form { margin-top:2em; margin-left:0; padding:0 10px; text-align:center; line-height:130%;}
DIV#navs_dialog P.caption {
 margin:0 0 0.5em; padding:0 0 0 20px;
 border:1px inset ActiveBorder;
 background:ActiveCaption url("../img/favicon.png") 2px no-repeat;
}
DIV#navs_dialog P.caption STRONG { padding-left:3px; color:CaptionText;}
DIV#navs_dialog INPUT.btn { border:2px outset ButtonShadow; background-color:ButtonFace; color:ButtonText; line-height:normal;}



/* エラー */
DIV.error {
 width:420px;
 margin:0 auto;
 background-color:#fbf0d1;
}
DIV.error H2 {
 position:relative;
 padding:10px 0;
 border:solid 1px #36353e;
 background-color:#20b7dd;
 color:#fff;
 text-align:center;
 font-size:25px;
 font-weight:bold;
}
DIV.error H2:after {
 content:"";
 position:absolute;
 width:100%;
 height:47px;
 top:1px;
 left:0;
 border-top:dashed 1px #65cbe4;
 border-bottom:dashed 1px #65cbe4;
/* background:*/
 -webkit-gradient:(linear, left top, left bottom, from(#1da1c2), color-stop(0.01, #1da1c2), color-stop(0.02, rgba(29,174,211,0)), color-stop(0.98, rgba(29,174,211,0 )), color-stop(0.99, #1da1c2), to(#1daed3));
}
DIV.error TABLE {
 width:100%;
}
DIV.error DIV.fukidasi {
 position:relative;
 margin-left:5px;
 background-color:#fff;
 color:#000;
 font-weight:bold;
 width:207px;
 min-height:50px;
 padding:5px;
 font-size:13px;
 line-height:1.3;
 box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3);
 -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3);
}
DIV.error DIV.fukidasi:after {
 content:"";
 position:absolute;
 top:10px;
 left:-5px;
 background-color:#fff;
 display:box;
 box-shadow:inset 0 1px 0 rgba(0,0,0,0.3);
 -webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.3);
 width:10px;
 height:10px;
 transform:rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}





/* audio.js */

.audiojs audio { position: absolute; left: -1px; }
.audiojs {
 width:47px; height:47px;
/*
 background: #404040; overflow: hidden; font-family: monospace; font-size: 12px; color:#fff;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
 background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
 -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
 -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
*/
}
.audiojs .play-pause {
 width: 25px; height: 40px;
/* padding: 4px 6px;*/
 margin: 0px;
/*
 float: left;
 overflow: hidden;
 border-right: 1px solid #000;
*/
}

DIV.voicepopup {
 margin-right:160px !important;
}
/*float用のclearfix*/
/*
DIV.voicepopup:after {
 content:"";
 clear:both;
 display:block;
}
*/
DIV.audio {
 margin:1em 0;
 height:50px;
}
P.audio {
/* float:left;*/
 margin:0 1em;
}
.audiojs P {
 display:none;
 width:47px;
 height:50px;
 margin:0px;
 cursor:pointer;
}

.audiojs .play {
 display:block;
 background:url('../img/voicebtn.png');
 background-position:-47px 0;
 background-size:151px 55px;
 background-repeat:no-repeat;
}
.audiojs .pause {
 background:url("../img/voicebtn.png");
 background-position:0 0;
 background-size:151px 55px;
 background-repeat:no-repeat;
}
.audiojs .loding, .audiojs .error { display:none;}

.playing .play, .playing .loading, .playing .error { display:none; }
.playing .pause { display:block; }
.loading .play, .loading .pause, .loading .error { display:none; }
.loading .loading { display:block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display:none; }
.error .error { display:block; }
.error .play-pause P { cursor:pointer; }
.error .error-message { display:block; }


.audiojs .scrubber {
 display:none;
/*
 position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden;
*/
}

.audiojs .progress {
 display:none;
/*
 position: absolute;
 top: 0px; left: 0px;
 height: 14px; width: 0px;
 background: #ccc; z-index: 1;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
 background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%);
*/
}
.audiojs .loaded {
 display:none;
/*
 position: absolute;
 top: 0px; left: 0px;
 height: 14px; width: 0px;
 background: #000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
 background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
 background-size: 151px 55px; background-position: -47px 0*/
}
.audiojs .time {
 display:none;
/*
 float: left;
 height: 36px;
 line-height: 36px;
 margin: 0px 0px 0px 6px;
 padding: 0px 6px 0px 12px;
 border-left: 1px solid #000;
 color: #000;
 text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
*/
}
.audiojs .time em {
 display:none;
/*
 padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal;
*/
}
.audiojs .time strong {
 display:none;
/*
 padding: 0px 0px 0px 2px; font-weight: normal;
*/
}
.audiojs .error-message {
 display:none;
/*
 float: left; display: none;
 margin: 0px 10px; height: 36px; width: 400px;
 overflow: hidden;
 line-height: 36px; white-space: nowrap;
 color: #fff;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
*/
}
.audiojs .error-message a {
 display:none;
/*
 color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap;
*/
}


/*
, addcss => "
    プレイヤー（再生バー）の高さ、幅、背景色の指定
    .audiojs {
 width: 47px;
 height: 47px;

background:url('../img/voicebtn.png');
background-position: -47px 0;
background-size: 151px 55px;

}

    再生・停止ボタンの高さ、幅、パディングの指定
    .audiojs .play-pause { width: 47px; height: 47px; padding: 0px 8px 0px 0px; }

    再生・停止ボタンなどの p 要素
    .audiojs p { width: 47px; height: 47px; margin: -3px 0px 0px -1px; background-size: 151px 55px; background-position: -47px 0;}

    進行状態・ロードの状態を表示する部分
    .audiojs .scrubber { display:none; background: #5a5a5a; width: 150px; height: 10px; margin: 5px; }

    進行状態を表示するバーの部分
    .audiojs .progress { display:none; height: 10px; width: 0px; background: #ccc; }

    ロード状態を表示するバーの部分
    .audiojs .loaded { display:none; height: 10px; background: #000;}

    再生時間の部分
    .audiojs .time { display:none; float: left; height: 25px; line-height: 25px; }
    .audiojs .error-message { display:none; height: 24px;line-height: 24px; }

    再生している曲の情報
    .track-details { display:none; clear: both; height: 20px; width: 280px; padding: 1px 6px; background: #eee; color: #222; font-size: 11px; line-height: 20px;}
    .track-details:before { display:none; content: '♬ Now Playing: '; }
");
*/