@charset "euc-jp";
/* CSS Document */

BODY { margin:0px; padding:0px; font-size:12px; color:#333; background-color:#EEE;}
TABLE { border-collapse:collapse;}
TD { padding:0px;}
A { text-decoration:none; color:#0000CC;}
FORM { margin:0px;}
.hid { position:absolute; left:-1000px; top:-5000px;}

.top { width:800px;}
.top img { border:none;}
.top tr { background-image:url(img/obj_head_01.gif);}
.top td.left { width:280px; text-align:left; padding:15px 0px 11px 15px; vertical-align:middle;}
.top td.center {}
.top td.right { width:500px; text-align:right; vertical-align:bottom;}

.main { width:800px; background-color:#FFFFFF;}
.main THEAD TD { border-left:1px solid #369; border-right:1px solid #369; padding:3px;}
.main TBODY TD { vertical-align:top;}
.main TBODY TD.left { width:150px; border-left:1px solid #369;}
.main TBODY TD.center { width:525px; text-align:left; padding:0px 10px;}
.main TBODY TD.right { width:125px; border-right:1px solid #369; text-align:left;}
.main TFOOT TR { background-color:#2C2C8E;}
.main TFOOT TD { color:#FFFFFF; padding:2px;}
.main TBODY TD.col1 { width:150px; text-align:center; vertical-align:top;}
.main TBODY TD.col2 { text-align:left;}
.main TBODY TD.col2 IFRAME { width:650px; height:500px;}

.search { border:1px solid #4A4AAC;}
.search A { border:0px; border-left:0px; padding:0px; margin:0px;}
.search A:hover { border-left:0px; padding:0px;}
.search FORM { margin:0px; padding:0px;}
.search TD { margin:0px; padding:0px; text-align:center;}
.search TD TABLE TD { margin:0px;}
.search IMG { border-left:0px; margin:0px;}

.list { margin-bottom:10px;}

.login { width:100%;}
.login CAPTION { text-align:left; padding:5px; font-weight:bold; border-bottom:2px solid #CCCCCC; margin-bottom:10px;}
.login THEAD TD { border-color:#FFF;}
.login TFOOT TD { background-color:#FFFFFF:}
.login FIELDSET { padding:5px;}
.login FIELDSET DIV.list { padding:5px; line-height:1.3em;}
.login FIELDSET DIV.list A:hover { color:red; background:#FEE; }

#page_title { border-bottom:1px dotted #CDE; padding:2px; font-weight:bold; font-size:14px; color:#4A4AAC;}
#page_title .sub { font-weight:normal; font-size:12px; color:#006600;}

#rssdetail { width:100%;}
#rssdetail CAPTION { color:#336699; font-weight:bold; font-size:14px; text-align:left; border-bottom:1px dotted #336699; padding:3px; }
#rssdetail THEAD TD { border:none; text-align:right; padding:0px;}

#links .grp_msg { width:500px; padding:5px; margin:0px; background-color:#FFFFE0; border:1px solid #DD6; color:#666666;}
#links .grp_menu { background-color:#CDE; padding:3px;}
#links .grp_menu A:hover { background-color:#66E; color:#FFFF00;}
#links .grp_navi { text-align:left; width:100%;}
#links .grp_navi A { font-size:10px; color:#999;}
#links .grp_str A { margin:2px 15px 1px 1px; padding:2px;}
#links .grp_str A:hover { background-color:#FEE; color:red;}
#links .grp_str LI { list-style:none; margin:0px; padding:0px;}
#links .grp_str .count { font-size:10px; color:#666666;}
#links .grp_list { width:500px; padding:5px; margin:0px;}
#links .grp_list P.item { float:left; width:30%; background:url(img/folder.gif) no-repeat; background-position:-1px -2px; padding:0px;}
#links .grp_list P.item A { font-size:12px; font-weight:bold; text-decoration:underline; cursor:pointer; padding-left:17px;}
#links .grp_list P.item A:hover { color:red;}
#links .grp_list P.item .count { font-weight:normal; color:#006633; font-size:10px;}
#links .grp_list P.item SPAN.sub { padding:0px 2px 4px 5px; display:block;}
#links .grp_list P.item SPAN.sub A { font-size:12px; font-weight:normal; color:#0033FF; text-decoration:none; padding:0px; white-space:nowrap;}
#links .grp_list P.item SPAN.sub A:hover { color:#FF0000; text-decoration:underline;}
#links .link_str .linkitem { margin:5px 3px; width:100%;}
#links .link_str .linkitem A { font-weight:bold; text-decoration:underline;}
#links .link_str .linkitem A:hover { background-color:#FEE;}
#links .link_str .title { font-weight:bold;}
#links .link_str .edit A { text-decoration:none; color:#999; margin-left:5px; font-weight:normal; font-size:10px;}
#links .link_str .sub { color:#999; font-size:10px; margin-left:5px; font-weight:normal; text-decoration:none;}
#links .link_str .url { color:#060; font-size:10px; margin-left:15px; font-weight:normal; text-decoration:none;}
#links .link_str .msg { color:#666; display:block; margin-left:15px; font-weight:normal; text-decoration:none;}
#links .link_navi { text-align:left; width:100%;}
#links .link_navi A { font-size:10px; color:#999;}
#links .youtube { width:500px; border:1px solid #4A4AAC; text-align:center;}
#links .youtube .hdr { background-color:#4A4AAC; color:#FFFFFF; padding:2px;}
#links .youtube .count { font-size:10px; margin-left:5px;}
#links .youtube .obj { margin:3px; float:left;}
#links .link_edit { border:1px outset #999;}
#links .link_edit TH { background-color:#DDD; padding:0px 2px;}
#links .link_edit TD { font-size:12px; color:#006600; padding:0px 2px;}
#links .link_edit INPUT,TEXTAREA,OPTION { font-size:12px;}
#links .link_edit TFOOT TD { background-color:#DDD;}

#debug { width:100%; text-align:left; border:1px solid silver;}

.boxtitle { width:510px; padding:2px; border-bottom:1px solid #ABD; clear:both;}
.boxtitle .subcaption { font-size:10px; color:#AA6600;}
.boxbody { width:510px; padding:1px; line-height:1.25em; margin-bottom:10px; margin-left:5px;}
.boxbody A { display:block; width:100%; border-bottom:1px dotted #CDE;}
.boxbody A:hover { color:#F00; background-color:#EEF;}
.boxbody .date { color:#696; margin-right:5px; font-size:10px;}
.boxbody .sender { color:#696; margin-left:5px; font-size:10px;}

.box_m1 { border:1px solid #4A4AAC;}
.box_m1 DIV.title { background-color:#4A4AAC; color:#FFFFFF; padding:2px;}

.menu1 TD.td_l { height:23px; width:18px; background-image:url(img/menu1_left.gif);}
.menu1 TD.td_m { border-top:1px solid #2C2C8E; background-image:url(img/menu1_bk.gif); padding:0px;}
.menu1 A { color:#FFFFFF; padding:5px;}
.menu1 A:hover { color:#FF0; background-color:#336699;}

.menu2 { border:1px solid #4A4AAC;}
.menu2 .title { background-color:#4A4AAC; color:#FFFFFF; padding:2px;}
.menu2 A { display:block; border-left:10px solid #ABD; border-bottom:1px solid #ABD; margin:2px; text-align:left; padding-left:7px; padding:3px 3px 3px 7px;}
.menu2 A:hover { color:red; background-color:#EEF; border-left:10px solid red;}
.menu2 A.dev { border-left:10px solid #930; border-bottom:1px solid #ABD;}
.menu2 A.dev:hover { background-color:#FED; border-left:10px solid red;}

.rss { line-height:1.25em;}
.rss .caption { border-bottom:1px dotted #AAA; border-left:10px solid #3399CC;}
.rss A { display:block;}
.rss A:hover { background-color:#FEE; color:#F00;}
.rss .title { border-bottom:1px dotted #aaa; color:#006600;}

.rss2 { width:100%; line-height:1.25em; margin-bottom:10px;}
.rss2 .caption { border-bottom:1px dotted #aaa; color:#006600;}
.rss2 .subcaption { color:#666; font-size:10px;}
.rss2 A { display:block;}
.rss2 A:hover { background-color:#FEE; color:#F00;}
.rss2 .date { color:#696; margin-right:5px; font-size:10px;}
.rss2 .sender { color:#696; margin-left:5px; font-size:10px;}

.viewer { padding:5px 3px;}

.msgtop { text-align:left; font-size:10px; color:#666666; }

DIV.list P.item { margin:0px;}
DIV.list P.item SPAN.date { color:#060;}
DIV.list P.item SPAN.msg { color:#999; font-size:10px;}
DIV.list P:hover { background-color:#FFCCCC; color:#FF0000;}

.mail_msg { text-align:center; padding-top:20px;}

.calendar { border:1px outset #FFF; text-align:center;}
.calendar THEAD TR.tr1 TD { background-color:#4A4AAC; color:#FFFFFF; padding:0px;}
.calendar THEAD TR.tr2 TD { width:18px; font-size:10px; border:0px solid #FFF; padding:0px;}
.calendar TBODY TD.other { background-color:#EEE;}
.calendar TBODY TD { text-align:center;}
.calendar TBODY TD.sunday { background-color:#FEF; color:red;}
.calendar TBODY TD.saturday { background-color:#EEF; color:blue;}
.calendar TBODY TD.holiday { background-color:#FED; color:#FF6633;}
.calendar TBODY TD.today { border:1px solid #F00;}
.calendar TFOOT TD { background-color:#DDD; color:#666; font-size:10px; text-align:left;}

.yui { padding:10px 0px;}
.yui H1 { margin:0px;}
.yui .item { background-color:#EEF; float:none; display:block; width:100%; margin:5px 0; padding:3px;}
.yui .cap { font-weight:bold;}
.yui .tree { border:0 solid #fff;}

/*
.yui .item TABLE { margin-left:15px; background-color:#FFF; border:1px solid #CCF;}
.yui .item TH { padding:0 3px; background-color:#99f; color:#eef;}
.yui .item TD { padding:0 3px; border-bottom:1px solid #eef;}
*/