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:"ＭＳ Ｐゴシック", arial;
	letter-spacing:0.2px;
}
body.user_main
{
	background-color:#ffffff;
	font-size:90%;
	font-family:arial,"ＭＳ Ｐゴシック";
}
.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;
}