body {
	height: inherit;
	width:100%;
	margin:0; padding:0;
	
	background-color: #000000; /* Old browsers */
	background-repeat:no-repeat;
	
	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e717a', endColorstr='#000000',GradientType=0 );

	/* IE10 */ 
	background-image: -ms-linear-gradient(top, #6E717A 0%, #000000 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #6E717A 0%, #000000 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #6E717A 0%, #000000 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6E717A), color-stop(1, #000000));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #6E717A 0%, #000000 100%);

	/* Proposed W3C Markup */ 
	background-image: linear-gradient(top, #6E717A 0%, #000000 100%);
	}

.clear { 
	clear:both;
	padding:0;
	margin:0;
	width:0;
	height:0;}
.text { font-size:120%; height:32px;}
.text, textarea, .dropdown, .search_text{
	border:1px solid #777;
	padding: 5px;
	color: #333;
	background: #fff;
	width:433px;
	
	/* �p��
	border-radius: 5px;*/
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* �p��
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;*/
	
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	
	/*- �p��
	moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;*/
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeee,endColorstr=#ffffff);
	zoom: 1;
}
.board_textarea{
	border:1px solid #777;
	padding: 5px;
	color: #333;
	background: #fff;
	min-width:273px;
	max-width: 273px;
	
	/* �p��
	border-radius: 5px;*/
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* �p��
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;*/
	
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	
	/*- �p��
	moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;*/
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeee,endColorstr=#ffffff);
	zoom: 1;
}
.text:focus, .textarea:focus, .search_text:focus { 
	border:2px solid #00cccc;
	padding:4px;
}
.board_textarea:focus { 
	border:2px solid #00cccc;
	padding:4px;
}
.search_text { 
	font-size:inherit;
	width:274px;}
.search_result_zero {
	color: #555;}
.search_result_zero span {
	font-weight: 700;
	margin: 0 2px;
	}

/* �{�^�� */
.button {
		margin:4px 0;
		padding: 5px 10px;
		display: inline;
		background: #066 url(../images/button.png) repeat-x bottom;
		border: none;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		text-decoration: none;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-shadow: 1px 1px #666;
		}
	.button:hover {
		background-position: 0 center;
		text-decoration: none;
		}
	.button:active {
		background-position: 0 top;
		text-decoration: none;
		position: relative;
		top: 1px;
		padding: 6px 10px 4px;
		}
	.button:forcus {
		border:2px solid #00cccc;
		}
		
	.button.red { background-color: #e50000; }
	.button.purple { background-color: #9400bf; }
	.button.green { background-color: #58aa00;}
	.button.orange { background-color: #ff9c00; }
	.button.blue { background-color: #2c6da0; }
	.button.black { background-color: #333; }
	.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
	.button.small { font-size: 75%; padding: 3px 7px; }
	.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
	.button.large { font-size: 125%; padding: 7px 12px; }
	.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }
	.comment_button { width:100%; text-align:right; position:relative;}
	.comment_button .button { width:100px;}
	.ajax_loading16 { display:none; position:absolute; top:10px; right:110px;}
	.hr {border-bottom: 1px solid #eee; margin: 5px auto 0 auto;}
	.button.assent { background-color: #DC3E01; color: #fff; text-shadow: 0 0; float:right;}
	.button.noassent { background-color: #fff; color: #CE310F; text-shadow: 0 0; float:right;}

.updnWatermark {  
	color: #999; 
	padding: 2px;}  

/* �O���b�hBOX */
.grid_member_R {width: 66px; height:66px; margin: 4px 0 4px 4px;}
.grid_member_L {width: 66px; height:66px; margin: 4px 4px 4px 0;}
.grid_member {width:66px; height:66px; margin:4px;}
.grid_member_box {margin-bottom:4px; }
.grid_clear {clear:both;}

.grid_member_wide_R_detail {width: 137px; height:90px; margin: 0px 0 8px 4px;}
.grid_member_wide_L_detail {width: 137px; height:90px; margin: 0px 4px 8px 0;}
.grid_member_wide_detail {width:137px; height:90px; margin:0 4px 8px 4px;}

.grid_member_wide_R {width: 137px; height:66px; margin: 0px 0 8px 4px;}
.grid_member_wide_L {width: 137px; height:66px; margin: 0px 4px 8px 0;}
.grid_member_wide {width:137px; height:66px; margin:0 4px 8px 4px;}

.grid_1 {width: 152px; margin: 4px;}
.grid_1R {width: 152px; margin: 4px 4px 4px 0;}
.grid_1L {width: 152px; margin: 4px 0 4px 4px;}
.grid_2 {width: 312px; margin: 4px 0 4px 0;}
.grid_2L {width: 312px; margin: 4px 0 4px 0; height: 100%;}
.grid_2F {width: 312px; margin: 4px 0 0 0;}
.grid_3 {width: 632px;}
.grid_3H {width: 632px; margin: 0 0 4px 0;}
.grid_3F {width: 632px; margin: 4px 0 4px 0;}
.grid_4H {width: 952px; margin: 0 0 4px 0;}
.grid_4F {width: 952px; margin: 4px 0 0 0;}
.grid_half {width: 472px; margin: 4px 0;}


/* �O���b�hBOX2 */
.grid2_member_R {width: 66px; height:66px; margin: 2px 0 2px 2px;}
.grid2_member_L {width: 66px; height:66px; margin: 2px 2px 2px 0;}
.grid2_member {width:66px; height:66px; margin:2px;}
.grid2_member_box {
	/*margin-bottom:2px;
	margin-top:-2px;*/
	background-color:#fae6af;
	padding:5px /*4px 5px 6px*/;}
	.grid2_member_box .client{
		float:left; width:137px;}
	.grid2_member_box .incharge{
		float:left; width:137px;
		padding-left:22px;
		background-image: url(../images/arrow_right_icon-24.png);
		background-position:top left;
		background-repeat:no-repeat;}
	
.grid2_member_width_R {width: 137px; height:32px; margin: 2px 0 2px 4px;}
.grid2_member_width_L {width: 137px; height:32px; margin: 2px 4px 2px 0;}
.grid2_member_width {width:131px; height:32px; margin:8px 0;}
	
.grid2_clear {clear:both;}

.grid2_member_client {color: #06C;}
.grid2_member_incharge {color: #C03;}
.grid2_member_direction {text-align: center;}
.grid2_member_direction img {margin: 10px auto -7px auto;}
	
.grid2_1 {width: 152px; margin: 2px;}
.grid2_1R {width: 152px; margin: 2px 2px 2px 0;}
.grid2_1L {width: 152px; margin: 2px 0 2px 2px;}
.grid2_2 {width: 312px; margin: 2px 0 2px 0;}
.grid2_2L {width: 312px; margin: 2px 0 2px 0; height: 100%;}
.grid2_3 {width: 632px;}
.grid2_4H {width: 952px; margin: 0 0 2px 0;}
.grid_24F {width: 952px; margin: 2px 0 0 0;}
.grid2_half {width: 472px; margin: 2px 0;}

.column {
         /*overflow: hidden;*/
         float: left;
         display: inline;}
		 
.wrapper{
		height: inherit/*95%*/;
		width: 960px;
		margin:0 auto;
		z-index:-100;
		}
.contents {
		width: 952px;
		height: inherit;
		margin: 0 4px;
		top:0px;
		}
		
.wrapper_mob{
		height: inherit;
		width: 472px;
		margin:0 auto;
}
.contents_mob {
		width: 470px;
		height: inherit;
		margin: 10px 4px 0 4px;
		top:0px;}

.header {
	width: 952px;
	height: 49px;
	margin: 0 4px 4px 4px;
	top:0;
	left:auto;
	z-index:2147483647 !important;/* IE7 bag fix */
	background-color:#333;
	 filter:alpha(opacity=85);
	 -moz-opacity:0.85;
	 -khtml-opacity: 0.85;
	 opacity:0.85;
	color: #fff;
	position:static;}
:root *> .header{ position:relative;}/* IE6,7,8 �ȊO */

.h1 {
	width:300px;
	padding:0 0 0 10px;
	float:left;
	/*background-color:#BBB;*/}
.h1 img{
	float:left;
	margin-right:30px;}
.h1 span{
	float:left;
	padding:10px 0;
	font-size:16px;}
.h2 {
	width:632px;
	float:left;
	height: 39px;
	text-align:right;
	padding:10px 10px 0 0;
	color:#fff;
	position: relative;}
	
/* DropDown Menu for jQuery */
.nav {
	margin:0 75px 0 0; 
	padding:0; 
	list-style:none;
	float: right;}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */

.nav li {
	float:right; 
	/*display: inherit;*/
	width: auto;
	min-width: 100px;
	/*background:#ccc;*/
	position:relative;
	z-index:900; /* IE7 bag fix */
	margin:0 10px 0 0;
	}
	.nav li.dropdown {
	float:left; 
	/*display: inherit;*/
	width: 140%;
	/*background:#ccc;*/
	position:relative;
	z-index:900; /* IE7 bag fix */
	margin:0 10px 0 0;
	}
		.nav p { text-align:center;}
		/* this is the parent menu */
		.nav li a {
			display:block; 
			padding:5px 5px 0 5px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:left;
		}

		.nav li a:hover {
			color:#fff;
			background:#444;
		}
	
		/* you can make a different style for default selected value */
		.nav a.selected {
			color:#f00;
		}
	
li.add_task {
	/*display: inherit;*/
	min-width: 30px;
	/*background:#ccc;*/
	margin-top: 2px;
	z-index:900; /* IE7 bag fix */
	}
		li.add_task a {
			height: 30px;
			width: 30px;
			padding: 0;
			display:block;
			background: url(../images/icon25_add.png) no-repeat;
		}

		li.add_task a:hover {
			background: url(../images/icon25_add2.png) no-repeat;
		}	
		/* submenu, it's hidden by default */
		.nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		.nav div ul{
			position:absolute;/* IE7 bag fix */
			width: auto;
			min-width: 100px;
			background-color:#FBFBFB;
			border:1px solid #444;}  
		
		.nav ul li {
			width: 100%;
			display: block;
			float:left; 
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		.nav ul a {
			/*display: inherit;*/
			height:15px;
			padding: 8px 5px; 
			color:#666;
		}
		
		.nav ul a:hover {
			text-decoration:none;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html .nav ul {
			/*margin:0 0 0 -2px;*/
		}
		
.header_photo {
	width: 22px;
	height: 22px;
	border: 0;
	margin: 0 5px 0 0;
	vertical-align: middle;
	}	
	
.adminsetting a {
	background-image: url(../images/admin_setting.png);	
	float: left;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	position: absolute; top: 16px; right: 15px;
	padding:0 20px 0 20px;
	}
.adminsetting a:link {
	background-image: url(../images/admin_setting.png);	
}
.adminsetting a:visited {
	background-image: url(../images/admin_setting.png);
}
.adminsetting a:hover {
	background-image: url(../images/admin_setting2.png);
	}		
.adminsetting a:active {
	background-image: url(../images/admin_setting2.png);
	}
	
.faq a {
	background-image: url(../images/icon16_faq.png);
	float: right;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	position: absolute; top: 16px; right: 20px;
	}	
.faq a:link {
	background-image: url(../images/icon16_faq.png);
	}
.faq a:visited {
	background-image: url(../images/icon16_faq.png);
	}	
.faq a:hover {
	background-image: url(../images/icon16_faq2.png);
	}		
.faq a:active {
	background-image: url(../images/icon16_faq2.png);
	}

/*
.footer {
	width: 952px; 
	height: 100px;
	margin-top:60px;
	bottom:0;
	left:auto;
	background-color:#333;
		 filter:alpha(opacity=85);
     	-moz-opacity:0.85;
     	-khtml-opacity: 0.85;
     	opacity:0.85;
	color: #fff;}
*/
.footer {
	width: 942px;
	height: 5%;
	padding: 10px;
	margin: auto auto 0 auto;
	text-align:right;
	}		
.footer span {
	font-size: 12px;
	color: #999;
	}
.footerstop {
	width: 952px;
	float: left;
    display: inline;}

/***** 1colum *****/
.col {
	width: 952px;
	height: 100%;
	margin-top: 49px;
}
.col_a {
	width: 952px;
	height: 90%;
	margin: 4px 0 0 0;
	margin-bottom: 0;
	/*margin-top: 53px;*/
}
	
/***** 2colum 1/2 *****/
.r_2col {
	width: 472px;
	float: right;
	margin: 0 0 0 4px;}
.l_2col {
	width: 472px;
	float: left;
	margin: 0 4px 0 0;}
.l_2col_2 {
	width: 632px;
	float: left;
	margin: 4px 4px 0 0;}


/***** 3colum *****/
.right {
	width: 312px;
	float: right;
	margin: 0 0 0 4px;}
.center {
	width: 312px;
	float: left;
	margin: 0 4px 0 4px;}
.left {
	width: 312px;
	float: left;
	margin: 0 4px 0 0;}
	
	
/***** 2colum 1/3:2/3 *****/
.r_2col_2_3 {
	width: 632px;
	height: 90%;
	float: right;
	margin: 0 0 0 4px;}
	

/***** �^�C���{�[�_�[�܂Ƃ� *****/
.tile_border {
	border: 1px solid #444;
	padding:2px;}

/* �f����BOX */	
.board {
	/*height: 100%;
	overflow: hidden;*/
	margin: 4px 0 0 0;
	background-color:#28c0be;}
.board_inner {
	height: 100%;
	padding: 10px;
	font-size: 90%;
	background-color: #10adab;}
	.board_inner dl{
		margin:10px 0;
		word-break:break-all;}
	.board_inner dt{
		position:absolute;
		float:left;
		padding-top:10px;
		word-break:break-all;}
	.board_inner dd{
		padding:10px 0 10px 29px;
		float:left;
		width:255px;
		border-bottom:1px solid #eee;
		word-break:break-all;}
	.board_inner dd span{
		font-weight:600;
		word-break:break-all;}
	.board_inner .comment {
		word-break:break-all;
	}
	.board_inner .comment_date{
		float: right;
		text-align: right;
		color:#0a6a69;
		word-break:break-all;}
	.board_inner .comment_system{
		color:#fff;
		word-break:break-all;}
	.board_inner .comment_system span{
		font-weight:600;
		padding:0 4px;
		word-break:break-all;}
	.board_inner .comment_system.link a {
		color: #113377;
		font-weight: bold;
		word-break:break-all;}
	.board_inner .comment_thanks{
		text-align:right;
		margin-bottom:-5px;}
	.board_title{
		font-size:16px;
		font-weight:600;
		text-shadow:0 -1px #666;
		margin-top:-5px;
		margin-bottom:5px;
		color:#fff;
		filter:alpha(opacity=60);
     	-moz-opacity:0.60;
     	-khtml-opacity: 0.60;
     	opacity:0.60;}
	.cream_title{
			color: /*#C8B373*/#CBA253;
			font-size:25px;
			font-weight:600;
			text-shadow:0 1px #eee;
			margin:-5px 0 5px 0;
			font-family: Arial, Helvetica, sans-serif;}
	.cream_title2{
			color: /*#C8B373*/#CBA253;
			font-size:16px;
			font-weight:600;
			text-shadow:0 1px #eee;
			margin:7px 0 5px 0;}
	.gray_title{
			color: #696969;
			font-size:16px;
			font-weight:600;
			text-shadow:0 1px #A8A8A8;
			margin:-5px 0 5px 0;}
		
/*�A�����y�[�W���[*/	
.board_inner_pager {
	width: 285px;
	clear:both;
	margin: 5px 0 0 0;
	}
.board_inner_pager span{
	float: right;
	}	
.board_inner_pager a{
	padding: 1px 4px;
	color: #eee;
	}
.board_inner_pager a:link {
	text-decoration: none;
	}
.board_inner_pager a:hover {
	background-color: #9CC;
	text-decoration: none;
	}
.board_inner_pager a:active {
	background-color: #699;
	text-decoration: none;
	}
.board_inner_pager a:visited {
	text-decoration: none;
	}
		
/*�A�����폜�{�^��*/
.board_inner .button_delete a {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	margin-left: 5px;
	vertical-align: text-top;
	}
.board_inner .button_delete a:link {
	background-image: url(../images/icon12_delete.png);
	}
.board_inner .button_delete a:hover {
	background-image: url(../images/icon12_delete2.png);
	}
.board_inner .button_delete a:active {
	background-image: url(../images/icon12_delete2.png);
	}
.board_inner .button_delete a:visited {
	background-image: url(../images/icon12_delete.png);
	}

/* �{��A����̃^�X�NBOX */
.orangetask {
	background-color: #FE8D3F;}
.orangetask_inner {
	padding: 10px;
	height: 100px;
	position: relative;
	clear: both;
	}
.orangetask_title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute; left:5px; top:3px;
	}
.orangetask_inner_circlegraph {
	position: absolute; left:7px; top:35px;
	}
.orangetask_inner input {
	font-size: 10px;
	background-color: #F90;
	width: 60px;
	}
.orangetask_soonnow img {
	position: absolute; right:3px; top:30px;
	}
.orangetask_soonnow_t {
	position: absolute; left:82px; top:28px;
	color: #fff;
	font-size: 12px;
	margin: 0 3px 0 0;
	}
.orangetask_soonnow_n {
	position: absolute; right:7px; top:28px;
	color: #fff;
	font-size: 12px;
	}
.orangetask_count {
	display: inline;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	position:absolute; right:5px; top:87px;
	}
.orangetask_count span {
	margin: 0 1px 0 0;
	}
.orangetask_count_numberL{
	font-size: 24px;
	}
a.orangetask_inner_link {
	display: block;
	background-color: /*#FC7E22;*/#ff682d;
	text-decoration: none;
	}
a:hover.orangetask_inner_link {
	background-color: /*#EF6A20;*/#f85a1c;
	}

/* �߂����^�X�NBOX */
.yellowtask {
	background-color:#FFE576;
	position: relative;
	}
.yellowtask_inner {
	padding: 10px;
	height:80px;
	}
.yellowtask_title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute; left:8px; top:4px;
	}
.yellowtask_inner img {
	position: absolute; left:12px; top:32px;
	}
.yellowtask_count {
	display: inline;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	position:absolute; right:12px; top:68px;
	}
a.yellowtask_inner_link {
	display: block;
	background-color: #FFC91D;
	text-decoration: none;
	}
a:hover.yellowtask_inner_link {
	background-color: #EFBB2B;
	}

/* �^�X�N�lj��A���X�g�A�����L���OBOX */
.greentask {
	clear: both;
	background-color:/*#61bf5b;*/#80bf67;}
.greentask_inner {
	padding: 10px;
	height:80px;
	position: relative;
	}
.greentask_inner img {
	position:absolute; right:7px; bottom:6px;
	}
.greentask_title {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	position: absolute; left:5px; top:3px;
	}
a.greentask_inner_link {
	display: block;
	background-color: /*#50b149;*/#66b248;
	text-decoration: none;
	}
a:hover.greentask_inner_link {
	background-color: /*#209717;*/#4ea42c;
	}

/* �^�X�N�lj� */
.cream {
	background-color:#fff2c3;
	height: inherit;
	}
.cream_inner {
	/*text-align: center;*/
	padding: 10px;
	background-color: #fae6af;}
	
.cream_inner textarea {
	max-width:432px;
	min-width:432px;
}
.cream_inner_s {
	/*text-align: center;*/
	padding: 10px 8px 10px 14px;
	background-color: #fae6af;}
.cream_inner ul{
	height: 81px;}
.cream_inner li{
		cursor:pointer;
		background-color:#F7D674;
		width:70px;
		text-align:center;
		line-height:-0.7em;
		position: relative;
		float:left;
		margin:2px;
		color:#CBA253;}
.cream_inner.edit li{
		width:85px;}
.cream_inner li:hover, .emerald_inner li:hover{
		background-color:#00CCCC;
		color:#169090;}
.cream_inner li.selected{
		background-color:#00CCCC;
		color:#FFF;}
.cream_inner li p{
		font-size:14px;
		padding:0;}
.emerald_inner li{
		cursor:pointer;
		float:left;
		text-align:center;
		margin:2px;
		padding:8px;}
.cream_inner div.add_user{
		text-align:center;}
.add_user img, .cal_edit img{
		opacity: 0.35;
		cursor:pointer;}
.add_user img:hover, .cal_edit img:hover, .clock:hover{
		opacity:0.5;}
.add_user img:hover, .cal_edit img:hover, .calender:hover{
		opacity:0.5;}		

/*����*/
.tile_border_cream {
	border: 1px solid #444;
	padding:2px;
	background-color:#fff2c3;}
.tile_border_cream:hover {
	border: 1px solid #444;
	padding:2px;
	background-color:#66eeee;}
.tile_border_cream:active {
	border: 1px solid #444;
	padding:2px;
	background-color:#66eeee;}
.cream_inner.when {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #FFF;
	text-align: center;
	color:#CBA253;
	background-color:#FAE6AF;
	line-height:-0.7em;
	cursor:pointer;
	border-bottom:1px solid #169090;
	width:92px; height:27px;
	float:left; margin-right:2px;}
	.cream_inner.when p.no3{
		font-family: Arial, Helvetica, sans-serif;
		font-size:25px;
		margin-top:-5px;
		text-align:left;
		float:left;}
	.cream_inner.when p.day{
		font-family: Arial, Helvetica, sans-serif;
		font-size:22px;
		margin-top:-5px;
		text-align:center;}
.cream_inner.when:hover {
	background-color:#00CCCC;
	color:#169090;}
.cream_inner.when:active {
	background-color:#00CCCC;
	color:#169090;}
.cream_inner.when .selected {
	background-color:#00CCCC;
	color:#169090;}	
.selected.tile_border_cream {
	border: 1px solid #444;
	padding:2px;
	background-color:#66eeee;}
.selected_when {
	width: 130px;
	float: left;}
.selected_when .cream_inner.when {
	background-color:#10ADAB;
	color:#FFF;
	text-shadow:0 -1px #999;
	border-bottom:1px #10ADAB solid;
	width:108px; /*float:left*/}
		.selected div.checked{
			width:78px;
			height:65px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
		.selected_date div.checked{
			width:78px;
			height:55px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}	
		.selected_when div.checked{
			width:130px;
			height:55px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
		.member_s_selected_width div.checked{
			width:131px;
			height:42px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
		.alarm div.checked {
			width:90px;
			height:55px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
		.edit div.selected {
		    width:78px;
			height:70px;
			background-image:url(../images/check60.png);
			background-position:bottom center;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}	
		.edit_long div.selected {
		    width:78px;
			height:65px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
		.edit_saturday div.selected {
		    width:78px;
			height:70px;
			background-image:url(../images/check60.png);
			background-position:bottom center;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
		.edit_sunday div.selected {
		    width:78px;
			height:65px;
			background-image:url(../images/check60.png);
			background-position:bottom center;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
	
.button_green {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #666;
	background-color: #58aa00;
	border: 3px #58aa00;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 4px 20px 0;
	}
.button_green:hover {
	color: #FFF;
	background-color: #458516;
	border: 3px #458516;
	border-style: outset;
	}
.button_green:active {
	color: #FFF;
	text-shadow:0 -1px #666;
	background-color: #458516;
	border: 3px #458516;
	border-style: inset;
	text-decoration: none;
	}
	
.button_red {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #344;
	background-color: #F54204;
	border: 3px #F54204;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 4px 20px 0;
	}
.button_red:hover {
	color: #FFF;
	background-color: #CC3317;
	border: 3px #CC3317;
	border-style: outset;
	}
.button_red:active {
	color: #FFF;
	text-shadow:0 -1px #666;
	background-color: #CC3317;
	border: 3px #CC3317;
	border-style: inset;
	text-decoration: none;
	}
.tile_border.emerald {
	border: none;
	padding: 0px;
	background-color: #444444; /* Old browsers */
	background-repeat:no-repeat;
}
.tile_border.emerald:hover {
	background: #444444 none;
	/*position: relative;*/}
.emerald_edit {
	position: absolute; top:-10px; right:10px;}

.date_time_font .emerald_edit a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	margin:19px 0 19px 0;
	filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity:1.0;
    opacity:1.0;}
.emerald_edit a:link {
	background-image: url(../images/icon40_edit01.png);}
.emerald_edit a:hover {
	background-image: url(../images/icon40_edit02.png);}
.emerald_edit a:active {
	background-image: url(../images/icon40_edit03.png);}

.cream_inner_progress {
	/*height: 46px;*/
	padding:6px 5px;
	background-color: #fae6af;
	position: relative;
	}
	.cream_inner_progress li {
    	background-color: #F7D674;
    	color: #CBA253;
    	cursor: pointer;
    	float: left;
		margin: 2px;
		position: relative;
		text-align: center;
		width: 94px;
		font-weight:600;}	
	.cream_inner_progress li.selected{
		background-color:#00CCCC;
		color:#FFF;}
	.cream_inner_progress li:hover{
		background-color:#00CCCC;
		color:#169090;}
	
.date_time_font img{
		margin:19px 0 19px 0;
		filter:alpha(opacity=35);
     	-moz-opacity:0.35;
     	-khtml-opacity: 0.35;
     	opacity:0.35;}
.ampm_font img{
		margin-top:-25px;
		filter:alpha(opacity=35);
     	-moz-opacity:0.35;
     	-khtml-opacity: 0.35;
     	opacity:0.35;}

/*�A���[��*/
.cream_inner.alarm_font ul{
	height: 30px;
	float:left;}
.cream_inner.alarm_font li{
	cursor:pointer;
	background-color:#F7D674;
	width:90px; height: 30px;
	text-align:center;
	line-height:-0.7em;
	display: inline-block;
	margin:-5px 2px 0 2px;
	color:#CBA253;}
.cream_inner.alarm_font li:hover{
	background-color:#00CCCC;
	color:#169090;}
.cream_inner.alarm_font li.selected{
	background-color:#00CCCC;
	color:#FFF;}
.cream_inner.alarm_font .alarm_img{
	display: inline;
	width: 58px;
	height: 41px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	float:left;}
.cream_inner.alarm_font .alarm_img img{
	filter:alpha(opacity=35);
    -moz-opacity:0.35;
    -khtml-opacity: 0.35;
    opacity:0.35;
	margin: 20px 0 0 0;
	}
.alarm_timer {
	color:#fff;
	background-color:#00CCCC;
	width:440px;
	text-align:center;
	line-height:-0.7em;
	margin: 5px auto 0 auto;}
.alarm_text{
	font-size:14px;
	color: #B19D58;
	text-shadow:0 1px #eee;
	text-align: right;
	margin-top:20px;}

.cream_inner.star img {
	margin:0 5px;
	padding:3px 5px 3px 5px;
	}
.priority_L {
	float: left;
	}
.priority_R {
	display: inline-block;
	margin: 0 10px 0 30px;
	}
.priority_star {
	float: left;
	margin:0 15px 0 15px;
	white-space: nowrap;
	position: relative;
	}
.priority_star img {
	z-index: 100;
	}
.priority_star.selected .checked {
	background-image: url(../images/check60.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 45px;
	height: 60px;
	position: absolute;
	top: 0px;
	z-index: 200;
	}
.priority_star_s {
	float: left;
	margin:0 6px 0 6px;
	padding: 0 0 0 3px;
	white-space: nowrap;
	position: relative;
	}
.priority_star_s img {
	z-index: 100;
	}
.priority_star_s.selected .checked {
	background-image: url(../images/check60.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 45px;
	height: 60px;
	position: absolute;
	top: 0px;
	z-index: 200;
	}
.cream_inner_star {
	margin:0 5px 0 40px;
	}
.star_cancel {
	width:50px;
	text-align: right;
	}
.star_cancel a {
	display: block;
	color: #AA9070;
	margin: -5px -5px 5px 0;
	padding: 0 5px;
	cursor: pointer;
	}
.star_cancel a:link {
	text-decoration: none;
	}
.star_cancel a:visited {
	text-decoration: none;
	}
.star_cancel a:hover {
	color: #FFF;
	background-color: #ddC88C;
	text-decoration: none;
	}
.star_cancel a:active {
	color: #FFF;
	background-color: #CEB372;
	text-decoration: none;
	}
	
/*.cream_inner img {
	filter:alpha(opacity=35);
    -moz-opacity:0.35;
    -khtml-opacity: 0.35;
    opacity:0.35;
	}*/
	
.cream_inner_search {
	text-align: center;
	padding: 4px 0 3px 0;
	position: relative;}
.cream_inner_search.search_text { 
	font-size: inherit;
	width: 632px;}
.cream_inner_search input.button {
	margin: 0 0 0 5px;}
.cream_inner_search .icon32_search {
	filter:alpha(opacity=35);
    -moz-opacity:0.35;
    -khtml-opacity: 0.35;
    opacity:0.35;
	vertical-align: middle;
	margin: 0 5px 0 0;}
.ajax_loading {
	display: inline-block;
	text-align: right;
	position: absolute; top:10px; right:10px;}
	
.upload_button { text-align:right;}
.upload_file {
	padding:2px 4px 2px 0;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;}
.upload_file span { font-size:9px;padding-left:0px;}

#p_todo_edit_add_file_1 {
	width:100px;
	min-height:50px;
	padding-right:200px;
	height:100%;
}

#p_todo_edit_add_file_2 {
	padding-top:5px;
}

.addfile {
	width: 50px;
	font-size:12px;
	color:#766;
	background-color: #F7D674;
	padding: 0 4px 0 8px;
	margin: 1px 0 5px 7px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
.addfile img {
	vertical-align: text-bottom;
	margin: 0 2px 0 0;}

/* �\�[�gTool */
.sort_cream_inner {
	padding: 5px;
	background-color: #fae6af;}
	.sort_cream_inner ul{
		height: 81px;
		position:inherit;}
	.sort_cream_inner li{
		cursor:pointer;
		background-color:#F7D674;
		width:70px;
		height: 60px;
		text-align:center;
		line-height:-0.7em;
		position: relative;
		float:left;
		margin:2px;
		color:#CBA253;}

	.sort_cream_inner li.selected, .sort_cream_inner div.selected{
		background-color:#00CCCC;
		color:#FFF;}
	.sort_cream_inner li:hover, .sort_cream_inner div:hover{
		background-color:#00CCCC;
		color:#169090;}
	.sort_cream_inner li p{
		font-size:14px;
		padding:0;}
	.sort_cream_inner img{
		padding:10px 0;
		filter:alpha(opacity=35);
     	-moz-opacity:0.35;
     	-khtml-opacity: 0.35;
     	opacity:0.35;}
	 .sort_cream_inner div{
		 margin:2px;
		 padding:4px;
		 text-align:center;
		 background-color:#F7D674;
		 font-size:14px;
		 color:#CBA253;}
	.sort_cream_inner li.calendar{
		float:left;
		width:140px;
		height: 35px;
		font-size: 20px;
		color:#CBA253;
		background-color:#F7D674;
		text-align:center;
		line-height:-0.7em;
		padding: 2px;
		cursor: default;
		}
	.sort_cream_inner li.calendar.nodeadline span{
		font-size: 16px;}
	.sort_cream_inner li.calendar .day01{
		font-size: 20px;
		vertical-align: middle;}
	.sort_cream_inner li.calendar .day02{
		font-size: 14px;
		vertical-align: middle;
		margin: 0 0 0 15px;}
	.sort_cream_inner li.calendar.nodeadline:hover, .sort_cream_inner div:hover{
		background-color:#00CCCC;
		color:#169090;
		cursor:pointer;}
	.sort_cream_inner li.calendar.nodeadline.selected, .sort_cream_inner div.selected{
		background-color:#00CCCC;
		color:#FFF;
		font-weight:600;}
	.sort_cream_inner div.checked {
	    height: 0px;
		padding:0px;}
	.sort_cream_inner .selected div.checked {
	    background-color: transparent;
		background-image: url(../images/check60.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		height: 55px;
		position: absolute;
		width: 65px;
		z-index: 100;}
	li.sorting.selected div.checked {
	    background-color: transparent;
		background-image: url(../images/check60.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		height: 50px;
		position: absolute;
		width: 80px;
		z-index: 100;}	

		.no_period div.checked {
			background-image: url(../images/check60.png);
			background-position: right bottom;
			background-repeat: no-repeat;
			height: 30px;
			position: absolute;
			width: 250px;
			z-index: 100;}

/* �^�X�N���X�gTable */
table.commission_list, .my_list {
	color:#333;
	font-size: 13px;
	border-collapse:collapse;
	border-spacing:0;}
	table.commission_list th, .my_list th{
		padding:4px;
		font-weight: normal;
		border:#ccc solid;
		border-width:0 0 1px 0;
		background-color: #E0E0E0;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
		border-left:1px #fff solid;}
	table.commission_list th a:hover, .my_list th a:hover{	
			color:#00CCCC;	
			cursor: pointer;}
		table.commission_list th:hover, .my_list th:hover{
			background-color:#fff;
			color:#00CCCC;	
			cursor: pointer;}
		table.commission_list th.selected_tab{
			color:#00CCCC;
			background-color:#fff;}
		table.commission_list th.selected_tab a{
			color:#00CCCC;}			
		table.commission_list th.sort_select, .my_list th.sort_select{
			font-weight:600;}
		table.commission_list th.sort_select span, .my_list th.sort_select span{
			font-size:9px;}
	table.commission_list td{
		text-align: left;
		padding:8px 4px;}
	table.commission_list th:hover td{
		background-color:#fff;}
	table.my_list td{
		padding:8px 4px;
		border:#ccc solid;
		border-width:0 0 1px 0;
		text-align: center;}
	table.commission_list td.player{
		font-size:12px;
		text-align: right;
		padding:2px 4px;
		border:#ccc solid;
		border-width:0 0 1px 0;
		background-color: #E0E0E0;}
	table.commission_list td.player span{
		margin:1px 5px;
		padding:1px 8px;
		background-color: #EDA387;
		color:#fff;
		font-weight:600;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;}
	table.commission_list td.player p{
		display: inline;
		color: #666;
		margin: 0 3px 0 0;}
	table.my_list td.player span{
		font-size:12px;
		margin:1px 0;
		padding:1px 8px;
		background-color:#999;
		color:#fff;
		font-weight:600;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;}
	table.commission_list td.deadline, .my_list td.deadline{
		font-size:12px;
		font-weight:600;}
	table.commission_list td.done span, .my_list td.done span{
		font-size:12px;
		padding:1px 8px;
		color:#fff;
		background-color: #F54404;
		font-weight:600;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;}
	.detail_routine_status {
		width:60%;
		border-bottom: 1px solid #EEEEEE;
        color: #333333;
        float: left;
        font-size: 14px;
        margin: 0 0 5px;
        padding: 5px 5px 5px;
	}
	.routine_type {
		float: right;
		background: none !important;
		padding:0 15px 0 0px !important;
	}
	.routine_type img {
		vertical-align: middle;
	}
	.routine_description {
		margin-right:4px;
		vertical-align:top;
	}
	table.commission_list td.soonnow span, .my_list td.soonnow span{
		font-size:12px;
		padding:1px 8px;
		color:#fff;
		background-color: #DD4040;
		font-weight:600;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;}
	table.commission_list td.routine span, .my_list td.routine span{
		font-size:12px;
		padding:1px 8px;
		color:#fff;
		background-color: #0000CD;
		font-weight:600;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;}	
	table.commission_list td.star, .my_list td.star{
		font-size:10px;
		color:#999;
		text-align:center;}
	table.commission_list td.add_date, .my_list td.add_date{
		font-size:12px;
		color:#999;}
	.list_check_done {
		margin: 5px 0 0 3px;}
		
.tasknotify {
	float: right;
	background-image: url(../images/tasknotify01.png);
	border: 0;
	text-decoration: none;
	width: 220px;
	height: 50px;
	margin: 10px 0 5px 0;}
.tasknotify:hover {
	background-image: url(../images/tasknotify02.png);}
.tasknotify:active {
	background-image: url(../images/tasknotify03.png);}
.tasknotify_img {
	display: none;}


/* �B�����O���tBOX */
.deepbluetask{
	background-color: #3c8aa4;}
.deepbluetask_inner {
	background-color: #257a97;
	padding: 10px;
	height: 100px;
	}
	.deepbluetask_inner:hover{
		background-color: #20627e;
		cursor:pointer;}
.deepbluetask_inner_graph {
	position: relative; z-index: 1;
	}
.deepbluetask_inner_graph img {
	position: absolute; left:10px; z-index: 2;
	}
.deepbluetask_inner_title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: -7px 0 3px -3px;
	}
	.deepbluetask_inner_title a{
		color:#fff;}
	.deepbluetask_inner_title a:hover{
		color:#fff;
		text-decoration:none;}
.deepbluetask_inner_title img {
	margin: 7px 0 0 225px;
	}
a.deepbluetask_inner_link {
	display: block;
	/*background-color: #257a97;*/
	text-decoration: none;
	}
a:hover.deepbluetask_inner_link {
	/*background-color: #20627e;*/
	}

/* �����o�[BOX */
.white {
	background-color:#fff;}
.white_inner {
	padding: 1px;
	background-color: #ededed;
	height: 158px;
	position: relative;
	}
	
.white_gradient_inner {
	padding: 1px;
	height: 158px;
	position: relative;
	background-color: #B2F0EB; /* Old browsers */
	/* IE10 */ 
	background-image: -ms-radial-gradient(left top, ellipse cover, #FFFFFF 0%, #B2F0EB 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(left top, ellipse cover, #FFFFFF 0%, #B2F0EB 100%);

	/* Opera */ 
	background-image: -o-radial-gradient(left top, ellipse cover, #FFFFFF 0%, #B2F0EB 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, left top, 0, left top, 1002, color-stop(0, #FFFFFF), color-stop(1, #B2F0EB));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(left top, ellipse cover, #FFFFFF 0%, #B2F0EB 100%);

	/* Proposed W3C Markup */ 
	background-image: radial-gradient(left top, ellipse cover, #FFFFFF 0%, #B2F0EB 100%);
	}

/*	.white_inner div.white_inner_task, div.white_inner_more{ TOP�����o�[�^�X�N��\��
		display:none;}*/
/* Top�\���؊���
	.switch{
		position:absolute;
		margin-left:-44px;
		margin-top:301px;
		margin-right:8px;
		width:36px;
		height:100px;
		background-image:url(../images/tab_switch.png);
		background-position:top right;
		background-repeat:no-repeat;
		padding:25px 0 0 0;
		}
	.switch img.off{
		cursor:pointer;
		margin-left:4px;
		padding:2px;
		filter:alpha(opacity=35);
     	-moz-opacity:0.35;
     	-khtml-opacity: 0.35;
     	opacity:0.35;
		}
	.switch img.on{
		cursor:pointer;
		margin-left:4px;
		padding:2px;
		}
 */
.white_inner_inherit {
	padding: 5px;
	background-color: #ededed;
	}
.white_inner_namecard {
	background-color: #ededed;
	height:46px;
	width:137px;}
.black_inner_namecard {
	background-color: #000;
	z-index:200;
	height:46px;
	width:137px;}
	.white_inner_namecard div.checked{
		height:43px;
		width:115px;
		background-image:url(../images/check60.png);
		background-position:bottom right;
		background-repeat:no-repeat;
		position:absolute;
		z-index:97;}
.white_inner_inherit dt{
	float:left;
	width:60px;
	padding:4px 8px 0 0;
	color:#999;
	text-align:right;}
.white_inner_inherit dd{
		margin-left:68px;
		padding:4px 0 0 8px;
		border-left:2px solid #fff;}
.white_inner_inherit dd img{
		padding:0 2px;}
.white_inner_inherit.attach_file{
		margin:2px 0;}
.white_inner_inherit.attach_file li{
		float:left;
		width:330px;
		height:25px;
		padding:8px 0 0 10px;}
		.white_inner_inherit.attach_file li span{
			font-size: 9px;
    		padding-left: 4px;}
		.white_inner_inherit.attach_file li.download{
			text-align:right;
			width:100px;
			padding:0; margin:0;}
		.white_inner_inherit.attach_file a{
			}
.white_inner_inherit_line {
		padding: 5px;
		margin-bottom:2px;
		background-color: #ededed;}
.white_inner_photo {
	float: left;
	margin: 0 10px 0 0;
	}		
a:hover .white_inner_photo {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}
a:active .white_inner_photo {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	}
.white_inner_name {
	font-size: 16px;
	font-weight: bold;
	margin:0 0 0 -3px; 
	padding:0;
	height:22px;
	}
.white_inner_name a {
	padding: 2px 3px;
	color: #333;
	}
.white_inner_name a:link {
	text-decoration: none;
	}
.white_inner_name a:visited {
	text-decoration: none;
	}
.white_inner_name a:hover {
	color: #FFF;
	background-color: #ccc;
	text-decoration: none;
	}
.white_inner_name a:active {
	color: #FFF;
	background-color: #999;
	text-decoration: none;
	}


/*�^�X�N�lj��~�j�{�^��*/
.white_inner_addtask a {
	display: inline-block;
	float: right;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	}
.white_inner_addtask a:link {
	background-image: url(../images/icon18_addtask.png);
	}
.white_inner_addtask a:hover {
	background-image: url(../images/icon18_addtask2.png);
	}
.white_inner_addtask a:active {
	background-image: url(../images/icon18_addtask3.png);
	}
.white_inner_addtask a:visited {
	background-image: url(https://app.todous.jp/images/icon18_addtask1.png);
	}

/*�����o�[�̒lj�*/
.white_a {
	background-color: #F2FCFB;}
.white_inner_a {
	background-color: #DAF2EE;
	height: 160px;
	position: relative;
	}
.white_inner_addmember a {
	display: inline-block;
	width: 306px;
	height: 160px;
	background-repeat: no-repeat;
	}
.white_inner_addmember a:link {
	background-image: url(../images/addmember01.png);
	background-color: #CEEFED;
	}
.white_inner_addmember a:hover {
	background-image: url(../images/addmember02.png);
	background-color: #88D3C5;
	}
.white_inner_addmember a:active {
	background-image: url(../images/addmember03.png);
	background-color: #88D3C5;
	}
.white_inner_addmember a:visited {
	background-image: url(../images/addmember01.png);
	}
	
.addmem_s {
	background-color:#CEEFED;
	}
.addmem_s a {
	display: inline-block;
	width: 137px;
	height: 66px;
	background-repeat: no-repeat;
	}
.addmem_s a:link {
	background-image: url(../images/addmember_s01.png);
	background-color: #CEEFED;
	}
.addmem_s a:hover {
	background-image: url(../images/addmember_s02.png);
	background-color: #88D3C5;
	}
.addmem_s a:active {
	background-image: url(../images/addmember_s03.png);
	background-color: #88D3C5;
	}

.white_inner_today {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
	margin:0; padding:0;
	height:22px;
	/*margin-top: -5px;*/
	}
.white_inner_today span {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin: 0 0 -1px 5px;
	}
.white_inner_bargraph {
	height:22px;
	margin-bottom:4px;
	}
.white_inner_bargraph img {
	margin: 6px auto 0 auto;
	}
.white_inner_task {
	clear: both;
	color: #000;
	padding: 2px 5px 2px 6px;
	margin:0;
	font-size:12px;
	border-bottom: #71c9c0 dotted 1px;
}
.white_inner_tasknotify {
	margin: 16px auto auto 12px;}

.white_inner_priority img {
	position: absolute; left: 165px;
	padding: 2px 0 0 0;
}
.white_inner_statext {
	width: 48px;
	text-align: center;
	display: inline;
	font-size: 12px;
	position: absolute;
	right: 52px;
	height:14px;
	clear: both;
}
.whitetask_soonnow img {
	position: absolute; right:6px; top:28px;
	}
.whitetask_soonnow_t {
	position: absolute; left:240px; top:26px;
	color: #fff;
	font-size: 12px;
	margin: 0 3px 0 0;
	}
.whitetask_soonnow_n {
	position: absolute; right:10px; top:26px;
	color: #fff;
	font-size: 12px;
	}
	
.gray {
	background-color: #A8A8A8;
	height: inherit;
	}
.gray_inner {
	padding: 10px;
	background-color: #949494;
	}
	
.red {
	background-color: #F9653D;
	height: inherit;
	}
.red_inner {
	color: #FFF;
	font-size:14px;
	font-weight:600;
	white-space: nowrap;
	background-color: #F54204;
	text-shadow:0 -1px #E3AD82;
	padding: 5px 7px 5px 7px;
	}
.red_inner span {
	font-size: 24px;
	vertical-align: middle;
	margin-right: 5px;
	}
.red_inner img {
	width: 48px;
	height: 48px;
	vertical-align: middle;
	margin: 0 3px 0 0;
	}
.gold {
	background-color: #FFBB00;
	height: inherit;
	}
.gold_inner {
	font-size:14px;
	font-weight:600;
	padding: 5px 7px 5px 7px;
	color: #fff;
	text-shadow:0 -1px #866;
	background-color: #FF9A00;
	}
.gold_inner span {
	font-size: 24px;
	vertical-align: sub;
	margin: 0 2px 0 5px;
	}
.gold_inner img {
	width: 48px;
	height: 48px;
	vertical-align: middle;
	margin: 0 5px 0 0;
	}
.lemon {
	background-color: #FFFF80;
	height: inherit;
	}
.lemon_inner {
	font-size:14px;
	font-weight:600;
	padding: 5px 7px 5px 7px;
	color: #706532;
	text-shadow:0 1px #eee;
	background-color: #FFEB33;
	}
.lemon_inner span {
	font-size: 24px;
	vertical-align: sub;
	margin: 0 2px 0 5px;
	}
.lemon_inner img {
	width: 48px;
	height: 48px;
	vertical-align: middle;
	margin: 0 5px 0 0;
	}
	
/*�ڍ׉�ʃ{�^��*/
.detail_button {
	width: 100%;
	float: right;
	margin: 4px 0 5px 0;
	text-align:center;
	text-decoration: none;
	clear: both;
	}
.detail_button input {
	width: 312px;
	height: 40px;
	font-size: 18px;
	text-decoration:none;
	font-weight: bold;
	cursor: pointer;
	}
.detail_button_decide {
	width: 100%;
	height: 70px;
	text-align: right;
	margin:auto 0 30px;
	clear: both;
	}
.detail_button_decide input {
	width: 236px;
	height: 50px;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
	margin: 12px 0 0 0;
	}
	
/* �ڍ׊����{�^�� */
.detail_done {
	padding:0 1px 0 1px;
	}
.detail_done a {
	text-decoration: none;
	}
.detail_done a input {
	width: 170px;
	height: 65px;
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-shadow:0 1px #344;
	background-color: #F54204;
	border: 2px #F54204;
	border-style: outset;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin: 8px 0 4px 0;
	}
.detail_done a:hover input {
	color: #FFF;
	text-shadow:0 1px #666;
	text-decoration: none;
	background-color: #CC3317;
	border: 2px #CC3317;
	border-style: outset;
	}
.detail_done a:active input {
	color: #FFF;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #CC3317;
	border: 2px #CC3317;
	border-style: inset;
	text-decoration: none;
	}
	
/* �ڍוҏW�{�^�� */
.detail_edit {
	padding:0 1px 0 1px;
	}
.detail_edit a {
	text-decoration: none;
	}
.detail_edit a input {
	width: 170px;
	height: 65px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-shadow:0 1px #666;
	background-color: #999;
	border: 2px #999;
	border-style: outset;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin: 8px 0 4px 0;
	}
.detail_edit a:hover input {
	color: #FFF;
	text-shadow:0 1px #333;
	text-decoration: none;
	background-color: #666;
	border: 2px #666;
	border-style: outset;
	}
.detail_edit a:active input {
	color: #FFF;
	text-shadow:0 -1px #333;
	text-decoration: none;
	background-color: #666;
	border: 2px #666;
	border-style: inset;
	}
		
/* �ڍ׍폜�{�^�� */
.detail_delete {
	padding:0 1px 0 1px;
	}
.detail_delete a {
	text-decoration: none;
	}
.detail_delete a input {
	width: 170px;
	height: 65px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-shadow:0 1px #555;
	background-color: #669;
	border: 2px #669;
	border-style: outset;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin: 8px 0 4px 0;
	}
.detail_delete a:hover input {
	color: #FFF;
	text-decoration: none;
	text-shadow:0 1px #333;
	background-color: #336;
	border: 2px #336;
	border-style: outset;
	}
.detail_delete a:active input {
	color: #FFF;
	text-shadow:0 -1px #333;
	text-decoration: none;
	background-color: #336;
	border: 2px #336;
	border-style: inset;
	}
	
	/* �ڍ׊�������{�^�� */
.detail_undone {
	padding:0 1px 0 1px;
	}
.detail_undone a {
	text-decoration: none;
	}
.detail_undone a input {
	width: 170px;
	height:65px;
	color: #F54204;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-shadow:0 1px #344;
	background-color: #e0e0e0;
	border: 2px #e0e0e0;
	border-style: outset;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin: 8px 0 4px 0;
	}
.detail_undone a:hover input {
	color: #F54204;
	text-shadow:0 1px #666;
	text-decoration: none;
	background-color: #b8b8b8;
	border: 2px #c0c0c0;
	border-style: outset;
	}
.detail_undone a:active input {
	color: #F54204;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #b8b8b8;
	border: 2px #b8b8b8;
	border-style: inset;
	text-decoration: none;
	}
	
.comment_thanks {
	height:25px;
}

/********** ���O�C�� **********/
.welcome_todous {
	width: 500px;
	height: 48px;
	text-align: center;
	background-color: #000;
	padding: 3px auto;
	margin: 30px auto 10px auto;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
    -khtml-opacity: 0.80;
    -o-opacity:0.80;
	opacity:0.80;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.loginfield {
	color: #777;
	width: 400px;
	padding: 10px;
	margin: 10px auto 30px auto;
	position: relative;
	}
.loginfield_id {
	font-size: 18px;
	font-weight: bold;
	margin: 40px 0 30px 0;
	}
.loginfield_id input {
	width: 250px;
	height: 20px;
	margin: 0 0 0 10px;
	position: absolute; left: 140px;
	}
.loginfield_pass {
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 60px 0;
	}
.loginfield_pass input {
	width: 250px;
	height: 20px;
	margin: 0 0 0 10px;
	position: absolute; left: 140px;
	}
.loginfield_check {
	width: 380px;
	text-align: center;
	font-size: 14px;
	margin: 10px 0 30px 0;
}
.loginfield_check input {
	margin: 0 7px 0 3px;
	vertical-align: middle;
}
.loginfield_button {
	text-align: center;
	margin: 5px auto 40px auto;
	}
.loginfield_button input {
	width: 260px;
	height: 55px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	text-shadow:0 1px #666;
	background-color: #099;
	border: 3px #099;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.loginfield_button:hover input {
	color: #FFF;
	text-decoration: none;
	background-color: #066;
	border: 3px #066;
	border-style: outset;
	}
.loginfield_button:active input {
	color: #FFF;
	text-decoration: none;
	text-shadow:0 -1px #333;
	background-color: #066;
	border: 3px #066;
	border-style: inset;
	text-decoration: none;
	}
.register_button {
	text-align: center;
	margin: 30px auto 50px auto;
	}
.register_button a input {
	width: 260px;
	height: 45px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	text-shadow:0 1px #666;
	background-color: #F66;
	border: 3px #F66;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.register_button a:hover input {
	color: #FFF;
	text-decoration: none;
	background-color: #C33;
	border: 3px #C33;
	border-style: outset;
	}
.register_button a:active input {
	color: #FFF;
	text-decoration: none;
	text-shadow:0 -1px #333;
	background-color: #C33;
	border: 3px #C33;
	border-style: inset;
	text-decoration: none;
	}
.confirm_button {
	text-align: center;
	}
.confirm_button input {
	width: 240px;
	height: 40px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-shadow:0 1px #666;
	background-color: #F66;
	border: 3px #F66;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin: 10px auto 20px auto;
	}
.confirm_button:hover input {
	color: #FFF;
	text-decoration: none;
	background-color: #C33;
	border: 3px #C33;
	border-style: outset;
	}
.confirm_button:active input {
	color: #fff;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #C33;
	border: 3px #C33;
	border-style: inset;
	text-decoration: none;
	}
.loginlink {
	font-size: 20px;
	line-height: 240%;
	width: auto;
	padding-left: 40px;
	cursor: pointer;
	text-align: center;
	padding: 0 0 0 80px;
	margin: 60px auto 40px auto;
	}
.loginlink ul {
	text-align: left;
	}
.loginlink ul li {
	margin: 10px auto 10px auto;
	}
.loginlink img {
	margin: 0 10px 0 0;
	}

/* �l�ݒ� */
.user_register {
	padding: 20px 0 0 0;}
.user_register2 input{
	border:2px solid #D1D1D1;
	background-color:#FFF;
	padding:5px;
	font-size:30px;
	vertical-align: middle;}
.user_register2 input:hover {
	border:2px solid #0CC;}
.user_register2 input:focus {
	border:2px solid #00CCCC;}
.user_setup {
	font-size: 14px;
	margin: 5px 0 0 0;
	}
.user_setup.conf_top {
	margin: 20px 0 0 0;
	}
.user_setup table {
	color: #777;
	margin: 10px auto 10px auto;
	}
.user_setup table td {
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
	}
.user_setup_l {
	width: 40%;
	text-align: right;
	}
.user_setup_r {
	width: 60%;
	}
.user_setup_accede .user_setup_l {
	padding: 10px 10px 0 0;
	}
.user_setup_accede .user_setup_r {
	padding: 10px 0 0 10px;
	}
.user_setup_accede .user_setup_r input {
	vertical-align: text-top;
	}
.user_register2 input {
	width: 280px;
	}
	
.setupfield {
	font-size: 14px;
	margin: 80px 0 0 0;
	}
.setupfield table {
	width: 680px;
	margin: 10px auto 10px auto;
	}
.setupfield table td {
	padding: 15px 10px 15px 10px;
	white-space: nowrap;
	}
table.name_pass {
	width: 730px;
	margin: 9px 0 10px 4px;
	background:#D8D8D8;
	}
table.name_pass td {
	width: 40%;
	border: thin #F7C6A4 solid;
	padding: 20px 5px 20px 5px;
	white-space: nowrap;
	text-align:left;
	}
table.mail_setting {
	width: 730px;
	margin: 10px 5px 10px 5px;
	background:#D8D8D8;
	}
	
table.remind_mail_setting {
	width: 730px;
	margin: -5px 5px 10px 5px;
	background:#FDF5E6;
	}	
	
table.remind_mail_setting  td {
	border: thin #F7C6A4 solid;
	padding: 20px 5px 20px 5px;
	white-space: nowrap;
	text-align:center;
	}			
	
table.mail_setting td {
	border: thin #F7C6A4 solid;
	padding: 20px 5px 20px 5px;
	white-space: nowrap;
	text-align:left;
	}		
	
.setupfield_l {
    text-align: right;
    width: 40%;
}
.setupfield_l_personal {
	background:#FFF0F5;
	text-align: center !important;
	}
.setupfield_l_morning {
	background:#FFF0F5;
	text-align: center !important;
	}
	
.setupfield_l_ur_info {
	background:#FFF0F5;
	text-align: center !important;
	}				
	
.setupfield_l_main {
	background: #FFF0F5;
	font-size:16px;
	text-align:center !important;
	font-weight:bold;
	width: 40%;
	text-align: right;
	}	
	
.setupfield_r {
    padding-left: 0;
}

.setupfield_r_personal {
	text-align:center !important;
	background:#FFFFFF;
	}

.setupfield_r_morning {
	padding-left: 60px !important;
	padding-right:60px !important;
	text-align: center !important;
	background:#FFFFFF;
	}	
	
.setupfield_r_ur_info {
	text-align:left !important;
	background:#FFFFFF;
	}			
	
.setupfield_r_main {
	background:#FFF0F5;
	font-size:15px;
	text-align:center !important;
	font-weight:bold;
	}
.setupfield_r_main_radius {
	background:#FFF0F5;
	font-size:15px;
	text-align:center !important;
	font-weight:bold;
	}		
	
.setupfield.groconf {
	margin: 20px 0 50px 0;
	}
.setupfield.groconf .setupfield_l {
	width: 35%;
	text-align: right;
	}
.setupfield.groconf .setupfield_r {
	width: 55%;
	font-weight: bold;
	}
.setupfield.error {
	text-align: center;
	margin: 20px 0 50px 0;
	}
.setupfield.error img {
	border: 0;
	margin: 10px auto 20px auto;
	}
.setupfield.staffroll {
	text-align: center;
	margin: 20px 0 20px 0;
	}
.setupfield.staffroll ul {
	padding: 30px 0 20px 0;
	}
.setupfield.staffroll ul li {
	margin: 20px 0 10px 0;
	}
.setupfield.confirm {
	margin: 0 0 50px 0;
	}
.setupfield.confirm .setupfield_l {
	width: 45%;
	text-align: right;
	}
.setupfield.confirm .setupfield_r {
	width: 55%;
	font-weight: bold;
	}
.setupfield_name input {
	width: 120px;
	}
.setupfield_profile .setupfield_l {
	vertical-align: top;
	}
.profile_img img {
	width: 64px;
	height: 64px;
	margin-right: 5px;
	vertical-align: text-bottom;
	}
.profile_img_f img {
	width: auto;
	height: 64px;
	margin-right: 5px;
	vertical-align: text-bottom;
	}
.profile_delete {
	font-size: 12px;
	margin-top: 5px;
	}
.profile_delete input {
	vertical-align: middle;
	margin-right: 3px;
	}

.setupfield_password input {
	width: 220px;
	}
span.mail_address input {
	width: 220px;
}
	
.setupfield_privilege span {
	margin-right: 3px;
	vertical-align: text-top;
	}
.setupfield_ammail span {
	margin: 0 3px;
	}
.setupfield_send_personal {
	border: thin solid #F7C6A4;
    padding: 20px 5px;
    white-space: nowrap;
}
	
.setupfield_send span {
	margin: 0 3px 0 3px;
	}
.setupfield_send input {
	margin-right: 5px;
	vertical-align: text-top;
	}
.setupfield_testbtn {
	margin: 5px 0 0 0;
	}
.setupfield_address span {
	margin-right: 5px;
	vertical-align: text-top;
	}
.setupfield_address .address_line {
	margin-bottom: 5px;
	}
.address_line_field {
	width: 280px;
	}
.setupfield_group input {
	vertical-align: middle;
	width: 240px;
	}
.setupfield_group span {
	margin: 0 10px 0 3px;
	}
.setupfield.inquiry .setupfield_l {
	width: 40%;
	text-align: right;
	vertical-align: top;
	}
.setupfield.inquiry .setupfield_r {
	width: 60%;
	font-weight: bold;
	vertical-align: top;
	}
.setupfield.inquiry .setupfield_r p {
	margin: 5px 0 0 3px;
	}
.setupfield.inquiry .setupfield_r textarea {
	width: 350px;
	max-width: 350px;
	min-height: 100px;
	}
.setupfield_title{
	color: #099;
	font-weight: bold;
	margin: 10px 0 10px 120px;}
.setupfield_title span{
	vertical-align: middle;
	margin: 0 5px 0 10px;}

#fragment-4 {
	margin-top:-50px;
	clear:both;
}

#fragment-5 {
	margin-top:-50px;
	clear:both;
}

#fragment-6 {
	margin-top:-50px;
	clear:both;
}

#tab_content {
	width:740px;
	padding: 5px 5px 5px 5px;
    margin: -15px 0 10px 53px;
	clear:both;
	background: #FDF5E6;
	-webkit-border-radius:0 10px 10px 10px;	/* Safari�AGoogle Chrome */
    -moz-border-radius:0 10px 10px 10px;	/* Firefox */
	box-shadow: 0 2px 2px #CCCCCC;
}


/*���M�{�^��*/
.setupfield_button {
	width: 240px;
	height: 40px;
	margin: 5px auto 50px auto;
	}
.setupfield_button a {
	text-align: center;
	text-decoration: none;
	}
.setupfield_button input {
	width: 240px;
	height: 40px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #666;
	background-color: #099;
	border: 3px #099;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.setupfield_button:hover input {
	color: #FFF;
	text-decoration: none;
	background-color: #066;
	border: 3px #066;
	border-style: outset;
	}
.setupfield_button:active input {
	color: #FFF;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #066;
	border: 3px #066;
	border-style: inset;
	text-decoration: none;
	}
.setupfield_button.personal input {
	color: #FFF;
	text-shadow:0 1px #666;
	background-color: #0CC;
	border: 3px #0CC;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.setupfield_button.personal:hover input {
	color: #FFF;
	text-decoration: none;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: outset;
	}
.setupfield_button.personal:active input {
	color: #FFF;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: inset;
	text-decoration: none;
	}
.setupfield_testbtn input {
	width:100px;
	height:30;
	color: #FFF;
	text-shadow:0 1px #666;
	background-color: #0CC;
	border: 3px #0CC;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.setupfield_testbtn:hover input {
	width:100px;
	height:30;
	color: #FFF;
	text-decoration: none;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: outset;
	}
.setupfield_testbtn:active input {
	width:100px;
	height:30;
	color: #FFF;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: inset;
	text-decoration: none;
	}	
	
/* Facebook�{�^�� */
.facebook_button a {
	display: block;
	background-image: url(../images/facebook_01bn.png);
	width: 240px;
	height: 40px;
	border: 0;
	text-align: center;
	text-indent: -9999px;
	margin: 20px auto 0 auto;
	}
.facebook_button a:link {
	background-image: url(../images/facebook_01bn.png);
	}
.facebook_button a:hover {
	background-image: url(../images/facebook_02bn.png);
	}
.facebook_button a:active {
	background-image: url(../images/facebook_03bn.png);
	}
.facebook_underline {
	width: 94%;
	text-align: center;
	border-top: 1px #ccc solid;
	margin: 25px auto 20px auto;
	}
	
/* ���[�U�[�o�^�{�^�� */
.ffield_button {
	width: 240px;
	height: 40px;
	margin: 30px auto 30px auto;
	}
.ffield_button a {
	text-align: center;
	text-decoration: none;
	}
.ffield_button input {
	width: 240px;
	height: 40px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #666;
	background-color: #F66;
	border: 3px #F66;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.ffield_button.short_button input {
	width: 200px;
	height: 40px;
	margin: 0 5px 0 10px;
	}
.ffield_button:hover input {
	color: #FFF;
	text-decoration: none;
	background-color: #C33;
	border: 3px #C33;
	border-style: outset;
	}
.ffield_button:active input {
	color: #FFF;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #C33;
	border: 3px #C33;
	border-style: inset;
	text-decoration: none;
	}
.conf_button {
	width: 100%;
	text-align: center;
	margin: 15px auto 30px auto;
	}
.user_conf_txt .user_setup_r {
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 25px 0;}


/* �m�F�Z�b�g */
.confirm_set {
	width: 600px;
	height: 40px;
	text-align: center;
	margin: 30px auto 30px auto;
	}
.confirm_set .setupfield_button {
	text-decoration: none;
	}
.confirm_set .setupfield_button input {
	width: 240px;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-shadow:0 1px #666;
	background-color: #099;
	border: 3px #099;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.confirm_set .setupfield_button:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #066;
	border: 3px #066;
	border-style: outset;
	}
.confirm_set .setupfield_button:active input {
	color: #fff;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #066;
	border: 3px #066;
	border-style: inset;
	}
.confirm_set.personal {
	width: 600px;
	height: 40px;
	text-align: center;
	margin: 30px auto 50px auto;
	}
.confirm_set.groregi {
	width: 600px;
	height: 40px;
	text-align: center;
	margin: 40px auto 50px auto;
	}	

/* �{�^���Z�b�g */
.button_set {
	width: 500px;
	height: 40px;
	text-align: right;
	text-decoration: none;
	margin: 40px auto 50px auto;
	}
.set_L {
	float: left;
	margin: 0;}
.set_R {
	float: right;
	margin: 0;}

/*�O���[�v�폜�{�^��*/
.groupdelete_button {
	text-align: center;
	}
.groupdelete_button {
	text-decoration: none;
	}
.groupdelete_button input {
	width: 240px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #666;
	background-color: #C30;
	border: 3px #C30;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin: 5px auto 20px auto;
	}
.groupdelete_button:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #930;
	border: 3px  #930;
	border-style: outset;
	}
.groupdelete_button:active input {
	color: #fff;
	text-shadow:0 -1px #666;
	text-decoration: none;
	background-color: #930;
	border: 3px #930;
	border-style: inset;
	text-decoration: none;
	}

/***********************/
.white_inner_rankcap {
	height: 150px;
	padding: auto 10px auto 10px;
	background-color: #ededed;
	vertical-align: middle;
	position: relative;
	}
.white_inner_rankcap span {
	color: #C66;
	font-size: 30px;
	margin: 0 5px 0 5px;
	}
.rankcap_img {
	float:left;
	margin: 10px;
	}
.rankcap_textL {
	width: 300px;
	color: #333;
	font-size: 20px;
	text-align: center;
	position: absolute; top:40px; left:150px;
	}
.rankcap_textR {
	color: #333;
	font-size: 20px;
	position: absolute; top:40px; left:500px;
	}
.i_ranking {
	width: 18px;
	height: 18px;
	border: 0;
	margin: 0 5px 0 5px;
	vertical-align: text-bottom;}	
	
/***********************/
	
.statextW {
	color: #ffffff;
	padding: 1px 0 0 3px;
}
.statextK {
	color: #554433;
	padding: 1px 0 0 0;
}
.white_inner_state {
	display: inline;
}
.white_inner_state img {
	position: absolute; left: 206px;
	padding: 3px 0 0 0;
}
.white_inner_accom {
	float: right;
	margin-right: 1px;
	font-family:Arial, Helvetica, sans-serif;}
.white_inner_more {
	float: right;
	height: 13px;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.white_inner_more a{
	padding: 0 3px;
	color: #090;
	}
.white_inner_more a:link {
	text-decoration: none;
	}
.white_inner_more a:visited {
	text-decoration: none;
	}
.white_inner_more a:hover {
	color: #FFF;
	background-color: #9C6;
	text-decoration: none;
	padding: 0 3px;
	}
.white_inner_more a:active {
	color: #FFF;
	background-color: #693;
	text-decoration: none;
	padding: 0 3px;
	}

.member_s, .member_s_report, .member_s_approve{ float:left; cursor: pointer;}
/*.member_width_s, .member_width_s_selected{cursor: pointer;}*/
div.member_width_s:hover{background-color:#00CCCC;cursor: pointer;}
.member_s_selected{background-color:#00CCCC; cursor: pointer; float:left;}
.member_s_selected_width{background-color:#00CCCC; cursor: pointer; float:none;}
.member_s_report, .member_s_approve{ background-color: #A9A9A9;}
.member_s p{ 
	position:absolute;
	margin-top:51px;
	z-index:100; 
	background-color: #FFF;
	filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity:0.85;
	text-align:center;
	font-size:10px;
	font-weight:600;
	width:66px;
	}
.member_s p.name_card{
	margin:0;
	opacity: 1.0;
	position:relative;
	padding:0;
	width:137px;
	height:20px;
	z-index:100; 
	font-size:12px;
	font-weight:600;
	text-align:center;
	background-color:#FFF;
	}
.member_s_selected p{ 
	z-index:100; 
	background-color: #00CCCC;
	text-align:center;
	font-size:12px;
	height:20px;
	font-weight:600;
	}
.member_s_selected_width p{ 
	z-index:100; 
	background-color: #00CCCC;
	text-align: inherit;
	font-size:12px;
	height:20px;
	font-weight:600;
	padding:5px 0 0 34px;
	}
.member_width_s p.name_card_s{
	margin:0 0 0 32px;
	opacity: 1.0;
	position:relative;
	padding:5px 0 0 2px;
	width: auto;
	height:27px;
	z-index:100; 
	font-size:12px;
	font-weight:600;
	text-align: inherit;
	vertical-align:middle;
	background-color:#FFF;
	}
.member_s_selected_square p{
    background-color: #00CCCC;
    font-size: 10px;
    margin-top: 51px;
    opacity: 0.75;
    position: absolute;
    text-align: center;
    width: 66px;
	height:15px;
    z-index: 100;
	}
.member_s_report p.report{ 
    margin:0;
	opacity: 1.0;
	position:relative;
	padding:0;
	width:137px;
	height:20px;
	z-index:100; 
	font-size:14px;
	color:#FFF;
	font-weight:600;
	text-align:center;
	background-color:#000;
	    filter:alpha(opacity=20);
    	-moz-opacity:0.60;
    	-khtml-opacity: 0.60;
    	opacity:0.60;
}
.member_s_approve p.approve{
	margin:0;
	opacity: 1.0;
	position:relative;
	padding:47px 0 0 0;
	margin:-47px 0 0 0;
	width:137px;
	height:20px;
	z-index:100; 
	font-size:14px;
	color:#FFF;
	font-weight:600;
	text-align:center;
	background-color:#000;
	    filter:alpha(opacity=20);
    	-moz-opacity:0.60;
    	-khtml-opacity: 0.60;
    	opacity:0.60;
}
.member_s_approve p.approve_stamp{
	background-color:#000;
	width:137px;
	}
.member_s_approve p.approve_stamp img{
	position:absolute;
	z-index:101;
	width:62px; height:62px;
	padding-left:75px;}
.member_s_report p.report_stamp{
	width:137px;}
.member_s_report p.report_stamp img{
	position:absolute;
	z-index:101;
	width:54px; height:40px;
	padding-left:83px;}
.member_s img, .member_{ position:absolute; z-index:99;}
.member_s_selected img, .member_s_report img, .member_s_approve img{
	position:absolute;
	z-index:98;
	width:46px; height:46px;}
.member_s_selected_width img, .member_width_s img{
	position:absolute;
	z-index:98;
	width:32px; height:32px;}
.member_s_selected_square img{
	height: 62px;
    padding: 2px;
    position: absolute;
    width: 62px;
    z-index: 98;}

.member_client_title{
    color: #27749C;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 -1px #003652;
	text-align:center;}
.member_incharge_title{
    color: #ED7D71;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 -1px #ED5747;
	text-align:center;}


/*���X�g�p�y�[�W���[*/	
.white_inner_pager {
	width: 100%;
	text-align: center;
	}		
.white_inner_pager ul {
	text-align:center;
	vertical-align: middle;
	margin: 10px auto 5px auto;
	}
.white_inner_pager li {
	display: inline-block;
	margin:0 auto;
	border: 1px #ccc solid;
	}
.white_inner_pager li.prev {
	margin:0 auto;
	border: none;
	}
.white_inner_pager li.next {
	float:none;
	margin:0 auto;
	width:60px;
	font-size:13px;
	border: none;
	}
.white_inner_pager li a {
	display: block;
	padding: 1px 5px;
	color: #aaa;
	}
.white_inner_pager li span {
	display: block;
	padding: 1px 5px;
	color: #fff;
	font-weight: bold;
	background: #ccc;
	}
.white_inner_pager li a:link {
	text-decoration: none;
	}
.white_inner_pager li a:visited {
	text-decoration: none;
	}
.white_inner_pager li a:hover {
	background-color: #eee;
	text-decoration: none;
	}
.white_inner_pager li a:active {
	color: #FFF;
	background-color: #ccc;
	text-decoration: none;
	}
	
/*todo�R�����g�p�y�[�W���[*/	
.green_inner_pager {
	width: 100%;
	text-align: center;
	}		
.green_inner_pager ul {
	vertical-align: middle;
	margin: 10px auto 5px auto;
	}
.green_inner_pager li {
	display: inline-block;
	margin-right: 5px;
	border: 1px #6CC solid;
	}
.green_inner_pager li.prev {
	border: none;
	}
.green_inner_pager li.next {
	border: none;
	}
.green_inner_pager li a {
	display: block;
	padding: 1px 5px;
	color: #399;
	}
.green_inner_pager li span {
	display: block;
	padding: 1px 5px;
	color: #fff;
	font-weight: bold;
	background: #6CC;
	}
.green_inner_pager li a:link {
	text-decoration: none;
	}
.green_inner_pager li a:visited {
	text-decoration: none;
	}
.green_inner_pager li a:hover {
	background-color: #D3EFEA;
	text-decoration: none;
	}
.green_inner_pager li a:active {
	color: #399;
	background-color: #C2FEFE;
	text-decoration: none;
	}

/*�G���[���b�Z�[�W*/
.error_message {
	height: 100%;
	width: 90%;
	clear: both;
	}
.error_message span {
	display: block;
	width: auto;
	float: none;
	text-align: left;
	color: #f00;
	background-color: #fff;
	border: 2px #f00 solid;
	padding: 3px 10px;
	margin: 0 3px 3px 0;
	list-style: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

/* �^�X�N�ڍׂ̃R�����gBOX */
.thin_green { background-color:#aaeee9;}
.thin_green_inner {
	padding:10px; 
	background-color:#9ed6d3;}
	
.emerald {background-color:#12c3c1;}
.emerald_inner {
	padding:10px; 
	background-color:#10adab;
	color:#fff;}
	
.white_inner_inherit .detail_photo {
	width: 28px;
	height: 28px;
	vertical-align: top;
	margin: 0 5px 0 0;}
.white_inner_inherit .detail_who {
	font-size: 16px;}
.white_inner_inherit.attach_file li{
	float:left;
	width:472px;
	height:25px;
	padding:8px 0 0 10px;}
.white_inner_namecard span {
	float: right;}
.grid_2 textarea {
	border:1px solid #777;
	padding: 5px;
	color: #333;
	background: #fff;
	width:274px;
	max-width:274px;}
	
/* add task 2Weeks view */
.emerald {
    background-color:#28C0BE;
    height: inherit;}
.bigemerald {
    background-color:#28C0BE;
    height: auto;}	
	.emerald:hover {
    background-color:#00CCCC;}
.month_num {
	font-family: 'Oswald', sans-serif;
	width:932px;
	cursor:pointer;
	background-color:#0fa3a1;
	border-right:1px #169090 solid;
	border-bottom:1px #169090 solid;
	/*background-color: #F0F0F0;
	border-right:1px #555 solid;
	border-bottom:1px #555 solid;*/
	font-size:35px;
	font-weight: bold;
	text-align:center;
	position: relative;
	float:left;
	margin:4px 2px;
	padding:2px 0 8px 0;
	color:#D2D8DD;/*#575757;*/
	text-shadow:0 -1px #666;}
.emerald_2weekcal_regular {
	height:200px;
}

.emerald_2weekcal_inner {
    background-color:#10ADAB;
    padding:0 4px;}
.emerald_2weekcal_inner ul.ampm_font{
	padding:20px 0;}
.emerald_2weekcal_inner ul.ampm_font_routine{
	margin-left:200px;
	padding:10px 0;}
.emerald_2weekcal_inner ul.long{
	margin-left:150px;
	padding:10px 0;}		
.emerald_2weekcal_inner li.edit{
	width:60px;
	height:60px;
	cursor:pointer;
	background-color:#0fa3a1;
	border-right:1px #169090 solid;
	border-bottom:1px #169090 solid;
	/*background-color: #F0F0F0;
	border-right:1px #555 solid;
	border-bottom:1px #555 solid;*/
	text-align:center;
	position: relative;
	float:left;
	margin:4px 2px;
	padding:2px 0 8px 0;
	color:#D2D8DD;/*#575757;*/
	text-shadow:0 -1px #666;}
	.emerald_2weekcal_inner li.edit:hover{
		text-shadow:0 1px #FFF;}
.emerald_2weekcal_inner li{
	height:60px;
	width:60px;
	cursor: default;
	border-right:1px /*#0fa3a1*/#169090 solid;
	border-bottom:1px /*#0fa3a1*/#169090 solid;
	text-align:center;
	position: relative;
	float:left;
	margin:4px 2px;
	padding:2px 0 8px 0;
	color:#169090;
	text-shadow:none;
	/*opacity: 0.35;*/
}
.emerald_2weekcal_inner li.edit:hover{
		text-shadow:0 1px #FFF;}
.ampm_font li.edit, li.void{
	padding-top:10px;
	height:40px;}
	
.ampm_font_routine li.void_long {
    border: medium none;
    cursor: pointer;
    height: 40px;
    padding-top: 5px;
    width: 75px;
}	

.ampm_font_routine li.edit_routine_task {
	background:none;
    color: #D2D8DD;
    cursor: pointer;
    font-size: 34px;
    height: 35px;
    padding-bottom: 10px;
    text-shadow: 0 -1px #666666;
    width: 112px;
}

.ampm_font_routine li.edit_routine_task select {
	background: none repeat scroll 0 0 #0FA3A1;
    border: medium none;
    color: #D2D8DD;
    font-size: 34px;
    font-weight: bold;
    height: 44px;
    text-align: center;
    text-shadow: 0 -1px #666666;
    vertical-align: text-top;
    width: 112px;
}

.ampm_font_routine li.edit_routine_task select:hover {
	background: #00CCCC;
	color: #169090;
}

.ampm_font_routine li.edit_routine_task select option {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-size: 14px;
    text-align: center;
}

.emerald_2weekcal_inner li.term_arrow{
	background-image:url(../images/arrow_r_60.png);
	background-position:right bottom;
	background-repeat: no-repeat;}
.emerald_2weekcal_inner li.selected{
	}		
		.emerald_2weekcal_inner li.selected:hover{
			background-color:#00CCCC;
			background-image:none;
			border-right:1px #169090 solid;
			border-bottom:1px #169090 solid;
			border-left:none;
			border-top:none;
			color:#169090;}
.emerald_2weekcal_inner li p{
		font-size:12px;
		font-weight:600;
		height:12px;
		padding:0;
		/*text-shadow:none;*/
		color:#F90;}
		.emerald_2weekcal_inner li.mon_to_fri{
			margin-top:10px;
			height:24px;
			padding:0;
			background-color:;
			color:#FFF;
			font-size:16px;}
		.emerald_2weekcal_inner li.sunday{
			margin-top:10px;
			height:24px;
			padding:0;
			color:#fff;
			font-size:16px;
			border-bottom:4px #e497a6 solid;
			border-right:none;}
		.emerald_2weekcal_inner li.saturday{
			margin-top:10px;
			height:24px;
			padding:0;
			color:#fff;
			font-size:16px;
			border-bottom:4px #26cbee solid;
			border-right:none;}
		.emerald_2weekcal_inner li.void{
			border:none;}
		.emerald_2weekcal_inner li.void p.cal_edit{
			margin-top:35px;
			margin-left:20px;}
		.emerald_2weekcal_inner li.void .clock{
			margin-top:5px;
			margin-left:-5px;}
		.emerald_2weekcal_inner li.void .calender{
			margin-top: 1px;}	
.emerald_2weekcal_inner li div{
		font-size:14px;
		padding:0;
		font-weight: normal;}
.emerald_2weekcal_inner li.today{
		/*
		background-color:#00669b;
		IE10 
		background-image: -ms-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Mozilla Firefox
		background-image: -moz-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Opera
		background-image: -o-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Webkit (Safari/Chrome 10)
		background-image: -webkit-gradient(radial, left top, 0, left top, 960, color-stop(0, #00669B), color-stop(1, #003652));
		Webkit (Chrome 11+)
		background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Proposed W3C Markup
		background-image: radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		
		border-left:none;
		border-top:none;
		border-right:none; border-bottom:none;
		color:#66cbc9;*/}
.emerald_2weekcal_inner li.edit:hover{
		background-color:#00CCCC;
		color:#169090;}
.emerald_2weekcal_inner li.today:hover{
		background-color:#00CCCC;
		background-image:none;
		border-right:1px #169090 solid;
		border-bottom:1px #169090 solid;
		border-left:none;
		border-top:none;
		color:#169090;}
.cream_2weekcal_inner li.edit:hover p{
		color:#169090;}
.emerald_2weekcal_inner li span{
		font-size:12px;
		padding:0;
		margin:0 0 0 -2px}
.emerald_2weekcal_title {
    	color: #FFF;
    	font-size: 16px;
    	font-weight: 600;
    	margin:0;
    	padding:0 5px 0 10px;
    	text-shadow: 0 -1px #666;
		opacity: 0.6;}
		.emerald_2weekcal_title p.cal_edit{
			width:70px; height:40px;
			text-align:right;}
.date_time_font_2weekcal_result{
	background-color:#00CCCC;
	/* IE10 */ 
	background-image: -ms-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 501, color-stop(0, #00CCCC), color-stop(1, #10ADAB));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Proposed W3C Markup */ 
	background-image: radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	
	padding:2px;
	margin-top:20px;
	color:#fff;
	text-shadow: 0 -1px #666;
	text-align: center;}
	
.date_time_font_2weekcal_result_repeat{
	background-color:#00CCCC;
	/* IE10 */ 
	background-image: -ms-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 501, color-stop(0, #00CCCC), color-stop(1, #10ADAB));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Proposed W3C Markup */ 
	background-image: radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	
	padding:2px;
	margin-top:20px;
	color:#fff;
	text-shadow: 0 -1px #666;
	text-align: center;}	

/*�P�����\��*/
.emerald_1monthcal_inner li.term_arrow{
	background-image:url(../images/img_goontask_1.png);
	background-position:right bottom;
	background-repeat: no-repeat;}
.emerald_1monthcal_inner li.selected{
		/*
		background-color:#FFF2C3;
		*/
		background-color:#00669b;
		
		/* IE6-9 fallback on horizontal gradient */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00669b', endColorstr='#003652',GradientType=1 ); 
		/* IE10 */ 
		background-image: -ms-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		/* Mozilla Firefox */
		background-image: -moz-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		/* Opera */
		background-image: -o-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		/* Webkit (Safari/Chrome 10) */
		background-image: -webkit-gradient(radial, left top, 0, left top, 960, color-stop(0, #00669B), color-stop(1, #003652));
		/* Webkit (Chrome 11+) */
		background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		/* Proposed W3C Markup */
		background-image: radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		color:#FFF;
		text-shadow:0 -1px #003652;}		
		.emerald_1monthcal_inner li.selected:hover{
			background-color:#00CCCC;
			background-image:none;
			border-right:1px #169090 solid;
			border-bottom:1px #169090 solid;
			border-left:none;
			border-top:none;
			color:#169090;}
		.emerald_1monthcal_inner div.checked_day{
			width:65px;
			height:75px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
		.emerald_1monthcal_inner div.checked_time{
			width:65px;
			height:68px;
			background-image:url(../images/check60.png);
			background-position:bottom right;
			background-repeat:no-repeat;
			position:absolute;
			z-index:100;}
.emerald_1monthcal_inner li p{
		font-size:12px;
		font-weight:600;
		height:12px;
		padding:0;
		/*text-shadow:none;*/
		color:#F90;}
		.emerald_1monthcal_inner li.mon_to_fri{
			margin-top:10px;
			height:24px;
			background-color:;
			color:#FFF;
			text-align:center;
			font-size:16px;
            margin: 4px 3px;
            padding: 2px 0 8px 2px;}
		.emerald_1monthcal_inner li.sunday{
			margin-top:10px;
			height:24px;
			color:#fff;
			text-align:center;
			font-size:16px;
			border-bottom:4px #e497a6 solid;
			border-right:none;
            margin: 4px 3px;
            padding: 2px 0 8px 2px;}
		.emerald_1monthcal_inner li.saturday{
			margin-top:10px;
			height:24px;
			color:#fff;
			text-align:center;
			font-size:16px;
			border-bottom:4px #26cbee solid;
			border-right:none;
			margin: 4px 3px;
            padding: 2px 0 8px 2px;}
		.emerald_1monthcal_inner li.void{
			border:none;}
		.emerald_1monthcal_inner li.void p.cal_edit{
			margin-top:35px;
			margin-left:20px;}
		.emerald_1monthcal_inner li.void .clock{
			margin-top:5px;
			margin-left:-5px;}
.emerald_1monthcal_inner li div{
		font-size:14px;
		padding:0;
		font-weight: normal;}
.emerald_1monthcal_inner li.today{
		/*
		background-color:#00669b;
		IE10 
		background-image: -ms-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Mozilla Firefox
		background-image: -moz-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Opera
		background-image: -o-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Webkit (Safari/Chrome 10)
		background-image: -webkit-gradient(radial, left top, 0, left top, 960, color-stop(0, #00669B), color-stop(1, #003652));
		Webkit (Chrome 11+)
		background-image: -webkit-radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		Proposed W3C Markup
		background-image: radial-gradient(left top, ellipse farthest-side, #00669B 0%, #003652 100%);
		
		border-left:none;
		border-top:none;
		border-right:none; border-bottom:none;
		color:#66cbc9;*/}
.emerald_1monthcal_inner li.edit:hover{
		background-color:#00CCCC;
		color:#169090;}
.emerald_1monthcal_inner li.today:hover{
		background-color:#00CCCC;
		background-image:none;
		border-right:1px #169090 solid;
		border-bottom:1px #169090 solid;
		border-left:none;
		border-top:none;
		color:#169090;}
.cream_1monthcal_inner li.edit:hover p{
		color:#169090;}
.emerald_1monthcal_inner li span{
		font-size:12px;
		padding:0;
		margin:0 0 0 -2px}
.emerald_1monthcal_title {
    	color: #FFF;
    	font-size: 16px;
    	font-weight: 600;
    	margin:0;
    	padding:0 5px 0 10px;
    	text-shadow: 0 -1px #666;
		opacity: 0.6;}
		.emerald_1monthcal_title p.cal_edit{
			width:70px; height:40px;
			text-align:right;}
.date_time_font_1monthcal_result{
	background-color:#00CCCC;
	/* IE10 */ 
	background-image: -ms-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 501, color-stop(0, #00CCCC), color-stop(1, #10ADAB));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	/* Proposed W3C Markup */ 
	background-image: radial-gradient(center, circle closest-corner, #00CCCC 0%, #10ADAB 100%);
	
	padding:2px;
	margin-top:20px;
	color:#fff;
	text-shadow: 0 -1px #666;
	text-align: center;}	
	
/* �ʐ^���T�C�Y */
.photo_compact {
	text-align: center;}
.photo_compact img {
	width: 50%;
	max-width: 240px;
	height: auto;}
	
/* FAQ�J�e�S���[���j���[ */
.faq_category table{
	font-size: 14px;
	width: 680px;
	border: 1px #ccdcdc solid;
	border-collapse: collapse;
	margin: 5px auto 10px auto;}
.faq_category td{
	padding: 5px;}
.faq_category ul{
	clear: both;
	list-style: none;}
.faq_category li{
	float:left;
	margin: 3px 5px;}
.faq_category li a{
	padding: 1px 3px;
	color: #169090;}
.faq_category li a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #00CCCC;}
.faq_category li a:active{
	color: #fff;
	text-decoration: none;
	background-color: #169090;}
.category_link {
	margin: 0 0 5px 0;
	color: #169090;}
.pagetop_link {
	text-align: right;
	margin: 10px 0 20px 0;}
.pagetop_link a {
	color: #169090;}
.inquiry_link {
	text-align: right;
	padding: 5px 10px;
	margin: 10px 0 30px 0;
	background-color: #169090;}
.inquiry_link a {
	color: #fff;
	font-weight: bold;}
	
/* FAQ�R���e���c */
.faq_contents {
	margin: 15px 130px 0px 130px;}
.faq_contents_q {
	width: 678px;
	background-color: #169090;
	-moz-border-radius: 5px 5px 0 0;     
	-webkit-border-radius: 5px 5px 0 0;     
	border-radius: 5px 5px 0 0;
	vertical-align: top;
	padding: 0;}
.faq_img_q {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
	background-color: #FC6;
	background: url("../images/icon20_faq_q.png") no-repeat;
	margin: 5px 3px 5px 10px;}
.faq_txt_q {
	display: inline-block;
	width: 620px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	margin: 5px 0 5px 5px;}
.faq_contents_a {
	width: 678px;
	background-color: #fff;
	-moz-border-radius: 0 0 5px 5px;     
	-webkit-border-radius: 0 0 5px 5px; 
	-ms-border-radius: 0 0 5px 5px;    
	border-radius: 0 0 5px 5px;
	vertical-align: top;
	padding: 5px 0;
	margin-bottom: 10px;}
.faq_img_a {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
	background-color: #FC6;
	background: url("../images/icon20_faq_a.png") no-repeat;
	margin: 5px 3px 5px 10px;}
.faq_txt_a {
	display: inline-block;
	width: 620px;
	font-size: 14px;
	line-height: 150%;
	color: #344;
	margin: 5px 0 5px 5px;}
	
/* �l�����L���O */
.white_inner_rankper {
	padding: 10px;
	background-color: #ededed;
	vertical-align: middle;
	clear: both;}
.rankper_title {
	color: #e66;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
	clear: both;}
.rankper_title img {
	width: 20px;
	height: 20px;
	vertical-align: sub;
	margin: 0 5px 2px 0;}
.rankper_title span {
	float: right;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	margin: 0;}

.rankper_field {
	display: inline-block;
	width: 700px;
	height: 180px;
	vertical-align: middle;
	margin: 10px;
	position: relative;
	}
.rankper_thanks {
	float: right;
	width: 100%;
	height: auto;
	background-color: #e66;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 6px #b44 inset;
	-webkit-box-shadow: 2px 2px 6px #b44 inset;
	-moz-box-shadow: 2px 2px 6px #b44 inset;
	position: absolute; bottom: 10px;
	}
.rankper_country {
	float: right;
	width: 100%;
	height: auto;
	background-color: #e66;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;     
	border-radius: 10px;
	box-shadow: 2px 2px 6px #b44 inset;
	-webkit-box-shadow: 2px 2px 6px #b44 inset;
	-moz-box-shadow: 2px 2px 6px #b44 inset;
	position: absolute; top: 15px;
	}
.rankper_txt {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 1px 1px #633;
	margin: 0 10px 0 30px;
	}
.rankper_txt span {
	color: #FF0;
	font-size: 40px;
	vertical-align: sub;
	margin: 5px 10px 0 10px;
	}
	
span.ur_statusis {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 1px 1px #633;
	vertical-align: sub;
	}

/* �O���[�v�����L���O */	
.white_inner_rankgrp {
	padding: 10px;
	background-color: #ededed;
	vertical-align: middle;
	clear: both;
	}
.rankgrp_title {
	color: #696;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;}
.rankgrp_title img {
	width: 20px;
	height: 20px;
	vertical-align: sub;
	margin: 0 5px 2px 0;}
.rankgrp_field {
	display: inline-block;
	width: 700px;
	height: 70px;
	vertical-align: middle;
	margin: 10px;
	position: relative;
	}
.rankgrp_country {
	width: 100%;
	height: auto;
	background-color: #696;
	-moz-border-radius: 10px;     
	-webkit-border-radius: 10px;     
	border-radius: 10px;
	box-shadow: 2px 2px 6px #464 inset;
	-webkit-box-shadow: 2px 2px 6px #464 inset;
	-moz-box-shadow: 2px 2px 6px #464 inset;
	position: absolute; bottom:0;
	}
.rankgrp_txt {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 1px 1px #363;
	margin: 0 10px 0 30px;
	}
.rankgrp_txt span {
	color: #FF0;
	font-size: 40px;
	margin: 5px 10px 0 10px;
	vertical-align: sub;
	}
span.ur_statusis {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 1px 1px #633;
	vertical-align:sub;
	}

td.ranking_photo span {
	white-space: nowrap;
	margin: 0;
	}
td.ranking_photo img {
	float: left;
	width: 22px;
	height: 22px;
	border: 0;
	vertical-align: sub;
	margin: 0 0 0 5px;
	}

.i_ranking {
	width: 18px;
	height: 18px;
	border: 0;
	margin: 0 5px;
	vertical-align: sub;}


/* �l�����L���O�C���[�W */
.rankper_img {
	float: left;
	width: 140px;
	height: 180px;
	margin: 10px 30px 10px 20px;
	display: none;
	}
/*		
.rankper_img.rankinman01 { background-image: url(../images/rankingman/rankman_beginner.png);}
.rankper_img.rankinman02 { background-image: url(../images/rankingman/rankman_venturer.png);}
.rankper_img.rankinman03 { background-image: url(../images/rankingman/rankman_fighter.png);}
.rankper_img.rankinman04 { background-image: url(../images/rankingman/rankman_wiseman.png);}
.rankper_img.rankinman05 { background-image: url(../images/rankingman/rankman_king.png);}
*/
	
/* �O���[�v�����L���O�C���[�W */
.rankgrp_img {
	float: left;
	width: 140px;
	height: 70px;
	margin: 10px 30px 10px 20px;
	display: none;
	}
/*
.rankgrp_img.rankingroup01 { background-image: url(../images/rankingroup01.png);}
.rankgrp_img.rankingroup02 { background-image: url(../images/rankingroup02.png);}
.rankgrp_img.rankingroup03 { background-image: url(../images/rankingroup03.png);}
.rankgrp_img.rankingroup04 { background-image: url(../images/rankingroup04.png);}
.rankgrp_img.rankingroup05 { background-image: url(../images/rankingroup05.png);}
*/

/* �^�X�N�ڍ׃Z�b�g */	
.detail_title {
	border-left: 30px #F90 solid;
	background: #FFF;
	box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 20px 10px 20px;
	margin: 10px 10px 15px 10px;
	}
.detail_set {
	border: 1px #ccc solid;
	background-color:#fefefe;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 15px 20px 20px 20px;
	margin: 10px 10px 10px 10px;
	}
.detail_set .item {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background: #F90;
	vertical-align:top;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 5px;
	margin: 0 10px 0 0;
	}
.detail_set .description {
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 5px;
	margin: 0 5px 0 32px;
	}	
.detail_content {
	border-bottom: 1px #eee solid;
	color: #333;
	font-size: 14px;
	line-height: 150%;
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
	}
.detail_limit {
	width:100%;
	float:left;
	border-bottom: 1px #eee solid;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
	}
.detail_priority {
	float: left;
	width: 46%;
	border-bottom: 1px #eee solid;
	color: #333;
	font-size: 14px;
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
	}
.detail_alarm {
	float: right;
	width: 46%;
	border-bottom: 1px #eee solid;
	color: #333;
	font-size: 14px;
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
	}
.detail_attached {
	border-bottom: 1px #eee solid;
	color: #333;
	font-size: 14px;
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
	}
.button_green_download {
	float: right;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	text-shadow:0 1px #666;
	background-color: #58aa00;
	border: 1px #58aa00;
	border-style: outset;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 8px 3px 6px;
	margin: 0 0 10px 0;
	}
.button_green_download:hover {
	color: #FFF;
	background-color: #458516;
	border: 1px #458516;
	border-style: outset;
	}
.button_green_download:active {
	color: #fff;
	text-shadow:0 -1px #666;
	background-color: #458516;
	border: 1px #458516;
	border-style: inset;
	text-decoration: none;
	}
	
.button_green_reuse {
	float: right;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	text-shadow:0 1px #666;
	background-color: #58aa00;
	border: 1px #58aa00;
	border-style: outset;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 8px 3px 6px;
	margin: 0 0 10px 0;
	}
.button_green_reuse:hover {
	color: #FFF;
	background-color: #458516;
	border: 1px #458516;
	border-style: outset;
	}
.button_green_reuse:active {
	color: #fff;
	text-shadow:0 -1px #666;
	background-color: #458516;
	border: 1px #458516;
	border-style: inset;
	text-decoration: none;
	}
	
.detail_client {
	border-bottom: 1px #eee solid;
	color: #333;
	font-size: 14px;
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
	}
.client_photo {
	width: 38px;
	height: 38px;
	vertical-align: middle;
	margin: 0 10px 0 10px;
	}
.detail_date {
	font-size: 12px;
	margin: 0 0 0 10px;
	}
.sky {
	background-color: #F0FCF1;
	height: inherit;
	}
.sky_inner {
	padding: 10px;
	background-color: #DDEDEA;
	}
.sky_title{
	color: #81C1AF;
	font-size:16px;
	font-weight:600;
	text-shadow:0 1px #eee;
	margin:-5px 0 5px 0;
	}
.coral {
	background-color: #FFF8F8;
	height: inherit;
	}
.coral_inner {
	padding: 10px 8px 10px 15px;
	background-color: #F7E7DC;
	}
.coral_inner_s {
	padding: 10px 8px 10px 11px;
	background-color: #F7E7DC;
	}
.coral_title{
	color: #DD8D7D;
	font-size:16px;
	font-weight:600;
    text-shadow: 0 -1px #CB674E;
	margin:-5px 0 5px 0;
	}

.tab_mob {
	width: 170px;
	height: 42px;
	position: relative;}
.tab_mob .tabtxt_mob {
	width: 170px;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	margin: 15px auto auto auto;
	z-index: 111;}
.tab_mob img {
	padding: 0;
	margin: 5px 0 -4px 1px;
	z-index: 110;}

/* �Ǘ��Ґݒ�^�u�p�^�[�� */
.adminsetup_plan {
	padding: 20px 0 0 0;}
.adminsetup_group {
	padding: 40px 0 0 0;}
.adminsetup_time {
	padding: 40px 0 0 0;}
.adminsetup_adduser {
	padding: 50px 0 0 0;}
.adminsetup_privilege {
	padding: 50px 0 0 0;}
ul.tab {
	padding:0;
	margin: 0 auto 0 43px;
	font-size: 14px;
	white-space: nowrap;
}
ul.tab li.tabnavi {
	float:left;
	list-style-type:none;
	width:170px;
	height:40px;
}

ul.tab li.tabnavi_setup {
	background: url(../images/tab_not_selected.png) no-repeat;
    float: left;
	margin-left:10px;
	margin-right:10px;
    height: 40px;
    list-style-type: none;
    width: 170px;
	text-align:center;
	padding-top:10px;
	text-decoration:none;
}

ul.tab li.tabnavi_setup.ui-tabs-selected {
	background: url(../images/tab_ur_info.png) no-repeat;
    float: left;
	margin-left:10px;
	margin-right:10px;
    height: 40px;
    list-style-type: none;
    width: 170px;
	text-align:center;
	padding-top:10px;
	text-decoration:none;
}


ul.tab li.tabnavi a {
	outline:none;
	background:url("../images/tab.png");
	display:block;
	color: #CBA253;
	font-weight: 600;
	text-decoration: none;
	line-height:40px;
	text-align:center;
}
ul.tab li.tabnavi a.selected {
	background:url("../images/tab_selected.png");
	text-decoration:none;
	cursor:default;
}
ul.tab li.tabnavi a.selected span {
	color: #937450;
	font-weight: 600;
	text-shadow: 1px 1px #fff;
}
ul.tab li.tabnavi a.useregi {
	background:url("../images/tab_useregi.png");
	text-decoration:none;
	cursor:default;
}
ul.tab li.tabnavi a.useregi span {
	color: #468;
	text-shadow: 1px 1px #eef;
}
ul.tab li.tabnavi a.inquiry {
	background:url("../images/tab_inquiry.png");
	text-decoration:none;
	cursor:default;
}
ul.tab li.tabnavi a.inquiry span {
	color: #468;
	text-shadow: 1px 1px #eef;
}
ul.tab li.tabnavi a.groregi {
	background:url("../images/tab_group.png");
	text-decoration:none;
	cursor:default;
}
ul.tab li.tabnavi a.groregi span {
	color: #464;
	text-shadow: 1px 1px #efe;
}
ul.tab li.tabnavi a.error {
	background:url("../images/tab_error.png");
	text-decoration:none;
	cursor:default;
}
ul.tab li.tabnavi a.error span {
	color: #666;
	text-shadow: 1px 1px #eee;
}
ul.tab li.tabnavi a.staffroll {
	background:url("../images/tab_staffroll.png");
	text-decoration:none;
	cursor:default;
}
ul.tab li.tabnavi a.staffroll span {
	color: #ccc;
}
ul.tab li.tabnavi a.personal {
	background:url("../images/tab_personal.png");
	text-decoration:none;
	cursor:default;
}
ul.tab li.tabnavi a.personal span {
	color: #A44;
	text-shadow: 1px 1px #fee;
}
ul.tab li.tabnavi a.ur_info {
	background:url("../images/tab_ur_info.png");
	text-decoration:none;
	cursor:default;
	height:50px;
	margin:7px 0 0 0;
}

ul.tab li.tabnavi a.ur_info span {
	font-size:18px;
	font-weight: bold;
	color: #A44;
	text-shadow: 1px 1px #fee;
	vertical-align: middle;
}

ul.tab li.tabnavi_setup a.ur_info span {
    color: #AA4444;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px #FFEEEE;
	padding-left:5px;
}

ul.tab li.tabnavi_setup span {
    color: #AA4444;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px #FFEEEE;
	padding-left:5px;
    vertical-align:top;
}

.plan_detune {
	width: 96%;
	font-size: 12px;
	color: #6B522E; 
	text-align: center;
	background-color:;
	border-top: 1px #DFBE73 solid;
	padding: 10px 0 10px 0;
	margin: 50px auto 0px auto;}

/* �^�u���w�i */
.panel {
	clear: both;
	color: #482F24;
	width: 848px;
	border: 1px #F7D674 solid;
	border-top: none;
	padding: 0;
	margin: 0 auto 30px 43px;
	background-color: #FAE6AF;
	background: -moz-linear-gradient(top, #FAE6AF, #F7D674);
	background: -webkit-gradient(linear, left top, left bottom, from(#FAE6AF), to(#F7D674));
	-moz-box-shadow: 0px 3px 0px 0px #cecece;
    -webkit-box-shadow: 0px 3px 0px 0px #cecece;
    -o-box-shadow: 0px 3px 0px 0px #cecece;
    -ms-box-shadow: 0px 3px 0px 0px #cecece;
}
.panel.useregi {
	color: #357;
	border: 1px #AFDDDC solid;
	border-top: none;
	background-color: #AFDDDC;
	background: -moz-linear-gradient(top, #AFDDDC, #EFF9F9);
	background: -webkit-gradient(linear, left top, left bottom, from(#AFDDDC), to(#EFF9F9));
}
.panel.groregi {
	color: #357;
	border: 1px #D4E4A4 solid;
	border-top: none;
	background-color: #D4E4A4;
	background: -moz-linear-gradient(top, #D4E4A4, #E1F0D0);
	background: -webkit-gradient(linear, left top, left bottom, from(#D4E4A4), to(#E1F0D0));
}
.panel.error {
	color: #666;
	border: 1px #fff solid;
	border-top: none;
	background: #fff;
}
.panel.staffroll {
	color: #ccc;
	border: 1px #000 solid;
	border-top: none;
	background: #000;
	-moz-border-radius: 0 10px 10px 10px;
	-khtml-border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;
	-ms-border-radius: 0 10px 10px 10px;
	border-radius: 0 10px 10px 10px;
}
.panel.personal {
	min-height:400px;
	color: #A44;
	border: 1px #f7c6a4 solid;
	border-top: none;
	background-color: #f7c6a4;
	background: -moz-linear-gradient(top, #f7c6a4, #fcdfc3);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7c6a4), to(#fcdfc3));
	padding-bottom:30px;
}

.extend {
	padding:14px 0 0 20px;
	width: 740px;
	height:40px;
}

a.personal_setting_extend {
	z-index:100000000000000000000000 !important;
	width: 740px;
	height:40px;
	color: #AA4444;
    font-size: 18px;
    font-weight: bold;
    padding-left: 5px;
	cursor:pointer;
	text-shadow:1px 1px #FFEEEE;
}


.panel li.tabnavi {
	list-style-type:none;
	padding: 10px;
}
.radio_list {
	text-align: left;
	vertical-align:bottom;
}

.radio_list_personal {
	text-align: center;
	vertical-align:bottom;
}

.error_txt {
	font-size: 34px;
	font-weight: 600;
	margin: 40px 0 30px 0;}
	
/* �Ǘ��Ґݒ�R���e���c */
.adminfield {
	color: #6B522E;
	font-size: 14px;
	}
.adminfield_input_group_info table {
	width: 432px;
	margin: 10px auto 30px auto;
}
.adminfield table {
	width: 632px;
	margin: 10px auto 30px auto;
	}
.adminfield_input_group_info table td {
	border: none;
	padding: 15px 10px 15px 10px;
	white-space: nowrap;
	}	
.adminfield table td {
	border: none;
	padding: 15px 10px 15px 10px;
	white-space: nowrap;
	}
.adminfield_l {
	width: 30%;
	text-align: right;
	vertical-align: top;
	}
.adminfield_r {
	width: 70%;
	text-align: left;
	vertical-align: top;
	}
.adminfield_l.time {
	width: 40%;
	}
.adminfield_r.time {
	width: 60%;
	}
.confirm_plan .adminfield_l {
	width: 40%;
	}
.confirm_plan .adminfield_r {
	width: 60%;
	font-weight: bold;
	}
	
.adminfield_now {
	width: 400px;
	background-color: #FFF;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	-moz-border-radius: 10px;     
	-webkit-border-radius: 10px;
	border: 2px #2CC5BD solid;    
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px 1px #ccc inset;
    -webkit-box-shadow: 1px 1px 3px 1px #ccc inset;
    -o-box-shadow: 1px 1px 3px 1px #ccc inset;
    -ms-box-shadow: 1px 1px 3px 1px #ccc inset;
	padding: 20px 40px 20px 10px;
	margin: 10px auto 30px auto;
	}
.adminfield_now span {
	color: #fff;
	font-weight: bold;
	background-color: #0CC;
	padding: 2px 6px;
	text-align: center;
	-moz-border-radius: 10px;     
	-webkit-border-radius: 10px;     
	border-radius: 10px;
	margin: 0 10px 0 0;
	}
.adminfield_now .plan {
	margin: 0 0 15px 0;
	}
.adminfield_comname input {
	width: 280px;
	}
.adminfield_zipcode input {
	width: 140px;
	}
.adminfield_address input {
	width: 280px;
	}
.adminfield_telno input {
	width: 220px;
	}
.adminfield_pername input {
	width: 220px;
	}
.adminfield_peremail input {
	width: 280px;
	}
.adminfield_recital textarea {
	width: 380px;
	max-width: 380px;
	}
.adminfield_recital .setupfield_l {
	vertical-align: top;
	}
.adminfield_group input {
	width: 180px;
	}
.adminfield_url input {
	width: 180px;
	}
.adminfield_time span {
	margin: 0 3px;
	}
.adminfield_adduser {
	padding: 10px auto 0 auto;
	}
.adminfield_adduser input {
	width: 280px;
	}
.adminfield_adduser textarea {
	width: 275px;
	max-width: 275px;
	height: 60px;
	}
.adminfield_privilege span {
	margin-right: 3px;
	vertical-align: text-top;
	}

/* �Ǘ��Ґݒ�{�^�� */
.adminfield_button {
	width: 240px;
	height: 40px;
	margin: 0px auto 50px auto;
	text-align: center;
	text-decoration: none;
	}
.adminfield_button input {
	width: 240px;
	height: 40px;
	color: #fff;
	background-color: #0CC;
	border: 3px #0CC;
	border-style: outset;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #066;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	}
.adminfield_button:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: outset;
	}
.adminfield_button:active input {
	color: #fff;
	text-decoration: none;
    text-shadow:-1px -1px #666;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: inset;
	text-decoration: none;
	}
	
/* �Ǘ��ҍ폜�{�^�� */
.admindelete_button {
	width: 240px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	margin: 0px auto 50px auto;
	}
.admindelete_button input {
	width: 240px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #666;		
	text-decoration: none;
	background-color: #CB494D;
	border: 3px #CB494D;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.admindelete_button:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #8D272F;
	border: 3px  #8D272F;
	border-style: outset;
	}
.admindelete_button:active input {
	color: #fff;
	text-decoration: none;
    text-shadow:-1px -1px #666;
	background-color: #8D272F;
	border: 3px #8D272F;
	border-style: inset;
	text-decoration: none;
	}
	
	/* �����[�����M�{�^�� */
.admininvitation_button {
	width: 240px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	margin: 0px auto 50px auto;
	}
.admininvitation_button input {
	width: 240px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #666;		
	text-decoration: none;
	background-color: #ff8000;
	border: 3px #ff8000;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.admininvitation_button:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #c05800;
	border: 3px  #c05800;
	border-style: outset;
	}
.admininvitation_button:active input {
	color: #fff;
	text-decoration: none;
    text-shadow:-1px -1px #666;
	background-color: #c05800;
	border: 3px #c05800;
	border-style: inset;
	text-decoration: none;
	}

/* �߂�{�^�� */
.return_button {
	width: 240px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	margin: 0px 0 0 0;
	}
.return_button input {
	width: 240px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #333;		
	text-decoration: none;
	background-color: #999;
	border: 3px #999;
	border-style: outset;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
.return_button.short_button input {
	width: 200px;
	height: 40px;
	margin: 0 5px 0 10px;
	}
.return_button:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #777;
	border: 3px  #777;
	border-style: outset;
	}
.return_button:active input {
	color: #fff;
    text-shadow:-1px -1px #333;
	text-decoration: none;
	background-color: #777;
	border: 3px #777;
	border-style: inset;
	}
.return_button.error {
	text-align: center;
	text-decoration: none;
	margin: 30px auto 30px auto;
	}
	
/* �Ǘ��҃��X�g */
.tag_access {
	width: 140px;
	background-color: #2CC5BD;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	-moz-border-radius: 5px 5px 0 0;     
	-webkit-border-radius: 5px 5px 0 0;     
	border-radius: 5px 5px 0 0;
	padding: 5px 10px 1px 10px;
	margin: 0 auto 0 81px;}
.tag_delete {
	width: 140px;
	background-color: #C95A61;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	-moz-border-radius: 5px 5px 0 0;     
	-webkit-border-radius: 5px 5px 0 0;     
	border-radius: 5px 5px 0 0;
	padding: 5px 10px 1px 10px;
	margin: 0 auto 0 81px;}
.tag_invitation {
	width: 210px;
	background-color: #ff8000;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	-moz-border-radius: 5px 5px 0 0;     
	-webkit-border-radius: 5px 5px 0 0;     
	border-radius: 5px 5px 0 0;
	padding: 5px 10px 1px 10px;
	margin: 0 auto 0 81px;}		
.adminbox_list {
	width: 632px;
	background-color: #FFF;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	-moz-border-radius: 0 10px 10px 10px;     
	-webkit-border-radius: 0 10px 10px 10px;     
	border-radius: 0 10px 10px 10px;
	-moz-box-shadow: 1px 1px 3px 1px #ccc inset;
    -webkit-box-shadow: 1px 1px 3px 1px #ccc inset;
    -o-box-shadow: 1px 1px 3px 1px #ccc inset;
    -ms-box-shadow: 1px 1px 3px 1px #ccc inset;
	padding: 15px 25px;
	margin: 0 auto 40px auto;
	}
.adminbox_list li {
	margin: 7px 0 7px 0;}
.adminbox_list li input {
	vertical-align: middle;
	margin: 0 5px 0 5px;}
.list_access { border: 2px #2CC5BD solid;}
.list_delete { border: 2px #C95A61 solid;}
.list_invitation { border: 2px #ff8000 solid;}

	
/* �l�m�F�{�^�� */
.perconfirm_button {
	width: 240px;
	height: 40px;
	margin: 0 auto 50px auto;
	text-align: center;
	text-decoration: none;
	}
.perconfirm_button input {
	width: 240px;
	height: 40px;
	color: #fff;
	background-color: #F66;
	border: 3px #F66;
	border-style: outset;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #066;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	}
.perconfirm_button:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #C33;
	border: 3px #C33;
	border-style: outset;
	}
.perconfirm_button:active input {
	color: #fff;
	text-decoration: none;
    text-shadow:-1px -1px #666;
	background-color: #C33;
	border: 3px #C33;
	border-style: inset;
	text-decoration: none;
	}
.perconfirm_button.personal input {
	color: #fff;
	background-color: #0CC;
	border: 3px #0CC;
	border-style: outset;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #066;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	}
.perconfirm_button.personal:hover input {
	color: #fff;
	text-decoration: none;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: outset;
	}
.perconfirm_button.personal:active input {
	color: #fff;
	text-decoration: none;
    text-shadow:-1px -1px #666;
	background-color: #0FA3A1;
	border: 3px #0FA3A1;
	border-style: inset;
	text-decoration: none;
	}

/* �J�����_�[�̐ؑւ� */

.switch_month {
	padding:0 0 0 5px;
	height:40px;
	width:100%;
}

.switch_month ul {
	width:100%;
	list-style: none;
}

li.previous {
    color: #FFFFFF;
    font-size: 16px;
    height: 24px;
	width:30px;
    padding: 0;
	float:left;
}

li.next {
    color: #FFFFFF;
    font-size: 16px;
    height: 24px;
	width:30px;
	margin-right:50px;
    padding: 0;
	float:right;
}

li.notice {
	color:#F00;
}

 /* tooltip styling. by default the element to be styled is .tooltip  */
  .tooltip {
    background: url(../images/bg_tooltip_cloud.png) no-repeat;
    font-size:12px;
    height:90px;
    width:135px;
	margin:150px 0 0 0;
	padding:40px 0 0 0;
    color: #333;
	font-weight:bold;
	line-height:13px;
	text-align:center;
	z-index:3147483647 !important;
	position:absolute;
	/* display:block; */
  }  
  
    /* style the trigger elements */
  div.adminsetting a {
	border:0;
	cursor:pointer;
	margin:0 0 0 0;
	/* z-index:103; */
	/*display:block; */
  }
  
  div.faq a {
	border:0;
	cursor:pointer;
	margin:0 0 0 0;
	/* z-index:103; */
	/*display:block; */
  }
.calender_extend {
	width:100%;
	height:100px;
}
  
div.open {
	cursor: pointer;
    height: 25px;
    margin: 0 auto;
    width: 82px;
}


#slideBox{
	display:none;
	height:158px;
}

.calender_box {
	width: 952px;
	float: left;
	margin: 0 0 0 0px;}

#ui-tab {
	list-style:none;
}

#ui-tab_mailsetup {
	padding-top:50px;
	width:850px;
	height:auto;
	list-style:none;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
li.tabtab .ui-tabs-selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0 1px #FFF;
	text-align: center;
	color:#CBA253;
	background-color:#FAE6AF;
	line-height:-0.7em;
	cursor:pointer;
	border-bottom:1px solid #169090;
	width:123px; height:27px;
	float:left; margin-left:2px;}

a#down {
	background: url(https://app.todous.jp/css/..images/btn_open.png) no-repeat;
	display:inline-block;
}

a#down:hover {
	background: url(https://app.todous.jp/css/..images/btn_open1.png) no-repeat;
	vertical-align:bottom;
}

a#up {
	background: url(https://app.todous.jp/css/..images/btn_close.png) no-repeat;
	vertical-align:bottom;
}

a#up:hover {
	background: url(https://app.todous.jp/css/..images/bbtn_close1.png) no-repeat;
	vertical-align:bottom;
}

a.btn_close {
	width: 82px;
	height:40px;
	background:url(../images/btn_close.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

a.btn_close:link {
	width:100px;
	height:40px;
	background:url(../images/btn_close.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

a.btn_close:hover {
	width:100px;
	height:40px;
	background:url(../images/btn_close1.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

a.btn_close:active {
	width:100px;
	height:40px;
	background:url(../images/btn_close.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

a.btn_open {
	width:100px;
	height:40px;
	background:url(../images/btn_open.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

a.btn_open:link {
	width:100px;
	height:40px;
	background:url(../images/btn_open.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

a.btn_open:hover {
	width:100px;
	height:40px;
	background:url(../images/btn_open1.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

a.btn_open:active {
	width:100px;
	height:40px;
	background:url(../images/btn_open.png) no-repeat;
	vertical-align: bottom;
	position:absolute;
}

.personal_extend {
	background: none repeat scroll 0 0 #FDF5E6;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 2px 2px #CCCCCC;
    margin: 0 0 10px 53px;
    width: 740px;
	height:50px;
}

.personal_extend_selected {
	background: none repeat scroll 0 0 #FDF5E6;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 2px 2px #CCCCCC;
    margin: 0 0 0 53px;
    width: 740px;
	height:50px;
	cursor:pointer;
}

.personal_extend_selected:hover {
	background: none repeat scroll 0 0 #FFE4E1;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 2px 2px #CCCCCC;
    margin: 0 0 0 53px;
    width: 740px;
	height:50px;
	cursor:pointer;
}

.personal_extend_lower_selected {
	background: none repeat scroll 0 0 #FDF5E6;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px #CCCCCC;
    margin: 2px 0 0 53px;
    width: 740px;
	height:50px;
	cursor:pointer;
}

.personal_extend_lower_selected:hover {
	background: none repeat scroll 0 0 #FFE4E1;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px #CCCCCC;
    margin: 2px 0 0 53px;
    width: 740px;
	height:50px;
	cursor:pointer;
}

.slide_personal {
	background: #FDF5E6;
	margin: -10px 0 10px 53px;
	border-radius: 0 0 7px 7px;
	box-shadow: 0 2px 2px #CCCCCC;
	padding-top:20px;
	padding-bottom:10px;
    width: 740px;
	display:none;
}

.recommended_setting {
	height:55px;
	float:left;
	margin-top:5px;
	margin-left:10px;
}

.receive_all {
	height:55px;
	float:left;
	margin-top:5px;
	margin-left:5px;
}

.setting_details {
	padding:5px;
}

.btn_receive_all {
	text-align:center;
	background-color: #009999;
    border: 2px outset #009999;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    height: 50px;
    text-shadow: 0 1px #666666;
    width: 135px;
}

.btn_receive_all:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #066;
	border: 3px #066;
	border-style: outset;
	}
.btn_receive_all:active {
	color: #FFF;
	text-decoration: none;
	text-shadow:0 -1px #333;
	background-color: #066;
	border: 3px #066;
	border-style: inset;
	text-decoration: none;
	}

.btn_recommended_setting {
	text-align:center;
	background-color: #ff9900;
    border: 2px outset #ff9900;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    height: 50px;
    text-shadow: 0 1px #666666;
    width: 135px;
}

.btn_recommended_setting:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #ff6600;
	border: 3px #ff6600;
	border-style: outset;
	}
.btn_recommended_setting:active {
	color: #FFF;
	text-decoration: none;
	text-shadow:0 -1px #333;
	background-color: #ff6600;
	border: 3px #ff6600;
	border-style: inset;
	text-decoration: none;
	}
.how_to_handle {
	color:#F00;
}
	
/*//////// 付箋UI ///////////*/

#sticky {
    min-width:200px;
	max-width:200px;
	min-height:50px;
    content: "";
    position: absolute;
	background:#FF6 repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	padding-top:17px;
	padding-bottom:8px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
    top: 0px;
    right: 3px;
	z-index: 100000000000000 !important; /* 重なり順を背面へ */
	cursor:move;
    -webkit-box-shadow: 0 5px 5px #555 ;
    -moz-box-shadow: 0 5px 5px #555 ;
    box-shadow: 0 5px 5px #555 ;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
	background: -moz-linear-gradient(left top, #ffff66,  
            #ffcc33 15%,  
            #ffff66 50%,  
            #ffff66 70%,  
            #ffff66);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, right bottom, from(#ffff66),  
            color-stop(0.15, #ffcc33),  
            color-stop(0.5, #ffff66),  
            color-stop(0.7, #ffff66),  
            to(#ffff66));　/* Safari,Google Chrome用 */ 
}

textarea {
	min-width: 310px;
	max-width: 310px;
	min-height: 40px;
}

p.postit {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#999;
}

</script>

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }	
	
.ampm_font li.void_long {
    border: medium none;
    cursor: pointer;
    height: 40px;
    padding-top: 10px;
    width: 75px;
}

.ampm_font li.edit_long {
    background-color: #0FA3A1;
    color: #D2D8DD;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    padding-top: 10px;
    text-shadow: 0 -1px #666666;
    width: 70px;
}

.ampm_font li.edit_long:hover{
	text-shadow:0 1px #FFFFFF;
		background-color:#00CCCC;
		color:#169090;}
		
.emerald_2weekcal_inner li.edit_saturday {
    background-color: #26CBEE;
    border-bottom: 1px solid #169090;
    border-right: 1px solid #169090;
    color: #D2D8DD;
    cursor: pointer;
    float: left;
    height: 60px;
    margin: 4px 2px;
    padding: 2px 0 8px;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px #666666;
    width: 60px;
}

.emerald_2weekcal_inner li.edit_sunday {
    background-color: #E497A6;
    border-bottom: 1px solid #169090;
    border-right: 1px solid #169090;
    color: #D2D8DD;
    cursor: pointer;
    float: left;
    height: 60px;
    margin: 4px 2px;
    padding: 2px 0 8px;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px #666666;
    width: 60px;
}

.emerald_2weekcal_inner li.edit_saturday:hover{
		background-color: #87CEFA;
		text-shadow: 0 1px white;
		color:#169090;}	
.emerald_2weekcal_inner li.edit_sunday:hover{
		background-color: #FFC0CB;
		text-shadow: 0 1px white;
		color:#169090;}	
		
.ampm_font li.edit_routine_task {
    background-color: #0FA3A1;
    color: #D2D8DD;
    cursor: pointer;
    font-size: 30px;
    height: 35px;
    padding-bottom: 10px;
    text-shadow: 0 -1px #666666;
    width: 150px;
}		

.detail_routine_task_term {
	width: 35%;
	float:left;
	border-bottom: 1px solid #EEEEEE;
    color: #333333;
    font-size: 14px;
    margin: 0 0 5px;
    padding: 5px 5px 13px;
}

/*/ カレンダーのタスク名 /*/

.emerald_1monthcal_inner {
    background-color:#10ADAB;
	min-height:850px;
    padding:0 4px;}			
.emerald_1monthcal_inner ul.ampm_font{
	padding:20px 0;}
.emerald_1monthcal_inner li.edit{
	font-family: 'Oswald', sans-serif;
	width:125px;
	height:125px;
	background-color:#0fa3a1;
	border-right:1px #169090 solid;
	border-bottom:1px #169090 solid;
	overflow: hidden;
	/*background-color: #F0F0F0;
	border-right:1px #555 solid;
	border-bottom:1px #555 solid;*/
	font-size:24px;
	font-weight:bold;
	text-align:left;
	position: relative;
	float:left;
	margin:4px 3px;
	padding:2px 0 8px 2px;
	color:#D2D8DD;/*#575757;*/
	text-shadow:0 -1px #666;}
	
.emerald_1monthcal_inner li{
	font-family: 'Oswald', sans-serif;
	height:125px;
	width:125px;
	cursor: default;
	border-right:1px /*#0fa3a1*/#169090 solid;
	border-bottom:1px /*#0fa3a1*/#169090 solid;
	font-size:24px;
	display:block;
	font-weight:bold;
	text-align:left;
	position: relative;
	float:left;
	margin:4px 3px;
	padding:2px 0 8px 2px;
	color:#169090;
	text-shadow:none;
	/*opacity: 0.35;*/
}

.task_cal {
	float:right;
	cursor: pointer;
	width: 90px;
	max-height: 35px;
	margin-top: -15px !important;
	margin-bottom: 20px !important;
	font-size:12px !important;
	overflow:hidden;
}

.task_cal a {
	color: #FFFFFF;
	float: left;
}

.task_cal a:hover {
	color: #169090;
}

.icon_task_type img {
	vertical-align:bottom;
	padding-left: 5px;
	padding-right: 5px;
}

.task_cal.more {
	width: 90%;
	margin-bottom: 0px !important;
	background: #F60;
	margin-right: 2px;
	background: -moz-linear-gradient(top, #ffa566, #ED6D1F);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa566), to(#ED6D1F));
	border-right: solid 1px #630;
	border-bottom: solid 1px #630;
	border-radius: 8px 0 0 8px;
}

.task_cal.more:hover {
	margin-bottom: 0px !important;
	background: #F93;
	border-radius: 8px 0 0 8px;
}


.task_cal.more a {
	text-align: right;
	width: 100%;
	display: block;
}

.add_task_cal {
	float: right;
	color: #FFFFFF;
	margin-top: -8px;
	height: 20px;
	width: 20px;
}

.add_task_cal a {
	background:url(../images/icon16_add.png) no-repeat;
	height: 20px;
	width: 20px;
	display: block;
}

.add_task_cal a:hover {
	background:url(../images/icon16_add2.png) no-repeat;
}

/*/ カレンダーの「次月」、「今月」、「前月」 /*/

.cream_inner.prev_month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 27px;
	font-weight: bold;
	text-shadow:0 1px #FFF;
	text-align: center;
	color:#CBA253;
	background-color:#FAE6AF;
	cursor:pointer;
	border-bottom:1px solid #169090;
	border-right:1px solid #169090;
	width:92px; height:27px;
	float:left; margin-right:2px;
}

.cream_inner.current_month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 27px;
	font-weight: bold;
	text-shadow:0 1px #FFF;
	text-align: center;
	color:#CBA253;
	background-color:#FAE6AF;
	cursor:pointer;
	border-bottom:1px solid #169090;
	border-right:1px solid #169090;
	width:92px; height:27px;
	float:left; margin-right:2px;
}

.cream_inner.next_month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 27px;
	font-weight: bold;
	text-shadow:0 1px #FFF;
	text-align: center;
	color:#CBA253;
	background-color:#FAE6AF;
	cursor:pointer;
	border-bottom:1px solid #169090;
	border-right:1px solid #169090;
	width:92px; height:27px;
	float:right; margin-right:2px;
}

.cream_inner.next_month span, .cream_inner.current_month span, .cream_inner.prev_month span {
	font-size:24px;
	vertical-align: top;
}

.cream_inner.next_month:hover,.prev_month:hover,.current_month:hover {
	background-color:#00CCCC;
	color:#169090;}
.cream_inner.when:active {
	background-color:#00CCCC;
	color:#169090;}
.cream_inner.when .selected {
	background-color:#00CCCC;
	color:#169090;}	

.tab_monthly_cal_select_user {
	float: left;
	width: 400px;
}

.select_cal_group {
	background-color: #FAE6AF;
    border-bottom: 1px solid #169090;
    border-right: 1px solid #169090;
    cursor: pointer;
    float: left;
    height: 47px;
	line-height: 35px;
    list-style: none outside none;
	font-size: 20px;
	text-shadow: 0 1px #FFFFFF;
    padding: 0;
}

.select_cal_group p {
	color: #CBA253;
	font-weight: bold;
    text-align: center;
}

.select_cal_group ul {
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0 0 0 -1px;
    padding: 0;
    position: absolute;
}

.select_cal_group div ul {
    background-color: #FBFBFB;
    border: 1px solid #444444;
    min-width: 100px;
    position: absolute;
    width: auto;
}

.select_cal_group ul li {
    border-top: 1px solid #FFFFFF;
    display: block;
    float: left;
    width: 100%;
}

.select_cal_group ul li:hover {
	background:#F00;
}

.select_cal_group li {
    float: right;
    margin: 0 10px 0 0;
    min-width: 300px;
	height: 47px;
    position: relative;
    width: auto;
    z-index: 900;
}

.select_cal_group li a {
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    height: 40px;
    padding: 5px 5px 0;
    text-align: center;
    text-decoration: none;
}

.select_cal_group ul a {
    color: #666666;
    height: 40px;
	line-height: 40px;
    padding: 8px 5px;
}

.select_cal_group ul a span {
	vertical-align: top;
}
	
/*/ datePickerのデザイン適用 /*/	

#mobi_expired_at_date {
	background: none;
	width: 50px;
	height: 50px;
	color: #10ADAB;
	border: none;
}

.cal_datetimepicker_trigger {
	width: 50px;
	height: 50px;
	margin-top: -50px;
	cursor: pointer;
	background-color: #10ADAB;
}

#ui-datepicker-div {
	width: 300px;
	min-height: 200px;
	padding: 2px;
	right: 0px !important;
	display: none;
	background: #CBA253;
	z-index: 1000000000000000000000000000000000 !important;
	border-radius: 4px;
	box-shadow: 2px 2px 5px 2px #000;
	-moz-box-shadow: 2px 2px 5px 2px #000;
    -webkit-box-shadow: 2px 2px 5px 2px #000;
}

.ui-datepicker-header {
	background: #FAE6AF;
	height: 30px;
	border-radius: 2px;
	margin: 2px 2px 0 2px;
}

.ui-datepicker-prev.ui-corner-all{
	clear:both;
}

.ui-datepicker-prev.ui-corner-all-prev {
	float:left;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	border-radius: 2px 0 0 2px;
	border-bottom: solid 1px #630;
	border-right: solid 1px #CBA253;
	cursor: pointer;
	background: -moz-linear-gradient(top, #ffebcd, #FAE6AF);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffebcd), to(#FAE6AF));
}

.ui-datepicker-prev.ui-corner-all-prev:hover {
	background: #00CCCC;
}

.ui-datepicker-prev.ui-corner-all-prev span {
	color: #CBA253;
	font-size: 15px;
	font-weight:bold;
	text-shadow: 0 1px #FFFFFF;
}

.ui-datepicker-prev.ui-corner-all-prev span:hover {
	color: #169090;
}

.ui-datepicker-next.ui-corner-all-next {
	float:right;
	height: 30px;
	line-height: 32px;
	padding: 0 5px;
	border-radius: 2px 0 0 2px;
	border-bottom: solid 1px #630;
	border-left: solid 1px #CBA253;
	cursor: pointer;
	background: -moz-linear-gradient(top, #ffebcd, #FAE6AF); 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffebcd), to(#FAE6AF));
}

.ui-datepicker-next.ui-corner-all-next:hover {
	background: #00CCCC;
}

.ui-datepicker-next.ui-corner-all-next span {
	color: #CBA253;
	font-size: 15px;
	font-weight:bold;
	text-shadow: 0 1px #FFFFFF;
}

.ui-datepicker-next.ui-corner-all-next span:hover {
	color: #169090;
}

.ui-datepicker-title {
	color: #CBA253;
	font-size: 16px;
	font-weight:bold;
	line-height: 30px;
	text-align:center;
	text-shadow: 0 1px #FFFFFF;
	border-bottom: 1px solid #630;
    border-right: 1px solid #630;
}

.ui-datepicker-calendar {
	margin-top:5px;
	font-size: 16px;
	width: 300px;
	height: 260px;
	border-radius: 4px;
	border-spacing: 5px !important;
}

.ui-datepicker-calendar th {
	color: #FFFFFF;
	text-shadow: 0 -1px #999;
	text-align:center;
	height: 20px;
	border-radius: 4px;
}

.ui-datepicker-calendar th span {
	display: block;
	margin: 1px;
	border-bottom: 1px solid #033;
    border-right: 1px solid #033;
	background: #10ADAB;
	background: -moz-linear-gradient(top, #00CED1, #10ADAB);
    background: -webkit-gradient(linear, left top, left bottom, from(#00CED1), to(#10ADAB));
}

.ui-datepicker-week-end span {
    background: #E497A6;
	background: -moz-linear-gradient(top, #FFC0CB, #E497A6) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFC0CB), to(#E497A6)) !important;
}

.ui-datepicker-calendar td {
	text-align:center;
	height: 10px;
	line-height: 43px;
	border: solid 3px #CBA253;
	border-spacing: 5px;
	border-radius: 4px;
}

.ui-datepicker-calendar td a {
	font-family: 'Oswald', sans-serif;
	display: block;
    color: #CBA253;
	font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
	border-bottom: 1px solid #630;
    border-right: 1px solid #630;
	background: #FAE6AF;
	background: -moz-linear-gradient(top, #ffebcd, #FAE6AF);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffebcd), to(#FAE6AF));
}

.ui-datepicker-calendar td a:hover {
	color: #169090;
	background: #ffa566;
	border-bottom: -1px -1px solid #033;
    border-right: -1px -1px solid #033;
}

td.ui-datepicker-today a {
	background: #ED6D1F;
	color: #D2D8DD;
	text-shadow: 0px 1px #666; 
	background: -moz-linear-gradient(top, #ffa566, #ED6D1F);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa566), to(#ED6D1F));
	
}

td.ui-datepicker-today a:hover {
	color: #169090;
	border-bottom: -1px -1px solid #033;
    border-right: -1px -1px solid #033;
	text-shadow: 0 1px #FFFFFF !important;
	background: #ffa566;
	
}

.cal_time_setting {
	background: #FAE6AF;
	border-bottom: 1px solid #033;
    border-right: 1px solid #033;
	font-size:16px;
	color: #CBA253;
	font-weight: bold;
	text-align:center;
	bottom: 0px;
	text-shadow: 1px 1px #FFFFFF;
	padding: 10px 0;
	background: -moz-linear-gradient(top, #ffebcd, #FAE6AF);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffebcd), to(#FAE6AF));
}

button.ui-datepicker-current {
	background-color: #F54204;
    border: 2px outset #F54204;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 1px #334444;
}

button.ui-datepicker-current:hover {
    color: #FFF;
	background-color: #CC3317;
	border: 2px #CC3317;
	border-style: outset;
}

button.ui-datepicker-current:active {
    color: #FFF;
	text-shadow:0 -1px #666;
	background-color: #CC3317;
	border: 2px #CC3317;
	border-style: inset;
	text-decoration: none;
}

#p_datetimepicker_input{
	background: none !important;
	border: none !important;
	width: 0px !important;
	height: 0px !important;
	overflow: hidden !important;
	float: right;
}

.p_edit_todo_desc_expired_at_normal {
	z-index: 10000000000000000000 !important;
}