/*    basic   */
/*body,p,h1,h2,h3,h4,h5,h6,ul,ol*/
* {
      margin: 0;
      padding: 0;
    }

img {
      border: none;
      vertical-align: bottom;
    }

a.imghover:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
	}

ul{
    list-style-type:none;
    }

body {
    font-size: 12px;
      font-family: 'MS Pゴシック', Osaka, arial, sans-serif;
      color:#666;
      margin:0;
    }

a:link {
      color: #0099CC;
      text-decoration: none;
    }

a:visited {
      color: #0099CC;
      text-decoration: none;
    }

a:hover {
      color: #0099CC;
      text-decoration: underline;
    }

a:active {
      color: #0099CC;
      text-decoration: none;
    }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

.clearfix {
    display: inline-table;
    }

/* Hides from IE-mac */
* html .clearfix {
    height: 1%;
    }

.clearfix {
    display: block;
    }
/* End hide from IE-mac */

h1{
    margin: 30px 0 0 0 ;
    height:27px;
    width:181px; 
    overflow: hidden;
    float:left;
    }

h1 a {
    position: relative;
    display: block;
    margin:0;
    width: 100%;
    height: 100%;
    background: transparent url(/images/logo.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
    }

.tetro{
    float:right;
    margin:0 8px 0 0;
    }

/* toppage */
#mainBody{
    width:950px;
   /* margin:0 auto;*/
	margin-left:50px;
    text-align:left;
    }

#headArea{
    width:950px;
    }
    
#headArea .header{
    height:80px;
    margin:0;
    }

#headArea p{
	float:left;
	}

#headArea p.mailAdress{
    margin:6px 2px 0 50px;
    padding:0;
    width:71px;
    height:15px;
    position: relative;
    display: block;
    background: transparent url(/images/mail.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
	}

#headArea p.mailField{
	padding: 0.1em 2px 0 0;
	}

#headArea p.passField{
	padding: 0.1em 2px 0 0;
	}

#headArea p.loginField{
	margin:3px 0 0 3px;
	}

#headArea input#email{
	border:1px solid #fff;
	background-color:#FFFFFF;
	font-size:100%;
	margin:3px 0 0 0;
	width:125px;
	}

#headArea input#password{
	border:1px solid #fff;
	background-color:#FFFFFF;
	font-size:100%;
	margin:3px 0 0 0;
	width:125px;
	}

#headArea p.passWord{
    margin:6px 2px 0 5px;
    padding:0;
    width:52px;
    height:15px;
    position: relative;
    display: block;
    background: transparent url(/images/pass.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
	}

#headArea p.forgetPwd{
    margin:6px 0 0 2px;
    padding:0;
    width:101px;
    height:15px;
    position: relative;
    display: block;
    background: transparent url(/images/pass2.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
	}

#headArea .tetro{
	float:right;
    margin-top:15px;
    }

#headArea ul{
    list-style-type: none;
    margin:0;
    padding:0;
    }

#headArea ul li{
    float: left;
    width: 156px;
    background-image: url(/images/m_howto.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }   


#headArea ul li a{
    height: 27px;
    font-size: 1%;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    }

/*   menu top   */
div#headArea ul li.nav01 a {
    width: 156px;
    background-image: url(/images/m_top.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }


div#headArea ul li.nav01 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav01 a.active {
    background-position: 0 -27px;
    }


/*   menu howto    */
div#headArea ul li.nav02 a {
    width: 156px;;
    background-image: url(/images/m_howto.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }   


div#headArea ul li.nav02 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav02 a.active {
    background-position: 0 -27px;
    }


/*   menu FAQ    */
div#headArea ul li.nav03 a {
    width: 156px;
    background-image: url(/images/m_faq.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }

div#headArea ul li.nav03 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav03 a.active {
    background-position: 0 -27px;
    }


/*   menu edit   */
div#headArea ul li.nav04 a {
    width: 156px;
    background-image: url(/images/m_userinfo.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }


div#headArea ul li.nav04 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav04 a.active {
    background-position: 0 -27px;
    }


