@charset "UTF-8";
/** //////////////////////////////////////////////////////////////////////////
// -- default -- //
/////////////////////////////////////////////////////////////////////////// */
html { overflow-y:scroll; }
/** // -- 余白無し  -- // */
* { margin:0; padding:0; }
/** // -- 文字普通  -- // */
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; }
/** // -- 余白無し  -- // */
table { border-collapse:collapse;  border-spacing:0; }
/** // -- 左寄せ　  -- // */
caption, th { text-align:left; }
/** // -- 枠無し　  -- // */
img, abbr, acronym, fieldset { border:0; }
/** // -- 下線無し -- // */
a:link      { text-decoration:none; }
a:visited   { text-decoration:none; }
a:hover     { text-decoration:none; }
a:active    { text-decoration:none; }
/** // -- BODY -- // */
body {
    font-family:Verdana,'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック';
    font-size:16px;
    color:#666666;
    background:#f5f5f5;
}
/** // -- その他　　 -- // */
.choco_sp { padding:4px 4px 2px 4px; }
.choco_sp_out { margin:4px 4px 2px 4px; }
.choco_center { text-align:center; margin:0 auto 0 auto; }
.choco_clear { clear:both; width: 0; height: 0;}
.choco_left { float: left; }
.choco_right { float: right; }

/** //////////////////////////////////////////////////////////////////////////
// -- font -- //
/////////////////////////////////////////////////////////////////////////// */
.choco_font_ss  { font-size:60%;  }
.choco_font_s   { font-size:80%;  }
.choco_font_m   { font-size:100%; }
.choco_font_l   { font-family:'Tahoma'; font-size:140%; letter-spacing:-1px;}
.choco_font_ll  { font-family:'Tahoma'; font-size:200%; letter-spacing:-1px; }
.choco_font_3l  { font-family:'Tahoma'; font-size:300%; letter-spacing:-1px; }
.choco_font_strong { font-weight:bold; color:#ff00ff; }
.choco_font_bold { font-weight:bold; }


/** //////////////////////////////////////////////////////////////////////////
// -- main -- //
/////////////////////////////////////////////////////////////////////////// */
div#choco_main {
    max-width:1000px; min-width:600px;
    margin:0 auto 0 auto;
    border-left: 1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    color:#666666;
    text-align:left;
    background:#ffffff;
}
div#choco_main h1 { font-family:'Tahoma'; font-size:300%; letter-spacing:-1px; font-weight:normal; }
div#choco_main h2 { font-family:'Tahoma'; font-size:300%; letter-spacing:-1px; font-weight:normal; }
div#choco_main h3 { font-family:'Tahoma'; font-size:200%; letter-spacing:-1px; font-weight:normal; }
div#choco_main h4 { font-family:'Tahoma'; font-size:200%; letter-spacing:-1px; font-weight:normal; }
div#choco_main h5 { font-family:'Tahoma'; font-size:140%; letter-spacing:-1px; font-weight:normal; }
div#choco_main h6 { font-family:'Tahoma'; font-size:140%; letter-spacing:-1px; font-weight:normal; }
div#choco_main h1 a { text-decoration:none; }
div#choco_main h2 a { text-decoration:none; }
div#choco_main h3 a { text-decoration:none; }
div#choco_main h4 a { text-decoration:none; }
div#choco_main h5 a { text-decoration:none; }
div#choco_main h6 a { text-decoration:none; }


/** //////////////////////////////////////////////////////////////////////////
// -- frame -- //
/////////////////////////////////////////////////////////////////////////// */
div#choco_wrapper  {}
div#choco_navi1    {}
div#choco_navi2    {}


/** //////////////////////////////////////////////////////////////////////////
// -- header / footer -- //
/////////////////////////////////////////////////////////////////////////// */
div#choco_header {}
div#choco_header h1 { color:#8b4513; }
div#choco_header h2 { color:#8b4513; }
div#choco_header h3 { color:#8b4513; }
div#choco_header h4 { color:#c2a47c; }
div#choco_header h5 { color:#8b4513; }
div#choco_header h6 { color:#c2a47c; }
div#choco_header h1 a { color:#8b4513; }
div#choco_header h2 a { color:#8b4513; }
div#choco_header h3 a { color:#8b4513; }
div#choco_header h4 a { color:#c2a47c; }
div#choco_header h5 a { color:#8b4513; }
div#choco_header h6 a { color:#c2a47c; }

div#choco_footer { 
    text-align:center; 
}

