html{
height:100%;
margin-bottom:1px;
}
body
{
margin:0;
margin-top:0;
margin-left:auto;
margin-right:auto;
text-align: center;
}
body.main
{
background-color:#ffffff;
font-size:90%;
font-family:"MS Pゴシック", arial;
letter-spacing:0.2px;
}
body.user_main
{
background-color:#ffffff;
font-size:90%;
font-family:arial,"MS Pゴシック";
}
.prompt
{
background-color:#eeeeee;
color:#004276;
padding:4px;
font-weight:bold;
border:1px dotted #0000ff;
}
a:link
{
color:#004276;
vertical-align:middle;
}
a:visited
{
color:#004276;
vertical-align:middle;
}
a:active
{
color:red;
vertical-align:middle;
}
a:hover
{
vertical-align:middle;
color:red;
text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
システムヘルプ機能関連
____________________________________*/
#helper
{
position: absolute;
left: 20px;
top:400px;
z-index: 210;
visibility: hidden;
}
#help_area {
width:300;
padding:0em 0em 0em 0em;
margin:0;
border:3px solid #7d92bf;
background-color:#ffffff;
z-index:200;
}
p.help_word {
margin:0;
text-align:center;
background-color:#004276;
color:#ffffff;
font-weight:bold;
font-size:90%;
padding:0.2em 0.1em 0.1em 0.2em;
}
p.help_def {
margin:0;
background-color:#ffffff;
color:#666666;
padding:1em;
letter-spacing:1px;
font-size:80%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
コメント機能関連
____________________________________*/
#noter
{
position:absolute;
left: 180px;
top:-10px;
visibility: hidden;
}
#note_area {
position: absolute;
top: 15px;
left: 15px;
width:190px;
padding:0em 0em 0em 0em;
margin:0;
border:3px solid #7d92bf;
background-color:#ffffff;
}
.note_word {
margin:0;
text-align:center;
background-color:#004276;
color:#ffffff;
font-weight:bold;
font-size:90%;
padding:0.2em 0.1em 0.1em 0.2em;
height:14pt;
}
.note_def {
margin:0;
background-color:#ffffff;
color:#666666;
padding:1em;
letter-spacing:1px;
font-size:80%;
}
.note_img
{
margin:0;
text-align:right;
background-color:#004276;
color:#ffffff;
}
.desc_comm
{
margin:1em;
border:1px solid #dfdfdf;
background-color:#ffffff;
color:#999999;
font-size:70%;
padding:10px;
}
.p_img
{
cursor:pointer;
}
.close_img
{
cursor:pointer;
text-align:right;
}
/* ページレイアウト用 */
#container{
width:968px;
margin-left:auto;
margin-right:auto;
text-align: center;
background:url("../img/container_back.gif") repeat-x;
}
#toolbar
{
width:100%;
height:40px;
line-height:40px;
margin:0;
padding:0;
background:url("../img/tool_bar_back.gif") repeat-x;
text-align:right;
margin-bottom:8px;
font-size:10px;
}
#toolbar input
{
margin:0;
padding:0;
vertical-align:middle;
}
#header_index
{
width:100%;
margin:0px;
text-align:right;
background-color:#ffffff;
}
#header_image
{
margin:0;
padding:0;
border:0;
background:url("../img/header_bar_back.gif") repeat-x left top;
width:100%;
height:60px;
line-height:60px;
}
#header_image p.overlay
{
margin:0;
padding:0;
width:100%;
text-align:right;
color:#999;
background:url("../img/xenobee_logo01_trimed.gif") no-repeat left top;
}
#header_image p.dmsx
{
margin:0;
padding:0;
width:100%;
text-align:right;
color:#999;
background:url("../img/dmsx_logo01.gif") no-repeat left top;
}
#header_image p.xenologger
{
margin:0;
padding:0;
width:100%;
text-align:right;
color:#999;
background:url("../img/xenologger_logo01.gif") no-repeat left top;
}
p.overlay a.overlay,a.overlay:hover,a.overlay:visited
{
margin:0;
background:none;
text-decoration:none;
display:block;
width:100%;
height:60px;
color:#999;
}
p.overlay span
{
padding:10px;
}
/* ページ全体囲み */
#content{
margin: 0px;
text-align:left;
width: 100%;
}
#navi_bar
{
width:700px;
text-align:left;
margin:10px;
padding-left:20px;
background:url("../img/place.gif") no-repeat left 50%;
height:18px;
}
div#container div#copyright
{
margin:0;
padding:0;
}
#copyright p.copyright_str
{
width:100%;
text-align:right;
}
#left_cont
{
text-align:left;
margin-top:1em;
margin-bottom:1em;
width:800px;
}
#header_menu
{
margin:0px;
width:800px;
padding-right:8px;
text-align:right;
font-size:90%;
line-height:140%;
}
#header_menu_sub
{
margin:0px;
margin-top:8px;
width:100%;
padding:6px;
padding-right:8px;
text-align:center;
font-size:90%;
line-height:140%;
}
#header_menu_sub .sub_dmsx
{
background:url("../img/dmsx_logo01_s.gif") no-repeat left 50%;
margin:0;
width:80%;
padding-left:80px;
}
#header_menu_sub .sub_xenologger
{
background:url("../img/xenologger_logo01_s.gif") no-repeat left 50%;
margin:0;
width:80%;
padding-left:80px;
}
#footer_menu
{
margin:0px;
width:800px;
text-align:right;
font-size:90%;
}
.sub_menu
{
text-align:center;
margin-top:1em;
margin-bottom:0.2em;
font-size:90%;
}
#left_col
{
width:180px;
margin:0px;
text-align:left;
padding-left:10px;
font-size:70%;
float:left;
}
#center_col
{
margin:0px;
margin:4px;
width:96%;
text-align:left;
float:left;
vertical-align:top;
padding:1em;
}
#col01
{
margin:0;
padding:0;
float:left;
width:50%;
background:url("../img/col_line.gif") repeat-y;
}
#col02
{
margin:0;
padding:0;
float:left;
width:50%;
}
#center_col div.desc_blk
{
margin:0;
padding:10px;
}
#right_col
{
width:120px;
text-align:left;
float:left;
}
img.img_left
{
float:left;
margin:4px;
}
.col_clear
{
clear:left;
margin:0;
}
.h_col
{
background-image:url("../img/m.gif");
background-repeat: no-repeat;
background-position:0px 4px;
margin:6px;
padding:4px;
padding-left:14px;
line-height:24px;
}
.h_col_b
{
background-image:url("../img/m_b.gif");
background-repeat: no-repeat;
background-position:0px 4px;
margin:0;
padding:4px;
padding-left:14px;
}
.desc_p
{
font-size:80%;
font-weight:normal;
margin:0;
margin-bottom:2em;
padding:8px;
border-bottom:1px solid #dfdfdf;
line-height:24px;
}
.desc_in
{
background-image:url("../img/arrow_in.gif");
background-repeat: no-repeat;
background-position:0px 8px;
font-weight:normal;
margin:0;
margin-bottom:2em;
padding:8px;
padding-left:20px;
display:block;
}
.desc_h
{
font-size:90%;
font-weight:bold;
margin:0;
margin-top:1em;
margin-bottom:1em;
padding:8px;
padding-left:40px;
background:url("../img/desc_h_back.gif") no-repeat left 50%;
color:#666;
}
.desc_hp
{
font-size:80%;
font-weight:normal;
margin:0;
margin-bottom:1em;
padding:8px;
line-height:23px;
}
.desc_ad
{
text-align:right;
font-size:80%;
font-weight:normal;
margin:0;
padding:8px;
}
.p_col
{
background-image:url("../img/p.gif");
background-repeat: no-repeat;
background-position:0px 4px;
margin:0;
padding:4px;
padding-left:16px;
}
.foot
{
background-image:url("../img/foot.gif");
background-repeat: no-repeat;
background-position:0px 4px;
margin:0;
padding:4px;
padding-left:19px;
font-weight:bold;
}
.p_col_b
{
background-image:url("../img/p_b.gif");
background-repeat: no-repeat;
background-position:0px 4px;
margin:0;
padding:4px;
padding-left:14px;
}
h1.index
{
font-size:80%;
color:#004276;
margin:0;
}
.place_h
{
background:url("../img/place_h.gif") no-repeat left 50%;
margin:0px;
margin-left:18px;
padding-left:26px;
color:#ff3300;
font-weight:bold;
}
.place_o
{
background:url("../img/place_h.gif") no-repeat left 50%;
margin:0px;
margin-left:18px;
padding-left:26px;
}
.f_index
{
background-color:#bfdfff;
color:#000000;
margin:0px;
font-size:80%;
}
.login_win
{
background-color:#bfdfff;
width:150px;
}
/************************************************
************************************************/
.ff_rule
{
background-color:#004276;
font-size:90%;
font-weight:bold;
color:#ffffff;
padding:8px;
}
.fi_rule
{
padding-left:20px;
font-size:80%;
}
#h1_title
{
width:100%;
text-align:left;
}
#p_error_msg
{
width:100%;
text-align:left;
}
form
{
margin:0;
}
.input_e
{
ime-mode: inactive;
}
.input_j
{
ime-mode: active;
}
.error_msg_frm
{
color:#ff3300;
font-size:90%;
background-color:#ffdfef;
font-weight:bold;
padding:2px;
margin:0px;
}
.active
{
background-color:#CCCCFF;
border-bottom:2px solid #999999;
}
iframe
{
margin:0;
}
h1.title
{
background-color:#ffffff;
font-size:14pt;
border-left:8px solid #e22222;
padding-left:6px;
text-align:left;
}
h2.sub_title
{
background-color:#ffffff;
font-size:12pt;
border-left:4px solid #dfdfdf;
padding-left:6px;
text-align:left;
color:#5C3D7A;
}
h3.sub_title
{
background-color:#ffffff;
font-size:10pt;
border-left:4px solid #dfdfdf;
padding:6px;
text-align:left;
margin-bottom:0;
}
h1.title_left
{
background-color:#ffffff;
font-size:16pt;
border-left:4px solid #dfdfdf;
padding:10px;
text-align:left;
margin-bottom:0;
color:#5C3D7A;
}
h2.sub_title_left
{
background-color:#ffffff;
font-size:11pt;
border-left:4px solid #dfdfdf;
padding:6px;
text-align:left;
margin-bottom:0;
color:#5C3D7A;
}
h3.sub_title_left
{
background-color:#ffffff;
font-size:10pt;
border-left:4px solid #dfdfdf;
padding:6px;
text-align:left;
margin-top:4px;
margin-bottom:0;
color:#5C3D7A;
}
p.item_h
{
border-left:4px solid #dfdfdf;
padding:6px;
text-align:left;
font-size:90%;
font-weight:bold;
margin-bottom:0;
}
p.item_b
{
margin:0;
padding-left:10px;
text-align:left;
font-size:90%;
}
p.item_b_s
{
margin:0;
padding-left:20px;
text-align:left;
font-size:80%;
}
/**
*
* cont
*
*/
div.cont
{
margin:1em;
text-align:left;
}
/**
*
* form related
*
*/
.comm_s
{
font-size:80%;
}
table.tbl1
{
background-color:#dfdfdf;
}
.ff
{
background-color:#eeeeee;
text-align:center;
}
.ff_s
{
background-color:#eeeeee;
text-align:center;
font-size:70%;
}
.ff_ss
{
background-color:#eeeeee;
text-align:center;
font-size:60%;
}
.ff_sss
{
background-color:#eeeeee;
text-align:center;
font-size:50%;
}
.ff_left
{
background-color:#eeeeee;
text-align:left;
}
.ff_right
{
background-color:#eeeeee;
text-align:right;
}
.ff_left_g
{
background-color:#ffffff;
border-bottom:1px solid #999999;
border-left:4px solid #999999;
text-align:left;
font-size:80%;
white-space:nowrap;
}
.ff_left_g_b
{
background-color:#eeeeee;
border-bottom:1px solid #999999;
border-left:4px solid #e22222;
text-align:left;
font-size:80%;
white-space:nowrap;
}
.fi
{
background-color:#ffffff;
}
.fi_s
{
background-color:#ffffff;
font-size:80%;
}
.fi_sb
{
background-color:#ffffff;
color:#0080ff;
font-weight:bold;
font-size:80%;
}
.fi_ss
{
background-color:#ffffff;
font-size:80%;
font-family:arial;
}
.fi_ss_g
{
background-color:#ffffff;
font-size:70%;
font-family:arial;
}
.fi_sss
{
background-color:#ffffff;
font-size:70%;
font-family:arial;
}
.fi_ssss
{
background-color:#ffffff;
font-size:60%;
font-family:arial;
}
.fs
{
background-color:#ffffff;
text-align:right;
}
.nime
{
ime-mode: inactive;
}
.ime
{
ime-mode: active;
}
/**
*
* error message
*
*/
p.error_msg
{
margin:1px;
border-left:4px solid #ff3300;
font-weight:bold;
text-align:left;
color:#ff3300;
padding-left:10px;
font-size:80%;
}
/**
*
* result message
*
*/
p.result_msg
{
margin:1px;
border-left:4px solid #0000ff;
font-weight:bold;
text-align:left;
color:#0000ff;
padding-left:10px;
}
/**
*
* offset link
*
*/
.list_fld
{
background-color:#eeeeee;
color:#000000;
text-align:center;
}
.offset_on
{
display:inline;
color:#dfdfdf;
font-weight:bold;
text-align:center;
width:20px;
}
.offset_off
{
display:inline;
color:#0000ff;
font-weight:bold;
text-align:center;
width:20px;
cursor:pointer;
}
/**
*
* logout
*
*/
.logout
{
text-align:center;
margin-left:2em;
background-color:#dfdfdf;
width:80px;
font-size:80%;
font-weight:normal;
border:1px solid #ff8080;
cursor:pointer;
display:inline;
}
/**
*
* to top
*
*/
.to_top
{
text-align:center;
margin-left:2em;
background-color:#ffffff;
width:80px;
font-size:80%;
font-weight:normal;
border:1px solid #ff8080;
cursor:pointer;
display:inline;
}
/**
*
* toggle
*
*/
.toggle_sw_v
{
color:#0000ff;
font-weight:bold;
font-size:80%;
display:inline;
cursor:pointer;
}
.toggle_sw_h
{
display:none;
}
.toggle_v
{
display:inline;
cursor:pointer;
}
.toggle_h
{
display:none;
}
.toggle_sw_vt
{
color:#0000ff;
font-weight:bold;
font-size:80%;
display:inline;
cursor:pointer;
}
.toggle_sw_ht
{
display:none;
}
.toggle_vt
{
display:inline;
cursor:pointer;
}
.toggle_ht
{
display:none;
}
.prog_v
{
display:inline;
}
.prog_h
{
display:none;
}
/**
*
* misc
*
*/
.number
{
font-family:arial;
color:#009500;
font-weight:bold;
margin:1px;
}
.hlight
{
background-color:#eaffea;
padding:4px;
}
.on_urls
{
font-size:90%;
}
/**
*
* serank_config_tbl
*
*/
.serank_config_tbl
{
border:1px solid #dfdfdf;
margin:0;
}
.month_link
{
font-size:90%;
}
.month_bingo
{
font-size:80%;
color:#ff3300;
}
.y_ofst
{
vertical-align:top;
font-size:70%;
background-color:#eeeeee;
border:1px solid #dfdfdf;
}
.m_ofst
{
vertical-align:top;
font-size:70%;
background-color:#ffffff;
border:1px solid #dfdfdf;
}
.pt
{
color:#dfdfdf;
}
.gpr_str
{
font-size:80%;
font-family:"arial";
vertical-align:middle;
}
img
{
vertical-align:middle;
border:0;
}
.rank_last_d
{
font-size:70%;
color:#009500;
font-weight:normal;
}
.tbl_nu
{
background-color:#004276;
}
.td_f
{
background-color:#eeeeee;
}
.td_d
{
background-color:#ffffff;
}
.desc_s
{
color:#0000ff;
background-color:#eeeeee;
font-size:80%;
}
.desc_w
{
color:#0000ff;
background-color:#eeeeee;
font-size:90%;
padding:6px;
line-height:140%;
display:block;
}
/* test */
#mwin {
position: relative;
top: 15px;
left: 15px;
width:300px;
padding:0em 0em 0em 0em;
margin:0;
border:3px solid #7d92bf;
background-color:#ffffff;
}
.caution
{
color:#ff3300;
}
img.fr
{
float:left;
margin:6px;
}
/**
*
* bbs
*
*/
.bbs_new_form_hidden {
display:none;
}
.bbs_new_form_visible {
display:block;
}
#tgl_bbs_new_form {
cursor:pointer;
color:#0000ff;
}
.bbs_res_form_hidden {
display:none;
}
.bbs_res_form_visible {
display:block;
}
#tgl_bbs_res_form {
cursor:pointer;
font-weight:bold;
text-align:right;
font-size:80%;
color:#0000ff;
}
.bingo {
background-color:#0000ff;
font-weight:bold;
color:#ffffff;
padding:4px;
}
.offset_set {
background-color:
}
.offset_off {
color:#0000ff;
font-size:90%;
}
.offset_on {
color:#dfdfdf;
font-weight:bold;
font-size:80%;
}
.hword {
background-color:#ff3300;
padding:3px;
color:#ffffff;
}
a.rec
{
background:url("../img/p.gif") 0 0 no-repeat;
height:20px;
line-height:20px;
padding-left:16px;
}
/**
*
* donate matrix
*
*/
table.donate_mtrx
{
border:solid 1px #dfdfdf;
border-collapse:collapse;
}
table.donate_mtrx th
{
background-color:#eee;
border:solid 1px #dfdfdf;
}
table.donate_mtrx td
{
border:solid 1px #dfdfdf;
}
table.donate_mtrx td.m
{
text-align:right;
padding-right:10px;
}