/*   menu osirase  */
div#headArea ul li.nav12 a {
    width: 156px;
    background-image: url(/images/m_osirase.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }

div#headArea ul li.nav12 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav12 a.active {
    background-position: 0 -27px;
    }


/*   menu logout   */
div#headArea ul li.nav05 a {
    width: 170px;
    background-image: url(/images/m_logout.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }


div#headArea ul li.nav05 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav05 a.active {
    background-position: 0 -27px;
    }


/*   menu about   */
div#headArea ul li.nav06 a {
    width: 156px;
    background-image: url(/images/m_about.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }


div#headArea ul li.nav06 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav06 a.active {
    background-position: 0 -27px;
    }

/*   menu howto   */
div#headArea ul li.nav07 a {
    width: 156px;
    background-image: url(/images/m_howto.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }


div#headArea ul li.nav07 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav07 a.active {
    background-position: 0 -27px;
    }


/*   menu help   */
div#headArea ul li.nav08 a {
    width: 156px;
    background-image: url(/images/m_help.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }


div#headArea ul li.nav08 a:hover {
    background-position: 0 -27px;
    }

div#headArea ul li.nav08 a.active {
    background-position: 0 -27px;
    }

/*   menu none   */
div#headArea ul li.nav09  {
    width: 170px;
    height:27px;
    background-image: url(/images/m_none.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
	text-align:right;
    }



div#headArea ul li.nav10  {
    width: 614px;
    height:27px;
    background-image: url(/images/m_none2.gif);
    background-position: left top;
    background-repeat: repeat;
    text-decoration: none;
    margin: 0;
    }

div#headArea ul li.nav11  {
    width: 16px;
    height:27px;
    background-image: url(/images/m_none3.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
	text-align:right;
    }


#taskTextArea{
    clear:both;
    margin:1em 0;
    }

#taskArea{
    margin:0 0 35px 0;
    padding:0;
    }


#taskArea ul{
    list-style-type:none;
    margin:0;
    padding:0;
    }

#taskArea ul li{
    float:left;
    margin-right:10px;
    }
    

#taskArea #taskMenuB ul li{
    float: right;
    background-image : url(/images/blue_arrow.gif) ;
    background-position : left center ; 
    background-repeat : no-repeat ; 
    padding-left : 20px ;
    margin-left:10px;
    }


#taskFormArea{
    border:5px #e9f1f4 solid;
    padding:5px;
    margin:0;
    }

#taskFormArea .closeButton{
    text-align:right;
    padding:0;
    margin:0;
    }

#taskFormArea form{
    margin:0;
    padding:0;
    }


#taskFormArea table#taskLayout{
    width:100%;
    }

#taskFormArea table#taskLayout .addButton{

    }

#addTaskA{
    border:0;
    }

#addTaskA td.taskPriory{
    width:120px;
    }

#addTaskA td.taskCateg{
    width:320px;
    }

#addTaskA td.taskName{
    width:220px;
    }

#addTaskB{
    border:0;
    }

#onTableArea2{
	width:949px;
	margin-top:0;
	}

#onTableArea2 form#searchArea{
    float:left;
    margin-top:5px;
	font-size:12px;
    }

.w150{
	border:1px solid #999;
	background-color:#FFFFFF;
	font-size:120%;
	margin-right:2px;
	width:150px;
	}

#onTableArea2 .moveTask{
    float:right;
    margin-top:0.8em;
    padding:0;
    font-size:11px;
    }


#onTableArea2 ul{
    list-style-type: none;
    margin:0;
    padding:0;
    }

#onTableArea2 ul li{
    float: left;
    }

#onTableArea2 ul li a{
    height: 21px;
    font-size: 1%;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    }

#onTableArea2 ul li.m1 a {
    width: 51px;
    background-image: url(/images/tab_all.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 1px 0 0;
    }

#onTableArea2 ul li.m1 a:hover{
	background:url(../images/tab_alls.gif) no-repeat;
	}


#onTableArea2 ul li.m2 a {
    width: 51px;
    background-image: url(/images/tab_jibun.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 1px 0 0;
    }

