@charset"UTF-8";

/* GROBAL --------------------*/
body {
    color: #333;
    background: #fff;
    background-repeat: repeat;
    background-attachment: fixed;
    background-image: url(../images/bg/flower.gif);
}
a {
    text-decoration : none;
    /* text-shadow: 0.7px 0.7px 1.2px rgba(45, 45, 45, 0.6) */
}
a:link {
    color: #8c468c;
}
a:visited {
    color: #8c468c;
}
a[href]:active {
    color: #999;
}
a[href]:hover {
    /* CSS2? */
    color: #999;
}
.announcement a {
    color: #b464b4;
}
#ntfoldtex, #ntunfoldtex {
	font-size: 1rem;
}
.msg.action a, b {
    color: #8c468c;
    text-decoration: none;
    /* text-shadow: 0.7px 0.7px 1.4px rgba(45, 45, 45, 0.6); */
}
div.formpl_content > a:link {
    color: #AF4F5C;
}
div.formpl_content > a:visited {
    color: #8C3F49;
}
h2 {
    border-width: 1 5px;
    border-color: #aaa;
    border-style: solid;
    background: #555;
    color: #ebf3fa;
    border-radius: 10px;
}
h3 {
    border-width:0 0 1 5px;
    border-color: #999;
    border-style:solid;
    color: #555;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.back {
    background: #fff;
    opacity: 0.9;
}
/* BODY FRAME --------------------*/

/* 外枠 ----------*/
 .outframe {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    color: #333;
    width: 640px;
}
.outframetop {
    margin: 0px auto 0px auto;
    padding: 0px;
    color: #333;
    background: #fff;
    opacity: 0.9;
    width: 640px;
}
.outframe_nohead {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    color: #333;
    width: 640px;
}
/* フィルタを左に配置した時の外枠 ----------*/
 .outframe_navimode {
    margin: 0px auto 0px auto;
    padding: 30px 0px 0px 0px;
    color: #333;
    text-align: right;
    width: 850px;
}
.outframe_navimode_nohead {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    color: #333;
    text-align: right;
    width: 850px;
}
/* 內枠 ----------*/
 .contentframe {
    margin: 0px;
    padding: 0px;
    width: 640px;
    text-align: left;
}
/* フィルタを左に配置した時の內枠 ----------*/
 .contentframe_navileft {
    margin: 0px;
    padding: 0px;
    width: 640px;
    text-align: left;
    float: right;
}
/* 內枠の中身（タイトル画像は含まない） ----------*/
 .inframe {
    margin: 0px 0px 0px 0px;
    padding: 0px 16px 0px 16px;
}
/* SAY FILTER --------------------*/

