/*************************************
 *
 * ???????????Ž¦??
 *  original: http://checkpad.jp
 *  modify:   http://thanks-gunpla.com 
 *      2005/10/1  ????????????????
 *
 *************************************/

/*************************
  HTML STYLES 
*************************/

body {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  background-color: #fff;
  color: #555555;
}

p { line-height: 130%; }
/* a { text-decoration: none; color: #FF6600; } */
/* a { text-decoration: none; } */

a:link {color:#0033CC;text-decoration:none;}
a:visited {color:#0033CC;text-decoration:none;}
a:hover {color:#C00;text-decoration:underline;}

form { padding:0px; margin:0px; }
input { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 2px; font-size:14px}
select { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 2px; font-size:14px}
textarea { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 2px; font-size:14px}

.s12 { font-size:12px; font-weight:normal; }
.s10 { font-size:10px; font-weight:normal; }
.must { font-size:12px; color:orange; }
.ttt { font-size:10px; font-weight:normal; text-align:right }

/*************************
  MAIN LAYOUT STYLES 
*************************/

#container {
  width: 720px;
  margin: 15px auto;
  padding: 0;
  text-align: left;
}

#header {
  margin: 0 0 10px 0;
  padding: 0;
  color: red;
  text-align: center;
  font-size: 12px;
}

#leftside {
  float: left;
  margin: 0;
  padding: 0 10px 0 0;
  width: 505px;
}

#rightside {
  float: right;
  margin: 0;
  padding: 0;
  width: 200px;
}

#contents {
  margin: 0;
  padding: 0;
}

#footer {
  width: 720px;
  margin: 0px auto 20px auto;
  font-size: 10px;
  color: #CECFCE;
}

h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 0;
  margin: 0 0 5px 0;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0;
  margin: 0 0 5px 0;
  color: #66CC00;
  border-bottom: 1px solid #AADD33;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  margin: 0 0 5px 0;
  color: #66CC00;
  border-bottom: 1px solid #AADD33;
}

h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  margin: 0 0 5px 0;
}

.pjt_memo {
  font-size: 12px;
  padding: 0;
  margin: 5px 0;
}

/*************************
  MY BOX - ME MENU
*************************/

#my_box {
  padding:2px;
  font-size:14px;
  margin:0 0 10px 0;
  background-color:#EFEFEF;
}

#my_box div {
  padding:8px 10px;
  margin:0;
  border:1px solid #C6C7C6;
  background: transparent url(/images/menu_bg.gif) repeat-x 0 0
}

#mode_box {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 7px;
  border: 1px solid #ccc;
  background-color: #FFFFDD;
}

/*************************
  LIST STYLES
*************************/

.menu_box, .spt_box, .log_box {
  font-size:12px;
  padding:2px;
  margin:0 0 10px 0;
  background-color:#EFEFEF;
  border:none;
}

.menu_box div, .spt_box div, .log_box div {
  background-color:#fff;
  margin:0;
  border:1px solid #66CC00;
  background-color: #F4F4F2;
}

.menu_box .title, .spt_box .title, .log_box .title {
  line-height: 130%;
  margin: 0; 
  padding: 3px;
  background-color: #AADD33;
  border-bottom: 1px solid #66CC00;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.menu_box ul, .spt_box ul, .log_box ul {
  list-style-type: none;
  margin: 0px;
  padding: 3px;
}

.menu_box li {
  line-height: 130%;
  margin: 0;
  padding: 3px 3px 3px 20px;
  background: transparent url(/images/bullet.gif) no-repeat 0% 4px;
}

.spt_box li {
  line-height: 130%;
  margin: 0;
  padding: 2px 0 2px 20px;
  background: transparent url(images/spt.gif) no-repeat 0% 3px;
}

.log_box li {
  line-height: 130%;
  margin: 0;
  padding: 2px 0 2px 20px;
  background: transparent url(images/log.gif) no-repeat 0% 3px;
}

ul {
  margin: 0;
  padding: 0 0 15px 0;
  list-style-type: none;
}

.pjt li {
  line-height: 150%;
  margin: 0;
  padding: 2px 0 2px 20px;
  background: transparent url(images/pjt0.gif) no-repeat 0% 5px;
}

.pjt .shared {
  line-height: 150%;
  margin: 0;
  padding: 2px 0 2px 20px;
  background: transparent url(images/pjt1.gif) no-repeat 0% 5px;
}

.pjt .add {
  line-height: 150%;
  margin: 5px 0;
  padding: 0 0 0 20px;
  background: transparent url(images/pjt_white.gif) no-repeat 0% 5px;
}

/*************************
  MILESTONE STYLES
*************************/

#ms_box {
  margin: 5px 0 0 0;
  padding: 0 0 15px 0px;
}

#ms_box .notyet {
  line-height: 130%;
  padding-top: 2px;
}

#ms_box .reorder {
  line-height: 130%;
  padding-top: 5px;
}

#ms_box .done {
  font-size: 12px;
  color: #ccc;
  line-height: 120%;
  padding-top: 7px;
}

/*************************
  COMMAND STYLES
*************************/

#cmd_box {
  padding: 5px;
  line-height: 130%;
  margin: 0 0 0px 0;
  background-color: #F4F4F2;
  border:1px dotted #AAAAAF;
}

/*************************
  COMMON MISC STYLES
*************************/

.due {
  font-weight: normal;
  padding: 0px 3px 3px 3px;
  font-size: 10px;
}

.err {
  font-weight: bold;
  color: red;
}

.atd {
  padding-top: 6px;
}

.sys_warning {
  padding: 5px;
  font-size: 12px;
  margin: 0px 0px 10px 0px;
  line-height: 130%;
  background-color: #FFCCCC;
  border-top: 1px solid #D50000;
  border-bottom: 1px solid #D50000;
  font-weight: bold;
  color: #D50000;
}

#sys_msg {
  padding: 5px;
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 130%;
  background-color: #E7FBE7;
  border-top: 1px solid #9CCF9C;
  border-bottom: 1px solid #9CCF9C;
  font-weight: bold;
  color: #006500;
}

.forgot_msg {
  padding: 5px;
  font-size: 12px;
  margin: 0px 0px 10px 0px;
  line-height: 130%;
  background-color: #E7FBE7;
  border-top: 1px solid #9CCF9C;
  border-bottom: 1px solid #9CCF9C;
  font-weight: bold;
  color: #006500;
}

/*************************
  COMMON MISC STYLES
*************************/

#login_box {
  float: left;
  margin: 50px 0 100px 0;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #EEEEFF;
}

.usr_label {
  font-weight:normal;
  margin:0;
  font-size:10px;
  padding:3px 4px;
  background-color:#FFCB39;
  color:#fff;
}

.morning_label {
  font-weight:normal;
  margin:0;
  font-size:10px;
  padding:3px 4px;
  background-color:#006699;
  color:#fff;
}