#onTableArea2 ul li.m2 a:hover{
	background:url(../images/tab_jibuno.gif) no-repeat;
	}


#onTableArea2 ul li.m3 a {
    width: 51px;
    background-image: url(/images/tab_share.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 1px 0 0;
    }

#onTableArea2 ul li.m3 a:hover{
	background:url(../images/tab_shareo.gif) no-repeat;
	}


#onTableArea2 ul li.m4 a {
    width: 51px;
    background-image: url(/images/tab_done.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }

#onTableArea2 ul li.m4 a:hover{
	background:url(../images/tab_doneo.gif) no-repeat;
	}
    
#onTableArea2 ul li.m5 a {
    width: 51px;
    background-image: url(/images/tab_doneg.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    }

form#taskList{
    margin:0;
    padding:0;
    }

/*   task   */

#onTableArea{
	height:60px;
    margin:8px 0 0 0;
    }


#onTableArea .onTableLeft{
	width:220px;
	float:left;
	}

.onTableRight{
	width:688px;
	background: url(/images/osirase_bg.gif) no-repeat top left;
	margin-left:220px;
	height:60px;
	}

.onTableRight .inRight{

	}


.inRight .noticeHead{
	width:688px;
	margin:0 0 2px 3px;
	}

.inRight .noticeHead p{
	width:630px;
	float:left;
	margin:5px 0 0 5px;
	}

.inRight .noticeHead p.bTxt{
	font-weight:bold;
	}

.noticeHead p.closeButton{
	float:left;
	width:35px;
	text-align:right;
	}

.inRight .noticeMain{
	margin:0 8px 0 8px;
	}

.inRight p.detailHere{
	text-align:right;
	margin:3px 5px 0 0;
	}

#message, #tmessage{
    font-weight: bold;
    margin:5px 0 0 0;
    height:15px;
    }

#message .error, #tmessage .error{
    color:#ff0000;
}

#message .info, #tmessage .info{
    color:#3399CC;
}

p.forForm{
    margin:3px 0;
    color:#666;
    }

table.task{
    width:950px;
    table-layout:fixed;
    font-size:12px;
    border-collapse: collapse; 
    margin:0;
    padding:0;
    }

table.task tr td{
    padding:4px;
    border-bottom:1px #E3E3E3 solid;
    }

table.task .datepicker{
    width:80px;
    }


table.task th.topTableA{
    width:9px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task th.topTableB{
    width:54px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task th.topTableC{
    width:109px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task th.topTableD{
    width:109px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task th.topTableE{
    width:89px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task th.topTableF{
    width:388px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task th.topTableG{
    width:84px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task th.topTableH{
    width:100px;
    height:1px;
	background-color:#d8e9ee;
    }

table.task tr.roundHead{
    height:25px;
    }
    
table.task th{
    text-align:center;
    border-right:1px #fff solid;
    }

table.task th.priority{
    background-color:#D8E9EE;
    }

table.task th.category{
    background-color:#D8E9EE;
    }

table.task th.who{
    background-color:#D8E9EE;
    }
    
table.task th.date{
    background-color:#D8E9EE;
    }
    
table.task th.index{
    background-color:#D8E9EE;
    }

table.task th.creator{
    background-color:#D8E9EE;
    }

table.task th.button{
    background-position: right; 
    border-right:1px #E3E3E3 solid;
    background-color:#D8E9EE;
    }

table.task td.urgent{
    background-color:#FF0000;
    margin-left:10px;
    }   

table.task td.high{
    background-color:#FFC600;
    margin-left:10px;
    }
    
table.task td.middle{
    background-color:#3399CC;
    margin-left:10px;
    }
    
table.task td.low{
    background-color:#66CC33;
    margin-left:10px;
    }

table.task td.priorityName{
    text-align:center;
    }

table.task td.category{
    text-align:center;
    overflow:hidden;
    word-break: break-all;
    }

table.task td.charge{
    text-align:center;
    overflow:hidden;
    word-break: break-all;
    }

table.task td.expireTime{
    text-align:center;
    }

table.task td.nickname{
    text-align:center;
    overflow:hidden;
    word-break: break-all;
    }

table.task td.content{
    overflow:hidden;
    word-break: break-all;
    }

table.task td.buttons{
    }

#select3, #select2{
    width:100px;
    }

#task2{
    width:370px;
    }

.task2{
    width:370px;
    }
    
td.centerCell{
    text-align:center;
    }

td.deadlineToday{
    color:#13698F;
    }

td.deadlinePass{
    color:red;
    }

.pager{
	text-align:right;
	padding:5px 0;
	}
    
/*   shared task   */

table.task tr.sharedtask{
    background-color:#fff8f8;
    border-left:1px #D8E9EE solid;
    }
    
table.task tr.isFinishReport{
    background-color:#eee;
    border-left:1px #D8E9EE solid;
    }
    
/*   finished task   */

#finishTaskArea{
	margin:0;
    }

table#finishTask{
    width:950px;
    font-size:12px;
	table-layout:fixed;
    border-spacing:0 1px;
    border-collapse: collapse; 
	margin-bottom:10px;
    }

table#finishTask tr.gry{
	background-color:#E3E3E3;
	}
    
table#finishTask th{
    text-align:center;
    background-color:#E3E3E3;
    padding:5px 0;
    }

table#finishTask th.topTablefA{
    width:60px;
    height:1px;
	padding:0;
	background-color:#e3e3e3;
    }