/* フィルタ（下配置時）----------*/
 .sayfilter {
    margin: 0px auto 0px auto;
    padding: 0px;
    text-align: center;
    font-size: 100%;
    border: 1px dashed rgba(48, 48, 48, 1);
    color: #fff;
    background: #333;
    width: 250px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* フィルタ（左配置時）----------*/
 .sayfilterleft {
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 95%;
    border: 1px dashed rgba(48, 48, 48, 1);
    color: #fff;
    background: #333;
    width: 208px;
    float: left;
}
/* フィルタの中身 ----------*/
 .insayfilter {
    margin: 0px;
    padding: 2px 0px 0px 0px;
    text-align: left;
    overflow: auto;
}
/* フィルタの見出し ----------*/
 .sayfilter_heading {
    margin: 0px 0px 0px 0px;
    padding: 2px 8px 2px 8px;
    font-weight: normal;
    border: solid #fff;
    border-width: 1px 0px 1px 0px;
    color: #fff;
    background: #555;
}
/* フィルタ固定・配置ボタン ----------*/
 .sayfilter_button {
    float: right;
    display: none;
}
/* フィルタ小見出し（広げた時）----------*/
 .sayfilter_caption_enable {
    margin: 0px;
    padding: 1px 2px 1px 2px;
    font-weight: normal;
    border: solid #fff;
    border-width: 1px 1px 1px 1px;
    color: #fff;
    background: #555;
}
/* フィルタ小見出し（畳んだ時）----------*/
 .sayfilter_caption_disenable {
    margin: 0px;
    padding: 1px 2px 1px 2px;
    font-weight: normal;
    border: solid #fff;
    border-width: 1px 0px 1px 0px;
    color: #fff;
    background: #6A463F;
}
/* フィルタ選択欄枠----------*/
 .sayfilter_cell {
    border-bottom: 1px dotted #fff;
    border-collapse: collapse;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 0 none #fff;
    cursor: default;
    margin: 0;
    text-align: left;
}
.sayfilter_cell:last-of-type {
    border-bottom: 0 none #fff;
}
.sayfilter_content:last-child .sayfilter_cell:last-of-type {
    border-bottom: 1px solid #fff;
}
/* フィルタ選択欄（有効時）----------*/
 .sayfilter_content_enable {
    color: #fff;
}
.sayfilter_content_enable a:link, .sayfilter_content_enable a:visited {
    color: #ddd;
}
/* フィルタ選択欄（無効時）----------*/
 .sayfilter_content_disenable {
    color: #fff;
    background: #888;
    -webkit-filter: blur(3px) grayscale(100%);
}
/* フィルタ選択欄內部枠 ----------*/
 .sayfilter_incontent {
    /* border: dotted; */
    /* border-width: 0px 0px 1px 0px; */
    padding: 1px 2px;
}
/* フィルタ一括操作用ボタン ----------*/
 .sayfilter_button_lump {
    border: ridge #444;
    color: #fff;
    background: #444;
    width: 100%;
    font-family: sans-serif;
    cursor: pointer;
}
/* BLOCK --------------------*/

/* 段落全般 ----------*/
 .paragraph {
    margin: 0px 5px 16px 5px;
    word-wrap: break-word;
}
/* ログイン欄 ----------*/
 .login {
    margin: 0px 0px 8px 0px;
    text-align: right;
}
/* 日付リンク ----------*/
 .turnnavi {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 16px;
    color: #999;
    background: #fff;
    opacity: 0.9;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* ページリンク ----------*/
 .pagenavi {
    margin: 0px 32px 16px 32px;
    padding: 0px 0px 0px 16px;
    background: #fff;
    color: #999;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    opacity: 0.9;
}
/* 非ログイン時注意表示 ----------*/
 .infonologin {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 16px;
    color: #000;
    background: #fff;
}
/* 全表示リンク ----------*/
 .row_all {
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 10px;
    font-weight:bold;
}
/* 表示行数・表示順序変更フォーム ----------*/
 .viewform {
    margin: 0px 0px 16px 0px;
    padding: 0px;
    text-align: right;
}
/* IMAGE AND TEXT LAYOUT --------------------*/

/* 発言のキャラ画像 ----------*/
 .mes_chrimg {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
/* 発言の文章部分 ----------*/
 .mes_text {
    padding: 4px;
    /*padding: 0.25em 0.15em 0.25em 0.25em;*/
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-word;
}
/* 発言の文章部分（等幅・見出し）----------*/
 .mes_text_monospace {
    padding: 4px;
    /*padding: 0.25em 0.15em 0.25em 0.25em;*/
    vertical-align: top;
    font-family: monospace;
    word-wrap: break-word;
    word-break: break-word;
}
.mes_text_report:first-line {
    font-weight: bold;
    font-size: 110%;
    word-wrap: break-word;
    word-break: break-word;
}
.mes_text .center, .mes_text_monospace .center, .mes_text_report .center {
    display: inline-block;
    width: 100%;
    text-align: center;
}
/* 水平線（通常は非表示）----------*/
 .invisible_hr {
    display: none;
}
/* SAY --------------------*/

/* システム表示 ----------*/
 .info, .mes_narrator {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    border: 1px solid #000;
    color: #111;
    background: rgba(255, 255, 255, 0.8);
    /* opacity: 0.8; */
}
/* システム表示（人狼） ----------*/
 .infowolf {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    border: 1px solid #8D114A;
    color: #8D114A;
    background: #FFDBDB;
    opacity: 0.8;
}
/* システム表示（不可視） ----------*/
 .infosp {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    border: 1px solid #aaa;
    color: #aaa;
    background: #fff;
}
/* 警告・注意表示 ----------*/
 .caution {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    border: 1px solid #f44;
    color: #f44;
    background: #fff;
}
/* やんわり注意表示 ----------*/
 .infotext {
    color: #aaa;
    background: #fff;
}
/* 警告・注意する部分（インライン） ----------*/
 .cautiontext {
    font-weight: bold;
    color: #f44;
    background: #fff;
}
/* 発言者名 ----------*/
 .mesname {
    margin: 2px 0px 6px 6px;
    padding: 0px 0px 0px 6px;
    font-size: 100%;
    font-weight: bold;
    border-style: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border: solid #C0C0C0;
    border-width: 0px 0px 1px 4px;
    color: #aaa;
}
/* 削除済み発言 ----------*/
 .mes_del {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    font-size: 80%;
    border: 1px solid #858F8C;
    color: #000;
    background: #313642;
}
/* 未確定発言 ----------*/
 .mes_que {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    border: 1px solid #442;
    color: #fff;
    background: #505596;
}
/* 通常発言 ----------*/
 .mes_nom {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    /* position: relative; */
    border: 1px solid #333;
    background: #eee;
    color: #333;
}
.mes_nom:before, .mes_nom:after {
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 15px;
    width: 30%;
    height:10px;
    /* box-shadow: 0 15px 10px #444; */
}
.mes_nom:before {
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.mes_nom:after {
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.mes_nom .mesname {
    color: #555;
}
/* 置手紙 ----------*/
 .letter {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    position: relative;
    border: 1px solid #6E552F;
    background: #eee;
    background-image : url(../images/bg/true.jpg);
    background-position: right top;
    background-repeat: repeat;
    color: #333;
}
.letter:before, .letter:after {
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 15px;
    width: 30%;
    height:10px;
    box-shadow: 0 15px 10px #444;
}
.letter:before {
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.letter:after {
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.letter .mesname {
    color: #555;
}
/* 旁觀発言 ----------*/
 .mes_mob {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    /* position: relative; */
    border:1px solid #d35871;
    background: #ffb;
    color: #333;
}
.mes_mob tbody:before, .mes_mob tbody:after {
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 15px;
    width: 30%;
    height:10px;
    /* box-shadow: 0 15px 10px #444; */
}
.mes_mob tbody:before {
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.mes_mob tbody:after {
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.mes_mob .mesname {
    color: #8D5355;
}
/* 独り言 ----------*/
 .mes_think {
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    background: rgba(61, 61, 61, 0.8);
    border: 1px dotted #eee;
    box-shadow:0px 0px 1px 3px rgba(48, 48, 48, 1);
}
/* 囁き ----------*/
 .mes_wolf {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius:5px;
    border:1px solid #c65353;
    background: #622;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_wolf .mesname {
    text-shadow: -1px -1px #622, 1px -1px #622, -1px 1px #622, 1px 1px #622;
}
*/
/* 死者のうめき ----------*/
 .mes_grave {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    position: relative;
    border: 1px solid #5f5fc7;
    background: #224;
    color: #fff;
}
.mes_grave tbody:before, .mes_grave tbody:after {
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 15px;
    width: 30%;
    height:10px;
    box-shadow: 0 15px 10px #444;
}
.mes_grave:before {
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.mes_grave:after {
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
/*
.mes_grave .mesname {
    text-shadow: -1px -1px #224, 1px -1px #224, -1px 1px #224, 1px 1px #224;
}
*/
/* 村建て人発言 ----------*/
 .mes_maker {
    /* position: relative; */
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 7px;
    border:1px solid #000;
    background: #373742;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/* 管理人発言 ----------*/
 .mes_admin {
    /* position: relative; */
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 7px;
    border:1px solid #000;
    background: #4C2E2E;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/* 共鳴 ----------*/
 .mes_sympa {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #33af00;
    background: #350;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_sympa .mesname {
    text-shadow: -1px -1px #350, 1px -1px #350, -1px 1px #350, 1px 1px #350;
}
*/
/* 念話 ----------*/
 .mes_pixi {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #00af55;
    background: #055;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_pixi .mesname {
    text-shadow: -1px -1px #055, 1px -1px #055, -1px 1px #055, 1px 1px #055;
}
*/
/* 月讀 ----------*/
 .mes_svt {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #76baff;
    background: #007fbd;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_svt .mesname {
    text-shadow: -1px -1px #007fbd, 1px -1px #007fbd, -1px 1px #007fbd, 1px 1px #007fbd;
}
*/
/* 戀語 ----------*/
 .mes_aba {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #000;
    border-radius: 5px;
    border: 1px solid #e8b8b8;
    background: #ffe0e0;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_aba .mesname {
    text-shadow: -1px -1px #ffe0e0, 1px -1px #ffe0e0, -1px 1px #ffe0e0, 1px 1px #ffe0e0;
}
*/
/* 魂信 ----------*/
 .mes_job {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #e61616;
    background: #a11;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_job .mesname {
    text-shadow: -1px -1px #a11, 1px -1px #a11, -1px 1px #a11, 1px 1px #a11;
}
*/
/* 神通	 ----------*/
 .mes_rad {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #ff7400;
    background: #b50;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_rad .mesname {
    text-shadow: -1px -1px #b50, 1px -1px #b50, -1px 1px #b50, 1px 1px #b50;
}
*/
/* 秘話 ----------
.mes_aim {
  margin: 0px 0px 16px 0px;
  padding: 4px;
  border: 1px solid #BD85D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff;
  background: #64266f;
  background-image: url(../images/bg/wolf7.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.mes_aim .mesname {
  text-shadow:
  -1px -1px #64266f,
  1px -1px #64266f,
  -1px 1px #64266f,
  1px 1px #64266f;
}*/
 .mes_aim {
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    background: #616138;
    border: 1px dotted #eee;
    box-shadow:0px 0px 1px 3px rgba(48, 48, 48, 1);
}
/* 影戲 ----------*/
 .mes_evil {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    border: 1px dotted #5d008c;
    background: #203;
    opacity: 0.9;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_evil .mesname {
    text-shadow: -1px -1px #203, 1px -1px #203, -1px 1px #203, 1px 1px #203;
}
*/
.mes_evil a:link, .mes_evil a:visited {
    color: #E9CAA1;
}
/* 彩雲 ----------*/
 .mes_elf {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #5786e8;
    background: #3e62ad;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_elf .mesname {
    text-shadow: -1px -1px #3e62ad, 1px -1px #3e62ad, -1px 1px #3e62ad, 1px 1px #3e62ad;
}
*/
/* 木靈 ----------*/
 .mes_echo {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #8c04d0;
    background: #406;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_echo .mesname {
    text-shadow: -1px -1px #406, 1px -1px #406, -1px 1px #406, 1px 1px #406;
}
/* 徒花 ----------*/
 .mes_moon {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #222;
    border-radius: 5px;
    border: 1px solid #ffdd88;
    background: #fed261;
    opacity: 0.9;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/*
.mes_moon .mesname {
    text-shadow: -1px -1px #406, 1px -1px #406, -1px 1px #406, 1px 1px #406;
}
*/
/* メモ ----------*/
 .memo {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    color: #333;
    background: #eee;
    border: 1px solid #333;
    width: 100%;
    overflow:auto;
    word-break : break-all;
}
/* メモの左側 ----------*/
 .memoleft {
    border-style: none dashed solid none;
    border-width: 0px 1px 1px 0px;
    border-color: #333;
    border-collapse: collapse;
    /* CSS2? */
    width: 30%;
}
/* 墓メモの左側 ----------*/
 .memogleft {
    border-style: none dashed solid none;
    border-width: 0px 1px 1px 0px;
    border-color: #7D2C45;
    border-collapse: collapse;
    /* CSS2? */
    width: 30%;
    color: #36479F;
}
/* メモの右側 ----------*/
 .memoright {
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-color: #333;
    border-collapse: collapse;
    /* CSS2? */
    width: 70%;
}
/* 墓メモの右側 ----------*/
 .memog {
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-color: #7D2C45;
    border-collapse: collapse;
    /* CSS2? */
    width: 70%;
    color: #36479F;
}
/* 村建てメモ ----------*/
 .makermemo {
    border-style: dotted;
    border-width: 1px;
    border-color: #7D2C45;
    border-collapse: collapse;
    /* CSS2? */
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 発言の日付 ----------*/
 .mes_date {
    font-size: 90%;
    text-align: right;
}
/* アクション ----------*/
 .action_nom {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    position: relative;
    border:1px solid #d35871;
    background: #F9EFF1;
    color: #333;
}
.action_nom:before, .action_nom:after {
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 15px;
    width: 30%;
    height:10px;
    box-shadow: 0 15px 10px #444;
}
.action_nom:before {
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.action_nom:after {
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.action_grave {
    margin: 0px 0px 16px 0px;
    padding: 4px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    position: relative;
    border:1px solid #000;
    background: #435495;
    color: #fff;
}
.action_grave:before, .action_grave:after {
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 15px;
    width: 30%;
    height:10px;
    box-shadow: 0 15px 10px #444;
}
.action_grave:before {
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.action_grave:after {
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
/* しおり ----------*/
 .action_bm {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    border: 1px solid #fff;
    font-weight: bold;
    color: #fff;
    /*
    text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
    */
}
.action_type {
}
/* FORM PLAYER --------------------*/

/* 発言入力欄の外枠 ----------*/
 .formpl_frame {
    margin: 0px 0px 12px 0px;
}
/* 発言入力欄（共通） ----------*/
 .formpl_common {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #ccc;
}
.window_think {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #fff;
    color: #fff;
    background: #444;
}
.window_aim {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #CCCC99;
}
.window_wolf {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #c78c8c;
}
.window_sympathy {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #8ad86a;
}
.window_pixi {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #47c182;
}
.window_church {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #b1d8ff;
}
.window_jewels {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #fbb77f;
}
.window_muppet {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #666;
}
.window_magus {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #89669a;
}
.window_dragon {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #799eea;
}
.window_love {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #e8b8b8;
}
.window_fight {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #dc7575;
}
.window_grave {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #9494ca;
}
.window_echo {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #dd98ff;
}
.window_moon {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #ffdd88;
}
/* 発言入力欄のキャラ画像 ----------*/
 .formpl_chrimg {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
/* 発言入力欄の項目 ----------*/
 .formpl_content {
    padding: 4px;
}
/* アクション入力欄 ----------*/
 .formpl_action {
    padding: 4px;
    /*  font-size: 100%; */
}
/* アクション自由入力欄 ----------*/
 .formpl_actiontext {
    width: 80%;
}
/* 能力者欄（無陣營）----------*/
 .WIN_NONE {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #fff;
    background: #485B9B;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（ランダム）----------*/
 .formpl_random {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #fff;
    background: #485B9B;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（村人＆無魂人形）----------*/
 .WIN_HUMAN, .WIN_GOLEM {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #000;
    background: #BADBC7;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（人狼）----------*/
 .WIN_WOLF {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #fff;
    background: #80273F;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（妖狐＆孤狼＆吹笛人）----------*/
 .WIN_LONEWOLF, .WIN_PIXI, .WIN_GURU {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #000;
    background: #CDBADB;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（深海團）----------*/
 .WIN_CHAOS {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #000;
    background: #BAD6DB;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（背叛者＆邪氣＆殉教者）----------*/
 .WIN_HATER, .WIN_EVIL, .WIN_MARTYRDOM {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #fff;
    background: #7A5874;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（龍人族＆妖魔族）----------*/
 .WIN_ELF, .WIN_DRAGON {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #000;
    background: #D9DBBA;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（月光族＆蒼月教會）----------*/
 .WIN_VAMPIRE, .WIN_CHURCH {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #000;
    background: #DCDCDC;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（戀人）----------*/
 .WIN_LOVER {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #fff;
    background: #D68AB1;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（月華機關）----------*/
 .WIN_SOCIETY {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #222;
    background: #ffdd88;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（叢魔）----------*/
 .WIN_MAGUS {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #000;
    color: #000;
    background: #A5DEE4;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}
/* 能力者欄（追加系）----------*/
 .WIN_IRRELEVANT, .WIN_DISH, .WIN_HANGED, .WIN_PHANTOM, .WIN_PIG, .WIN_MUD, .WIN_DOLL, .WIN_NEET, .WIN_RAVENS {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    color: #333;
    border: 1px solid #6E552F;
    background-image : url(../images/bg/true.jpg);
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    position: relative;
    background-position: right top;
    background-repeat: repeat;
}
/* 村開始・更新欄 ----------*/
 .formpl_gm {
    margin: 0px 0px 4px 0px;
    padding: 4px;
    border: 1px solid #333;
    color: #000;
    background: #ccc;
}
/* 村開始・更新ボタン ----------*/
 .commitbutton {
    text-align: center;
}
/* 発言撤回欄 ----------*/
 .saycancelframe {
    text-align: center;
}
/* 発言撤回ボタン ----------*/
 .saycancelbutton {
    font-size: smaller;
}
/* 「戻る」リンク ----------*/
 .return {
    margin: 0px;
    padding: 0px 0px 8px 0px;
    text-align: right;
}
/* 誤爆防止チェック欄 ----------*/
 .previewsafety {
    margin: 0px 0px 8px 0px;
    background: #fff;
}
/* OTHERS --------------------*/

/* 村一覧 ----------*/
 .vindex {
    margin: 0px 0px 1rem 0px;
    border: 1px solid #ccc;
    border-collapse: collapse;
    /* CSS2? */
    width: 100%;
    background: #fff;
}
/* 村作成画面 ----------*/
 .form_vmake {
    margin: 0px 0px 1rem 0px;
    padding: 1rem 0.25rem;
    border: 1px solid #333;
    color: #000;
    background: #ccc;
}
/* 村作成・編集ボタン ----------*/
 .exevmake {
    text-align: center;
}
/* 回り込み禁止 ----------*/
 .clearboth {
    clear: both;
}
/* ドラッグ用ハンドラ ----------*/
 .handler {
    background: #533638;
    height: 15px;
    opacity: 0.7;
}