div.navi li {
    display:inline;
    border-left:1px solid #cd853f;
}
div.navi li.first {
    border-left:0;
}
div.navi li a:link, div.navi li a:visited { 
    padding: 0px 8px 0px 8px;
    color:#cd853f; 
    font-size:80%;
}
div.navi li a:hover {
    font-size:100%;
    color:#ad651f; 
}


/** //////////////////////////////////////////////////////////////////////////
// -- header style -- //
/////////////////////////////////////////////////////////////////////////// */
.choco_hd_style01 {
    margin:0px 0px 2px 0px;
    padding:6px;
    border-left:solid 8px #8b4513;
    border-bottom:solid 1px #8b4513;
    color:#8b4513;
}
.choco_hd_style01 a { color:#8b4513; }

.choco_hd_style02 {
    margin:0px 0px 2px 0px;
    padding:6px;
    border-left:solid 8px #ff8c00;
    border-bottom:solid 1px #ff8c00;
    color:#ff8c00;
}
.choco_hd_style02 a { color:#ff8c00; }

.choco_hd_style03 {
    margin:0px 0px 2px 0px;
    padding:6px;
    border-left:solid 8px #c2a47c;
    border-bottom:solid 1px #c2a47c;
    color:#c2a47c;
}
.choco_hd_style03 a { color:#c2a47c; }

.choco_hd_style04 {
    margin:0px 0px 2px 0px;
    padding:6px;
    border-left:solid 8px #aaaaaa;
    border-bottom:solid 1px #aaaaaa;
    color:#666666;
}
.choco_hd_style04 a { color:#666666; }

.choco_hd_style11 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-left:solid 16px #8b4513;
    color:#8b4513;
}
.choco_hd_style11  a { color:#8b4513; }

.choco_hd_style12 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-left:solid 16px #ff8c00;
    color:#ff8c00;
}
.choco_hd_style12 a { color:#ff8c00; }

.choco_hd_style13 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-left:solid 16px #c2a47c;
    color:#c2a47c;
}
.choco_hd_style13 a { color:#c2a47c; }

.choco_hd_style14 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-left:solid 16px #aaaaaa;
    color:#666666;
}
.choco_hd_style14 a { color:#666666; }

.choco_hd_style21 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-bottom:solid 1px #8b4513;
    color:#8b4513;
}
.choco_hd_style21 a { color:#8b4513; }

.choco_hd_style22 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-bottom:solid 1px #ff8c00;
    color:#ff8c00;
}
.choco_hd_style22 a { color:#ff8c00; }

.choco_hd_style23 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-bottom:solid 1px #c2a47c;
    color:#c2a47c;
}
.choco_hd_style23 a { color:#c2a47c; }

.choco_hd_style24 {
    margin:0px 0px 2px 0px;
    padding:4px;
    border-bottom:solid 1px #aaaaaa;
    color:#666666;
}
.choco_hd_style24 a { color:#666666; }

.choco_hd_style31 {
    margin:0px 0px 2px 0px;
    padding:4px;
    color:#8b4513;
}
.choco_hd_style31 a { color:#8b4513; }

.choco_hd_style32 {
    margin:0px 0px 2px 0px;
    padding:4px;
    color:#ff8c00;
}
.choco_hd_style32 a { color:#ff8c00; }

.choco_hd_style33 {
    margin:0px 0px 2px 0px;
    padding:4px;
    color:#c2a47c;
}
.choco_hd_style33 a { color:#c2a47c; }

.choco_hd_style34 {
    margin:0px 0px 2px 0px;
    padding:4px;
    color:#666666;
}
.choco_hd_style34 a { color:#666666; }

.choco_hd_style41 {
    margin:0px 0px 2px 0px;
    padding:10px 4px 2px 4px;
    color:#ffffff;
    border:solid 2px #6b2503;
    background-color:#8b4513;
}
.choco_hd_style41 a { color:#ffffff; }

.choco_hd_style42 {
    margin:0px 0px 2px 0px;
    padding:10px 4px 2px 4px;
    color:#ffffff;
    border:solid 2px #bf6c00;
    background-color:#ff8c00;
}
.choco_hd_style42 a { color:#ffffff; }

.choco_hd_style43 {
    margin:0px 0px 2px 0px;
    padding:10px 4px 2px 4px;
    color:#ffffff;
    border:solid 2px #a2845c;
    background-color:#c2a47c;
}
.choco_hd_style43 a { color:#ffffff; }

.choco_hd_style44 {
    margin:0px 0px 2px 0px;
    padding:10px 4px 2px 4px;
    color:#666666;
    border:2px solid #c0c0c0;
    background-color:#ececec;
}
.choco_hd_style44 a { color:#666666; }


/** //////////////////////////////////////////////////////////////////////////
// -- contents -- //
/////////////////////////////////////////////////////////////////////////// */
div#choco_contents {}
div#choco_contents p {
    text-indent:1em;
    padding:8px 4px 4px 8px;
}


/** //////////////////////////////////////////////////////////////////////////
// -- menulist -- //
/////////////////////////////////////////////////////////////////////////// */
div.choco_menulist {}
div.choco_menulist ul {
    padding-left:4px;
    list-style-type:none;
}
div.choco_menulist ul li  {  
    font-weight:bold;
    margin-top:2px;
}
div.choco_menulist ul li a {  
    display:block;
    padding:12px 4px 4px 12px;
    color:#666666;  
    border-left:solid 6px #aaaaaa;
}  
div.choco_menulist ul li a.selected {
    color:#ffffff;
    border-width:10px;
    background-color:#d3b0ff;
    border-left:solid 6px #9370db;
}
div.choco_menulist ul li a:hover  {  
    color:#ffffff;
    border-width:10px;
    background-color:#d3b0ff;
    border-left:solid 6px #9370db;
}  


/** //////////////////////////////////////////////////////////////////////////
// -- menubar -- //
/////////////////////////////////////////////////////////////////////////// */
/*
<div class="choco_menubar">
    <ul>
        <li class="first">
             <a href="..." >...</a></li
        ><li><a href="..." >...</a></li
        ><li><a href="..." >...</a></li
        ><li><a href="..." >...</a></li>
    </ul>
    <div class="choco_clear"></div>
</div>
*/
div.choco_menubar {
    width:100%;
    background-color:#cccccc;
}
div.choco_menubar ul {
    padding-left: 1px;
}
div.choco_menubar li {
    float: left;
    display:inline;
    border-right:1px solid #cccccc;
    font-size:120%;
    letter-spacing:-1px;
    font-weight:bold;
    text-align: center;
}
div.choco_menubar li a:link, 
div.choco_menubar li a:visited {
    display: block;
    border-top:4px solid #aaaaaa;
    padding: 9px 12px 4px 12px;
    text-decoration: none;
    color: #666666;
    background-color: #efefef;
}
div.choco_menubar li a:hover {
    border-top: 4px solid #9370db;
    padding: 9px 12px 4px 12px;
    background:#ffffff;
}
div.choco_menubar li a.selected {
    border-top: 5px solid #e3a0fb;
    padding: 9px 12px 4px 12px;
    background:#ffffff;
}


/** //////////////////////////////////////////////////////////////////////////
// -- table list -- //
/////////////////////////////////////////////////////////////////////////// */
table.choco_list {
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    background: #cccccc;
    border-left:1px solid #cccccc;
    border-top:1px solid #cccccc;
}
table.choco_list caption {
    margin-top: 4px;
    text-align: left;
}
table.choco_list tr { background:#ffffff; }
table.choco_list .list_od { background:#ffffff; }
table.choco_list .list_ev { background:#f5f5f5; }
table.choco_list th {
    padding:4px 4px 2px 4px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    color:#ffffff;
    background-color:#c2a47c;
}
table.choco_list td {
    padding:6px 4px 2px 4px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

ul.choco_list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top:1px solid #cccccc;
}
ul.choco_list li  {  
    list-style: none;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
ul.choco_list li a {  
    display:block;
    color:#666666;
}  
ul.choco_list li a:hover {
    color:#969696;
}
.list_od { background-color:#ffffff; }
.list_ev { background-color:#f5f5f5; }
.choco_list_hd {
    color:#ffffff;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    background-color:#c2a47c;
}

/** //////////////////////////////////////////////////////////////////////////
// -- table layout -- //
/////////////////////////////////////////////////////////////////////////// */
table.choco_layout {
    border-style:none;
    empty-cells:show;
}


/** //////////////////////////////////////////////////////////////////////////
// -- form -- //
/////////////////////////////////////////////////////////////////////////// */
label {
    margin: 1px 0 0 0;
    font-size:120%; 
    vertical-align:middle;
}
input {
	padding: 1px;
    margin: 1px 0 0 0;
    font-size:120%; 
    vertical-align:middle;
    border:1px solid #aaaacc;
}
textarea {
    margin: 1px 0 0 0;
    font-size:120%; 
    vertical-align:middle;
    border:1px solid #aaaacc;
}
select {
    margin: 1px 0 0 0;
    font-size:120%; 
    vertical-align:middle;
    border:1px solid #aaaacc;
}
input.readonly {
    background-color: #ededed;
}
textarea.readonly {
    background-color: #ededed;
}
select.readonly {
    background-color: #ededed;
}


/** //////////////////////////////////////////////////////////////////////////
// -- button -- //
/////////////////////////////////////////////////////////////////////////// */
.choco_button {
    padding:8px 8px 8px 8px;
    margin:0 0 1px 0;
    font-size: 120%; 
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    border:1px solid #aaaacc;
    color: #ffffff;
    background-color:#6b20a2;
}
.choco_button:active {
    padding:10px 8px 6px 8px;
    border:1px solid #696969;
}
.choco_button:hover {
    color:#dfdfdf;
    background-color:#6a5acd;
}
div.choco_button_bar {
    padding:4px 4px 2px 4px;
    text-align: right;
}


/** //////////////////////////////////////////////////////////////////////////
// -- massage -- //
/////////////////////////////////////////////////////////////////////////// */
div.choco_message {
    margin:2px 0px 8px 0px;
    padding:8px;
    background:#f5f5f5;
    border-top:1px solid #d8bfd8;
    border-left:4px solid #d8bfd8;
    border-right:4px solid #d8bfd8;
    border-bottom:1px solid #d8bfd8;
}
span.MESSAGE { color:#444444; }
span.INFORMATION { color:#4169e1; }
span.ERROR { color:#dc143c;}
span.WARNING { color:#6a5acd; }


/** //////////////////////////////////////////////////////////////////////////
// -- ime -- //
/////////////////////////////////////////////////////////////////////////// */
.zen  {ime-mode:active;}
.han  {ime-mode:disabled;}
.num  {ime-mode:disabled; text-align:right;}
.code {ime-mode:disabled;}


/** //////////////////////////////////////////////////////////////////////////
// -- pageing -- //
/////////////////////////////////////////////////////////////////////////// */
div.choco_pageing {
    padding-bottom:0.1em;
    margin-bottom:0.1em;
}
div.choco_pageing span.currentpage {
    font-weight:bold;
}
div.choco_pageing span.page {
    font-weight:normal;
}


/** //////////////////////////////////////////////////////////////////////////
// -- list -- //
/////////////////////////////////////////////////////////////////////////// */
ol {
    list-style-type:decimal-leading-zero;
    padding-left:2em;
}
ul {
    list-style-type:square;
    padding-left:2em;
}


/** //////////////////////////////////////////////////////////////////////////
// -- blockquote -- //
/////////////////////////////////////////////////////////////////////////// */
.choco_blockquote {
    padding-left:1em;
    margin-left:16px;
    background:#f5f5f5;
    border-left:4px solid #d8bfd8;
}


/** //////////////////////////////////////////////////////////////////////////
// -- border -- //
/////////////////////////////////////////////////////////////////////////// */
.choco_border { border:1px solid #c0c0c0; }
.choco_border_top { border-top:1px solid #c0c0c0; }
.choco_border_bottom { border-bottom:1px solid #c0c0c0; }
.choco_border_left { border-left:1px solid #c0c0c0; }
.choco_border_right { border-right:1px solid #c0c0c0; }
.choco_border_round { 
    border:1px solid #c0c0c0; 
    /* radius */
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.choco_border_none { border-style:none; }
.choco_border_bold { border-width: 3px; }


/** //////////////////////////////////////////////////////////////////////////
// -- line -- //
/////////////////////////////////////////////////////////////////////////// */
hr {
    margin:0; padding:0;
    border-style:none;
    border-bottom:1px solid #c0c0c0;
}
hr.dashed {
    margin:0; padding:0;
    border-style:none;
    border-bottom:1px dashed #c0c0c0;
}
hr.double  {
    margin:0; padding:0;
    border-style:none;
    border-top:4px double #c0c0c0;
}


/** //////////////////////////////////////////////////////////////////////////
// -- color variation -- //
// C00 ->   white           (#ffffff) [gainsboro    (#dcdcdc)]
// C01 ->   hotpink         (#ff69b4)
// C02 ->   tomato          (#ff5540)
// C03 ->   gold            (#ffd700) [orange       (#ffa500)]
// C04 ->   greenyellow     (#32ed32) [limegreen    (#32cd32)]
// C05 ->   cornflowerblue  (#6495ed) [royalblue    (#4169e1)]
// C06 ->   slateblue       (#6a5acd) [indigo       (#4b0082)]
// C07 ->   mediumpurple    (#9370db)
// C08 ->   crimson         (#dc143c)
// C09 ->   sienna          (#a0522d)
// C10 ->   bisque          (#ffe4c4) [lightsalmon  (#ffa07a)]
// C11 ->   silver          (#c0c0c0) [darkgray     (#a9a9a9)]
// C12 ->   dimgray         (#696969)
// C13 ->   black           (#000000) [dimgray      (#696969)]
/////////////////////////////////////////////////////////////////////////// */
/* // font color // */
.choco_font_c00 { color:#ffffff; }
.choco_font_c01 { color:#ff69b4; }
.choco_font_c02 { color:#ff5540; }
.choco_font_c03 { color:#ffd700; }
.choco_font_c04 { color:#32ed32; }
.choco_font_c05 { color:#6495ed; }
.choco_font_c06 { color:#6a5acd; }
.choco_font_c07 { color:#9370db; }
.choco_font_c08 { color:#dc143c; }
.choco_font_c09 { color:#a0522d; }
.choco_font_c10 { color:#ffe4c4; }
.choco_font_c11 { color:#c0c0c0; }
.choco_font_c12 { color:#696969; }
.choco_font_c13 { color:#000000; }

/* // border color // */
.choco_border_c00 { border-color:#ffffff; }
.choco_border_c01 { border-color:#ff69b4; }
.choco_border_c02 { border-color:#ff5540; }
.choco_border_c03 { border-color:#ffd700; }
.choco_border_c04 { border-color:#32ed32; }
.choco_border_c05 { border-color:#6495ed; }
.choco_border_c06 { border-color:#6a5acd; }
.choco_border_c07 { border-color:#9370db; }
.choco_border_c08 { border-color:#dc143c; }
.choco_border_c09 { border-color:#a0522d; }
.choco_border_c10 { border-color:#ffe4c4; }
.choco_border_c11 { border-color:#c0c0c0; }
.choco_border_c12 { border-color:#696969; }
.choco_border_c13 { border-color:#000000; }

/* // choco_bg color // */
.choco_bg_c00 {
    color:#999999;
    background-color:#ffffff;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc)); 
    background:-moz-linear-gradient(top,  #ffffff,  #dcdcdc); 
}
.choco_bg_c01 {
    background-color:#ff69b4;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89d4', endColorstr='#ff69b4');
    background:-webkit-gradient(linear, left top, left bottom, from(#ff89d4), to(#ff69b4)); 
    background:-moz-linear-gradient(top,  #ff89d4,  #ff69b4); 
}
.choco_bg_c02 {
    background-color:#ff5540;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8367', endColorstr='#ff5540');
    background:-webkit-gradient(linear, left top, left bottom, from(#ff8367), to(#ff5540)); 
    background:-moz-linear-gradient(top,  #ff8367,  #ff5540); 
}
.choco_bg_c03 {
    background-color:#ffd700;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#ffa500');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ffa500)); 
    background:-moz-linear-gradient(top,  #ffd700,  #ffa500); 
}
.choco_bg_c04 {
    background-color:#adff2f;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adff2f', endColorstr='#32cd32');
    background:-webkit-gradient(linear, left top, left bottom, from(#adff2f), to(#32cd32)); 
    background:-moz-linear-gradient(top,  #adff2f,  #32cd32); 
}
.choco_bg_c05 {
    background-color:#6495ed;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6495ed', endColorstr='#4169e1');
    background:-webkit-gradient(linear, left top, left bottom, from(#6495ed), to(#4169e1)); 
    background:-moz-linear-gradient(top,  #6495ed,  #4169e1); 
}
.choco_bg_c06 {
    background-color:#6a5acd;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a5acd', endColorstr='#4b0082');
    background:-webkit-gradient(linear, left top, left bottom, from(#6a5acd), to(#4b0082)); 
    background:-moz-linear-gradient(top,  #6a5acd,  #4b0082); 
}
.choco_bg_c07 {
    background-color:#9370db;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa4bf2', endColorstr='#9370db');
    background:-webkit-gradient(linear, left top, left bottom, from(#aa4bf2), to(#9370db)); 
    background:-moz-linear-gradient(top,  #b390fb,  #9370db); 
}
.choco_bg_c08 {
    background-color:#dc143c;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc345c', endColorstr='#dc143c');
    background:-webkit-gradient(linear, left top, left bottom, from(#fc345c), to(#dc143c)); 
    background:-moz-linear-gradient(top,  #fc345c,  #dc143c); 
}
.choco_bg_c09 {
    background-color:#a0522d;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0724d', endColorstr='#a0522d');
    background:-webkit-gradient(linear, left top, left bottom, from(#c0724d), to(#a0522d)); 
    background:-moz-linear-gradient(top,  #c0724d,  #a0522d); 
}
.choco_bg_c10 {
    background-color:#ffe4c4;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4c4', endColorstr='#ffa07a');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffe4c4), to(#ffa07a)); 
    background:-moz-linear-gradient(top,  #ffe4c4,  #ffa07a); 
}
.choco_bg_c11 {
    background-color:#c0c0c0;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#a9a9a9');
    background:-webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#a9a9a9)); 
    background:-moz-linear-gradient(top,  #c0c0c0,  #a9a9a9); 
}
.choco_bg_c12 {
    background-color:#696969;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#696969');
    background:-webkit-gradient(linear, left top, left bottom, from(#898989), to(#696969)); 
    background:-moz-linear-gradient(top,  #898989,  #696969); 
}
.choco_bg_c13 {
    background-color:#000000;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#000000');
    background:-webkit-gradient(linear, left top, left bottom, from(#696969), to(#000000)); 
    background:-moz-linear-gradient(top,  #696969,  #000000); 
}

/* // choco_bg color(th) // */
table.choco_list th.choco_bg_c00 {
    background:#ffffff;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc)); 
    background:-moz-linear-gradient(top,  #ffffff,  #dcdcdc); 
}
table.choco_list th.choco_bg_c01 {
    background-color:#ff69b4;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89d4', endColorstr='#ff69b4');
    background:-webkit-gradient(linear, left top, left bottom, from(#ff89d4), to(#ff69b4)); 
    background:-moz-linear-gradient(top,  #ff89d4,  #ff69b4); 
}
table.choco_list th.choco_bg_c02 {
    background-color:#ff5540;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8367', endColorstr='#ff5540');
    background:-webkit-gradient(linear, left top, left bottom, from(#ff8367), to(#ff5540)); 
    background:-moz-linear-gradient(top,  #ff8367,  #ff5540); 
}
table.choco_list th.choco_bg_c03 {
    background-color:#ffd700;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#ffa500');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ffa500)); 
    background:-moz-linear-gradient(top,  #ffd700,  #ffa500); 
}
table.choco_list th.choco_bg_c04 {
    background-color:#adff2f;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adff2f', endColorstr='#32cd32');
    background:-webkit-gradient(linear, left top, left bottom, from(#adff2f), to(#32cd32)); 
    background:-moz-linear-gradient(top,  #adff2f,  #32cd32); 
}
table.choco_list th.choco_bg_c05 {
    background-color:#6495ed;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6495ed', endColorstr='#4169e1');
    background:-webkit-gradient(linear, left top, left bottom, from(#6495ed), to(#4169e1)); 
    background:-moz-linear-gradient(top,  #6495ed,  #4169e1); 
}
table.choco_list th.choco_bg_c06 {
    background-color:#6a5acd;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a5acd', endColorstr='#4b0082');
    background:-webkit-gradient(linear, left top, left bottom, from(#6a5acd), to(#4b0082)); 
    background:-moz-linear-gradient(top,  #6a5acd,  #4b0082); 
}
table.choco_list th.choco_bg_c07 {
    background-color:#9370db;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa4bf2', endColorstr='#9370db');
    background:-webkit-gradient(linear, left top, left bottom, from(#aa4bf2), to(#9370db)); 
    background:-moz-linear-gradient(top,  #d3b0ff,  #9370db); 
}
table.choco_list th.choco_bg_c08 {
    background-color:#dc143c;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc345c', endColorstr='#dc143c');
    background:-webkit-gradient(linear, left top, left bottom, from(#fc345c), to(#dc143c)); 
    background:-moz-linear-gradient(top,  #fc345c,  #dc143c); 
}
table.choco_list th.choco_bg_c09 {
    background-color:#a0522d;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0724d', endColorstr='#a0522d');
    background:-webkit-gradient(linear, left top, left bottom, from(#c0724d), to(#a0522d)); 
    background:-moz-linear-gradient(top,  #c0724d,  #a0522d); 
}
table.choco_list th.choco_bg_c10 {
    background-color:#ffe4c4;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4c4', endColorstr='#ffa07a');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffe4c4), to(#ffa07a)); 
    background:-moz-linear-gradient(top,  #ffe4c4,  #ffa07a); 
}
table.choco_list th.choco_bg_c11 {
    background-color:#c0c0c0;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#a9a9a9');
    background:-webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#a9a9a9)); 
    background:-moz-linear-gradient(top,  #c0c0c0,  #a9a9a9); 
}
table.choco_list th.choco_bg_c12 {
    background-color:#696969;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#696969');
    background:-webkit-gradient(linear, left top, left bottom, from(#898989), to(#696969)); 
    background:-moz-linear-gradient(top,  #898989,  #696969); 
}
table.choco_list th.choco_bg_c13 {
    background-color:#000000;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#000000');
    background:-webkit-gradient(linear, left top, left bottom, from(#696969), to(#000000)); 
    background:-moz-linear-gradient(top,  #696969,  #000000); 
}

/* // menulist // */
div.choco_menulist li.c00 a { border-color:#ffffff; }
div.choco_menulist li.c01 a { border-color:#ff69b4; }
div.choco_menulist li.c02 a { border-color:#ff5540; }
div.choco_menulist li.c03 a { border-color:#ffd700; }
div.choco_menulist li.c04 a { border-color:#32ed32; }
div.choco_menulist li.c05 a { border-color:#6495ed; }
div.choco_menulist li.c06 a { border-color:#6a5acd; }
div.choco_menulist li.c07 a { border-color:#9370db; }
div.choco_menulist li.c08 a { border-color:#dc143c; }
div.choco_menulist li.c09 a { border-color:#a0522d; }
div.choco_menulist li.c10 a { border-color:#ffe4c4; }
div.choco_menulist li.c11 a { border-color:#c0c0c0; }
div.choco_menulist li.c12 a { border-color:#696969; }
div.choco_menulist li.c13 a { border-color:#000000; }

/* // menubar // */
div.choco_menubar li.c00 a { border-color: #ffffff; }
div.choco_menubar li.c01 a { border-color: #ff69b4; }
div.choco_menubar li.c02 a { border-color: #ff5540; }
div.choco_menubar li.c03 a { border-color: #ffd700; }
div.choco_menubar li.c04 a { border-color: #32ed32; }
div.choco_menubar li.c05 a { border-color: #6495ed; }
div.choco_menubar li.c06 a { border-color: #6a5acd; }
div.choco_menubar li.c07 a { border-color: #9370db; }
div.choco_menubar li.c08 a { border-color: #dc143c; }
div.choco_menubar li.c09 a { border-color: #a0522d; }
div.choco_menubar li.c10 a { border-color: #ffe4c4; }
div.choco_menubar li.c11 a { border-color: #c0c0c0; }
div.choco_menubar li.c12 a { border-color: #696969; }
div.choco_menubar li.c13 a { border-color: #000000; }

/* // color box // */
/*
<dl class="choco_block">
    <dt>･･･</dt>
    <dd class="body">･･･</dd>
    <dd class="footer">･･･</dd>
</dl>
*/
dl.choco_color_box_c00 { border:1px solid #dcdcdc; }
dl.choco_color_box_c00 dt {
    font-weight:bold; text-align:left; color:#999999;
    background-color:#ffffff;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc)); 
    background:-moz-linear-gradient(top,  #ffffff,  #dcdcdc); 
}
dl.choco_color_box_c00 dd { background:#ffffff; }
dl.choco_color_box_c00 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c01 { border:1px solid #ff69b4; }
dl.choco_color_box_c01 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#ff69b4;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89d4', endColorstr='#ff69b4');
    background:-webkit-gradient(linear, left top, left bottom, from(#ff89d4), to(#ff69b4)); 
    background:-moz-linear-gradient(top,  #ff89d4,  #ff69b4); 
}
dl.choco_color_box_c01 dd { background:#ffffff; }
dl.choco_color_box_c01 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c02 { border:1px solid #ff5540; }
dl.choco_color_box_c02 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#ff5540;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8367', endColorstr='#ff5540');
    background:-webkit-gradient(linear, left top, left bottom, from(#ff8367), to(#ff5540)); 
    background:-moz-linear-gradient(top,  #ff8367,  #ff5540); 
}
dl.choco_color_box_c02 dd { background:#ffffff; }
dl.choco_color_box_c02 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c03 { border:1px solid #ffa500; }
dl.choco_color_box_c03 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#ffd700;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#ffa500');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ffa500)); 
    background:-moz-linear-gradient(top,  #ffd700,  #ffa500); 
}
dl.choco_color_box_c03 dd { background:#ffffff; }
dl.choco_color_box_c03 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c04 { border:1px solid #32cd32; }
dl.choco_color_box_c04 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#adff2f;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adff2f', endColorstr='#32cd32');
    background:-webkit-gradient(linear, left top, left bottom, from(#adff2f), to(#32cd32)); 
    background:-moz-linear-gradient(top,  #adff2f,  #32cd32); 
}
dl.choco_color_box_c04 dd { background:#ffffff; }
dl.choco_color_box_c04 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c05 { border:1px solid #4169e1; }
dl.choco_color_box_c05 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#6495ed;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6495ed', endColorstr='#4169e1');
    background:-webkit-gradient(linear, left top, left bottom, from(#6495ed), to(#4169e1)); 
    background:-moz-linear-gradient(top,  #6495ed,  #4169e1); 
}
dl.choco_color_box_c05 dd { background:#ffffff; }
dl.choco_color_box_c05 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c06 { border:1px solid #4b0082; }
dl.choco_color_box_c06 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#6a5acd;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a5acd', endColorstr='#4b0082');
    background:-webkit-gradient(linear, left top, left bottom, from(#6a5acd), to(#4b0082)); 
    background:-moz-linear-gradient(top,  #6a5acd,  #4b0082); 
}
dl.choco_color_box_c06 dd { background:#ffffff; }
dl.choco_color_box_c06 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c07 { border:1px solid #9370db; }
dl.choco_color_box_c07 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#9370db;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa4bf2', endColorstr='#9370db');
    background:-webkit-gradient(linear, left top, left bottom, from(#aa4bf2), to(#9370db)); 
    background:-moz-linear-gradient(top,  #b390fb,  #9370db); 
}
dl.choco_color_box_c07 dd { background:#ffffff; }
dl.choco_color_box_c07 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c08 { border:1px solid #dc143c; }
dl.choco_color_box_c08 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#dc143c;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc345c', endColorstr='#dc143c');
    background:-webkit-gradient(linear, left top, left bottom, from(#fc345c), to(#dc143c)); 
    background:-moz-linear-gradient(top,  #fc345c,  #dc143c); 
}
dl.choco_color_box_c08 dd { background:#ffffff; }
dl.choco_color_box_c08 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c09 { border:1px solid #a0522d; }
dl.choco_color_box_c09 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#a0522d;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0724d', endColorstr='#a0522d');
    background:-webkit-gradient(linear, left top, left bottom, from(#c0724d), to(#a0522d)); 
    background:-moz-linear-gradient(top,  #c0724d,  #a0522d); 
}
dl.choco_color_box_c09 dd { background:#ffffff; }
dl.choco_color_box_c09 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c10 { border:1px solid #ffa07a; }
dl.choco_color_box_c10 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#ffe4c4;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4c4', endColorstr='#ffa07a');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffe4c4), to(#ffa07a)); 
    background:-moz-linear-gradient(top,  #ffe4c4,  #ffa07a); 
}
dl.choco_color_box_c10 dd { background:#ffffff; }
dl.choco_color_box_c10 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c11 { border:1px solid #a9a9a9; }
dl.choco_color_box_c11 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#c0c0c0;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#a9a9a9');
    background:-webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#a9a9a9)); 
    background:-moz-linear-gradient(top,  #c0c0c0,  #a9a9a9); 
}
dl.choco_color_box_c11 dd { background:#ffffff; }
dl.choco_color_box_c11 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c12 { border:1px solid #696969; }
dl.choco_color_box_c12 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#696969;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#696969');
    background:-webkit-gradient(linear, left top, left bottom, from(#898989), to(#696969)); 
    background:-moz-linear-gradient(top,  #898989,  #696969); 
}
dl.choco_color_box_c12 dd { background:#ffffff; }
dl.choco_color_box_c12 dt.ft { font-size:80%; text-align:right; }

dl.choco_color_box_c13 { border:1px solid #696969; }
dl.choco_color_box_c13 dt {
    font-weight:bold; text-align:left; color:#ffffff;
    background-color:#000000;
    /* gradient */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#000000');
    background:-webkit-gradient(linear, left top, left bottom, from(#696969), to(#000000)); 
    background:-moz-linear-gradient(top,  #696969,  #000000); 
}
dl.choco_color_box_c13 dd { background:#ffffff; }
dl.choco_color_box_c13 dt.ft { font-size:80%; text-align:right; }