table#finishTask th.topTablefB{
    width:160px;
    height:1px;
	padding:0;
	background-color:#e3e3e3;
    }

table#finishTask th.topTablefC{
    width:140px;
    height:1px;
	padding:0;
	background-color:#e3e3e3;
    }

table#finishTask th.topTablefD{
    width:160px;
    height:1px;
	padding:0;
	background-color:#e3e3e3;
    }

table#finishTask th.topTablefE{
    width:390px;
    height:1px;
	padding:0;
	background-color:#e3e3e3;
    }

table#finishTask th.topTablefF{
    width:39px;
    height:1px;
	padding:0;
	background-color:#e3e3e3;
    }

table#finishTask th.priority{
	border-right:1px #fff solid;
	}

table#finishTask th.category{
	border-right:1px #fff solid;
	}

table#finishTask th.who{
	border-right:1px #fff solid;
	}

table#finishTask th.date{
	border-right:1px #fff solid;
	}

table#finishTask th.index{
	border-right:1px #fff solid;
	}


table#finishTask tr td{
    border-top:1px #E3E3E3 solid;
    padding:3px;
    }

table#finishTask td.priorityName{
    text-align:center;
    }

table#finishTask td.category{
    text-align:center;
    overflow:hidden;
    word-break: break-all;
    }

table#finishTask td.charge{
    text-align:center;
    overflow:hidden;
    word-break: break-all;
    }

table#finishTask td.expireTime{
    text-align:center;
    }

table#finishTask td.content{
    overflow:hidden;
    word-break: break-all;
    }


table#finishTask th.button{
    background-image: url(/images/gray_roundhead_r.gif); 
    background-position: right; 
    }

table#finishTask tr.odd{
    background-color:#E3E3E3;
    border-left:1px #E3E3E3 solid;
    }

table#finishTask tr.even{
    border-left:1px #E3E3E3 solid;
    }
    

table#finishTask td.high{
    border-left:5px #ff0000 solid;
    }
    
table#finishTask td.middle{
    border-left:5px #3399CC solid;
    }
    
table#finishTask td.low{
    border-left:5px #66CC33 solid;
    }

/*
table#sharedTask tr.even{
    background-color:#E9F1F4;
    border-left:1px #D8E9EE solid;
    border-bottom:1px #D8E9EE solid; 
    }
*/

table#sharedTask td.urgent{
    width:3px;
    background-color:#FF0000;
    margin-left:10px;
    }   

table#sharedTask td.high{
    width:3px;
    background-color:#FFC600;
    margin-left:10px;
    }
    
table#sharedTask td.middle{
    width:3px;
    background-color:#3399CC;
    margin-left:10px;
    }
    
table#sharedTask td.low{
    width:3px;
    background-color:#66CC33;
    margin-left:10px;
    }

table#sharedTask td.indexArea{
    width:390px;

    }

/*    footer    */
div#footer{
    clear:both;
    margin:10px 0;
    border-top:1px #999 solid;
    padding-top:5px;
    }

div#footer ul{
    float:left;
    list-style-type: none;
    width:500px;
    }

div#footer ul li{
    float:left;
    margin-right:10px;
    }

div#footer .copyright{
    text-align:right;
    }


/*   for ajax page  */  

h2#categoryAdd{
    margin:10px 0;
    padding:0;
    width:128px;
    height:18px;
    position: relative;
    display: block;
    background: transparent url(/images/add_cate.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
    }

h2#userAdd{
    margin:10px 0;
    padding:0;
    width:127px;
    height:18px;
    position: relative;
    display: block;
    background: transparent url(/images/add_user.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
    }

h2#chargeAdd{
    margin:10px 0;
    padding:0;
    width:114px;
    height:18px;
    position: relative;
    display: block;
    background: transparent url(/images/add_char.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
    }

h3.thickmenu{
	font-size:12px;
	}
	
    
div#formArea{
    width:400px;
    text-align:left;
    border:1px #ccc dotted;
    margin:0;
    padding:0.5em;
    }

div#formArea h2{
    font-size:14px;
    font-weight:bold;
    margin-bottom:0.5em;
    }

div#formArea .close{
    text-align:right;
    margin:0;
    padding:0;
    }

img.delImg{
	margin:0 3px;
	}

/*   in the ajax window   */

#form{
    padding:5px 10px;
    margin:0;
    }

#form .nameArea{
    width:70px;
    float:left;
    }

#form .button{
    margin-bottom:5px;
    }

#form ul{
    list-style:none;
    }

#form li{
    margin:0 0 1em 0;
    }

#form .menuBox{
    width:350px;
    height:160px;
    overflow:auto;
    margin-top:10px;
    margin-bottom:0;
    }

#form .menuBox ul li{
    background-color:#E5F1F5;
    padding:2px;
    margin:1px;
    }

#newCategory{
    width:200px;
    }

#newCharge{
    width:200px;
    }

#newPermitUser{
    width:200px;
    }

.categoryNameEdit{
	width:200px;
	}

.chargeNameEdit{
	width:200px;
	}

    
/*  index.html   */
#top{
    margin:30px 10px 20px 0;
    }
    
#sideArea{
    width:290px;
	height:630px;
	border-right:1px #ccc dotted;
    float:left;
    margin-right:10px;
	padding-right:15px;
    }

#sideArea .regArea{
	margin:3px 0 0 0;
	background: transparent url(/images/reg_bg.gif) no-repeat;
	width:283px;
	height:173px;
	text-align:center;
	border:1px #ddd solid;
	}

.regArea img{
	margin:25px 0 15px 0;
	}

#sideArea .info{
	margin:20px 0;
	}

.info h4{
	width:277px;
	background-color:#eee;
	padding:1px 5px;
	font-size:12px;
	}

.info ul{
	}

.info ul li{
	margin:3px 5px 0 5px;
	padding-bottom:5px;
	border-bottom:1px #ccc dotted;
	}

#sideArea .browser{
	margin:20px 0;
	}

.browser h4{
	width:277px;
	background-color:#eee;
	padding:1px 5px;
	font-size:12px;
	}

.browser table{
	width:270px;
	margin-left:10px;
	}

.browser table td{
	padding:0 3px;
	}

.browser hr{
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #ddd;
   height: 1px;
}

.browser p{
	margin:3px 0;
	}

.browser p.bTxt{
	font-weight:bold;
	}

.browser p.gTxt{
	background-color:#eee;
	}

#mainArea{
    float:right;
    width:620px;
    }

#mainArea .mainTxt{
    margin:20px;
    }

#expArea{
	margin:10px 0;
	}

#expArea h3.exp1{
    margin:10px auto 0 auto;
    padding:0;
    width:126px;
    height:16px;
    position: relative;
    display: block;
    background: transparent url(/images/top1.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
	}

#expArea h3.exp2{
    margin:10px auto 0 auto;
    padding:0;
    width:96px;
    height:16px;
    position: relative;
    display: block;
    background: transparent url(/images/top2.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
	}

#expArea h3.exp3{
    margin:10px auto 0 auto;
    padding:0;
    width:96px;
    height:16px;
    position: relative;
    display: block;
    background: transparent url(/images/top3.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
	}

#expArea .eachExp{
	margin-left:2px;
	width:190px;
	height:120px;
	float:left;
	border:3px #ECF2F3 solid;
	}

#expArea .eachExp2{
	width:190px;
	height:120px;
	float:left;
	border:3px #ECF2F3 solid;
	margin:0 10px;
	}

#expArea p{
	margin:10px;
	line-height:160%;
	}

#mainArea .registButton{
    width:650px;
    text-align:center;
    margin-top:20px;
	margin-bottom:20px;
    }

#mainArea .registButton p{
	margin:5px;
	}

#mainArea .sampleArea{
	clear:all;
	margin:20px 0;
	padding-top:5px;
	border-top:1px #ccc dotted;
	}

#mainArea .sampleArea h4{
    margin:10px 0;
    padding:0;
    width:210px;
    height:16px;
    position: relative;
    display: block;
    background: transparent url(/images/sample.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
}

#mainArea .sampleArea img{
	border:1px #555 dotted;
	margin:0 4px;
	}
	
    
/* privacy policy */
#mainBody h2.pp{
    margin:10px 0;
    padding:0;
    width:294px;
    height:24px;
    position: relative;
    display: block;
    background: transparent url(/images/privacy.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
}
    
/* register.html */

#mainBody h2.regist{
    margin:10px 0;
    padding:0;
    width:278px;
    height:27px;
    position: relative;
    display: block;
    background: transparent url(/images/register.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
    }

#mainBody h2.done{
    margin:10px 0;
    padding:0;
    width:136px;
    height:25px;
    position: relative;
    display: block;
    background: transparent url(/images/done.gif) no-repeat;
    background-position: center top;
    font-size: 5px;
    text-indent: -9999px;
    text-decoration: none;
    }

#mainBody #registArea{
    margin:10px;
    }

#mainBody #registArea p{
    line-height:2em;
    }
    
#mainBody #registArea .error{
    color:#ff0000;
    margin-left:15px;
    }
    


#mainBody #registArea .registMain{
    border:1px #ccc solid;
    padding:10px;
    margin:20px 0;
    background-color:#F4F8FA;
    }

#mainBody #registArea .registMain form{
    margin-top:10px;
    }

#mainBody #registArea .registMain h3{
    font-size:14px;
    border-bottom:1px #ccc dotted;
    padding-bottom:5px;
    margin-top:15px;
    }


#mainBody #registArea .registMain table.registTable{
    }

#mainBody #registArea .registMain table.registTable tr td{
    font-size:12px;
    }
    
/************   error   ******************/
    
#errorArea h2{
    margin-top:10px;
    color:#ff0000;  
    }

#errorArea ul{
    list-style-type:none;
    margin:0 0 3px 0;
    padding:0;
    }

#errorArea ul li{
    color:#ff0000;
    }


/*******  form setting *******/

/* #priority, #categorySelect, #chargeSelect, #finishYear, #finishMonth, #finishDay{
    border: 1px #999 dotted;
    background-color:#f6f6f6;
    }  */

#categorySelect{
    width:200px;
    }

#task{
    width:350px;
/*  border: 1px #999 dotted;
    background-color:#f6f6f6; */
    }


#error{
	}

#error h3{
	font-size:14px;
    margin-top:10px;
    color:#ff0000;  
    }

#error ul{
    list-style-type:none;
    margin:0 0 5px 0;
    padding:0;
    }

#error ul li{
    color:#ff0000;
    }

#addArea{
	}

#addArea .leftAd{
    float:left;
    margin-right:10px;
    }

.ad{
    cursor:pointer;
    }

.expireTime span{
    cursor:pointer;
    }

.expireTime span:hover{
    text-decoration: underline;
    }